/*
#ffffff - цвет ссылок верхнего меню
#666666 - цвет подчеркивания блоков верхнего меню
#ff5901 - цвет ссылок заголовков
#171717 - цвет ссылок по умолчанию
#ff5901 - цвет ссылок :hover и активных элементов меню
#f7f7f7 - цвет фона в блоках ленты новостей, это интересно итп.
#c0c0c0 - цвет бордеров у блоков
#c0c0c0 - цвет бордеров у картинок
#fffffe - цвет бордеров между блоками "это интересно" и меню в правой колонке
1px solid - толщина и тип бордера между всеми блоками на сайте
2px solid - толщина и тип бордера у картинок
Verdana - шрифт по умолчанию
Arial - шрифт заголовков и верхнего меню
*/

* { font-family: Verdana; color: #0e0e0e; padding: 0; margin: 0; }
BODY { padding: 0px; background: #fff }

TABLE { border-collapse: collapse; }
IMG { border: 0 }
A IMG { border: 0 }
A { color: #171717; }
A:hover { color: #ff5901 }

#shell { width: 100%; height: 100% }

.visual { background: #f7f7f7; border-bottom: 1px solid #c0c0c0; padding: 20px 0px }
	
.tiz { border: 1px solid #c0c0c0; width: 50%; padding: 12px 40px 14px 12px; background: #fff; font-size: 11px; vertical-align: top; cursor: pointer; line-height: 1.3em }
.tiz IMG { float: left; margin: 4px 10px 0px 0; border: 2px solid #c0c0c0; }
.tiz H2 { font-weight: bold; font-size: 12px; text-transform: uppercase; margin: 0 0 9px 0 }
.tiz H2 A { font-family: Arial }

.delim IMG { width: 20px; height: 1px }

.tiz1_bg { background: #fff url('../images/inner/tiz1_bg.gif') 100% 50% no-repeat; }
.tiz2_bg { background: #fff url('../images/inner/tiz2_bg.gif') 100% 50% no-repeat; }

#head { background: #666666 url('../images/topmenu_bg.gif') left top repeat-x; }
#tree1 { float: left; clear: both }
#tree1 A { float: left; font-family: Arial; font-weight: bold; font-size: 15px; padding: 11px 21px 12px 21px; margin-left: -1px; background: url('../images/topmenu_delim.gif') right 13px no-repeat; text-transform: uppercase; text-decoration: none; color: #ffffff; }
#tree1 A.last { background: url('../images/1x1.gif') }
#tree1 A:hover { background: url('../images/topmenu_bg_sel.gif') left top repeat-x }
#tree1 A.sel { background: url('../images/topmenu_bg_sel.gif') left top repeat-x }

#sidebar { width: 30%; padding: 20px 20px 0px 20px; vertical-align: top; }
#sidebar H1 { font: bold 14px Arial; padding:0 0 5px 20px; color: #ff5901; background: url('../images/h1_bg.gif') left 3px no-repeat; border-bottom: 1px solid #c0c0c0; text-transform: uppercase;}

#tree2 { zoom: 1; margin: 0 0 20px 0;  padding: 20px 20px 20px 20px; background: #f7f7f7; border-bottom: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0 }
#tree2 A { display: block; font-size: 12px; font-weight: bold; background: url('../images/ul.gif') left 15px no-repeat; border-top: 1px solid #fffffe; padding: 10px 0px 10px 20px; margin: 0px 0; }
#tree2 A.first { border-top: 0px; margin-top: -10px }
#tree2 A.last { padding-bottom: 0px }
#tree2 A:hover { background: url('../images/ul_sel.gif') left 15px no-repeat }
#tree2 A.sel { background: url('../images/ul_sel.gif') left 15px no-repeat; color: #ff5901; text-decoration: none }

#tree3 { padding: 0 0 0 20px; margin: 0 0 10px 0 }
#tree3 A { display: block; font-weight: normal; font-size: 11px; background: url('../images/ul_mini.gif') left 10px no-repeat; padding: 4px 17px; margin: 0 0 3px 0; text-decoration: underline; border: 0px; text-transform: none}
#tree3 A.first { border-top: 0px; margin-top: -5px }
#tree3 A:hover { background: none; background: url('../images/ul_mini_sel.gif') left 10px no-repeat }
#tree3 A.sel { background: none; background: url('../images/ul_mini_sel.gif') left 10px no-repeat; text-decoration: none }

.informer { overflow: hidden; zoom: 1; width: 100%; padding: 0px 0px 0 0px; margin: 0 0 20px 0; }
.informer IMG { float: left; margin: 0 12px 0px 0; border: 2px solid #c0c0c0; }
.informer DIV { font-size: 11px; margin: 0 0px 0px 0px; padding: 20px 20px 20px 20px; overflow: hidden; color: #000; border-bottom: 1px solid #fffffe; background: #f7f7f7}
.informer DIV.last { border-bottom: 1px solid #c0c0c0 }
* html .informer DIV {  width: 100% }
.informer H1 { margin: 0 0 0px 0  }
.informer H2 { font-weight: bold; font-size: 11px; margin: 0 0 7px 0 }

.more { overflow: hidden; zoom: 1; width: 100%; font-size: 12px; margin: 0 0 20px 0 }
.more H1 { margin: 0 0 0px 0 }
.more UL { padding-bottom: 20px; padding-top: 10px; background: #f7f7f7; border-bottom: 1px solid #c0c0c0}
.more LI { padding-top: 10px; background: url('../images/ul.gif') 0 1.3em no-repeat; }

#content .new_block { margin: 0 0 30px 0; border-bottom: 1px solid #c0c0c0; width: 100%; overflow: hidden; zoom: 1; background: #f7f7f7 }
#content .last { }
#content .new_block SPAN { display: block; margin: 0 0 10px 0 }
#content .new_block H1 { margin: 0 0 17px 0; font: bold 14px Arial; padding:0 0 5px 20px; color: #ff5901; background: #fff url('../images/h1_bg.gif') left 3px no-repeat; border-bottom: 1px solid #c0c0c0; text-transform: uppercase }
#content .new_block H1 A { font-family: Arial; text-decoration: none }
#content .new_block IMG { float: left; margin: 0px 18px 13px 20px; border: 2px solid #c0c0c0 }
#content .new_block P { text-align: justify; margin: 0px 20px 17px 20px; }

#content .new_block .text { overflow: hidden; zoom: 1 }
#content .new_block .footer { overflow: hidden; zoom: 1; margin: 0px 20px 17px 20px; clear: both; }
#content .new_block .footer .left { float: left; font-size: 12px }
#content .new_block .footer .right { float: right }

.tags { margin: 0 0 20px 0; clear: both; font-size: 12px }

#content .context { padding: 10px; background: #f7f7f7; margin: 0 0px 20px 0; font-size: 10px; text-align: center; }
#content .context SPAN { display: block; margin: 7px 0px 0px 0px ; font-weight: bold; color: #171717; text-align: center; padding: 0px}
#content DIV.left { float: left; margin-right: 16px}
#content DIV.right { float: right; margin-left: 16px}

.paging { margin: 0 0 20px 0; width: 100%; overflow: hidden; zoom: 1 }
.paging A { 
	display: block;
	float: left;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #c0c0c0;
	padding: 4px 7px; 
	margin: 0 5px 5px 0;
	text-decoration: none;
}
.paging A:hover { background: #f7f7f7; color: #171717; }
.paging A.sel { background: #f7f7f7; color: #171717; }
.paging SPAN { float: left; margin: 4px 10px 0 0 }

#footer { padding: 0px 0 0px 0; background: #f7f7f7; border-top: 1px solid #c0c0c0 }
#footer TABLE { width: 100% }
#footer TD { font-size: 11px }
#footer .top { background: #e6e6e6 url('../images/topmenu_bg.gif') left 50% repeat-x;  height: 18px; border-top: 1px solid #e2e1dd; border-bottom: 1px solid #c2c2c2; }
#footer .left { padding: 20px 0 20px 20px }
#footer .center { text-align: center }
#footer .right { padding: 20px 20px 20px 0; text-align: right }

#path { font-size: 11px; margin: -30px 0 0px 0; float: right; clear: both;}
#path SPAN { font-size: 12px; }
			
#content { width: 70%; height: 100%; font-size: 12px; padding: 20px 20px 0px 0px; vertical-align: top }
#content P { margin: 0 0 20px 0; text-align: justify; line-height: 1.4em }
#content TD { font-size: 12px }
#content OL, UL { text-align: justify; line-height: 1.4em }

#content H1 { font: bold 15px Arial; margin: 0 0 20px 0; padding:0 0 7px 22px; color: #ff5901; background: url('../images/h1_bg2.gif') left 4px no-repeat; border-bottom: 1px solid #c0c0c0; text-transform: uppercase;}
#content H1.minimarg { margin-bottom: 10px }
#content H2 { font: bold 15px Arial; margin: 0 0 13px 0; color: #171717 }
#content H3 { font: bold 13px Arial; margin: 0 0 10px 0; color: #171717 }

LI { line-height: 1.3; padding: 3px 0px }
UL, OL { padding: 0 0 20px 20px; margin: 0 }
UL { list-style-type: none }
UL LI, OL UL LI { background: url('../images/ul.gif') 0 0.7em no-repeat; padding-left: 18px; text-align: left }
UL OL LI { padding-left: 0 }
OL { margin-left: 22px }
OL LI { background-image: none }
UL OL, UL UL, OL UL, OL OL { padding: 0 0 0 1px; margin: 7px 0 7px 2px }
UL OL, OL OL { margin-left: 22px }

#content P.data_head { margin: 0 0 12px 0; text-align: center; font-weight: bold }
TABLE.data {margin: 0px 0 20px 0; clear: both}
TABLE.data TH { font-weight: bold; font-size: 11px; color: #171717; padding: 10px 10px;  border: 1px solid #c0c0c0; background: #f7f7f7}
TABLE.data TD { font-size: 11px; padding: 10px 10px;  border: 1px solid #c0c0c0;}
TABLE.data TR.shade TD {  }

IMG.left { float: left; clear: left; margin: 0px 16px 8px 0; border: 2px solid #c0c0c0 }
IMG.right { float: right; clear: right; margin: 0px 0 8px 16px; border: 2px solid #c0c0c0 }


.add { display: block; height: 20px; font-size: 18px; padding: 0 0 24px 0; }

#friends UL { padding-bottom: 10px; }
#friends LI { font-size: 12px; margin-bottom: 10px; }
#friends LI SPAN { font-weight: bold; }

#friends .addsite { display: block; overflow: hidden; margin: 0 0 10px 30px; }
#friends .addsite SPAN { float: left; font: 18px arial; }
#friends .addsite A { float: left; font: bold 12px arial; margin: 3px 0 0 7px; }

#friends .code { text-align: center; }
#friends .code TEXTAREA { width: 80%; height: 50px; font-size: 12px; padding: 1px 4px; margin-bottom: 24px; }

#friends LABEL { display: block; font-size: 12px; margin-bottom: 4px; }
#friends SPAN.comment { display: block; font-size: 11px; color: #6d6d6d; margin-bottom: 16px; }

#friends INPUT.txt { display: block; font-size: 13px; width: 50%; height: 21px; padding: 1px 4px; margin-bottom: 16px; }
#friends INPUT.btn { cursor: pointer; width: 120px; height: 23px; font-size: 13px; }

#friends SELECT { display: block; width: 50%; height: 20px; font-size: 13px; margin-bottom: 16px; }
#friends TEXTAREA { width: 50%; height: 100px; font-size: 13px; padding: 1px 4px; margin-bottom: 4px; }

#friends .list { padding: 20px 30px 5px 30px; margin: 0 0 30px 0; border: 1px solid #D4D4D4 }
#friends .list A { font-size: 18px; }
#friends .list P { font-size: 12px; padding-top: 7px; }


SPAN.hleblink { display: none !important }
#hleb { font-size: 10px; color: #a3a3a3; margin: 10px 0 10px 0}
#hleb A { color: #a3a3a3 }

.adsense { margin: 0 0 15px 0 }

BDO.spage { margin: 0px 0 30px 0 }