/*
Theme Name: Koos & Co's
Theme URI: http://www.imagro.nl/
Description: Custom template
Version: 1.6
Author: Jeroen Caspers
Author URI: http://binarybonsai.com/

*/



/* Begin Typography & Colors */
body { background:#31302d url(images/background.jpg) 50% 0 no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#646464; margin:0; line-height:18px;}

a { color:#960c08; text-decoration:none;}
a:hover { text-decoration:underline;}
a img { border:0;}

#column_right a { color:#fff;}

strong { font-weight:bold}

h1 { margin:0; padding:0; font-size:35px; color:#ffffff; text-transform:uppercase;}
h3,
h2 { margin:0; padding:0; font-size:20px; color:#960c08; text-transform:uppercase; font-weight:lighter;}
	#column_left h2 { color:#FFFFFF; margin:20px 0 10px 0; }
	
	#column_left .comment h3,
	#column_left .block h2 { color:#960c08; margin:0; }
	
	#column_right h2 { color:#fff; margin-bottom:5px; }
	

img.left { float:left; margin:2px 10px 0 0;}
img.right { float:right; margin:2px 0 10px 10px;}

.inputarea { width:100%; height:125px; border:1px solid #aaa;}
.inputfield { width:200px; height:17px; border:1px solid #aaa;}

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

/* ID's */
#container { position:relative; margin:auto; width:806px; }

#header {}
	#draw { width:611px; height:205px; float:left;}
	#logo { padding:25px 0 0 0; width:195px; float:left;}

#menu { border-bottom:1px dashed #8f8f8f; }
	#menu li { float:left; }
	#menu li a { float:left; color:#fff; font-weight:normal; text-transform:uppercase; font-size:14px; display:block; padding:6px 0; margin:0 15px; }

#main { padding:50px 5px 0 5px;}
	#page_title { margin-bottom:30px;}
	
	#column_left { float:left; width:575px; margin-right:35px;}
	#column_right { float:left; width:155px; }

/* Classes */
.clear { clear:both; }

#column_left .block { background:#fff; display:block; padding:15px; margin-bottom:10px;}
	#column_left .block .datum { color:#000; font-size:9px; display:block; }
	#column_left .block:after {  content: ""; display: block; height: 0; clear: both; }
	
#column_left .comment { background:#fff; display:block; padding:15px; margin-bottom:10px;}
	#column_left .comment:after {  content: ""; display: block; height: 0; clear: both; }

#column_right .block { border-bottom:1px dashed #fff; color:#a4a4a4; padding:15px 5px 15px 5px; }
	#column_right .block .datum { color:#a4a4a4; font-size:9px; display:block; }
	#column_right .block .text { color:#fff; display:block; }
	#column_right .block .item { margin-bottom:10px; }

.fields td { padding:2px 0;}