/*  
Theme Name: Ons Kookboek
Theme URI: http://www.onskookboek.be/
Description: Drafting a Wordpress Theme voor Ons Kookboek 
Author: Stef
Author URI: http://www.onskookboek.be/ 
*/

/* CSS Document */
body{
	padding:0; 
	margin:0;
	background:url(images/bg.gif) top left repeat-y #FFFFFF;
	width:100%; 
	vertical-align:top;
	font-family: tahoma;
	color:#686868; line-height:16px; font-size:11px;
}

.col {
	float:left;
}

form, div, input, textarea { margin:0; padding:0;}

input, textarea {font-size:1.01em;}

input {vertical-align:top;}

.search .input {border-color:#D4D0C8; padding-top:2px; padding-bottom:2px; background:#FFFFFF; margin:5px 5px 0px 0px;}
.search .submit { margin:5px 0px 0px 0px;}


.postmetadataalt {
	font-size:0.81em; 
}
.pagetitle {
	padding:0px 0px 10px 10px;
	margin:0px;
	font-size:1.41em;
	font-weight:bold;
	line-height:20px;
	color:#686868;
}
p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

a { color:#FFFFFF;}
a:hover {text-decoration:none;}

#respond {
	font-size:1.31em;
	font-weight:normal;
	line-height:29px;
	color:#C4D6EE;
}

#links_with_style  {
	vertical-align:top;
}
#archives  {
	vertical-align:top;
}
#meta  {
	vertical-align:top;
}
#recent-comments  {
	vertical-align:top;
}
#recent-posts  {
	vertical-align:top;
}
#categories  {
	vertical-align:top;
}
#calendar_wrap {
	vertical-align:top;
	font-size:1.01em;
	padding:10px 0px 0px 0px;
	color:#FFFFFF;
}
#calendar {
	vertical-align:top;
}
#calendar_wrap a {
	text-decoration:underline;
	font-weight:bold;
}
#calendar_wrap a:hover {
	text-decoration:none;
	font-weight:bold;
}
#google-search  {
	vertical-align:top;
}
#gsearch {
	text-align:left;
}
#pages  {
	vertical-align:top;
}
#text-1 {
	vertical-align:top;
}
.textwidget {
	text-align:left;
	padding:10px 15px 0px 15px;
	font-size:1.01em;
}
#delicious {
	vertical-align:top;
}
#delicious-box {
	text-align:left;
}

.spacer {font-size:0px; line-height:0px;}
.clear {clear:both;}


.navigation {padding:10px 0px 10px 0px; display:table; width:100%;}

.alignleft {width:40%; float:left; color:#000000; padding-left:18px;}
.alignright {width:40%; float:right; text-align:right; color:#000000; padding-right:18px;}
.alignleft a {color:#000000; font-size:1.01em; font-weight:bold;}
.alignright a {color:#000000; font-size:1.01em; font-weight:bold;}


.side {color:#FFFFFF;}
.side a {color:#FFFFFF;}

.statusbar p {padding:7px 0px 0px 10px; font-weight:normal; color:#FFFFFF;}



h1, h2, h3 {margin:0px; padding:0px;}




h1 {font-size:3.65em; font-family:arial; text-transform:none; line-height:1.00em; font-weight:normal; letter-spacing:0px; padding-left:312px; padding-top:60px;}
h1 a{color:#3c3c3c; text-decoration:none;}

h2 { font-size:1.01em; line-height:1.11em;  color:#353535; text-transform:uppercase;}
h2 a{color:#d21834; text-decoration:none;  padding-right:3px; font-weight:bold;}
h2 a:hover{text-decoration:underline;}

h3 { font-size:1.01em; line-height:1.11em;  color:#353535; text-transform:uppercase;}
h3 a{color:#d21834; text-decoration:none;  padding-right:3px; font-weight:bold;}
h3 a:hover{text-decoration:underline;}


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

.main { width:100%; background:url(images/bg-top.jpg) top left no-repeat;}

.slogan { color:#b5b5b5; padding-left:316px; text-transform:uppercase; font-size:9px; font-family:Arial; }
.slogan a  {color:#448eb7; font-size:9px; font-family:Arial; font-weight:bold;}

.search-top { padding-left:317px; padding-top:30px; font-weight:bold; text-transform:uppercase; color:#3f3f3f; padding-bottom:40px;}
.search-top input { vertical-align:middle;}
.search-top .input { width:180px; margin:0px 8px 0px 5px;}

.left {width:306px; margin-left:-100%;}
.left .margin {padding:293px 110px 20px 26px;}

.right {width:100%;}
.right .margin {padding:0px 34px 15px 0px; margin-left:306px;}

#topwrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 680px;
	
}


#side-a {
	float: left;
	width: 340px;
}

#side-b { 
	margin: 0;
	float: left;
	width: 340px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

.top h1 {
	font-size: 12px;
	margin: 3px;
	padding: 0;
	float: right;
	height: auto;
}

.line { background:url(images/line.gif) repeat-x; font-size:0px; line-height:0px;}
.line2 { line-height:0px; font-size:0px; background:#efefef; height:3px;}

.widget {padding-bottom:17px; margin-top:13px;}
.widget h2 {font-size:1.01em; padding:1px 0px 10px 20px; background:url(images/a1.gif) no-repeat 0 5px; color:#FFFFFF;}
.widget ul {margin:4px 0px 0px 26px; padding:0px; list-style:none; line-height:1.46em;}
.widget ul li {padding-left:15px; background:url(images/a2.gif) no-repeat 0 6px;}
.widget ul li a {color:#FFFFFF; text-decoration:none;}
.widget ul li a:hover{text-decoration:underline;}
.widget ul.children {margin:5px 0px 5px 0px;}

#links_with_style h2 {font-size:1.01em; padding:1px 0px 10px 20px; background:url(images/a1.gif) no-repeat 0 5px; color:#FFFFFF;}
#links_with_style ul {margin:0px; padding:0px; list-style:none; line-height:normal;}
#links_with_style ul li {padding:0px; background:none;}
#links_with_style ul li ul {margin:0px 0px 0px 26px; padding:0px; list-style:none; line-height:1.82em;}
#links_with_style ul li ul li {padding-left:15px; background:url(images/a2.gif) no-repeat 0 6px;}
#links_with_style ul li ul li a{ color:#FFFFFF; font-weight:bold;}

.content .topic { padding-left:9px;}
.content .author { float:left; color:#6e6e6e; padding-right:20px; padding-top:30px;}
.content .author h3 { color:#353535;}
.content .author h3 a{ color:#d21834;}
.content .author a{ color:#6e6e6e; text-decoration:none}
.content .author a:hover{text-decoration:underline;}

.content .date { float:left; width:122px; background:url(images/s1.gif) no-repeat 0 5px; text-align:center; padding-top:30px; font-weight:bold; color:#48483c;}

.content .comment { background:url(images/s1.gif) no-repeat 0 5px; text-align:center; padding:30px 0px 0px 0px; color:#3b3b3b; float:left; width:135px;}
.content .comment a { color:#3b3b3b;}

.content .text {padding:20px 5px 40px 9px; text-align:justify;}
.content .text img { margin-bottom:23px;}
.content .text a { color:#448eb7;}

.footer { padding:20px 34px 40px 306px; color:#565656; text-align:right}
.footer a { color:#565656}
.footer .line2 { margin-bottom:25px;}


.blog { padding:0px 0px 0px 0px; color:#565656; text-align:left}
.blog a { color:#565656}
.blog .line2 { margin-bottom:25px;}


.mm_container {
width: 682px; padding-left:317px; 
}

.mm_container a { color:#448eb7;}
.mm_cleaner {
clear: both;
height: 1px;
font-size: 1px;
border: none;
margin: 0px;
padding: 0px;
background: transparent;
}
.mm_outer {
background-image : url('images/dots_v.png');
background-repeat: repeat-y;
background-position: 336px 0px;
}

.mm1 {
width: 336px;
float: left;
}
.mm2 {
width: 10px;
float: left;
}
.mm3 {
width: 336px;
float: left;
}