/*
Theme Name: WordPress theme for George
Theme URI: http://mannschaft.org/
Description: Theme for George
Version: 2.0
Author: Rob Meerman and Tim Benniks
Author URI: http://mannschaft.org/
Tags: custom
*/

/* Atatonic CSS Framework */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1;font:12px/18px "Lucida Grande", Arial, sans-serif;color:#111}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}hr{height:0;border:0;border-top:1px solid #e0e0e0;width:100%;margin:0 0 17px;padding:0}header,footer,section,aside,nav,article{display:block!important}.zp-wrapper{width:970px;margin:0 auto}.zp-5,.zp-10,.zp-15,.zp-20,.zp-25,.zp-30,.zp-33,.zp-35,.zp-40,.zp-45,.zp-50,.zp-55,.zp-60,.zp-65,.zp-67,.zp-70,.zp-75,.zp-80,.zp-85,.zp-90,.zp-95,.zp-100{float:left;display:inline}.zp-5{width:5%}.zp-10{width:10%}.zp-15{width:15%}.zp-20{width:20%}.zp-25{width:25%}.zp-30{width:30%}.zp-33{width:33.33%}.zp-35{width:35%}.zp-40{width:40%}.zp-45{width:45%}.zp-50{width:50%}.zp-55{width:55%}.zp-60{width:60%}.zp-65{width:65%}.zp-67{width:66.67%}.zp-70{width:70%}.zp-75{width:75%}.zp-80{width:80%}.zp-85{width:85%}.zp-90{width:90%}.zp-95{width:95%}.zp-100{width:100%}.last{padding:0!important}.clear{clear:both}.left{float:left}.right{float:right}.list{list-style:none;margin:0;padding:0}.list li{display:inline;margin:0 6px 0 0}.clearfix:after,.zp-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix,.zp-wrapper{display:inline-block}html[xmlns] .clearfix,html[xmlns] .zp-wrapper{display:block}* html .clearfix,* html .zp-wrapper{height:1%}.skip{display:block;left:-9999px;position:absolute;visibility:hidden}h1{font-size:36px;line-height:36px;font-weight:400;font-family:Georgia, "Times new roman", serif}h2{font-family:Georgia, "Times new roman", serif;font-size:18px;line-height:36px;font-style:italic;font-weight:400}h3{font-size:12px;line-height:18px;font-weight:700;color:#000;margin:0}h4{font-size:12px;line-height:18px;font-weight:400;color:#666;margin:0}h5,h6{font-size:12px;line-height:18px;font-weight:400;margin:0}p{margin:0 0 18px}p img,li img{float:left;margin:4px 6px 0 0;padding:0}p img.right,li img.right{float:right;margin:4px 0 6px;padding:0}a,a:focus{color:#009;text-decoration:underline}blockquote{background:#F9F9F9;border-left:6px solid #ccc;quotes:" " ' ';color:#333;font-family:Georgia, "Times new roman", serif;font-size:13px;font-style:italic;margin:0 0 18px;padding:9px}p.intro:first-letter,p.important:first-letter{font-size:43px;font-weight:400;line-height:32px;letter-spacing:5px;float:left;width:auto;font-family:Georgia, Times, serif;padding:5px 0 0}p.intro:first-line,p.important:first-line{font-variant:small-caps}pre,code{background:#111;border:1px solid #333;font-family:monaco, courier, "courier new", monospace;font-size:11px;margin:0 0 18px;padding:9px}a.button,button{display:block;float:left;border:1px solid #ccc;background:#ccc url(../images/button.png) left top repeat-x;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;font-size:11px;line-height:16px;text-decoration:none;font-weight:400;color:#333;cursor:pointer;white-space:nowrap;vertical-align:baseline;border-color:#999 #858585 #666;margin:0 3px 15px 0;padding:2px 6px}button{width:auto;overflow:visible;padding:1px 4px}a.button{line-height:14px}button[type]{line-height:16px;padding:1px 4px}a.button:hover,button:hover{background-color:#ccc;border:1px solid #000;color:#000;text-decoration:none}.notification{font-size:11px;line-height:18px;margin:0 0 17px;padding:0 4px}.notice{background:#FFF6BF;color:#514721;border-bottom:1px solid #FFD324}.error{background:#FBE3E4;color:#8a1f11;border-bottom:1px solid #FBC2C4}.success{background:#E6EFC2;color:#264409;border-bottom:1px solid #C6D880}fieldset{border:1px solid #ccc;margin:0 0 18px;padding:9px}legend{color:#333;font-size:18px;line-height:18px;padding:0}label{float:left;width:100px;display:block;text-align:left;cursor:pointer;color:#333;margin:0 12px 0 0}.form-item{margin:0 0 11px}textarea,input{border:solid #ddd;border-width:1px 1px 2px;padding:4px}textarea{font-family:"Lucida Sans",Helvetica,sans-serif;font-size:11px}textarea:focus,input:focus{background:#f9f9f9;border:solid #ddd;border-width:1px 1px 2px}input.form-field-error,textarea.form-field-error{background:#FBE3E4;color:#8A1F11;border-color:#FBC2C4 #FBC2C4 #ee9b9e;border-style:solid;border-width:1px 1px 2px}input.form-field-notice,textarea.form-field-notice{background:#FFF6BF;color:#514721;border-color:#FFD324 #FFD324 #e3bb1b;border-style:solid;border-width:1px 1px 2px}select{border:1px solid #ccc;background:#f9f9f9;color:#333}input[type=checkbox],input[type=radio]{margin:3px 4px 0 0}input[type=radio]{background-color:#fff;color:#000}option{background:#fff;color:#000}optgroup{background:#f2f2f2;color:#111}a:hover,input[type=checkbox]{color:#000}


/* George Perczel 2009
---------------------------------------------------------- 

@package:	Atatonic CSS Framework 2009	
@Author: 	Tim Benniks <tim@timbenniks.com>
@Created: 	09-09-2009

---------------------------------------------------------- */

body {
	background: #333;
	color: #fff;
	font: 14px/18px Georgia, Times, serif; /* 6px grid (6 - 12 - 18 - 24 - 30 - 36) */
}


/* html 5 compatability
---------------------------------------------------------- */

header, footer, section, aside, nav, article, figure {
	display: block !important;
}


/* Typography
---------------------------------------------------------- */

h1 {
	color: #fff;
	font-size: 27px;
	line-height: 36px;
}

h2 {
	font-size: 18px;
	line-height: 20px; /* this is te maintain the same height as the logo */
	margin: 0 0 18px 0;
	color: #fff;
	font-weight: bold;
	font-style: normal;
}

h3 {
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	font-weight: normal;
	font-style: normal;
	margin: 0 0 18px 0;
}

	h3 a {
		color: #fff;
	}
	
	h3 a:hover {
		color: #fff;
		background: #CD071E;
	}

a {
	color: #CD071E;
	text-decoration: none;
}

a:focus,
a:active {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #CD071E;
	text-decoration: none;
	background: #fff;
}

	#logo a:hover {
		background: transparent;
	}
	
	#logo {
		background: transparent;
	}

p {
	margin: 0 0 14px 0;
}

a img {
	display: block;
}

strong.search-excerpt { background: yellow; }


/* Grid
---------------------------------------------------------- */

.zp-wrapper {
	width: 1068px;
	height: 712px;
	margin: 0 auto;
}

#content-area {
	padding: 115px 0 0 0;
	position: relative;
}

	#content {
		position: relative;
		height: 587px;
		overflow: hidden;
		margin: 10px 0 0 0;
	}
	
	#content .padding {
		padding: 0 70px 0 101px;
 		height: 597px;
	}
	
	#sidebar .padding {
		padding: 0 0 0 41px;
	}
	
	#quote {
		position: absolute;
		top: 420px;
		left: 200px;
		display: block;
		width: 420px;
		text-align: left;
	}

	
/* navigation
---------------------------------------------------------- */

#navigation {
	text-align: right;
	width: 141px;
	margin: -1px 0 0 0;
}

	#navigation li a {
		font-weight: bold;
		font-size: 20px;
		line-height: 27px;	
		color: #fff;
	}
		
	#navigation li a:hover {
		background: #CD071E;
		color: #fff;
	}
	
	#navigation li.current_page_item a, 
	#navigation li a:focus,
	#navigation li a:active {
		color: #fff;
		background: #CD071E;
	}

	#navigation li.current_page_item a { 
		color: #CD071E; 
		background: #fff;
	}

		#navigation li.page-item-2 a, 
		#navigation li.page-item-5 a, 
		#navigation li.page-item-7 a, 
		#navigation li.page-item-9 a {
			color: #CD071E;
		}
		
		#navigation li.page-item-2 a:hover, 
		#navigation li.page-item-5 a:hover, 
		#navigation li.page-item-7 a:hover, 
		#navigation li.page-item-9 a:hover {
			color: #CD071E; 
			background: #fff;
		}


/* Misc
---------------------------------------------------------- */

#ie6-upgrade {
	padding: 5px 10px;
}

#ie6-upgrade h4 {
	color: #000;
	font-weight: bold;
}

#ie6-upgrade a {
	color: #000;
	text-decoration: underline;
	border: none;
}

	#ie6-upgrade a:hover {
		border: none;
		color: #444;
	}

.hidden,
.post-meta-key {
	display: none;
}


/* Search form 
---------------------------------------------------------- */

#searchform {
	width: 141px;
	margin: 20px 0 0 0;
}

	#searchform input {
		float: right;
		width: auto;
		background: none;
		padding: 0;
		margin: 0;
		border: none;
		color: #fff;
		font-family: Georgia, Times, serif;
		font-size: 14px;
		text-transform: lowercase;
		cursor: pointer;
	}


	#searchform input#s {
		width: 137px;
		border: none;
		padding: 2px;
		background: #ccc;
		cursor: default;
		float: none;
		color: #333;
		font-size: 13px;
	}
	
	#searchform .screen-reader-text {
		display: none;
	}


/* Pages - home
---------------------------------------------------------- */

.home p.home-story {
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
}

.home p.read-more-link {
	float: right;
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;
	font-style: italic;
	margin: 7px 0 0 0;
}

	.home p.read-more-link a {
		color: #fff;
	}
	
	.home p.read-more-link a:hover {
		color: #CD071E;
		background: #fff;
	}

.home .zp-wrapper {
	background: #333 url(./images/ToKaderScherp_center3.jpg) no-repeat;
	height: 712px;
}

.home #content .padding {
	padding: 0 70px 0 101px;
}


/* Pages - one of the red-pages
---------------------------------------------------------- */

.red-page .zp-wrapper {
	background: #333 url(./images/ToKaderBlur_center3.jpg) no-repeat;
	height: 712px;
}

.red-page #content .padding {
	padding: 0 70px 0 101px;
	height: 597px;
}


/* Pages - one of the white-pages
---------------------------------------------------------- */

.white-page .zp-wrapper {
	background: #333 url(./images/3_gris.jpg) no-repeat;
	height: 712px;
}

.white-page #content .padding {
	padding: 0 70px 0 0;
	height: 597px;
}


/* Pages - contact
---------------------------------------------------------- */

.contact .zp-wrapper {
	background: #333 url(./images/ToKaderScherp_center3.jpg) no-repeat;
	height: 712px;
}

.contact #content .padding {
	padding: 0 70px 0 101px;
}

	.contact p {
		font-weight: bold;
		font-size: 16px;
	}
	
	.contact p a {
		color: #fff;
		background: none;
	}
	
	.contact p a:hover {
		background: #CD071E;
		color: #fff;
	}
	

/* Pages - big-page
---------------------------------------------------------- */

.big-page .zp-wrapper,
.uitsnede-twee .zp-wrapper {
	background: #333 url(./images/3_gris.jpg) no-repeat;
	height: 712px;
}

.big-page #content {
	margin: 96px 0 0 0;
	height: 500px;
	width: 878px;
}

.big-page #content .padding {
	padding: 0 20px 0 0;
}

.big-page #sidebar {
	width: 190px !important;
}


/* scrollpane
---------------------------------------------------------- */

.jScrollPaneContainer {
	overflow: hidden;
	z-index: 1;
	height: auto !important;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}

.jScrollPaneDrag {
	position: absolute;
	background: #CD071E;
	cursor: pointer;
	overflow: hidden;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}