/*
Theme Name: Gabri
Theme URI: 
Description: Шаблон переведен на блоге: <a href="http://freewordpressthemes.ru" target="_blank" title="Русифицированные шаблоны WordPress, бесплатно!">FreeWordpressThemes.ru</a>
Version: 1.0
Author: HqWpThemes
Author URI: 
Tags:  two-columns, fixed-width, right-sidebar, light, threaded-comments

	The CSS, XHTML and design of this theme are released under GPL:
	http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

*/
*{margin: 0; padding: 0;}
html {height: 100%}
body {
	font: 12px Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 100%;
	background: #3f6f9b;
	color: #7e7e7e;
	text-align: center;
}
a:link, a:visited, a:active, a:hover{color: #202020; text-decoration: underline;}
a:hover{text-decoration: none;}

img {border: none;}
input {vertical-align: middle;}
ul li{list-style: none;}
.clear{ clear: both;}

#wrapper {
	width: 966px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: left;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 113px;
	overflow: hidden;
}
#header .hlogo{ width: 700px; height: 80px; overflow: hidden; float: left;}
#header .hlogo h1{ font-size: 36px; font-family: Georgia; padding: 10px 0 0 0; height: 37px; font-weight: 400; }
#header .hlogo h1 span{ position: absolute;}
#header .hlogo h1 span.shad1{ padding: 2px 0 0 2px; color: #335a7e; }
#header .hlogo h1 span.shad2{ padding: 1px 0 0 1px; color: #335a7e; }
#header .hlogo .description{ font-size: 12px; font-family: Georgia; color: #a3c7e8; }
#header .hlogo h1 a:link, #header .hlogo h1 a:visited, #header .hlogo h1 a:active, #header .hlogo h1 a:hover{color: #fff; text-decoration: none; position: absolute; cursor: pointer; width: 700px; }
#header .hlogo h1 a:hover{color: #FEBF01;}
#header .hsearch{ width: 230px; height: 29px; margin: 51px 10px 0 0; float: right; background: #244386 url(images/search_bg.gif) repeat-x top; }
#header .hsearch_left{ width: 100%; height: 29px; background: url(images/search_left.gif) no-repeat left top; }
#header .hsearch_right{ width: 100%; height: 29px; background: url(images/search_right.gif) no-repeat right top; }
#header .hsearch .text{ border: 0; background: #DFDFDF url(images/field_bg.gif) repeat-x center; padding: 3px; margin: 4px 0 0 10px; *margin: 3px 0 0 10px; width: 170px; font-size: 11px; }
#header .hsearch .bttn{ border: 0; width: 24px; height: 24px; background: url(images/bttn_search.gif); cursor: pointer; margin: 2px 0 0 5px; }


.top_menu{width: 100%; height: 33px; overflow: hidden; background: url(images/menu_bg.gif) repeat-x top;}
.top_menu_left{ width: 100%; height: 33px; background: url(images/menu_left.gif) no-repeat left top; }
.top_menu_right{ width: 100%; height: 33px; background: url(images/menu_right.gif) no-repeat right top;  }
.top_menu ul{ height: 33px; overflow: hidden; text-align: left; font-size: 10px; padding: 0 0 0 10px; }
.top_menu ul li{ display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; overflow: hidden; font-size: 10px; line-height: 35px; text-align: center; padding: 0 10px 0 12px; font-weight: 700; text-transform: uppercase;}
.top_menu ul li a:link, .top_menu ul li a:visited, .top_menu ul li a:active, .top_menu ul li a:hover{color: #000; text-decoration: none; display: block; background: url(images/mi_bullet.gif) no-repeat left center; padding: 0 0 0 10px;}
.top_menu ul li a:hover{ text-decoration: underline;}
.top_menu ul li.home{ background: transparent;}



/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 0 0 54px;
	height: 1%;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content { padding: 7px 247px 0 0;}

.post{ margin: 0 0 10px; background: url(images/post_bg.gif) repeat-y center;}
.post p{padding: .4em 6px;}
.post_bttm{ background: url(images/post_bttm.png) no-repeat center bottom; padding: 0 0 5px;}

#content .title{ width: 100%; padding: 0 0 5px; background: #010101 url(images/title_bg.gif) repeat-x top; line-height: 34px; margin: 0 0 5px; color: #fff; }
#content .title_left{ background: url(images/title_left.gif) no-repeat left top; }
#content .title_right{ background: url(images/title_right.gif) no-repeat right top; }

#content .title h1{ padding: 0 10px; font-size: 15px; font-family: "Arial Narrow"; font-weight: 400; }

#content .title h1 a:link, #content .title h1 a:visited, #content .title h1 a:active, #content .title h1 a:hover{color: #fff; text-decoration: none; font-weight: 400; }
#content .title h1 a:hover{text-decoration: underline;}

.permalink{ width: 100%; background: #386DA3 url(images/perma.gif) repeat-x center top; line-height: 30px; margin: 5px 0 0;  color: #fff; font-size: 11px;}
.permalink .pleft{float: left; width: 75%; padding: 0 0 0 10px; }
.permalink .pright{float: right; width: 17%; text-align: right; padding: 0 10px 0 0;}
.permalink .ptb_rb{ padding: 6px; }
.tags{ padding: 6px 0 6px 10px; color: #19688b; font-size: 11px; font-family: Arial; }
.tags a:link, .tags a:visited, .tags a:active, .tags a:hover{color: #19688b; text-decoration: none;}
.tags a:hover{text-decoration: underline;}

.permalink a:link, .permalink a:visited, .permalink a:active, .permalink a:hover{color: #febf01; text-decoration: underline;}
.permalink a:hover{text-decoration: none;}
.post .permalink .pright a, .post .permalink .pleft a, .post .tags a{ font-weight: 400; }


.navi a:link, .navi a:visited, .navi a:active, .navi a:hover{color: #fff; text-decoration: underline;}
.navi a:hover{text-decoration: none;}

/* Sidebar Right
-----------------------------------------------------------------------------*/
.sr {
	float: left;
	margin-right: -3px;
	margin-left: -240px;
	width: 240px;
	position: relative;
	font-size: 14px;
	font-family: Georgia;
	color: #3f6f9b;
}
.sr .sb_padd{padding: 7px 0 0;}
.sidebar .widg_bttm div{padding: 0 0 3px 3px;}

.sidebar .widg_bttm .title{ width: 100%; line-height: 34px; text-align: left; color: #878972; margin: 0 0 10px; background: #010101 url(images/title_bg.gif) repeat-x top; padding: 0;}
.sidebar .title_left{ background: url(images/title_left.gif) no-repeat left top; }
.sidebar .title_right{ background: url(images/title_right.gif) no-repeat right top; }

.sidebar .title h1{ font-size: 14px; font-weight: 400; color: #fff; text-transform: uppercase; padding: 0 10px; font-family: "Arial Narrow" }
.sidebar ul{ padding: 0 10px 10px; line-height: 20px; }
.sidebar ul li{ background: url(images/side_bullet.gif) no-repeat 3px 9px; padding: 0 0 0 10px; }
.sidebar p{ margin: .4em 10px; }
.sidebar img{ margin: 5px auto;}

.sidebar .widg{ margin: 0 auto 8px; background: url(images/widg_bg.gif) repeat-y center; }
.sidebar .widg_top{ background: url(images/widg_top.gif) no-repeat center top; }
.sidebar .widg_bttm{ background: url(images/widg_bttm.gif) no-repeat center bottom; }

.sidebar a:link, .sidebar a:visited, .sidebar a:active, .sidebar a:hover{color: #3f6f9b; text-decoration: none;}
.sidebar a:hover{ text-decoration: underline;}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	width: 966px;
	margin: -54px auto 0;
	height: 54px;
	background: url(images/footer_bg.png) no-repeat bottom;
	overflow: hidden;
	font-size: 9px;
	font-family: Tahoma;
	color: #202020;
	text-align: left;
}
#footer .fpadd{ padding: 13px 0 0;}
#footer p{ padding: 5px 0 0 10px; }
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover{color: #202020; text-decoration: underline;}
#footer a:hover{text-decoration: none;}

#submit{width: 160px; height: 31px; background: url(images/bttn_bg.png) no-repeat; border: 0; color: #fff; font-weight: 700; font-size: 12px; font-family: Tahoma; cursor: pointer; text-transform: uppercase;}

h2
{
	font-weight:400;
	font-size:18px;
}

h3
{
	font-weight:400;
	font-size:16px;
}

#commentform #author,#commentform #email,#commentform #url,#commentform textarea
{
	background:#fff;
	border:1px solid #333;
	padding:.2em;
}

#commentform textarea
{
	width:98%;
}

#commentlist li ul
{
	border-left:1px solid #717679;
	font-size:110%;
	list-style-type:none;
}

#commentlist li .avatar
{
	float:right;
	margin-right:25px;
	border:1px dotted #ccc;
	padding:2px;
}

#wp-calendar
{
	border:1px solid #E9EADD;
	empty-cells:show;
	font-size:14px;
	width:90%;
	margin:5px auto 10px;
}

#wp-calendar a
{
	color:#000;
	display:block;
	text-decoration:none;
}

#wp-calendar #next a
{
	padding-right:10px;
	text-align:right;
}

#wp-calendar #prev a
{
	padding-left:10px;
	text-align:left;
}

#wp-calendar a:hover
{
	background:#e0e6e0;
	color:#717679;
}

#wp-calendar caption
{
	color:#878972;
	font-size:14px;
	text-align:center;
}

#wp-calendar td
{
	color: #878972;
	font:normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing:normal;
	text-align:center;
	padding:2px 0;
}

#wp-calendar td.pad:hover
{
	background:#fff;
}

#wp-calendar td:hover,#wp-calendar #today
{
	background:#eee;
	color:#000;
}

#wp-calendar th
{
	font-style:normal;
	text-transform:capitalize;
}

p img
{
	max-width:100%;
	padding:0;
}

img.alignright
{
	display:inline;
	margin:0 0 2px 7px;
	padding:4px;
}

img.alignleft
{
	display:inline;
	margin:0 7px 2px 0;
	padding:4px;
}

.alignright
{
	float:right;
}

.alignleft
{
	float:left;
}

#content ul li
{
	margin:0 20px;
	list-style: disc;
}

#content ol li
{
	margin:0 20px;
	list-style: disc;
}

img,.sidebar ul li ul li,.sidebar ul li ul li ul li
{
	border:0;
}



img.centered,.aligncenter
{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.alt {margin: 0;padding: 10px;}
#comments ol {list-style-type: none;line-height: 18px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 10px;padding-left: 5px;}
#comments ul li {list-style-type: none;list-style-image: none;list-style-position: outside;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 5px;padding-top: 5px;padding-right: 0px;padding-bottom: 0px;padding-left: 0pt;}
.commentlist {padding: 0;text-align: justify;}
.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 5px;list-style: none;}
.commentlist li ul li { margin-right: -5px;margin-left: 10px;list-style: none;}
.commentlist li li {background:none;border:none;list-style:none;margin:3px 0 3px 20px;padding:3px 0;}
.commentlist li .avatar {border:1px solid #ccc;margin:15px 8px 6px 0;float: right;padding:2px;width:45px;height:45px;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none; margin: 10px 5px 10px 0;}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal; margin: 0;display: block; color: #ca5433;}
.commentmetadata a, .commentmetadata a:visited {color: #fa7703;}
.commentmetadata a:hover{ color: #333333;}
.children { padding: 0; }
.thread-alt {background-color: #f8f8f8;}
.thread-even {background-color: white;}
.depth-1 {border: 1px solid #ddd;}
.even, .alt {border-left: 1px solid #ddd;}

.fn a:link, .fn a:visited, .fn a:active, .fn a:hover{color: #53544C; text-decoration: underline; font-size: 12px;}
.fn a:hover{text-decoration: none;}