/*  
Theme Name: Istropolitan
Theme URI: http://www.milankohut.com/
Description: WordPress theme created by <a href="http://www.milankohut.com">Milan Kohut</a>.
Version: 1.0
Author: Milan Kohut
Author URI: http://www.milankohut.com/
*/
*{margin: 0; padding: 0;}
body{
	background: #f2f2f2 url("images/bgr.jpg") repeat-x 0 0;
	font: 12px Arial, Verdana, Tahoma, "Trebuchet MS";
	color: #666565;
}
a, a:hover, a:focus{outline: none;}
a{color: #ad2314; text-decoration: none;}
a:hover{color: #444;}
.aligncenter{display: block; margin: 0 auto; padding: 10px 0;}
.alignleft{float: left; padding-right: 10px; padding-bottom: 10px;}
.alignright{float: right; padding-left: 10px; padding-bottom: 10px;}
#container_01{background: url("images/background.jpg") no-repeat center top;}
#container_02{
	width: 910px;
	margin: 0 auto;
}
#header{
	height: 151px;
	position: relative;
}
#header .erb{
	position: absolute;
	left: 12px;
	top: 40px;
}
#header h1{
	width: 295px;
	height: 48px;
	position: absolute;
	top: 55px;
	left: 100px;
}
#header h1 a{
	width: 295px;
	height: 48px;
	display: block;
	text-indent: -9999px;
	background: url("images/logo.gif") no-repeat 0 0;
}
#search{
	width: 201px;
	height: 22px;
	background: url("images/search_bgr.gif") no-repeat 0 0;
	overflow: hidden;
	padding: 10px 0 11px 10px;
	position: absolute;
	right: 5px;
	top: 54px;
}
#search_input{
	width: 140px;
	height: 18px;
	padding: 5px 5px 0 5px;
	background: transparent;
	border: 0;
	float: left;
	color: #7c7a7a;
}
#search_submit{
	width: 27px;
	height: 22px;
	background: url("images/search_submit.gif") no-repeat 0 0;
	border: 0;
	text-indent: -9999px;
	float: left;
	margin-left: 10px;
}
#navigation{
	position: absolute;
	bottom: 10px;
	right: 2px;
}
#navigation li{
	list-style-type: none;
	float: left;
	margin-right: 3px;
}
#navigation li a{
	height: 21px;
	padding: 8px 15px 0 15px;
	display: block;
	color: #fff;
	text-decoration: none;
	background: url("images/nav_bgr.gif") repeat-x 0 0;
}
#navigation li.current_page_item a, #navigation li a:hover{background-position: 0 -29px;}
.content{background: url("images/content.gif") repeat-y 0 0;}
.wrapper{
	width: 900px;
	background: url("images/content_bgr.gif") no-repeat 0 0;
	padding: 0 5px 15px 5px;
	overflow: hidden;
}
.left{
	width: 200px;
	float: left;
	color: #7c7a7a;
}
.left .block{display: block; padding-bottom: 5px;}
.sub_nav li{
	border-bottom: 1px solid #eee;
	list-style-type: none;
}
.sub_nav li a{
	display: block;
	padding: 10px 5px 10px 22px;
	display: block;
	text-decoration: none;
	color: #7c7a7a;
	background: url("images/sub_nav_li.gif") no-repeat 9px 14px;
}
.sub_nav li a:hover, .sub_nav li.current_page_item a{
	color: #615f5f;
	background: url("images/sub_nav_li_hover.gif") no-repeat 9px 14px;
}
.box{
	width: 178px;
	margin: 0 1px;
	background: url("images/box_bgr.gif") repeat-x 0 0;
	border-bottom: 1px solid #eee;
	padding: 15px 10px 20px 10px;
}
.box h3{
	font-size: 14px;
	font-weight: bold;
	color: #ad2314;
	text-transform: uppercase;
	padding-bottom: 10px;
}
.box2{
	width: 198px;
	margin: 0 1px;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	background: url("images/box_2_bgr.gif") repeat-x left bottom;
}
.box2 h3{
	width: 178px;
	height: 25px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	background: url("images/right_h3_bgr.gif") no-repeat 0 0;
	padding: 10px 10px 0 10px;
	margin-bottom: 10px;
}
.box2 .date{font-weight: bold; display: block; padding: 0 10px 5px 10px; color: #585858;}
.box2 p{padding: 0 10px 5px 10px;}
#login_form label.f_input{font-weight: bold;}
#login_form .login_input{
	width: 156px;
	height: 18px;
	padding: 2px 5px 0 5px;
	border: 1px solid #ddd;
}
#login_form .login_submit{
	width: 100px;
	height: 20px;
	display: block;
	text-align: center;
	border: 1px solid #eee;
	padding: 0;
	color: #ad2314;
	cursor: pointer;
	margin-bottom: 10px;
	background: url("images/box_2_bgr.gif") repeat-x left bottom;
}
.box3{
	width: 198px;
	margin: 0 1px;
}
.box3 h3{
	width: 178px;
	height: 25px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	background: url("images/right_h3_bgr.gif") no-repeat 0 0;
	padding: 10px 10px 0 10px;
}
.middle{
	width: 470px;
	padding: 15px 15px 0 15px;
	float: left;
}
.middle h2{
	font-size: 24px;
	font-weight: bold;
	color: #ad2314;
	padding-bottom: 10px;
}
.middle h2 a{color: #ad2314; text-decoration: none;}
.middle h2 a:hover{color: #444;}
.middle p{padding-bottom: 15px;}
.middle h3{
	font-size: 16px;
	font-weight: bold;
	color: #555;
	padding-bottom: 10px;
}
.middle h4{
	font-size: 14px;
	font-weight: bold;
	color: #555;
	padding-bottom: 5px;
}
.middle ul{padding-left: 15px; padding-bottom: 10px;}
.middle ul li{padding-left: 5px;}
.middle a img{border: 0;}
.middle .entry{margin-bottom: 15px; border-bottom: 1px dotted #ddd;}
.middle .entry p{overflow: hidden;}
.middle .title-content{padding-bottom: 5px;}
.right{
	width: 200px;
	float: left;
	color: #7c7a7a;
}
.more-link{
	width: 100px;
	height: 17px;
	display: block;
	text-align: center;
	border: 1px solid #eee;
	padding: 3px 0 0 0;
	background: url("images/box_2_bgr.gif") repeat-x left bottom;
}
#post-links{overflow: hidden;}
#post-links span a{
	width: 70px;
	height: 34px;
	display: block;
	text-align: center;
	border: 1px solid #eee;
	padding: 3px 0 0 0;
	background: url("images/box_2_bgr.gif") repeat-x left bottom;
	margin-right: 3px;
	float: left;
}
/*COMMENT FORM*/
#commentform #author, #commentform #email, #commentform #url{
	width: 250px;
	border: 1px solid #ccc;
	padding: 3px;
}
#commentform #comment{
	width: 458px;
	border: 1px solid #ccc;
	font: 12px Arial, Verdana, Tahoma, "Trebuchet MS";
	color: #666565;
	padding: 5px;
}
#commentform #submit{
	width: 100px;
	height: 20px;
	display: block;
	text-align: center;
	border: 1px solid #eee;
	padding: 0;
	color: #ad2314;
	cursor: pointer;
	margin-bottom: 10px;
	background: url("images/box_2_bgr.gif") repeat-x left bottom;
}
.commentlist{list-style-type: none;}
.commentlist li{margin-bottom: 15px; border-bottom: 1px dotted #ddd;}
.commentlist .commentmetadata{padding-bottom: 5px;}
.commentlist .commentmetadata span{font-size: 11px; color: #888;}
.commentlist .commentmetadata strong{color: #ad2314;}

.footer{background: url("images/footer_bgr.gif") no-repeat 0 0; padding: 25px 5px 25px 5px; color: #bab9b9; position: relative;}
.footer a{
	color: #bab9b9;
	text-decoration: none;
}
.footer a:hover{color: #979595;}
.footer p{font-size: 10px;}
.footer .design_by{
	position: absolute;
	top: 25px;
	right: 5px;
	font-size: 10px;
}
.footer ul{overflow: hidden;}
.footer ul li{list-style-type: none; float: left; padding-right: 4px; margin-right: 5px; border-right: 1px solid #bab9b9;}
.footer ul li.last{border: 0;}

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clearfix {height: 1%;}