/*
Theme Name: Stefft Theme
Theme URI: http://stefft.nl
Description: 
Version: 1.0
Author: Stef van der Linden
Author URI: http://stefvanderlinden.nl/
*/

body {
	font: normal 12px/180% Helvetica, Arial, sans-serif;
	margin: 0; padding: 0;
	background: #f1f1f1;
}

h1, h2, h3, p, small, form, fieldset, label, input {
	margin: 0; padding: 0;
}

a img {
	border: 0;
}

/*
	FRAMEWORK
*/

#page {
	margin: 20px auto;
	padding: 20px;
	width: 950px;
	background: #fff;
}

#header {
	overflow: hidden;
	padding: 10px 0 5px 90px;
	height: 66px;
	background: url(./images/logo_stefftnl.gif) no-repeat 1% 35%;
	cursor: pointer;
	border-bottom: 1px solid #458CCA;
}	
	div#header h1, div#header p {
		margin: 0; padding: 0;
	}

	div#header h1 a {
		display: block;
		color: #000;
		text-decoration: none;
		font-size: 45px;
		line-height: 60%;
		letter-spacing:-2px;
	}
	
	div#header h1 a:hover {
		text-decoration: underline;
	}

	div#header p {
		font-size: 10px;
	}

#footer {
	border-top: 1px solid #458CCA;
	clear: both;
	margin: 0 auto;
	width: 950px;	
	padding: 0 4px;
}

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

	#footer p {
		font-size: 10px;
		color: #aaa;
		margin: 2px 0;
	}

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

/* contenter */
#content {
	padding: 5px 10px 10px 0;
	float: left;
	width: 565px;
}

#sidebar {
	padding: 5px 0 10px 0;
	float: left;
}

	#sidebar .column1 {
		width: 200px;
		float: left;
	}

	#sidebar .column2 {
		width: 175px;
		float: right;		
	}

/* 
	MARKUP
*/

div#content a {
	color: #25479d;
}

div#sidebar a {
	color: #458CCA;
}

div#content a:hover {
	color: #fff;
	background-color: #25479d;
}

div#sidebar a:hover {
	color: #fff;
	background-color: #458CCA;
}

div#sidebar .widget {
	margin: 0 0 10px;
}

div#sidebar h2 {
	text-transform: uppercase;
	font-size: 10px;
	color: #393;
	margin: 2px 1px;
	padding: 0; 
}

div#sidebar h2 a {
	color: #393;
	text-decoration: none;
}

div#sidebar h2 a:hover {
	color: #fff;
	background-color: #393;
}

div#sidebar p {
	margin: 0; padding: 0;
}

div#sidebar ul {
	margin: 0; padding: 0;
	font-size: 10px;
	list-style: circle;
	margin-left: 16px;
}

div#sidebar ul li {
	line-height: 150%;
}

/* posts */
div#content h2 a {
	font-size: 28px;
	letter-spacing:-1px;
	margin:0;
	padding:0;
	color: #111;
	text-decoration: none;
}

.post {
	margin: 6px 0;
}

.entry {
	padding: 5px 1px;
	margin: 0;
}

.entry p {
	margin: 6px 0;
	padding: 0;
}

.postmetadata {
	background-color: #D1E2EF;
	padding: 5px 5px;
	border: 1px solid #f1f1f1;
}


/* comments markup */
.commentlist cite {
	background-color: #FFF3E2;
	display:block;
	font: 13px/150% "Trebuchet MS", Arial, sans-serif;	
	padding: 5px 10px;
	margin-bottom: 5px;
}	


.commenttext {
	border-top: 1px solid #FFF3E2;
	padding: 10px;
}

/* comments markup */
#commentform fieldset {
	padding: 5px;
	margin: 4px 0;
	border-color: #FFF3E2;
	font-size: 120%;
}

#commentform label {
	width: 120px;
	display: block;
	float: left;
	font-weight: bold;
	margin: 2px 0;
}

#commentform label small {
	display: block;
	font-weight: normal;
	font-size: 9px;
	font-style: italic;
	display: none;
}

#commentform input[type=text] {
	display: block;
	margin: 0 0 2px 0;
	width: 60%;
}

#commentform textarea {
	width: 85%;
	margin: 2px 0;
}


/*div.navigation {
	background-color: #D1E2EF;
	padding: 5px 5px;
	border: 1px solid #f1f1f1;
	overflow: hidden;
}

div.navigation .alignleft {
	width: 45%;
	float: left;
	text-align: left;
}

div.navigation .alignright {
	width: 45%;
	float: right;
	text-align: right;
}
*/

.navigation {
	font-size:  12px;
	line-height: 18px;
	overflow: hidden;
	color: #888;
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #FF4B33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	width: 50%;
	text-align:right;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}

.meta-nav {
	font-size: 120%;
}