/*
Theme Name: Freehtml
Theme URI: http://www.freehtml.ru/
Description: Тема для блога freehtml.ru
Version: 2.0
Author: Алексей Ильин
*/

*{margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:#eee}
table{border-collapse:collapse}
a img{border:none}
a{color:#999;font-weight:bold}
a:hover{text-decoration:none;color:#000}
.center{text-align:center}
.alignleft{float:left;margin:0 10px 15px 0}
.alignright{float:right;margin:0 0 5px 10px}
.aligncenter{display:block;margin:0 auto 25px auto;clear:both}
.bordered{border:solid 6px #ccc}

section{display:block}
#wrap{width:962px;margin:0 auto;padding:0 20px}

header{display:block;background:#2D2825;border-bottom:1px solid #000;color:#8D8B89;width:922px;margin:0 auto;padding:20px;overflow:hidden;color:#8D8B89;position:relative;
	background:-moz-linear-gradient(-90deg,#504742,#2D2825);
	background:-webkit-gradient(linear, left top, left bottom, from(#504742), to(#2D2825));
}
	header .logo{display:block;width:149px;height:29px;float:left;margin-right:10px}
		header .logo img{vertical-align:bottom}
	header h1{font-size:0.7em;font-weight:normal;padding:5px 0 0 0}
	header #search-form{position:absolute;right:20px;top:22px;width:230px}
		header #search-form #search-text{width:196px;background:#928F8C;border:1px solid #9F9D9C;position:absolute;left:0;top:0;font:bold 0.7em Arial,Helvetica,sans-serif;color:#fff;padding:3px 4px}
		header #search-form #search-submit{width:23px;height:23px;background:url(images/search-button-bg.gif) no-repeat center center;border:none;position:absolute;right:0;top:0;cursor:pointer}

nav{display:block}

.nav{background:#3B3233;border-top:1px solid #524E4A;border-bottom:1px solid #524E4A;width:942px;overflow:hidden;padding:10px}
	.nav .main{float:left}
	.nav ul{list-style-type:none;font-size:0.75em;overflow:hidden;height:1%;float:left;margin-right:10px}
		.nav ul li{float:left;margin-right:5px}
			.nav ul li a{display:block;float:left;text-decoration:none;color:#8D8B89;padding:5px 10px}
			.nav ul li a:hover{color:#fff}
			.nav ul li.current_page_item a{background:#000;color:#fff;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				border-radius:5px
			}
		.nav #rss img{vertical-align:middle}

.category-nav{border-top:1px solid #000;background:#999;width:942px;padding:0 10px;list-style-type:none;font-size:0.75em;font-weight:bold;color:#fff;overflow:hidden;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	border-radius-bottom-left:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	border-radius-bottom-right:10px;
	background:-moz-linear-gradient(-90deg,#bbb,#999);
	background:-webkit-gradient(linear, left top, left bottom, from(#bbb), to(#999));
}
	.category-nav li{float:left;padding:15px 0}
		.category-nav li.current-cat{background:url(images/category-nav-current-item-bg.gif) no-repeat center bottom}
			.category-nav li a{color:#2D2825;text-decoration:none;position:relative;padding:5px 10px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				border-radius:5px
			}
			.category-nav li a:hover{background:#ddd;color:#333}
			.category-nav li.current-cat a{color:#fff}
			.category-nav li.current-cat a:hover{background:none}

#content{overflow:hidden;width:670px;padding:20px 0 40px 20px;color:#5F5856;float:left}
	#content h2{font-size:1.5em;font-weight:normal;line-height:100%;margin-bottom:5px}
	#content h2.pagetitle{font-size:1.6em;padding:0 0 5px 10px;border-bottom:3px solid #ccc;margin-bottom:20px;color:#aaa}
		#content h2 a{font-weight:normal;text-decoration:none;color:#5F5856}
		#content h2 a:hover{color:#CCC33C}
	#content h3{font:italic 1.4em Georgia,serif;line-height:100%;margin-bottom:15px;clear:both}
	#content p{font-size:0.75em;line-height:150%;margin-bottom:15px}
	#content blockquote{background:url(images/quotes.gif) no-repeat left top;padding:5px 35px}
	#content article{display:block;overflow:hidden;height:1%;margin-bottom:30px;padding:0 0 10px 0;border-bottom:3px dotted #B8B6B6}
		#content article ul{font-size:0.75em;margin-bottom:15px;padding:0 0 0 15px}
		#content article .obj-meta{color:#999;float:left;margin-right:15px;z-index:50;position:relative;width:164px;text-align:center;font-size:0.7em}
			#content article .obj-meta .thumb{display:block;padding:6px;background:#ccc;border:1px solid #BCBBB2;position:relative;z-index:50;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				border-radius:5px
			}
			#content article .obj-meta .thumb:hover{border:1px solid #777}
				#content article .obj-meta .thumb img{vertical-align:bottom}
			#content article .obj-meta .external{background:#ddd;padding:5px 0;display:block;margin:0 10px;text-align:center;text-decoration:none;color:#777;border:1px solid #ccc;
				-moz-border-radius-bottomleft:5px;
				-webkit-border-radius-bottom-left:5px;
				border-radius-bottom-left:5px;
				-moz-border-radius-bottomright:5px;
				-webkit-border-radius-bottom-right:5px;
				border-radius-bottom-right:5px
			}
			#content article .obj-meta .external:hover{color:#eee;background:#3B3233;border:1px solid #000}
				#content article .obj-meta .external span{background:url(images/external-link-bg.gif) no-repeat right 2px;padding:0 15px 0 0}
				#content article .obj-meta .external:hover span{background:url(images/external-link-bg.gif) no-repeat right -48px}
		#content article .post-meta{position:relative;margin-bottom:10px;overflow:hidden;height:1%;padding:0 50px 0 0}
			#content article .post-meta p{font-size:0.7em;margin:0}
			#content article .post-meta .comments{display:block;width:44px;height:46px;background:url(images/comments-bg.gif) no-repeat left top;position:absolute;right:0;top:0;text-align:center;line-height:40px;font-size:1.4em;text-decoration:none}
		#content article .more-link{padding:0 10px 0 0;background:url(images/more-bg.png) no-repeat right 3px}
		#content article .entry{overflow:hidden;height:1%}
	#content #respond #commentform{color:#999}
		#content #respond #commentform label{padding:0 0 0 10px}
		#content #respond #commentform textarea{width:98%;height:200px}
	#content .commentlist{font-size:12px;color:#999;list-style-type:none}
		#content .commentlist li{margin-bottom:20px}
				#content .commentlist .comment-body .comment-author{font-size:14px;margin-bottom:5px}
					#content .commentlist .comment-body .comment-author .avatar{vertical-align:middle}
					#content .commentlist .comment-body .comment-author cite{font-style:normal}
					#content .commentlist .comment-body .comment-author a{color:#3B3233}
				#content .commentlist .comment-body .comment-meta{font-size:11px;margin-bottom:5px}
				#content .commentlist .comment-body .reply{padding:5px 0 0 0}
				#content .commentlist .comment-body p{font-size:12px;margin-bottom:10px}
			#content .commentlist .children{list-style-type:none;padding:20px 0 0 20px}
	#content .contact{margin:0 0 20px 0;font-size:0.7em;width:auto}
		#content .contact th{padding:0 20px 10px 0;width:100px;text-align:left;font-weight:normal;vertical-align:top}
		#content .contact td{padding:0 0 10px 0}
		#content .contact label{display:block;padding:5px 0 0 0}
		#content .contact .require{font-weight:bold;color:green}
		#content .contact .input-text{width:170px;padding:4px;font:1em Arial,Helvetica,sans-serif}
		#content .contact textarea{width:500px;height:150px;font:1em Arial,Helvetica,sans-serif;padding:4px}
		#content .contact .input-button{cursor:pointer;font:1.1em Arial,Helvetica,sans-serif;overflow:visible}

aside{display:block;float:right;width:230px;padding:20px 20px 40px 0;color:#5F5856}
	aside h2{font-size:0.85em;text-transform:uppercase;border-bottom:1px dotted #000;margin-bottom:10px}
	aside ul{font-size:0.7em;list-style-type:none}
	aside .widget{margin-bottom:20px}

footer{display:block;background:#999;color:#000;clear:both;width:942px;overflow:hidden;padding:15px 0 15px 20px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border-radius-top-left:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	border-radius-top-right:10px;
	background:-moz-linear-gradient(-90deg,#bbb,#999);
	background:-webkit-gradient(linear, left top, left bottom, from(#bbb), to(#999));
}
	footer .footer-block{width:220px;display:inline-block;vertical-align:top;margin:0 0 20px 0;padding:0 10px 0 0;color:#333}
	footer h2{font-size:0.85em;text-transform:uppercase;margin-bottom:10px;color:#000;
		text-shadow:0 1px 0 #eee
	}
	footer p{font-size:0.7em}
	footer ul{font-size:0.7em;padding:0 0 0 13px;height:1%}
	footer a{color:#333}
	footer a:hover{color:#fff}

#copyright{background:#2D2825;color:#8D8B89;padding:10px 20px}
	#copyright p{font-size:0.7em}