/*
Theme Name: KVF 2010
Theme URI: 
Description: 
Version: 1.0
Author: Smexit KVF
Author URI: 
Latest updated: 2010
Thanks and greetings: 
*/

/* Body */
*{margin:0; padding:0;}
body{background:#f4f4f4 url(img/bg2.gif) top center repeat-y; color:#303030; font:80% Georgia, Times, serif;}

#wrap{background-color:#ffffff; color:#303030; margin:0 auto; width:850px;}

/* Links */
a{background-color:inherit; color:#000000; font-weight:normal; text-decoration:none;}
a:hover{background-color:inherit; color:#666666; font-weight:normal; text-decoration:none;}
a img{border:0;}

/* Header */
#header{margin:15px 0 5px 0;}
#header h1{background-color:inherit; color:#505050; float:left; font-size:2em; letter-spacing:-1px; margin:0 0 10px; width:450px;}
#header h1 a{background-color:inherit; color:#505050; text-decoration:none;}
#header p{background-color:inherit; color:#990000; float:right; font-size:1.1em; font-weight:bold; line-height:1.3em; margin:6px 0 0; text-align:center; width:380px;}
#frontphoto{margin:0 0 20px 0px;}

/* Sidebars */
#leftside{clear:left; float:left; line-height:1.4em; margin:0 0 5px; width:140px;}
#extras{float:right; line-height:1.4em; margin:0 0 5px; width:195px; border:0px solid;}
#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget{font-size:0.9em; margin:0 0 18px;}
#leftside li, #extras li{line-height:1.2em; list-style:none; margin:0 0 6px;}
#leftside ul ul, #extras ul ul{margin:6px 0 0 10px;}
#leftside ul ul li, #extras ul ul li{margin:0 0 8px;}
#leftside ul ul li a, #extras ul ul li a{font-weight:normal;}
#leftside ul.linklist, #extras ul.linklist{font-size:1em;}
#leftside ul.linklist ul, #extras ul.linklist ul{margin:0 0 18px;}
#leftside ul.linklist ul li a, #extras ul.linklist ul li a{font-weight:bold;}
#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3{background-color:inherit; color:#505050; font-size:1.2em; margin:0 0 10px;}
#leftside label, #extras label{display:none;}

/* Main menu */
ul.page{list-style:none; margin:0 0 18px; width:140px;}
ul.page li{display:inline; line-height:1.4em; width:140px; font-size: 110%; letter-spacing: 1px; text-transform:none;}
ul.page li a{background-color:#f4f4f4; border-left:4px solid #330000; color:#663333; float:left; font-weight:bold; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:130px;}
ul.page li a:hover, ul.page li.current_page_item a{background-color:#330000; border-left:4px solid #663333; color:#FFFFFF;}
ul.page ul{font-size:0.9em;margin:0 0 0 15px;padding:0 0 5px;width:125px;}
ul.page ul a{padding:3px 1px 3px 5px;width:115px;}
ul.page ul ul{width:113px;}
ul.page ul ul a{width:100px;}

/* POST */
.post {
	margin-bottom:40px;
}
/* Content */
#content{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;line-height:1.6em;margin:0 200px 5px 150px;padding:0 10px;}
#contentwide{border-left:1px solid #f0f0f0;line-height:1.6em;margin:0 0 5px 150px;padding:0 0 0 10px;}
#content p {margin: 0 0 14px 0;}
#content h2,#contentwide h2{font-size:1.6em;margin:0 0 10px; color:#663333;}
#content h3,#contentwide h3{font-size:1.2em;margin:0 0 10px; color:#000000;}
#content img,#contentwide img{border:1px solid #d0d0d0;float:left;margin:3px 10px 3px 0;}
#content ul,#contentwide ul,#content ol,#contentwide ol{margin:0 0 16px 20px;}
#content li,#contentwide li{padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol{margin:0 0 0 16px;}

/* Footer */
#footer{background-color:#ffffff;border-top:2px solid #e0e0e0;clear:both;color:#808080;font-size:0.9em;font-weight:normal;line-height:1.3em;margin:0 auto;padding:10px 0;text-align:center;width:850px;}
#footer p{margin:0;padding:0;}
#footer a{background-color:inherit;color:#808080;font-weight:normal;}

/*	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) */
p img {
	padding: 0;
	max-width: 100%;
	border:0px none;
	}

.size-full {
	border:0px none;
}
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 */
