/* Reset Styles */
*{margin:0;padding:0;}

/* Grid Styles */
body,html{text-align:center;height:100%;font-family:Tahoma, Geneva, sans-serif;font-size:12px;color:#000; background-color:#ebede8; background-image:url(http://zh-tv.ru/public/backgrounds/bg_random.jpg); background-position:top; background-repeat:no-repeat; background-attachment:fixed;}
tbody{text-align:left;height:100%;font-family:Georgia, Geneva, sans-serif;font-size:12px;color:#000;}
#wrapper{width:952px;margin:0 auto;text-align:left;min-height:100%;height:auto !important;overflow:hidden;}
#header{height:157px;width:952px;}
#left{width:240px;float:left;padding:29px 0 0;}
#content{width:700px;float:right;}
#content_page{width:960px;font-family: Georgia, "Times New Roman", Times, serif;font-size:12px;color:#000;}
#footer{border-top:6px solid #000;width:952px;margin:0 auto;text-align:left;clear:both;}
#foot{background:#f4f4f4 url(../img/fbg.gif) no-repeat left bottom;padding:30px 20px 24px;}

/* Header Styles */
#logo{width:192px;float:left;text-align:center;height:90px;padding:15px 14px 0 0;}
#hright{float:right;width:746px;}
#menu{background:#000;list-style:none;height:34px;float:left;overflow:hidden;margin-right:1px;}
#menu li{float:left;height:20px;padding:8px 9px 12px 10px;background:url(../img/mli.gif) no-repeat 0 10px;margin-left:-1px;}
#menu a{color:#FFF;}
#menu a:hover{color:#FFF; text-decoration:none;}
#socmenu{background:#333;list-style:none;height:34px;float:left;overflow:hidden;margin-right:1px;}
#socmenu li{float:left;height:20px;padding:8px 9px 12px 10px;background:url(../img/mli.gif) no-repeat 0 10px;margin-left:-1px;}
#socmenu a{color:#FFF;}
#smenu{background:#99CC00;list-style:none;height:34px;float:left;overflow:hidden;margin-right:1px;}
#smenu li{float:left;height:20px;padding:8px 9px 12px 10px;background:url(../img/sli.gif) no-repeat 0 10px;margin-left:-1px;}
#smenu a{color:#000;}
#rss{background:#ff3300;display:block;float:left;color:#FFF;padding:8px 13px 12px;margin-right:1px;}
#search{display:block;float:right;width:100px;padding:6px 0 0;}
#search input{font-family:Tahoma, Geneva, sans-serif;color:#000;font-size:12px;border:1px solid #999;padding:6px 6px;width:242px;}
#ad{clear:both;padding-top:16px;}

/* Left Styles */
#left .block{margin-bottom:14px;}/*18px*/

#topics .name{width:72px;height:36px;background:#CC0000 url(../img/tname.gif) no-repeat;float:left;}
#topics{font-size:18px;}
#topics a{color:#000;}
#today{color:#CC0000 !important;text-decoration:underline;display:block;float:left;margin:7px 0 0 18px;}
#topics .list{padding:10px 0 0 2px;line-height:28px;}

#projects .name{height:30px;background:url(../img/ptop.gif) no-repeat;}
#projects .con{border:2px solid #E6E6E6;border-top:0 !important;padding:15px 15px 4px;list-style:none;}
#projects .con li{padding:4px 0 12px;margin:0 0 0 -2px;}
#projects .con a{color:#003399;text-decoration:none;position:relative;}
#projects .con a sup{font-size:11px;font-weight:bold;color:#000;/*position:absolute;top:-5px;*/margin-left:-2px;left:100%;font-family:Arial, Helvetica, sans-serif;}
#projects .con a sup span{color:#FF0000;}
#projects .icon{display:block;width:24px;height:24px;float:left;margin:-4px 8px 0 0;}

#blogs, #blogs a{color:#fff;}
#blogs .name{height:31px;background:url(../img/btop.gif) no-repeat;}
#blogs .con{background:#0066CC;padding:15px;}
#blogs .con .block{margin-bottom:13px !important;}
#blogs .date{font-size:11px;display:block;margin-bottom:4px;}
#blogs .i{float:left;width:48px;}
#blogs .desc{padding-left:8px;float:left;width:147px;}
#blogs .desc a{text-decoration:none;line-height:12px;}
.bcat{text-transform:uppercase;font-size:10px;color:#99ffff !important;text-decoration:underline !important;margin-top:2px;display:inline-block;}
#blogs .more{padding:0 10px 0 2px;background:url(../img/barrow.gif) no-repeat 100% 3px;text-transform:uppercase;text-decoration:none;margin:2px 0 3px;display:inline-block;}
#blogs .more span{border-bottom:1px solid #fff;display:inline-block;}

/* Footer Styles */
#footer p.small{font-size:11px;}
#footer p.small a{color:#000;text-decoration:underline;}
#footer p{padding-bottom:8px;margin-bottom:0 !important;line-height:normal;}

#copy{width:212px;padding-right:15px;background:url(../img/fr.gif) repeat-y right top;float:left;height:166px;}
#copy a{color:#0033cc;}

#fmenu{padding:0 28px;list-style:none;float:left;background:url(../img/fr.gif) repeat-y right top;height:166px;width:128px;}
#fmenu a{color:#03c;text-decoration:underline;}
#fmenu a:hover{color:#03c;text-decoration:none;}
#fmenu li{padding-bottom:10px;}

#tweets{padding:0 20px 0 25px;float:left;background:url(../img/fr.gif) repeat-y right top;width:331px;height:166px;}
#tweets .name a{color:#000;}
#tweetlist{color:#999999;background:#fff url(../img/twtop.gif) no-repeat left top;margin-left:-6px;margin-top:8px;}
#twrap{background:url(../img/twbot.gif) no-repeat left bottom;padding:10px 12px 6px; word-wrap: break-word;}
#twrap a{color:#000;text-decoration:none;}
#twrap span{color:#999;display:block;}
#twrap div{color:#000;padding-bottom:9px;font-size:10px;line-height:10px;}

#counters{padding-left:28px;float:left;width:88px;}
#counters img{margin-bottom:10px;}

#flogo{height:46px;padding:22px 0 0 30px;}

/* Content Styles */
#content .block{margin-bottom:14px;}/*18px*/

#tv .name{height:21px;background:url(../img/to-view.gif) no-repeat left top;padding-left:220px;text-transform:uppercase;color:#990000;padding-top:10px;}
#tv .name a{color:#990000;font-size:9px;}
#tv .monitor{width:442px;background:#9c0000 url(../img/tvbg.gif) repeat-y;float:left;padding:12px 14px;height:194px;}
#tv #program{border:1px solid #cc0101;border-left:none;float:left;width:229px;height:216px;}
#tv #cont{width:443px;height:189px;overflow:hidden;position:relative;}
#tv #tvline{position:absolute;bottom:0;width:100%;}
#tv01{background:url(../img/dark06.png);padding:6px 0 8px 10px;font-size:18px;}
#tv01 a{color:#fff;text-decoration:none;}
#tv02{background:url(../img/dark09.png);padding:3px 0 4px 10px;font-size:10px;color:#999;}
#tv02 span{color:#fff;}
#tv #program ul{list-style:none;padding:0px 12px 0 0;height:216px;overflow:hidden;}
#tv #program li{padding:9px 0 9px 16px;background:url(../img/tvli.gif) no-repeat 0 100%;margin-top:-1px;}
#tv #program ul .active{color:#fff;background:#990000;}
#tv #program li a{color:#000;text-decoration:underline;}
#tv #program ul .active a{color:#fff !important;text-decoration:none !important;}

#recommend{width:230px;float:left;}
#recommend .name{height:34px;background:url(../img/recommend.gif) no-repeat;}
#recommend .con{background:#090909 url(../img/rbg.gif) repeat-x;padding:12px 14px;height:600px;}
#recommend .more{padding:0 10px 0 2px;background:url(../img/rarrow.gif) no-repeat 100% 3px;text-transform:uppercase;text-decoration:none;margin:2px 0 3px;display:inline-block;color:#99cc00;}
#recommend .more span{border-bottom:1px solid #99cc00;display:inline-block;}
#recommend .block{margin-bottom:14px;width:200px;}
#recommend .img{clear:both;position:relative;}
#recommend .img img{display:block;}
#recommend .img a{text-decoration:underline;color:#fff;}
#recommend .img span{position:absolute;background:url(../img/dark08.png);bottom:0;width:190px;left:0;padding:2px 5px 5px;text-decoration:underline;}
#recommend .date{color:#999;font-size:11px;display:block;float:left;margin-bottom:4px;}
#recommend .rcat{padding-top:1px;color:#99cc00;text-transform:uppercase;font-size:9px;display:block;float:right;}

#new{float:right;width:452px;}
#new .name{height:34px;background:url(../img/new.gif) no-repeat;padding:8px 0 0 212px; margin-bottom:-8px;}
#new .name a{display:inline-block;margin-right:5px;}
#new .name a.active{background-position:0 0 !important;}
#new .name .sdate{background:url(../img/ndate.gif) no-repeat 0 -19px;width:56px;height:19px;}
#new .name .sview{background:url(../img/nview.gif) no-repeat 0 -19px;width:100px;height:19px;}
#new .con{background:#f0f0f0 url(../img/nbg.gif) repeat-x;padding:12px 4px;height:600px;}
#new .block{width:200px;float:left;margin:0 10px 14px;}
#new .img{clear:both;position:relative;}
#new .img img{display:block;}
#new .img a{text-decoration:underline;color:#fff;}
#new .img span{position:absolute;background:url(../img/dark08.png);bottom:0;width:190px;left:0;padding:2px 5px 5px;text-decoration:underline;}
#new .date{color:#000;font-size:11px;display:block;float:left;margin-bottom:4px;}
#new .ncat{padding-top:1px;color:#003399;text-transform:uppercase;font-size:9px;display:block;float:right;}
#new .more{padding:0 10px 0 2px;background:url(../img/narrow.gif) no-repeat 100% 3px;text-transform:uppercase;text-decoration:none;margin:2px 0 3px 8px;display:inline-block;color:#000;}
#new .more span{border-bottom:1px solid #000;display:inline-block;}
#paginator ul{list-style:none;font-size:18px;padding-top:2px;}
#paginator li{float:left;width:41px;height:35px; margin-bottom:20px;}
#paginator a{display:block;color:#000;text-align:center;padding:6px 2px 7px;}
#paginator span{display:block;color:#000;text-align:center;padding:6px 2px 7px;}
#paginator a:hover, #paginator .active a{background:#000 url(../img/pli.gif) no-repeat;color:#fff;text-decoration:none;}
/* Inside Styles */
.inside #new{width:100% !important;float:none;}
.inside #new .block{margin:0 26px 14px 10px;}
.inside #new .con{height:auto !important;padding-bottom:0 !important;background:#f0f0f0 !important;}
.inside #new .name{background:url(../img/new2.gif) no-repeat !important;}
.inside #new .wrap{margin-right:-18px;}

/* Our Projects Styles */
#our_projects .name{height:34px;background:url(../img/opro.gif) no-repeat;}
#our_projects .con{background:#f0f0f0;padding:30px 20px 0;}
#our_projects .block{width:220px;float:left;margin-bottom:30px;}
#our_projects p{padding-left:10px;padding-right:20px;}
#our_projects .namer{font-size:18px;color:#000;text-decoration:none;display:inline-block;margin-bottom:6px;}
#our_projects .img{padding:0 0 10px 8px;}

#video .name{font-family:Georgia, "Times New Roman", Times, serif;height:22px;background:url(../img/vname.gif) no-repeat;padding:12px 15px 0;font-size:22px;color:#000;line-height:18px; font-style:italic;}
#video .con{background:#f0f0f0;padding:15px 15px 10px;border-bottom:1px solid #cccccc;}
#video #player{width:640px;float:left;}
#video #share{float:left;padding-left:10px;list-style:none;margin-right:-5px;}
#video #share li{width:22px;height:22px;background:url(../img/socicon.gif) no-repeat;padding:3px 0 0 3px;margin:0 0 5px;}
#vinfo{color:#333333;font-size:11px;padding-top:8px;position:relative;}
#vinfo span{position:absolute;right:0;}
#vinfo span a{color:#000;}
#description{padding:5px 225px 10px 15px;border-bottom:1px solid #cccccc;position:relative;}
#description .full{float:left;width:680px;}
#description .left{float:left;width:440px;}
#description .right{float:right;width:220px;position:relative;margin-right:-220px;}
#description .right .name{height:35px;background:url(../img/atags.gif) no-repeat left top;position:relative;z-index:2;}
#description .right .con{border:1px solid #ccc;margin-top:-1px;position:relative;z-index:1;padding:14px;font-size:11px;line-height:11px;}
#description .right .con a{color:#000; text-transform:lowercase; line-height:1.5; text-decoration:underline;}
#description .right .con a:hover{color:#888;}

#popular{width:440px;float:left;background:#f8f8f8 url(../img/pname.gif) no-repeat left top;}
#popular .con{padding:37px 10px 10px;background:url(../img/pbot.gif) no-repeat left bottom;}
/*#popular .block{float:left;width:200px;margin:0 5px 12px;}*/
#popular .block{display:inline-block;width:198px;margin:0 5px 12px;vertical-align:top;}
#popular .date{font-size:11px;display:block;margin-bottom:4px;color:#666666;}
#popular .i{float:left;width:75px;}
#popular .desc{padding-left:8px;float:left;width:115px;}
#popular .desc a{text-decoration:none;line-height:12px;color:#000;}
.pcat{text-transform:uppercase;font-size:10px;color:#000066 !important;text-decoration:underline !important;font-weight:bold;margin-top:2px;display:inline-block;}
/* Inside Styles */
.inside #popular{float:right;width:230px;background:#f8f8f8 url(../img/pname2.gif) no-repeat left top;}
.inside #popular .con{background:url(../img/pbot2.gif) no-repeat left bottom;padding:37px 10px 6px;}

#content #announces { margin-top:14px; margin-bottom:20px;}

#all-to-theme{width:100%;float:left;background:#f8f8f8 url(../img/all-themes.gif) no-repeat left top;margin-bottom:18px !important;}
#all-to-theme .con{padding:37px 10px 5px;background:url(../img/all-tbot.gif) no-repeat left bottom;}
#all-to-theme .block{float:left;width:216px;margin:0 5px 12px;}
#all-to-theme .date{font-size:11px;display:block;margin-bottom:4px;color:#666666;}
#all-to-theme .i{float:left;width:75px;}
#all-to-theme .desc{padding-left:8px;float:left;width:117px;}
#all-to-theme .desc a{text-decoration:none;line-height:12px;color:#000;}

#all-to-project{width:100%;float:left;background:#f8f8f8 url(../img/all-themes.gif) no-repeat left top;margin-bottom:18px !important;}
#all-to-project .con{padding:37px 10px 5px;background:url(../img/all-tbot.gif) no-repeat left bottom;}
#all-to-project .block{float:left;width:216px;margin:0 5px 12px;}
#all-to-project .date{font-size:11px;display:block;margin-bottom:4px;color:#666666;}
#all-to-project .i{float:left;width:75px;}
#all-to-project .desc{padding-left:8px;float:left;width:117px;}
#all-to-project .desc a{text-decoration:none;line-height:12px;color:#000;}

#ad2{float:right;width:240px;margin-bottom:-40px;}

#social{margin-bottom:14px;clear:both;padding-top:8px;}
#tags{width:460px;float:left;}
#tags ul{list-style:none;text-align:center;}
#tags a{color:#000;}
#socials{width:475px;float:right}
#tags ul li{display:inline-block;padding:0px 8px 10px;}
.f2{font-size:2px;}
.f4{font-size:4px;}
.f6{font-size:5px;}
.f8{font-size:8px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}

#tags .con, #socials .con{border:1px solid #cccccc;padding:12px 16px;margin-top:-1px;position:relative;z-index:1;}
#tags .name, #socials .name{height:35px;position:relative;z-index:2;}
#tags .name{height:27px !important;background:url(../img/tags.gif) no-repeat left top;padding:8px 0 0 204px;}
#tags .name a{display:inline-block;margin-right:5px;}
#tags .name .tall{background:url("../img/tall.gif") no-repeat scroll 0 -19px transparent;height:19px;width:54px;}
#tags .name .tpop{background:url("../img/tpop.gif") no-repeat scroll 0 -19px transparent;height:19px;width:137px;}
#tags .name .active{background-position:0 0 !important;}

#socials .name{background:url(../img/social.gif) no-repeat left top;}
#social ul{list-style:none;float:left;font-size:11px;}
#social li{padding:1px 0 7px;}
#s01{width:200px;}
#s02{width:241px;margin-bottom:21px;}
#s03{width:241px;}
#social .icon{display:block;float:left;height:16px;margin:-1px 10px 0 0;width:16px;}
#social a{position:relative;}
/* Inside Styles */
.inside #tags{float:none !important;width:450px;margin-bottom:18px;}
.inside #socials{float:none !important;width:450px !important;}
.inside #social{float:left;clear:none !important;padding-top:0 !important;}
.inside #s01{width:198px;}
.inside #s02, .inside #s03{width:218px !important;}

/* Basic Styles */
.clear{float:none !important;clear:both;height:0 !important;font-size:0 !important;overflow:hidden;background:none !important;}
img{border:none;}
a{color:#003399;}
h1{font-size:18px;line-height:18px;font-weight:normal;margin:0 0 20px;}
p{margin-bottom:14px;}

/*Debug styles*/
/*#projects {display:none;}*/