/* Structure
---------------------------------------------------------- */
#wrapper { margin: 0 auto; min-width: 1000px; max-width: 1300px; padding: 10px 0; }
#main-holder { clear: both; margin: 0 5%; background: url(../images/main-bg.gif) 0 0 repeat-x; }
#main-outer { background: url(../images/main-ml.gif) 0 0 repeat-y; }
#main-inner { background: url(../images/main-mr.gif) 100% 0 repeat-y; }
#main { padding: 10px 15px 20px 25px; }
#main:after { content: ''; display: block; clear: both; visibility: hidden; height: 0; line-height: 0; }
#main-head { height: 20px; background: url(../images/main-tl.gif) 0 0 no-repeat; }
#main-head div { height: 20px; background: url(../images/main-tr.gif) 100% 0 no-repeat; }
#main-foot { height: 20px; background: url(../images/main-bm.gif) 0 0 repeat-x; }
#main-foot div { height: 20px; background: url(../images/main-bl.gif) 0 0 no-repeat; }
#main-foot div div { background: url(../images/main-br.gif) 100% 0 no-repeat; }

#sidebar { float: left; width: 255px; margin-right: -245px; }
#content { margin-left: 265px; overflow: hidden; }
html:root #content { margin: 0 10px 0 255px; }
html:root*#content { margin: 0 0 0 265px; }


/* Header
---------------------------------------------------------- */
#header { margin: 0 7%; padding: 10px 0; overflow: hidden; min-height: 1%; }
#header a { float: left; position: relative; margin-right: -273px; width: 273px; height: 100px; line-height: 61px; text-align: center; color: #f2d827; font-size: 30px; }
#header a b { display: block; position: absolute; top: 0; left: 0; width: 273px; height: 100px;  background: url(../images/logo.gif) 0 0 no-repeat; cursor: pointer; }

#header #search { margin-left: 315px; }
#header #search-title { position: relative; height: 18px; color: #b7e500; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 5px 0; }
#header #search-title b { display: block; position: absolute; top: 0; left: 0; width: 126px; height: 18px; background: url(../images/header-search.gif) 0 0 no-repeat; }

#header form { display: block; padding-top: 5px; }
#header dl { display: block; overflow: hidden; min-height: 1%; }
#header dt { float: right; width: 80px; margin-left: -80px; }
#header dd { margin-right: 90px; }
html:first-child #header dd { margin-right: 77px; }

#header button { float: right; height: 25px; padding-top: 7px; line-height: 25px; width: 70px; border: 1px solid #e5e5e5; }
#header input { height: 22px; line-height: 22px; color: #a0a0a0; font-size: 12px; border: 1px solid #dbdbdb; width: 100% !important; width: 95%; padding-left: 8px; }
html:root #header button { padding-top: 5px; }


/* Sidebar
---------------------------------------------------------- */
.block-head, .block-head2 { height: 20px; background: url(../images/block-tl.png) 0 0 no-repeat; }
.block-head span, .block-head2 span { display: block; float: right; width: 21px; height: 20px; margin-left: -21px; background: url(../images/block-tr.png) 100% 0 no-repeat; }
.block-head div, .block-head2 div { margin: 0 21px; height: 20px; background: url(../images/block-tm.png) 0 0 repeat-x; }

.block-holder, .block-holder2 { background: url(../images/block-ml.png) 0 0 repeat-y; }
.block-holder .block, .block-holder2 .block { background: url(../images/block-mr.png) 100% 0 repeat-y; }
.block-holder .block-inner, .block-holder2 .block-inner { margin: 0 11px; padding: 5px 15px 10px; background: #fff url(../images/block-mm.png) 0 0 repeat-x; }

.block-foot { height: 20px; background: url(../images/block-bl.png) 0 0 no-repeat; margin-bottom: 10px; }
.block-foot span { display: block; float: right; width: 21px; height: 20px; margin-left: -21px; background: url(../images/block-br.png) 100% 0 no-repeat; }
.block-foot div { margin: 0 21px; height: 20px; background: url(../images/block-bm.png) 0 0 repeat-x; }

/* Block titles */
.nav-bar, .info-bar, .calendar-bar, .popular-bar, .archive-bar, .counts-bar { position: relative; height: 20px; line-height: 20px; font-weight: bold; color: #f2d827; padding-left: 2px; }
.nav-bar b, .info-bar b, .calendar-bar b, .popular-bar b, .archive-bar b, .counts-bar b { display: block; position: absolute; top: 0; left: 0; height: 20px; }
.nav-bar b { width: 79px; background: url(../images/nav-bar.png) 0 0 no-repeat; }
.info-bar b { width: 41px; background: url(../images/info-bar.png) 0 0 no-repeat; }
.calendar-bar b { width: 78px; background: url(../images/calendar-bar.png) 0 0 no-repeat; }
.popular-bar b { width: 138px; background: url(../images/popular-bar.png) 0 0 no-repeat; }
.archive-bar b { width: 96px; background: url(../images/archive-bar.png) 0 0 no-repeat; }
.counts-bar b { width: 70px; background: url(../images/counters-bar.png) 0 0 no-repeat; }

/* Block content */
.nav-bar-inner { padding: 10px 0 5px; }
.nav-bar-inner a { text-decoration: none; }
.nav-bar-inner a:hover { border-bottom: 1px solid #888; }
.nav-bar-inner ul { display: block; }
.nav-bar-inner li { display: block; line-height: 17px; padding-left: 16px; background: url(../images/plus-icon.gif) 3px 5px no-repeat; }
.nav-bar-inner li ul { padding-bottom: 5px; }
.nav-bar-inner li ul li { padding-left: 13px; background: url(../images/minus-icon.gif) 0 8px no-repeat;  }
.calendar-bar-inner, .popular-bar-inner, .archive-bar-inner { padding: 10px 5px 5px; }
.calendar-bar-inner td, .calendar-bar-inner th { line-height: 20px; }
.calendar-bar-inner a, .popular-bar-inner a { color: #059bcd; }
.popular-bar-inner { padding: 10px 5px 5px; line-height: 18px; }
.archive-bar-inner br { display: none; }
.counts-bar-inner ul { display: block; padding: 20px 5px 0; }
.counts-bar-inner li { display: block; text-align: center; padding-bottom: 7px; }


/* Content
---------------------------------------------------------- */
.banner { padding: 15px 0 20px; text-align: center; }

/* Login */
.guest, .member { padding: 10px 15px; }
.guest span { padding-left: 15px; }
.guest label { padding-right: 7px; }
.guest input { vertical-align: middle; width: 110px; height: 17px; border: 1px solid #d5d5d5; }
.guest button { margin-left: 5px; vertical-align: middle; height: 20px; padding: 5px 10px 0; border: 1px solid #d6d6d6; }
html:root .guest button { padding-top: 2px; }
html:root*.guest button { padding-top: 3px; }

.member a { color: #059bcd; }
.member ul { display: block; color: #333; }
.member li { display: block; padding: 3px 0; }


/* News
---------------------------------------------------------- */
.shortnews { padding: 5px; color: #777; }
.shortnews a { color: #059bcd; }
.ncat { padding: 5px 0 10px; text-align: right; color: green; font-weight: bold; }
.ncat a { color: green; }
.ntext { text-align: justify; }
.nfoot { padding-top: 10px; }
.nfoot li { display: block; padding: 3px 0; color: #444; }
.related { display: block; padding: 5px 5px 0; }
.related li { display: block; padding-top: 5px;}
.inner { padding-top: 15px; text-align: justify; }
.inner dl { overflow: hidden; min-height: 1%; }
.inner dt { float: left; width: 190px; margin-right: -190px; padding-bottom: 10px; }
.inner dd { margin-left: 200px; padding-bottom: 10px; }
.inner dd input { width: 80%; height: 17px; border: 1px solid #d5d5d5; }
.inner button { height: 20px; line-height: 20px; border: 1px solid #d5d5d5; padding: 0 10px; }
.inner dd textarea, .acom textarea { width: 90%; height: 150px; border: 1px solid #d5d5d5; }
.inner dd.buttons input { width: 80px; height: 17px; }
.acom { padding: 5px 0; }
.acom dl { display: block; overflow: hidden; min-height: 1%; }
.acom dt { float: left; width: 110px; margin-right: -110px; text-align: center; }
.acom dt div { padding-top: 10px; }
.acom dd { margin-left: 125px; }
.atitle { color: #333; padding-bottom: 10px; }
.atitle span { font-weight: bold; color: green; }
.atext { color: #777; text-align: justify; }
.atext a { color: #777; }


/* Footer
---------------------------------------------------------- */
#footer { padding: 10px 0 5px; color: #7d7e7c; text-align: center; }


.a href {color: grey;}
.a hover {color: grey;}


/* Comments
---------------------------------------------------------- */
.exdiv{ 
margin: 0px; 
padding: 0px; 
background-color:#FEF2F2; 
border-left: 1px solid #FF6060; 
border-top: 1px dotted #000; 
border-right: 1px dotted #000; 
border-bottom: 1px dotted #000;
}

/* Подсказка
---------------------------------------------------------- */
.hint 
{
display:none;
position: absolute;
margin-left: 40px;
width: 200px;
margin-top: -4px;
border: 1px solid #dbdbdb;
padding: 10px 12px;
background-color: #FFFFFF;
}
.hint .hint-pointer 
{
position: absolute; 
left: -10px; top: 5px; 
width: 10px; height: 19px; 
background: url(../images/pointer.gif) left top no-repeat;
}