@charset "utf-8";

/*******************************************
@Site: 				www.visual4.de/blog/
@Date:				2009/14/12
@Author:			Syle Shehu // visual4.de
@File:				default.css
*******************************************/

@media screen, projection{
	*{margin: 0;padding: 0;border: 0px solid #ff0000;}
	html{height:101%;}
	body{height: 100%;font-size: 1.2em;font: normal normal 62.25% "Lucida Grande","Lucida Sans Unicode",tahoma,verdana,arial,sans-serif;color: #333; line-height: 1.6;background: #f0f0f0; text-align: left;}
	a, a:visited{color: #4a6b92;text-decoration: none;}
	a:focus,a:hover{text-decoration: underline; outline:0;}
	ul{margin: 0 0 10px 15px;color:#666;font-size: 1.1em;} 
	li ul, 
	li ol{ margin:0 1.5em; font-size: 1.2em;} 
	ul, ol{ margin: 0 1.5em 1.5em 1.5em; font-size: 1.1em;color: #666;}

	ul{ list-style-type: disc; }
	ol{ list-style-type: decimal; }

	cite{font-style: normal;}
	p{margin: 0 0 12px 0;color:#666;}
	h1{font-size: 1.8em;color: #12466e;padding: 10px 0 5px 0;}
	h2{font-size: 1.3em;color: #4a6b92;}
	h3{font-size: 1.2em;color: #4a6b92;margin: 0 0 5px 0;} 
	h4{font-size: 1.1em;color: #4a6b92;}
	h5{font-size: 1em;}
	h6{font-size: 0.9em;}
	
	#wrap{width: 885px;height: 100%;min-height: 100%; position: relative;}
	#posts{width: 489px;float: left; height: 100%;min-height: 100%; height: auto;background: #fff url(pix/body_bg.gif) right top repeat-y;padding: 40px 0 0 160px;}
	#nav{width: 220px;position: fixed;left: 660px;top: 45px;}
		
	.brand{height: 95px; width: 220px; margin: 0 0 20px 0; background: transparent url(pix/brand.png) top left no-repeat;}	
	.brand a{text-indent: -9999px; display:block; height: 95px;}
	.dialog {margin: 0 0 10px 0;} 
	.dialog .title{background: transparent url(pix/interface.png) -19px -3px no-repeat;width: 215px;height: 24px;text-transform:uppercase;line-height: 2;padding: 0 0 0 5px;text-shadow: 0 1px 0 #fff;font-size: 11px;position: relative;color: #333;}
	.dialog .title span.minus{background: transparent url(pix/interface.png) -246px -93px no-repeat; display: block;height: 13px; width: 13px;position: absolute; right: 15px; top: 5px;}
	.dialog .nav_list{background: transparent url(pix/nav_foot.png) bottom left no-repeat;padding: 0 0 9px 0;}
	.dialog .nav_list ul{margin: -3px 0 0 0; padding: 7px 0 0 0; list-style: none; background: #fff;border-right: 1px solid #dfdfdf;width: 217px;}
	.dialog .nav_list ul li a{font-size: 1.1em;padding: 0 0 0 10px;line-height: 2;display:block;}
	.dialog .nav_list ul li a:hover{background: #e9f5fc;text-decoration: none;}
	.dialog .nav_list ul.st-tag-cloud{padding: 5px 0 0 5px;width: 212px;color: #4A6B92;}
	.dialog ul.browser{float: left;display: block;}
	.dialog ul.browser li{float: left;margin: 0 5px;} 
	.post{margin: 0 0 15px 0;width: 460px;padding: 0 0 27px 0;background: #fff url(pix/post_shadow.gif) bottom left no-repeat;}
	.post span.date{display: block; height: 28px; background: #fff url(pix/date_bg.gif) top right no-repeat;padding: 0 10px 0 0; text-align: right;font-size: 1.1em;line-height: 2;text-transform: uppercase;position: relative;}
	.post span.foot{display: block; height: 2px; background: #fff url(pix/post_foot.gif) top right no-repeat;}
	.post_content .info{font-size: 1.1em;color: #999;margin: 0 0 10px 0;}
	.post_content .info span{ margin: 0 5px 0 0;}
	.post_content {border-left: 5px solid #d3d9c3; background: #fff url(pix/post_content_bg.gif) bottom left repeat-x;min-height: 160px;padding: 0 0 13px 10px;}
	.post_content .content {padding: 0 5px 0 0;}
	.post_content .content p{font-size: 1.1em;line-height: 1.3} 
	.post_content .content a.more{display: block; height: 23px; width: 86px; background: transparent url(pix/interface.png) -244px -38px no-repeat;text-indent: -9999px;}
	.post_content .content a.more:hover{background-position: -244px -64px;}
	.catIcon{display: block;height: 22px; width: 22px;position: absolute; right: -25px; top: 2px;}
	.Mar{background: transparent url(pix/interface.png) -244px -3px no-repeat;}
	.Sys{background: transparent url(pix/interface.png) -272px -3px no-repeat;}
	.Med{background: transparent url(pix/interface.png) -301px -3px no-repeat;}
		
	.clear{clear: both;}
	.hide{display: none;}
	
	#commentform #comment{width: 440px; border: 1px solid #ddd;}
	#commentform input{width: 240px; border: 1px solid #ddd;}
	#commentform #submit{width: 140px;}
	.commentlist {width: 460px; list-style-position:inside;}
	.commentlist p{font-size: 1.1em;padding: 0 0 0 10px; border-left: 1px solid #ddd;}
	.commentlist .alt{ width: 439px; padding: 5px 5px 5px 0;}
	
	.pagenav{width: 460px; display: block; border-top: 1px solid #ddd;margin: 15px 0;font-size: 1.2em;}
    .pagenav a{margin: 0 10px 0 0 ;}
	.nav_list div{border-right:1px solid #DFDFDF;margin: -5px 0 0 0;width: 217px;background: #fff;}
	
	
	
}