/*
Theme Name:Educore
Theme URI:http://www.educore.nl/
Description:The default WordPress theme for Educore.
Version:1.0
Author:Yohan Creemers
Author URI:http://www.ylab.nl/
Tags:educore
*/

/* Begin Typography & Colors
#5cb436: dark green
#f2f9ee: light green
#06c: blue
#5888b8: blus visited
#f9f9f9: light gray;
*/
body{
	font-size:0.75em;
	line-height:1.5em;
	font-family:Verdana,sans-serif;
	background:#d5d6d7 url('images/kubrickbgcolor.jpg');
	color:#333;
}
ul, ol{
	margin:0 0 0.7em 0;
	padding:0 0 0 1.5em;
}
ul{
	list-style-type:square;
}
textarea{
	font-family:Verdana,sans-serif;
}
.widecolumn .entry p{
	font-size:1.05em;
}
.thread-alt{
	background-color:#f8f8f8;
}
.thread-even{
	background-color:#fff;
}
.depth-1{
border:1px solid #ddd;
}
.even,.alt{
	border-left:1px solid #ddd;
}
#headerimg h1{
	margin:0;
	position:absolute;
	left:16px;
	top:15px;
}
h2{
	font-size:1.33em;
}
#sidebar h2{
	font-size:1.2em;
	color:#5cb436;
	margin-bottom:1em;
}
h2, h3, a{
	font-weight:normal;
	color:#06c;
	text-decoration:none;
}
h3{
	font-size:1.2em;
	color:#5cb436;
}
em{
	color:#5cb436;
	font-style:normal;
	font-weight:normal;
}
.entry p a:visited{
	color:#5888b8;
}
.commentlist li,#commentform input,#commentform textarea{
	font-size:1em;
}
.commentlist li ul li{
	font-size:1em;
}
.commentlist li{
	font-weight:bold;
}
.commentlist li .avatar{
	float:right;
	border:1px solid #eee;
	padding:2px;
	background:#fff;
}
.commentlist cite,.commentlist cite a{
	font-weight:bold;
	font-style:normal;
	font-size:1em;
}
.commentlist p{
	font-weight:normal;
	text-transform:none;
}
.commentmetadata{
	font-weight:normal;
	font-size:0.9em;
}
small,#sidebar ul ul li,#sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike{
	color:#777;
}
code{
	font:1.1em 'Courier New',Courier,Fixed;
}
acronym,abbr,span.caps{
	font-size:0.9em;
	letter-spacing:.07em;
}
a,h2 a:hover,h3 a:hover{
	color:#06c;
	text-decoration:none;
}
a:hover{
	color:#147;
	text-decoration:underline;
}
#wp-calendar #prev a,#wp-calendar #next a{
	font-size:9pt;
}
#wp-calendar a{
	text-decoration:none;
}
#wp-calendar caption{
	font-size:1.3em;
	font-weight:bold;
}
#wp-calendar th{
	font-style:normal;
	text-transform:capitalize;
}
/* End Typography & Colors */

/* Begin Structure */
body{
	margin:0 0 20px 0;
	padding:0;
}
#page{
	position:relative;
	text-align:left;
	background-color:#fff;
	margin:20px auto;
	padding:0;
	width:760px;
	border:1px solid #959596;
	background: url('images/kubrickbgwide.jpg') repeat-y top; border: none;
}
#header{
	margin:0 0 0 1px;
	padding:0;
	height:200px;
	width:758px;
	background:url('images/header.jpg') no-repeat top center;
}
#headerimg, #headermenu{
	position:relative;
	margin:7px 9px 0;
}
#headerimg{
	width:740px;
	height:85px;
}
#headermenu{
	width:724px;/*740*/
	height:30px;
	padding:15px 0 15px 16px;
	background:#f2f9ee;
}
ul#headermenu, #sidebar ul{
	list-style-type:none;
}
#sidebar ul{
	margin:0;
	padding:0;
}
#headermenu li{
	display:block;
	float:left;
	background:url('../../../graphics/arrow-green-right.png') no-repeat 10px 5px;
	padding-left:20px;
	padding-bottom:20px;
	padding-right:20px;
	border-left:2px solid #fff;
}
#liHome{
	width:126px;
}
#headerimg .description{
	position:absolute;
	right:16px;
	top:43px;
	font-size:1.2em;
	line-height:1em;
	color:#5cb436;
	text-align:right;
	padding-right:144px;
	width:144px;
	background:url('../../../graphics/slogan.png') no-repeat bottom right;
}
#content{
	height:40em;
}
#content[id]{
	min-height:40em;
	height:auto;
}
#footer{
	color:#06c;
	background:#eee url('images/kubrickfooter.jpg') no-repeat bottom;
	border:none;
	text-align:center;
}
/* Begin Sidebar */
#sidebar, #colofon{
	position:absolute;
	top:250px;
	font-size:0.9em;
}
#colofon{
	right:26px;
	width:124px;
	background:#f2f9ee url('../../../graphics/man_in_the_maze.png') no-repeat top center;
	padding:170px 10px 15px;
	color:#5cb436;
	border-bottom:1px solid #5cb436;
}
#sidebar{
	left:26px;/*10+16*/
	padding:20px 0 10px 0;
	width:144px;
}
#sidebar form{
	margin:0;
}
/* End Sidebar */
.narrowcolumn{
	padding:0 0 20px;
	margin:0 auto;
	width:350px;
}
.narrowcolumn img{
	max-width:350px;
}
.widecolumn{
	padding:10px 0 20px 0;
	margin:5px 0 0 150px;
	width:450px;
}
.post{
	padding:0 0 20px;
	margin:0 0 20px;
	border-bottom:1px solid #5cb436;
	clear:both;
}
.post hr{
	display:block;
}
.postmetadata{
	padding-top:5px;
	padding-bottom:10px;
	clear:both;
}
.widecolumn .post{
	margin:0;
}
.widecolumn .postmetadata{
	margin:30px 0;
}
.widecolumn .smallattachment{
	float:left;
	width:128px;
	margin:5px 5px 5px 0px;
}
.widecolumn .attachment{
	margin:5px 0px;
}
.clear{
	clear:both;
}
#footer{
	padding:0;
	margin:0 auto;
	width:760px;
	clear:both;
}
#footer p{
	margin:0;
	padding:20px 0;
}
.categories {
	border-top:1px solid #5cb436;
	background:#f9f9f9;
	margin:10px auto;
	padding:15px 10px;
	width:124px;
}
/* End Structure */

/*	Begin Headers */
h2{
	margin:0;
}
h3{
	padding:0;
	margin:15px 0 0;
}
h3.comments{
	padding:0;
	margin:40px auto 20px ;
}
/* End Headers */

/* Begin Images */
p img{
	padding:0;
	max-width:100%;
}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center",being much more futureproof (and valid) */
img.centered{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
img.alignright{
	padding:4px;
	margin:0 0 2px 7px;
	display:inline;
}
img.alignleft{
	padding:4px;
	margin:0 7px 2px 0;
	display:inline;
}
.alignright{
	float:right;
}
.alignleft{
	float:left
}
/* End Images */

/* Begin Form Elements */
#sidebar #searchform #s{
	width:118px;
	padding:1px 2px;
}
#sidebar #searchsubmit{
	padding:1px 5px 1px 0;
	border:0;
	background:none;
	background:url('../../../graphics/arrow-blue-right.png') no-repeat center right;
}
select{
	width:130px;
}
#commentform input{
	width:170px;
	padding:2px;
	margin:5px 5px 1px 0;
}
#commentform{
	margin:5px 10px 0 0;
}
#commentform textarea{
	width:100%;
	padding:2px;
}

#commentform #submit{
	margin:0 0 5px auto;
	float:right;
}
/* End Form Elements */

/* Begin Comments*/
.alt{
	margin:0;
	padding:10px;
}
.commentlist{
	padding:0;
}
.commentlist li{
	margin:15px 0 10px;
	padding:5px 5px 10px 10px;
	list-style:none;
}
.commentlist li ul li{
	margin-right:-5px;
	margin-left:10px;
}
.commentlist p{
	margin:10px 5px 10px 0;
}
.children{
	padding:0;
}
#commentform p{
	margin:5px 0;
}
.nocomments{
	margin:0;
	padding:0;
}
.commentmetadata{
	margin:0;
	display:block;
}
/* End Comments */

/* Begin Calendar */
#wp-calendar{
	empty-cells:show;
	margin:10px auto 0;
	width:155px;
}
#wp-calendar #next a{
	padding-right:10px;
	text-align:right;
}
#wp-calendar #prev a{
	padding-left:10px;
	text-align:left;
}
#wp-calendar a{
	display:block;
}
#wp-calendar caption{
	width:100%;
}
#wp-calendar td{
	padding:3px 0;
}
#wp-calendar td.pad:hover{ /* Doesn't work in IE */
	background-color:#fff;
}
/* End Calendar */

/* Begin Various Tags & Classes */
acronym,abbr,span.caps{
	cursor:help;
}
acronym,abbr{
	border-bottom:1px dashed #999;
}
blockquote{
	margin:15px 30px 0 10px;
	padding-left:20px;
	border-left:5px solid #ddd;
}
blockquote cite{
	margin:5px 0 0;
	display:block;
}
.center{
}
.hidden{
	display:none;
}
hr{
	display:none;
}
a img{
	border:none;
}
.navigation{
	margin-top:10px;
	margin-bottom:10px;
	font-size:0.9em;
	height:1.5em;
	clear:both;
}
.navigation[class]{
	height:auto;
	min-height:1.5em;
}
.metadata{
	color:#5cb436;
}
.metadata a, .metadata a:visited{
	color:#5cb436;
}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter,div.aligncenter{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption{
	border:1px solid #ddd;
	background-color:#f3f3f3;
	padding-top:4px;
	margin:10px;
	text-align:center;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
}
.wp-caption img{
	margin:0;
	padding:0;
	border:0 none;
}
.wp-caption p.wp-caption-text{
	font-size:11px;
	line-height:17px;
	padding:0 4px 5px;
	margin:0;
}
/* End captions */
@media print{
	#sidebar, #colofon, #headermenu,.navigation{
		display:none;
	}
	#header,#headerimg,#page,.narrowcolumn,#footer{
		width:auto;
		height:auto;
		margin:0;
	}
	#header{
		height:100px;
	}
	#headerimg h1{
		left:0;
	}
	#headerimg .description{
		background:none;
		right:0;
		padding-right:0;
	}
}