/* 
Theme Name: PCC
Theme URL: http://christinaconcours.nl
Description: Wordpress Thema voor het Prinses Christina Concours
Author: Orange Aria
Author URI: http://www.orangearia.nl
Version: 1.0
*/

/*  The following CSS Reset was written by Dejan Cancarevic http://stylizedweb.com/2008/02/14/10-best-css-hacks/  */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}

/************************************************/
/*** Styles | Global ****************************/
/************************************************/

* {margin:0;padding:0; line-height: 1.5; }
html, body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #fff; color: #530000;}

a {text-decoration: none; color: #333333;}
	a:hover {text-decoration: underline; color: #000;}

b, strong {font-weight: bold;}
em {font-style: italic;}

/* headers */
h1 {font-size: 24px;}
h2 {font-size: 18px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}

h5 {font-size: 16px;}

/* colors */
.taupe {color: #674c47;}
.rood {color: #ed1c24;}

a, a:link {color: #ed1c24; font-weight: bold;}

/************************************************/
/*** Layout | Basic *****************************/
/************************************************/

#container{ width: 950px; text-align: left; position: relative; min-height: 729px;}
#top {height: 21px; position: relative; text-align: right; width: 950px; padding: 10px 0 5px 0;}
#header {position: relative; height: 180px; padding: 10px 0 0 0; z-index: 99;}
	
	a#logo {display: block; height: 68px; width: 211px; display: block; position: absolute; top: 35px; left: 0; background:url(images/logo.jpg);}

	#featured {width: 710px; float: right; height: 165px; position: relative;}
		#featured ul, #featured li {list-style: none;}
		.featured-item {width: 225px; height: 165px; position: relative; float: left; background: #674c47; margin: 0 15px 0 0;}
			.featured-item img {margin: 0 0 5px 0;}
			.featured-item h4 a{color: #fff; padding: 0 0 0 10px; display: block; }

/* #menu {margin: 0 0 20px 250px; position: relative; width: 700px; z-index:99;} */
#menu {position: relative; height: 35px; margin: 0 0 10px 250px; background: #ed1c24; width: 700px; z-index:99;}
	
#content {font-size: 12px; z-index: 1; padding: 0 0 10px 0;}
	#content-main {position: relative; width: 700px; float: right; text-align: left;}
		#content-left {position: relative; width: 480px; float: left; background: url(images/contentbg.png) repeat; z-index: 3;}
			#content-left p{}
		#content-right {position: relative; width: 220px; float: left;}
			a#classicexpress {width: 220px; height: 88px; display: block; background: url(images/classicexpress.jpg); margin: 10px 0 0 0;}
			a#kiesjeinstrument {width: 220px; height: 88px; display: block; background: url(images/kiesjeinstrument.jpg); margin: 10px 0 0 0;}
			a#benniebriljant {width: 220px; height: 88px; display: block; background: url(images/benniebriljant.jpg); margin: 10px 0 0 0;}
			a#junior {width: 220px; height: 88px; display: block; background: url(images/junior.jpg); margin: 10px 0 0 0;}
					
#footer {position: relative; font-size: 10px; clear: both;}			
	.oatekst {position: absolute; top: 20px; left: 0;}
		.oatekst a {font-size: 9px;}
	.sponsors {padding: 20px 0 0 0; float: right;}
		.sponsors a {color: #ed1c24;}
	#footer a {color: #ed1c24;}
	
/************************************************/
/*** Pages / Articles ***************************/
/************************************************/	

.page {}
	.page p{padding: 0 0 10px 0;}
	.page h2 {background: url(images/titel_hoek.jpg) right no-repeat #674c47; color: #fff; display: inline; padding: 5px 20px 5px 10px; margin: 0 0 10px 0;}
	.page-content {padding: 15px;}

.post {}	
	.post p {padding: 0 0 10px 0;}
	.post h2 {background: url(images/titel_hoek.jpg) right no-repeat #674c47; color: #fff; display: inline; padding: 5px 20px 5px 10px; margin: 0 0 10px 0;}
	.post-content {padding: 15px;}
	
.nieuws {}
	.nieuws p {padding: 0 0 10px 0;}
	.nieuws h2 {background: url(images/titel_hoek.jpg) right no-repeat #674c47; color: #fff; display: inline; padding: 5px 20px 5px 10px; margin: 0 0 10px 0;}
	.nieuws a {color: #ed1c24; font-weight: bold;}
	
	.nieuws-content, .nieuws-content-small {padding: 10px 15px 0 15px;}
		.nieuws-content-small p {padding: 0 0 5px 0; margin: 0;}

.leesmeer {}	
		
/************************************************/
/*** SEARCH *************************************/
/************************************************/
	

	#menu .zoeken {position: absolute; top: 5px; right: 10px;}
		.zoeken input{width: 80px; font-size: 10px; height: 20px; padding: 0; margin: 0; position: absolute; top: 0; right: 30px;}
		.zoeken #searchsubmit {width: 19px; height: 19px; background: url('images/zoekknop.jpg') no-repeat; border: 0; cursor: pointer; position: absolute; top: 5x; right: 5px;}
	
/************************************************/
/*** Widgets ************************************/
/************************************************/

.widget {}
	.widget_recent_entries {}
		.widget_recent_entries a{color: #530000;}
		.widget_recent_entries ul, .widget_recent_entries li {list-style: inside square;}
		

.submenu-widget {}
	.submenu-widget ul {}
	.submenu-widget li {list-style: inside square; }
		.submenu-widget ul li ul li {padding: 0 0 0 15px;}
	.submenu-widget a{color: #530000;}
		.submenu-widget .current_page_item a{font-weight: bold; color: #ed1c24;}
	
span.youtube {margin: 0 5px 0 0; display: inline;}

/************************************************/
/*** SPECIAL CLASSES  ***************************/
/************************************************/

.ngg-album-compact p {display: none;}
div .ngg-description p{display: none;}
#clbtn {position: absolute; top: -20px; align: center;}
#shTopImg {position: relative;}

a.piclenselink {display: none;}

.socialmedialinks {background: #674c47; padding: 10px; color: #fff; font-size: 12px;}
	.socialmedialinks .tekst {float: left; padding: 10px 0 0 0;}

.error {display: block; background:#FF0000; color: #fff; padding: 10px;}

/************************************************/
/*** Pagination : Start *************************/
/************************************************/

div.navigation { height: 21px; padding: 0; }
div.navigation div.prev { float: left; height: 21px; line-height: 30px; }
div.navigation div.next { float: right; height: 21px; line-height: 30px; }
div#pagenav { height: 21px; margin: 0 0 30px 0px; display:block; float:left; }
div#pagenav div.simplenavi { text-align: center; }
	div#pagenav div.simplenavi a, div#pagenav div.simplenavi a:link, div#pagenav div.simplenavi a:visited { padding: 7px 10px; }
	div#pagenav div.simplenavi a:hover { text-decoration: none; border: none; background:#17181c; }
	div#pagenav div.simplenavi a:active { text-decoration: none; border: none; background:#17181c; }

div#pagenav div.wp-pagenavi { height: 26px; padding: 11px 10px 20px 10px; text-align: left; display:block; float:left; }
div#pagenav div.wp-pagenavi a, div#pagenav div.wp-pagenavi a:link, div#pagenav div.wp-pagenavi a:visited { 
	margin: 0 6px 0 0; padding: 7px 10px; background: #e0e0e0; color: #ed1c24;  border:0;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;
}
div#pagenav div.wp-pagenavi a:hover { text-decoration: none; color: #000; background:#fff; border:0;}
div#pagenav div.wp-pagenavi a:active { text-decoration: none; background:#ccc; border:0;}
div#pagenav div.wp-pagenavi span { margin: 0 6px 0 0; padding: 7px 10px; background: #ccc;border:0; color: #444;font-size: 10px; font-weight:normal;}
div#pagenav div.wp-pagenavi span.current {color:#000; background:#fff; border:0;}
div#pagenav div.wp-pagenavi span.extend {  }

/************************************************/
/*** Clearfix ***********************************/
/************************************************/
			
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix {display: inline-block; } 
html[xmlns] .clearfix {display: block;}
* html .clearfix { height: 1%;}

/************************************************/
/*** Language ***********************************/
/************************************************/

#footer_language_list{
  margin-bottom: 25px;
  text-align: right;
}

#footer_language_list ul{
  list-style: none;
  margin:0;
  padding:0;
}

#footer_language_list ul li img{
  margin-right:5px;
}

#footer_language_list ul li{
  display:inline;
  margin:0 5px 0 5px;
  padding:0;
}

#footer_language_list ul li a, #footer_language_list ul li a:visited{
  color: #000;
  text-decoration:none;
}

#footer_language_list ul li a:hover, #footer_language_list ul li a:active{
  color: #000;
  text-decoration: underline;
}



/* divsites */

.likebtn {
	float: right;
	text-align: left;
	width: 200px;
	height: 21px;
	}

#divsites {
	float: right;
	width: 500px;
	height: 21px;
	padding: 0;
	}

#divsites a {
	color: #634d48;
	font-size: 13px;
	font-family: sans-serif;
	font-weight: bold;
	}

#divsites a:hover {
	color: #dd483a;
	font-size: 13px;
	font-weight: bold;
	}
	
#divsites ul {
	list-style: none;
	width: 500px;
	height: 13px;
	margin: 0;
	padding: 4px 0;
	}
	
#divsites ul li {
	display: inline;
	margin: 0 0 0 8px;
	padding: 0;
	float: right;
	}
	

/* twitter */

#twitter {
	float: left;
	width: 220px;
	padding: 12px 0 0;
	border-top: 1px solid #674c47;
	}

.tweet {
	float: left;
	padding: 0 0 12px;
	}

.avatar {
	float: left;
	width: 24px;
	height: 24px;
	padding: 2px 6px 6px 2px;
	margin: 2px 0 0 0;
	background: url('images/tbg.png') top left no-repeat;
	}
	
.avatar img {
	width: 24px;
	height: 24px;
	}
	
.message {
	float: right;
	width: 188px;
	font-size: 11px;
	padding: 0;
	margin: 0;
	}
	
.author {
	float: left;
	width: 180px;
	padding: 8px 0 6px 8px;
	color: #644e48;
	font-size: 16px;
	height: 17px;
	}
	
.author a {
	color: #644e48;
	}
	
.author a:hover {
	color: #dd483a;
	}
	
.tweetmsg {
	float: left;
	width: 180px;
	padding: 0 0 6px 8px;
	font-size: 11px;
	}
	
.tweetmsg a {
	font-weight: normal;
	color: #674c47;
	font-size: 11px;
	}
	
.time {
	float: left;
	width: 180px;
	font-size: 10px;
	font-style: italic;
	padding: 0 0 0 8px;
	}
	
.time a {
	font-weight: normal;
	}
	
	
.twitter-follow-button {
	float: left;
	}
	
.twittertitle {
	float: left;
	padding: 12px 0 4px;
	}
	
.meertweets {
	float: left;
	padding: 0 0 6px 0;
	}