@import 'reset.css';

a { color: #86B300; }
	a:hover { color: #06F; }
	a img { border:none; }

em { font-style: italic; }
strong { font-weight: bold; }
html, body { height: 100%; width: 100%; }
.center { text-align:center; }
.bold { font-weight:bold; }

body { background: url(img/bg.jpg) center top repeat-x #fff; color: #444; font: normal 62.5% "Lucida Sans Unicode",sans-serif; margin: 0; }
input { color: #555; font: normal 1.1em "Lucida Sans Unicode",sans-serif; }
p,cite,code,ul { font-size: 1.2em; padding-bottom: 0.5em; }
h1 { font:  5em "Lucida Sans Unicode",sans-serif; margin: 12px 0 2px 0; }
h1,h2,h3 { color: #367EA6; }
h2 { font: bold 200% "Lucida Sans Unicode",sans-serif; }
h3 { font: bold 200% "Lucida Sans Unicode",sans-serif; }
.sidenav a { color: #fff; }
	.sidenav a:hover { color: #111111; }

/* structure */
#header { background: url('img/whatsyourdrive.jpg') center 5px no-repeat; height: 204px; }
.container { position:relative; margin: 0 auto; padding-bottom: 6px; width: 767px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -6em; /* the bottom margin is the negative value of the footer's height */ }
a#logo { position: relative; background: url(img/logo.jpg) top left no-repeat; display: block; float: left; margin-top: -60px; height: 138px; text-indent: -9999px; width:226px; }
	a:hover#logo { background: url(img/logo.jpg) bottom left no-repeat; }
/* title */
.title h1 a { color: #FFF; text-decoration:none; }
	.title h1 a:hover { color: #FFF; text-decoration:none; }
	.title h1 a:visited { color: #FFF; text-decoration:none; }
/* navigation */
.navigation { margin-bottom: 4px; }
	.navigation a { background-color: #4A91C3; color: #FFF; float: left; font: bold 1.2em "Trebuchet MS",sans-serif; padding: 8px 0; width: 19%; border-right: 1px solid #FFF; text-align: center; text-decoration: none; }
		.navigation a:hover { background-color: #000; color: #FFF; }
/* main */
.main { clear: both; }
/* main left */
.sidenav h1,.sidenav ul, .textwidget { padding-left: 12px; }
.sidenav { background: url('img/bgsidebar.jpg') repeat-y right; float: left; margin: 14px 0 0 0; width: 226px; }
	.sidenav h1 { position: relative; border-bottom: 1px dotted #ccc; color: #369835; font-size: 1.2em; font-weight: bold; margin: -4px 4px 0 0; padding: 0px 0 4px 8px; }
	.sidenav div { margin: 0 0 14px 0; }
		.sidenav div.simpleimage { margin: 0; }
		.sidenav #widget_twitter_vjck div { margin: 0; }
		.sidenav .twitter_time_source { border-bottom: 1px dotted #ddd; color: #aaa; font-size: 0.8em; padding: 4px 5px 4px 0; text-align: right; }
		
	.sidenav h2 { font: bold 110% "Lucida Sans Unicode",sans-serif; color: #8EBC01; margin: 6px 0 0 0; }
	.sidenav small { font-size: 0.8em; }
	
	.sidenav ul { margin: 8px 0 0 0; padding: 0 0 14px 0; }
	.sidenav ul ul { padding: 0; }
	.sidenav li { border-top: none; list-style: none; margin: 0; padding: 3px 6px 3px 14px; }
	.sidenav a { color: #8EBC01; font-size: 0.9em; line-height: 16px; text-decoration: underline; }
		.sidenav a:hover { color: #111; }
		.sidenav div.sidenavbegin { background:url(img/bgsidenavbegin.jpg) right repeat-y; height: 57px; margin: 0; width: 4px; float: right; }
		.sidenav div.sidenaveind { background:url(img/bgsidenaveind.jpg) right repeat-y; height: 57px; margin: 0; width: 4px; float: right; }

		.sidenav a.rsswidget { color: #333; text-decoration: none; }
		.sidenav a:hover.rsswidget { color: #333; text-decoration: underline; }
	
/* menu */
#menucontainer { width: 540px; padding: 80px 0 4px; margin: 0; float: right; border-bottom: 1px dotted #339933; }
#menu { position: relative; padding: 0px 0px 10px 10px; font: bold 1.2em Verdana, sans-serif; }
	#menu li { list-style: none; margin: 0px -4px 0px 0px; display: inline; }
		#menu li a { padding: 10px 15px 10px 15px; margin: 0px 0px 0px 5px; text-decoration: none; }
			#menu li a:link { color: #339933; }
			#menu li a:visited { color: #667; }
			#menu li a:hover, #menu li a#current { color: #FF9900; top: 10px; }
/* content */
.content { position: relative; float: right; width: 525px; }
	.content .item {  background: url(img/bgitem.jpg) right bottom no-repeat; margin-bottom: 8px; }
	.content .descr { font: normal 4em "Lucida Sans Console", sans-serif; color: #333; margin-bottom: 6px; }
	.content p { font: normal 1.5em Trebuchet MS, sans-serif; color: #333; margin-bottom: 6px; }
.entry p { line-height: 22px; font-size: 1.4em; }
.content li { margin-left: 18px; }
/* search form */
form { padding: 0 0 6px 8px; }
.styled { border: 1px solid #DDD; padding: 4px; }
.button { background: url('img/search.gif') no-repeat left bottom; border: none; height: 27px; width: 27px; }
/* footer */
.footer { background: url(img/patroon.jpg) center top; border-top: 3px solid #AFDD22; color: #fff; font-size: 1em; margin: 0 auto; overflow: hidden; padding: 0px 0px 0px 0px; width: 100%; }
.footer, .push {  /* height: 6em; .push must be the same height as .footer */ }
	.footer ul { font-size: 1em; }
	.footer li { padding: 1px 0; }
	.footer h4 { font-weight: bold; color: #fff; font-size: 1.2em; }
	.footer a { color: #369835; text-decoration: none; }
		.footer a:hover { color: #fff; }
		.footerwrapper { background: url(img/bgfooterwrapper.jpg) right top repeat-y; margin: 0 auto; overflow: hidden; width: 767px; }
		.footer .kolom { float: right; padding: 10px 0 0 0; width: 252px; }
/*post styling*/
.item { margin:0 0 25px 0; }
	.item .info { border-bottom:1px solid #e3e4e4; color:#aaa; font-size:1em; margin-bottom: 10px; padding:2px 3px 7px 8px; position: relative; }
.info a { color:#369835; }
/* Comments Styling */
#commentlist li { margin-bottom: 1.5em; padding-bottom: 1em; border-bottom: 1px solid #700000; }
#commentform { margin: 1em 0; background: #fafafa; width: 300px; }
	#commentform textarea { background: #fafafa; border: 1px solid #d6d3d3; width: 280px; }
		#commentform textarea:hover { background: #fafafa; border: 1px solid #d6d3d3; }
		#commentform textarea:focus { background: #fff; border: 1px solid #939793; }
	#commentform #email, #commentform #author, #commentform #url { font-size: 1.1em; background: #fafafa; border: 1px solid #d6d3d3; width: 280px; }
	#commentform #email:hover, #commentform #author:hover, #commentform #url:hover { font-size: 1.1em; background: #fafafa; border: 1px solid #d6d3d3; width: 280px; }
	#commentform #email:focus, #commentform #author:focus, #commentform #url:focus { font-size: 1.1em; background: #fafafa; border: 1px solid #939793; width: 280px; }
	#commentform input { margin-bottom: 3px; }

/* misc */
code { background: url('img/bgcode.gif'); border: 1px solid #F0F0F0; border-left: 6px solid #39F; color: #555; display: block; font: normal 1.1em "Lucida Sans Unicode",serif; margin-bottom: 12px; padding: 8px 10px; white-space: pre; }
cite { background: url(img/quote.gif) no-repeat; color: #666; font: normal 1.3em "Lucida Sans Unicode",serif; padding-left: 28px; }

.clearer { clear: both; }
.clear { clear: both; }

.item ul li { list-style-type:circle; }
.item ol li { margin-left:22px; }
.item h1 a { font: normal 0.65em Trebuchet MS, sans-serif; color: #86B300; letter-spacing: -3px; line-height: 40px; }
	.item h1 a:hover { color: #369835; }

.taright { text-align: right; padding: 0 8px 0 0; }