/*
Theme Name: Fryske Beweging
Theme URI: http://wordpress.org/
Description: WordPress theme for the Fryske Beweging developed by <a href="http://pronamic.nl/">Pronamic</a>.
Version: 1.0
Author: Pronamic
Author URI: http://pronamic.nl/
Tags: pronamic, fryske beweging, red, blue
*/

 /*
 Red: #EF3E34;
 */

body {
	background: #EF3E34;

	color: #666;

	border-top: 5px solid #EF3E34;

	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 80%;

	line-height: 150%;

	margin: 0;
}

#wrapper {
	background: #FFF url("images/background.gif") repeat-x;

	position: relative;
}

#flag {
	background: url("images/flag.png") no-repeat;

	position: absolute;
	top: 170px;
	right: 0;

	width: 284px;
	height: 305px;
}

/**
 * Global
 */
.clear {
	clear: both;
}

hr {
	display: none;
}

img {
	border: 0;

	display: block;
}

p {
	margin: 10px 0;
}

form {
	margin: 0;
}

.alignright {
	float: right;
}

.spotlight .more-link span,
.alignleft a,
.alignright a {
	background: #e4e4e4 url("images/bg-button.gif") left top repeat-x;

	border: 1px solid #cfcfcf;
	
	display: inline-block;

	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	font-weight: bold;

	padding: 6px 8px;
	
	text-align: center;
}

.spotlight .more-link:hover span {
	text-decoration: underline;
}

.navigation {
	padding: 1px 0;

	margin-top: 15px;
}

/**
 * Achors
 */
a {
	color: #EF3E34;

	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {

}

a.important-link {
	background: url("images/arrow.gif") left top no-repeat;

	padding-left: 25px;
}

a.link,
a.more-link {
	font-size: 11px;

	text-transform: uppercase;
}

.intro a.more-link {
	background: url("images/arrow.gif") left top no-repeat;

	font-size: 12px;

	padding-left: 25px;

	text-transform: none;
}

a.important-link:hover,
.intro a.more-link:hover {
	background-position: bottom left;
}

/**
 * Titles
 */
h1, h2, h3, h4 {
	color: #000;

	padding: 2px 0;
}

h2 {
	font-size: 20px;

	margin: 0;
}

h2.important {
	color: #EF3E34;

	padding: 5px 0;

	font-size: 26px;
}

/**
 * Form
 */
.wpcf7 input[type=text],
textarea {
	border: 1px solid #DEDEDE;

	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.wpcf7 input[type=text]:hover, 
textarea:hover {
	border-color: #F9461C;
}

.wpcf7 input[type=text]:focus, 
textarea:focus {
	border-color: #222;
}

form input[type=text],
form textarea, 
form select {
	border: 1px solid #CDCDCD;

	padding: 5px;
}

/**
 * Container
 */
#container {
	width: 990px;

	margin: 0 auto;
}

/**
 * Top
 */
 #top {	
	padding: 15px 0;
}

/* Name */
#name {
	background: url("images/logo.gif") no-repeat center center;

	display: block;
	
	float: left;

	overflow: hidden;

	text-indent: -1000em;

	width: 364px;
	height: 114px;
}

h1#name {
	margin: 0;
}

/* Search */
#search {
	float: right;

	margin-top: 40px;
}

#search input {
	background: url("images/search.gif") 8px center no-repeat;

	border: 1px solid #CCC;

	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	padding: 8px 8px 8px 40px;

	width: 200px;
}

#search input:focus {
	background-position: -370px center;

	border: 1px solid #EF3E34;
}

/**
 * Navigation
 */
#nav {
	margin-bottom: 12px;
}
#nav ul {
	list-style: none;

	margin: 0;
	padding: 0;
}

#nav li {
	float: left;

	margin: 0 8px;
}

#nav li.current_page_item a {
	color: #EF3E34;
}

#nav a {
	color: #000;

	display: block;

	font-size: 14px;
	font-weight: bold;

	padding: 5px;

	text-decoration: none;
}

#nav a:hover {
	text-decoration: underline;
}

/**
 * Main
 */
#main {
	padding-bottom: 30px;
}

/**
 * Sidebar
 */
#sidebar {
	float: left;

	margin-right: 15px;

	width: 290px;
}

/**
 * Blocks
 */
.block-215,
.block-290,
.block-380,
.block-455, 
.block-686 {
	margin-bottom: 9px;

	position: relative;
}

.block-215 p,
.block-290 p,
.block-380 p,
.block-455 p,
.block-686 p {
	margin-bottom: 0;
}
 
.block-215 h2,
.block-290 h2,
.block-380 h2,
.block-455 h2,
.block-686 h2 {

}

.block-215 ul,
.block-290 ul,
.block-380 ul, 
.block-455 ul,
.block-686 ul {
	margin-bottom: 0;
}

.block-215 .label,
.block-290 .label,
.block-380 .label,
.block-455 .label,
.block-686 .label {
	background: url("images/blocks/label.png");

	position: absolute;
	right: 0;
	top: 3px;

	width: 18px;
	height: 22px;
}

/* Block 290  */
.block-215 .info {
	background: url("images/blocks/215-middle.png") repeat-y;

	margin: 0 -3px;
	padding: 0 20px; 

	width: 181px;
}

.block-215 .top {
	background: url("images/blocks/215-top.png") no-repeat;

	margin: 0 -3px;

	height: 15px;
	width: 221px;
}

.block-215 .bottom {
	background: url("images/blocks/215-bottom.png") no-repeat;

	margin: 0 -3px;

	height: 20px;
	width: 221px;
}

/* Block 290  */
.block-290 .info {
	background: url("images/blocks/290-middle.png") repeat-y;

	margin: 0 -3px;
	padding: 0 20px; 

	width: 256px;
}

.block-290 .top {
	background: url("images/blocks/290-top.png") no-repeat;

	margin: 0 -3px;

	height: 15px;
	width: 296px;
}

.block-290 .bottom {
	background: url("images/blocks/290-bottom.png") no-repeat;

	margin: 0 -3px;

	height: 20px;
	width: 296px;
}

/* Block 380  */
.block-380 .info {
	background: url("images/blocks/380-middle.png") repeat-y;

	margin: 0 -3px;
	padding: 0 20px; 

	width: 346px;
}

.block-380 .top {
	background: url("images/blocks/380-top.png") no-repeat;

	margin: 0 -3px;

	height: 15px;
	width: 386px;
}

.block-380 .bottom {
	background: url("images/blocks/380-bottom.png") no-repeat;

	margin: 0 -3px;

	height: 20px;
	width: 386px;
}

/* Block 455  */
.block-455 .info {
	background: url("images/blocks/455-middle.png") repeat-y;

	margin: 0 -3px;
	padding: 0 20px; 

	width: 421px;
}

.block-455 .top {
	background: url("images/blocks/455-top.png") no-repeat;

	margin: 0 -3px;

	height: 15px;
	width: 461px;
}

.block-455 .bottom {
	background: url("images/blocks/455-bottom.png") no-repeat;

	margin: 0 -3px;

	height: 20px;
	width: 461px;
}

/* Block 686  */
.block-686 .info {
	background: url("images/blocks/686-middle.png") repeat-y;

	margin: 0 -3px;
	padding: 0 20px; 

	width: 651px;
}

.block-686 .top {
	background: url("images/blocks/686-top.png") no-repeat;

	margin: 0 -3px;

	height: 15px;
	width: 691px;
}

.block-686 .bottom {
	background: url("images/blocks/686-bottom.png") no-repeat;

	margin: 0 -3px;

	height: 20px;
	width: 691px;
}

/* Newsletter  */
.block-290.newsletter .info {
	background-image: url("images/blocks/290-blue-middle.png");
}

.block-290.newsletter .top {
	background-image: url("images/blocks/290-blue-top.png");
}

.block-290.newsletter .bottom {
	background-image: url("images/blocks/290-blue-bottom.png");
}

.block-290.newsletter h2 {
	color: #FFF;

	margin-bottom: 10px;
}

.newsletter label {
	display: none;
}

.newsletter input {
	background: -moz-linear-gradient(top, bottombottom, from(#EAF3F8), to(#FFFFFF));
	background: -webkit-gradient(linear, 0% 80%, 0% 100%, from(#FFF), to(#CCC));

	border: none;

	padding: 7px;

	width: 130px;
}

#contactsubmit {
	background: #2473d4 url("images/newsletter-btn.gif") left bottom repeat-x;

	border: 1px solid #002e66;

	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	color: #FFF;

	cursor: pointer;

	font-size: 11px;
	font-weight: bold;
	
	padding: 8px;

	text-transform: uppercase;
	
	width: 100px;
}

.required {
	color: #FFF;
}

/* Fryske Wiki  */
a#fryske-wiki {
	background: url("images/fryske-wiki.png") no-repeat;

	display: block;

	width: 295px;
	height: 99px;
	
	overflow: hidden;
	
	margin: 0 -3px;
	
	text-indent: -10000px;
}

/* Wordt lid */
a#subscribe {
	background: url("images/subscribe.png") no-repeat;

	display: block;

	width: 296px;
	height: 55px;

	overflow: hidden;

	margin: 0 -3px;
	margin-bottom: 9px;

	text-indent: -10000px;
}

/* Fryske beweging  */
#fryske-beweging {
	background: url("images/fryske-beweging.png") no-repeat;

	margin: 0 -3px;

	width: 221px;
	height: 156px;

	text-indent: -10000px;
}

/* Quote  */
.block-290.quote .info {
	background-image: url("images/blocks/290-red-middle.png");
}

.block-290.quote .top {
	background-image: url("images/blocks/290-red-top.png");
}

.block-290.quote .bottom {
	background-image: url("images/blocks/290-red-bottom.png");
}

.block-290.quote h2 {
	color: #FFF;

	margin-bottom: 10px;
}

.block-290.quote p {
	color: #FFF;
}

#ticker ul {
	color: #000;

	font-family: Georgia, Times new roman, serif;
	font-style: italic;

	line-height: 180%;

	width: 250px;
	height: 90px;


	overflow: hidden;

	list-style:none;

	margin: 0;
	padding: 0;
}

#ticker ul li {
	font-size: 18px;

	padding-top: 0;
	padding-bottom: 0;

	height: 90px;
}

#ticker ul li em {
	color: #f9b2ae;

	display: block;

	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	font-size: 11px;
}

/**
 * Info
 */
.info .block-head {
	float: left;
}

.info .block-assistent {
	padding: 2px 0;

	float: right;
}

.info ul.list {
	margin: 0;
	padding: 0;

	list-style: none;
}

.info ul.list li {
	border-bottom: 1px solid #E3E3E3;

	overflow: hidden;

	margin: 0 -16px;
	padding: 10px 15px;
}

/* Small list */
.info ul.sub-nav {
	margin: 0;
	padding: 0;

	list-style: none;

	margin-top: 5px;
}

.info ul.sub-nav li {
	border-bottom: 1px solid #E3E3E3;

	margin: 0 -16px;
	padding: 10px 15px;
}

.info ul.sub-nav li a {
	background: url("images/arrow-small.gif") no-repeat;

	padding-left: 15px;
}

.info ul.sub-nav li a:hover {
	background-position: left bottom;

	color: #000;

	text-decoration: none;
}

.info ul li.active a,
.info ul li.current_page_item a {
	background-position: left -34px;

	color: #000;
}

.info ul li p {
	margin: 0;
}

.info h3 {
	font-size: 12px;

	margin: 0;
}

.info h3 a {
	color: #000;

	text-decoration: none;
}

.info h3 a:hover {
	color: #EF3E34;
}

.info .image {
	float: left;
}

.info .image img {
	border: 1px solid #E0E0E0;

	padding: 4px;
}

.info .image a:hover img {
	border: 1px solid #EF3E34;
}

.info .content {
	float: right;

	width: 248px;
}

.info .content p {
	display: inline;
}

.date {
	color: #666;

	font-size: 11px;

	text-transform: uppercase;
}

/**
 * Core
 */
#core {
	float: right;

	width: 685px;
}

#core #col-1 {
	float: left;
}

#core #col-2 {
	float: right;
}

/* Inner column 1 */
#core #inner-col-1 {
	border-right: 1px solid #e7e7e7;

	margin: -11px 0;

	float: left;

	padding-top: 11px;
	padding-right: 15px;

	width: 339px;
}

#core #inner-col-1 h2 {
	margin-bottom: 10px;
}

/* Articles */
.article {
	border-bottom: 1px solid #e7e7e7;

	padding: 0 15px 15px 15px;

	margin: 0 -16px 15px -16px;
}

.article.last {
	border: none;
}

.article .image {
	float: none;

	margin-bottom: 10px;

	width: 310px;
}

.article p {
	margin: 0;
}

.article h3 {
	font-size: 16px;
}

/* Inner column 2 */
#core #inner-col-2 {
	float: right;

	padding-top: 15px;

	margin: -11px 0;

	width: 280px;
}

#core #inner-col-2 h2 {
	margin-bottom: 6px;
}

#core #inner-col-2 ul li.last {
	border: none;
}

#core #inner-col-2 ul li .content {
	width: 180px;
}

p.breadcrumbs {
	color: #999;
}

/**
 * Companies
 */
.company li {
	background: url("images/bg-list.gif") repeat-y;
}

.company li.odd {
	background: none;
}

.company .image {
	float: right;

	width: 150px;
}

.company .image img {
	border: none;
}

.company .row-content {
	width: 270px;
}

/**
 * Events home
 */
.event-date {
	background-color: #EE3f35; 

	color: #FFF; 

	text-align: center; 

	padding: 2px 8px; 

	float: left; 

	margin-right: 10px;
}

.event-date span {
	display: block; 

	font-size: 18px;
}

.event-info {

}

.row-content {
	float: left; 

	width: 200px;
}

.row-content.events {
	width: 350px;
}

.row-content h3 {
	font-size: 16px;
}

/**
 * Events page
 */
.events li {
	background: url("images/bg-list.gif") left top repeat-y;

	border-bottom: 1px solid #E7E7E7;
}

.events .event-date {
	font-size: 16px;

	padding: 8px 10px; 
}

.events .event-date span {
	font-size: 24px;
}

.events .event-info {
	width: 350px;
}

.events li.odd {
	background: none;
}

/**
 * Videos page
 */
.video {
	background: url("images/bg-video.gif") left bottom repeat-x;

	border: 1px solid #E7E7E7;

	float: left;

	margin: 5px 12px 5px 0;
	padding: 5px;

	width: 120px;

	text-align: center;
}

.video.last {
	margin-right: 0;
}

.video img {
	margin: 0 auto;
}

/**
 * Social share
 */
#social-share {
	margin-top: 20px;
}

#social-share ul, ul#social-share {
	margin-top: 10px;

	padding: 0;
}

#social-share ul li, ul#social-share li {
	border: none;

	display: inline;

	margin: 0;
	padding: 0;
}

#social-share  ul li img, ul#social-share li img {
	display: inline;
}

/**
 * FlickR
 */

#flickr img {
	display: inline;

	margin: 5px;
}

/**
 * Header
 */
#header {
	background-color: #CCC;

	margin-bottom: 12px;
}

/**
 * Footer
 */
#footer-wrapper {
	background: #FFF url("images/footer/background.gif") left top repeat-x;
}

#footer {
	margin: 0 auto;
	padding: 15px 0;

	min-height: 70px;
	width: 990px;
}

#footer a {
	color: #666;

	text-decoration: none;
}

#footer a:hover {
	color: #000;
}

#footer h3 {
	font-size: 16px;

	margin-top: 0;
}

#footer ul {
	margin: 0;
	padding: 0;

	list-style: none;
}

#footer a {
	background: #FFF url("images/arrow-small.gif") left top no-repeat;

	padding-left: 15px;
}

#footer a:hover {
	background-position: left bottom;
}

#footer .col-1,
#footer .col-2,
#footer .col-3 {
	float: left;

	min-height: 110px;

	padding-left: 115px;

	width: 205px;
}

#footer .col-1 {
	background: url("images/footer/hyves.gif") left top no-repeat;

	margin-right: 15px;
}

#footer .col-2 {
	background: url("images/footer/facebook.gif") left top no-repeat;

	margin-right: 15px;
}

#footer .col-3 {
	background: url("images/footer/link.gif") left top no-repeat;
}

#footer .col-1:hover,
#footer .col-2:hover,
#footer .col-3:hover {
	background-position: -406px top;
}

/**
 * Footer assistent
 */
#footer-assistent {
	color: #FCD8D6;

	font-size: 11px;

	margin: 0 auto;
	padding: 15px 0;

	width: 990px;
}

#footer-assistent p.copyright { float: left; }
#footer-assistent p.realisation { float: right; }

#footer-assistent a {
	color: #FFF;

	text-decoration: none;
}

#footer-assistent a:hover {
	text-decoration: underline;
}


/**
 * Slideshow
 */
#featured { 
	background: #FFF;

	padding-right: 220px;

	position: relative;

	border: 1px solid #CCC;

	width: 463px;
	height: 267px;

	overflow: hidden;
}

#featured ul.ui-tabs-nav { 
	position: absolute; 
	top: 0; 
	left: 463px; 

	list-style:none; 
	padding: 0; 
	margin: 0;

	width: 220px; 
}

#featured ul.ui-tabs-nav li { 
	border: 1px solid #FFF;
}

#featured ul.ui-tabs-nav li img {
	background: #FFF;

	border: 1px solid #EEE;

	float: left; 

	padding: 1px;
	margin-right: 4px;
}

#featured ul.ui-tabs-nav li span { 
	font-size: 16px;
}

#featured li.ui-tabs-nav-item a {
	background: #FFF url("images/tab.gif");

	color: #333;

	padding: 4px;

	display: block;

	height: 79px; 
}

#featured li.ui-tabs-nav-item a:hover { 
	background: #F2F2F2; 
}

#featured ul.ui-tabs-nav li.ui-tabs-selected a { 
	background: #EE3F35 url("images/tab-active.gif");

	color: #FFF;
}

/* Big image */
#featured .ui-tabs-panel {
	background: #999;

	width: 463px; 
	height: 267px;

	position: relative;
}

#featured .ui-tabs-panel .info {
	background: url("images/transparent-bg.png");

	position: absolute; 
	bottom: 0; 
	left: 0;

	padding: 10px;

	width: 443px;
}

#featured .info h2 { 
	color: #FFF;

	margin: 0 0 5px 0;
}

#featured .info p {
	color: #F0F0F0;
	line-height: 135%;
	margin: 0;
}

#featured .info a { 
	color: #FFF; 
}

#featured .ui-tabs-hide { 
	display: none; 
}