body{ background:#171717 url(../images/bg_body.gif) top center; padding:0px; margin:0px; color:#646464; font-family:tahoma; font-size:11px}

#main{width:940px;}
.red{font-size:150%;  color:#eee}

a{text-decoration:none; color:#fff}
a:hover{text-decoration:underline}

.tab{ border-collapse:collapse}
.tab th{ text-align:left; color:#eee; background:#2B2B2A; padding:4px; margin:0px}
.tab td{ background:url(../images/dot_tab.gif) top repeat-x; padding:4px; margin:0px}



/* BUTTON ÑÑÛËÊÈ-ÊÍÎÏÊÈ */
.input-link, .input-link-white
{ 
float: left; 
display: block; 
height: 40px; 
padding-left: 26px; 
font-size: 11px; 
text-decoration: none; 
line-height: 40px; 
overflow: hidden; margin: 0px 0px; margin-left:2px; margin-right:2px;
text-transform:uppercase;
cursor:pointer;
}
.input-link-white{ background: transparent url(../images/button-left-act.gif) no-repeat top left; color:#fff}
.input-link{ background: transparent url(../images/button-left.gif) no-repeat top left; color:#969696}

.input-link span,  .input-link-white span{ 
padding: 0px 10px 0px 5px; 
display: block; 
float: left; 
position: relative; 
text-transform: uppercase; 
cursor:pointer;
}
.input-link-white span{ background: transparent url(../images/button-right-act.gif) no-repeat top right; color:#fff}
.input-link span{ background: transparent url(../images/button-right.gif) no-repeat top right; color:#969696}

.input-link:hover, .input-link-white:hover{ background-position: bottom left; color: #fff; text-decoration: none; }
.input-link:hover span, .input-link-white:hover span{ background-position: bottom right; color: #fff;}


.button-link
{ 
background: transparent url(../images/button-link-left.gif) no-repeat top left; color:#969696;
float: left; 
display: block; 
height: 25px; 
padding-left: 4px;
font-size: 11px; 
text-decoration: none; 
line-height: 25px; 
overflow: hidden; margin: 0px 0px;
cursor:pointer;
}
.button-link span{ 
background: transparent url(../images/button-link-right.gif) no-repeat top right; color:#969696;
padding: 0px 32px 0px 5px; 
display: block; 
float: left; 
position: relative; 
cursor:pointer;
}
.button-link:hover{ background-position: bottom left; color: #fff; text-decoration: none; }
.button-link:hover span{ background-position: bottom right; color: #fff;}

.button-link-back
{ 
background: transparent url(../images/button-link-back-left.gif) no-repeat top left; color:#969696;
float: left; 
display: block; 
height: 25px; 
padding-left: 25px;
font-size: 11px; 
text-decoration: none; 
line-height: 25px; 
overflow: hidden; margin: 0px 0px;
cursor:pointer;
}
.button-link-back span{ 
background: transparent url(../images/button-link-back-right.gif) no-repeat top right; color:#969696;
padding: 0px 10px 0px 5px; 
display: block; 
float: left; 
position: relative; 
cursor:pointer;
}
.button-link-back:hover{ background-position: bottom left; color: #fff; text-decoration: none; }
.button-link-back:hover span{ background-position: bottom right; color: #fff;}



#up{background:url(../images/button_up.gif) top center no-repeat; float:left; display:block; width:11px; height:11px; margin-top:10px}
#up:hover{background: url(../images/button_up.gif) bottom center no-repeat;}
#up img{border:0}

/* ÑÒÐÎÊÀ ÍÀÂÈÃÀÖÈÈ */
#navigation{ padding-left:4px; color:#c8c8c8}
#navigation a{ color:#C8C8C8; text-decoration:none; font-size:10px; background:url(../images/arr.gif) left center no-repeat; padding-left:10px; padding-right:5px}
#navigation a:hover{text-decoration:underline}
#navigation span{ color:#fff; font-size:10px;  background:url(../images/arr_w.gif) left center no-repeat; padding-left:10px; padding-right:5px}

/* BOTTOM */
#bottom{ color:#969696}
#bottom p{padding:0; margin:0; margin-top:4px}
#bottom a{ color:#fff; text-decoration:none; background:url(../images/dot.gif) left center no-repeat; padding-left:10px; padding-right:5px}
#bottom a:hover{ text-decoration:underline}

/* CONTENT */
#content{color:#bbb; font-size:11px}

/* SHORT_STORY */
#short_story{ 
float:left; 
display:block; 
width:32%; 
height:165px; 
padding-left:0px; 
padding-top:0px;
background:url(../images/image_bg.gif) center center no-repeat;
text-align:center;}
#short_story a{border:0; text-decoration:none; color:#ddd; text-transform:uppercase; font-size:10px; font-weight:bold}
#short_story img{border:0}

/* RELATED POST */
#related{ 
float:left; 
display:block; 
width:84px; 
height:64px; 
padding-left:4px; 
padding-top:4px;
background:url(../images/image_bg.gif) center center no-repeat; }
#related img{border:0}

/* Îôîðìëåíèå ñòàòåé ARTICLES */
#article{background:url(../images/dot_tab.gif) top repeat-x; padding:4px; margin:0px}
#article img{ float:left; padding-right:10px; padding:4px; margin-right:10px; margin-bottom:5px; margin-top:10px; background:#171717}
#article a h1{ font-size:150%; font-weight:normal}
#article h1{ font-size:150%; font-weight:normal; color:#FFFFFF}
#article a:hover h1{ text-decoration:underline}
#article span.r{ font-size:10px; color:#999999}


/* PAGES   Ñïèñîê ñòðàíèö */
.pages{margin:5px; margin-right:0px; margin-left:0px; text-align:center; font-size:10px; text-transform:uppercase; margin-bottom:10px}
.pages a{text-decoration:none; color: #eee; background:url(../images/bg_pages.gif) top no-repeat;  padding:2px; display:inline-block;width:20.5px; margin:1px; height:25px}
.pages a:hover {background: url(../images/bg_pages_act.gif) top no-repeat; color:#000; border-color:#171717; text-decoration:none}
.pages span {text-decoration:none; color: #000; background: url(../images/bg_pages_act.gif) top no-repeat;  padding:2px; display:inline-block; width:20.5px; margin:1px; height:25px; font-weight:bold}

/* ÇÀÊËÀÄÊÈ */
#bookmark:hover h3 { background-position: bottom left; }
#bookmark:hover ul { display: block; }
/*#bookmark { position: absolute; } */
#bookmark h3 { position: absolute; left: 0px; top: 0px; z-index: 1100; width: 181px; height: 20px; padding: 10px; padding-left: 20px; background-image: url('../images/categories.png'); background-repeat: no-repeat; text-indent: -9999px; cursor: pointer; }
#bookmark ul { display: none; position: absolute; z-index: 1000; width: 186px; background-color: #f4f4f4; border: 1px solid #a7a7a7; list-style: none; top: 20px; left: 0px; padding: 25px 10px 15px 10px; }
#bookmark ul li.more-cats { text-align: center; }
#bookmark ul li.more-cats a { font-size: 10px; color: #9c9c9c; }
#bookmark ul li { padding-left: 10px; padding: 6px 10px; font-size: 15px; color: #3b3b3a; }
#bookmark ul li a{ font-size: 11px; color: #3b3b3a; }
#bookmark ul li a:hover { color: #aa4d1d; text-decoration: none; }

#bookmark ul a, #bookmark ul a.white{
float:left;
height:20px;
width:138px;
font-size: 10px; 
color: #3b3b3a; background:#fff;
margin-bottom:2px;
padding:1px;
padding-left:0px; padding-right:0px;
border-left:1px solid #fff; border-right:1px solid #fff;
}
#bookmark ul a:hover{
color:#fff;
text-decoration:none;
background: url(../images/bg_bookmark_act.gif);
border-left:1px solid #D14000; 
border-right:1px solid #D14000;
}
#bookmark ul a.white:hover{background: url(../images/bg_bookmark_white_act.gif);}

#bookmark ul img{border:0; margin-right:3px}