html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 background: transparent;
}
 ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
:focus {
 outline: 0;
}
ins {
 text-decoration: none;
}
del {
 text-decoration: line-through;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
html {height: 100%}
body {font: 12px/18px Tahoma;height: 100%; background-color: #fff; color:#333;}

a {color: #0487BB; outline: none; text-decoration: underline;}
a:hover {text-decoration: none; color:#4d4d4d;}
.ajax {color: #0487BD; outline: none; text-decoration: none; border-bottom:1px dashed #0487BD; padding:0 1px;}
.ajax:hover {text-decoration: none; border:none; color:#4d4d4d;}
p, ul {margin: 0 0 18px}
img {
 border: none;
}
input {vertical-align: middle}
#wrapper {
 width: 900px;
 margin: 0 auto;
 min-height: 100%;
 height: auto !important;
 height: 100%;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
 height: 155px;
 margin-top:10px;
 position:relative;
}


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

/* Sidebar Right
-----------------------------------------------------------------------------*/
.sr {
 float: left;
 margin-right: -3px;
 width: 250px;
 margin-left: -250px;
 position: relative;
 padding-top:10px

}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
 width: 900px;
 margin: -50px auto 0;
 height: 50px;
 border-top:1px solid #ddd;
 padding-top:5px;

}
.logo {
 position:relative;
 width:320px;
 height:100px;
 overflow:hidden;
}
.logo a {text-decoration:none}
.logo_pic {
 background:url(/i/logo.jpg) no-repeat;
 width:320px;
 height:100px;
 position:absolute;
 top:0;
 left:0;
}
h1, h2 {font:normal 2.1em/1em Tahoma, Geneva, sans-serif; margin-bottom:7px;}
h3 {font-size: 1.8em; font-weight:normal;margin-bottom:7px;}
h4 {font-size: 1.5em;font-weight:normal;margin-bottom:5px;}
h5 {font-size: 110%;}
h6 {font-size: 100%;}


.fleft {float:left}
.fright {float:right}
.clear {clear:both; font-size:0px; height:0px;}
.sep{margin-top:18px;}
.sep30{margin:30px 0;}
.center, .phtOtherThumbs {text-align:center;}

.orange {color:#F30;}
.gray {color:#999}
.lbrown {color:#807060;}
.maroon {color:#c03}

.panel {
 -moz-border-radius: 5px; /* FF1+ */
 -webkit-border-radius: 5px; /* Saf3+, Chrome */
 border-radius: 5px; /* Opera 10.5, IE 9 */
 border:1px solid #ddd;
 padding:0 3px;
 
 margin:5px 0;
 -moz-box-shadow: 0px 0px 4px #d6d6d6; /* FF3.5+ */
 -webkit-box-shadow: 0px 0px 4px #d6d6d6; /* Saf3.0+, Chrome */
 box-shadow: 0px 0px 4px #d6d6d6; /* Opera 10.5, IE 9.0 */
 overflow: hidden;
 line-height:24px;
}
.quoteMessage, blockquote {border: dotted #666 1px !important;border-left:solid #ff5a00 5px !important;margin:10px 40px;padding:10px;background:#fcfcfc;}
.codeMessage {border: dotted #666 1px !important;border-left:solid #3366FF 5px !important;margin:10px 40px;padding:10px;background:#fcfcfc;}
.admin_answer {border: dotted #c03 1px !important;border-left:solid #c03 5px !important;margin:10px 40px;padding:10px;background:#fcfcfc;}

.post {padding-right:5px; margin-bottom:30px; clear:both}
.u-star-rating {float:right; margin-top:3px !important}
.commFl {width:550px}

.block-title {text-align:center; border-bottom:1px solid #ddd; padding-bottom:3px; margin-bottom:5px;}
hr {border:none; height:1px; background-color:#ddd}

.codeButtons {border: 1px solid #ddd; -moz-border-radius: 5px; /* FF1+ */
 -webkit-border-radius: 5px; /* Saf3+, Chrome */
 border-radius: 5px; /* Opera 10.5, IE 9 */
 -moz-box-shadow: 0px 0px 2px #d6d6d6; /* FF3.5+ */
 -webkit-box-shadow: 0px 0px 2px #d6d6d6; /* Saf3.0+, Chrome */
 box-shadow: 0px 0px 2px #d6d6d6; /* Opera 10.5, IE 9.0 */
}
.swchItemA, .swchItem {
 margin:2px;
 padding:3px 7px;
 -moz-border-radius: 5px; /* FF1+ */
 -webkit-border-radius: 5px; /* Saf3+, Chrome */
 border-radius: 5px; /* Opera 10.5, IE 9 */
 -moz-box-shadow: 0px 0px 2px #d6d6d6; /* FF3.5+ */
 -webkit-box-shadow: 0px 0px 2px #d6d6d6; /* Saf3.0+, Chrome */
 box-shadow: 0px 0px 2px #d6d6d6; /* Opera 10.5, IE 9.0 */
 text-decoration: none;
}
.swchItemA {
 background-color:#aaa;
 color:#fff;
 -moz-border-radius: 5px; /* FF1+ */
 -webkit-border-radius: 5px; /* Saf3+, Chrome */
 border-radius: 5px; /* Opera 10.5, IE 9 */
 -moz-box-shadow: 0px 0px 2px #d6d6d6; /* FF3.5+ */
 -webkit-box-shadow: 0px 0px 2px #d6d6d6; /* Saf3.0+, Chrome */
 box-shadow: 0px 0px 2px #d6d6d6; /* Opera 10.5, IE 9.0 */
}
.uTable, .uTd {border:1px dotted #ddd}
.uTd {padding-left:5px}

.comment {
 margin:5px 0 7px 0;
 border:1px solid #ddd;
 padding:5px;
 -moz-border-radius: 7px; /* FF1+ */
 -webkit-border-radius: 7px; /* Saf3+, Chrome */
 border-radius: 7px; /* Opera 10.5, IE 9 */
 -moz-box-shadow: 0px 0px 4px #d6d6d6; /* FF3.5+ */
 -webkit-box-shadow: 0px 0px 4px #d6d6d6; /* Saf3.0+, Chrome */
 box-shadow: 0px 0px 4px #d6d6d6; /* Opera 10.5, IE 9.0 */
 
}
.comment:hover {
 border:1px solid #109de1;
}
.my_comment {
 border:1px solid #9cf !important;
}
.new_comment{
 border:1px solid #39c !important;
}
.comment_info {margin-bottom:5px; padding:3px 1px; border-bottom:1px solid #ddd; overflow:hidden}
.reply {margin-top:3px; padding:3px 1px; border-top:1px solid #ddd; clear:both; text-align:right}
.no-reply {margin-top:3px; clear:both;}
.avatar {padding: 5px 5px 5px 0; display:block; width:30px; height:30px; text-align:center; float:left;}
.avatar_img {width:30px; height:30px}

.block-content {margin-bottom:20px;}
.promo_input {color:#666; width:80%}

.tweet {overflow:hidden; margin-bottom:15px;}
.tweet_list {-webkit-border-radius: .5em; -moz-border-radius: .5em; -border-radius: .5em; list-style-type: none; margin: 0; padding: 0;background-color: #efefef; }
.tweet_list li {overflow: auto;padding: .5em; }
.tweet_list .tweet_even {background-color: #f5f5f5; border-top:1px solid #ddd; border-bottom:1px solid #ddd}

.tweet_text {display:block}
.tweet_time {font-size:11px; text-align:right; display:block;}

.post ul, .item ul, .comment ul {list-style:outside; font-weight:bolder;}

.post ul li, .item ul li, .comment ul li {margin:0 15px; font-weight:normal;}
.post ol li, .item ol li {margin:0 25px; font-weight:normal;}
.u-star-rating {list-style:none !important; margin:0; padding:0}
.creload {background: url(/i/refresh.png) no-repeat; display:block; float: right; width:24px; height:24px; }
.up_to_top {background: url(/i/up.png) no-repeat; display:block; width:24px; height:24px;float:right; }


.groupAdmin, .groupModer {color:#c03}
.groupVerify {color:#315281}

.pollBlock {padding:0 10px}
.pollAns {width:90%; margin:0 auto;}
.pollButton {margin:5px 0}
.catPages1 {margin: 0 0 10px 0}


.lastcomment_info {
 font-size:11px;
 color:#666;
}
.lastcomment_wrap .cBlock1 {-webkit-border-radius: .5em; -moz-border-radius: .5em; -border-radius: .5em; list-style-type: none; margin: 0; padding:0.5em; background-color: #efefef; }
.lastcomment_wrap .cBlock2 {background-color: #f5f5f5; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:0.5em;}
#addcomment {margin-bottom:10px}
.afterparty {
 display:block;
 padding:5px 0 0 37px;
 margin:10px 0;
 background: url(/i/after_mini.png) no-repeat;
 height:32px;
 font-size:14px;
}

.dir_rss {
 display:block;
 padding:5px 0 0 37px;
 margin:20px 0 10px 0;
 background: url(/i/rss.png) no-repeat;
 height:32px;
 font-size:14px;
 float:left;
 width:150px;
}
.dir_itunes {
 display:block;
 padding:5px 0 0 37px;
 margin:20px 0 10px 0;
 background: url(/i/podcast.png) no-repeat;
 height:32px;
 font-size:14px;
 float:left;
 width:150px;
}
.dir_site {
 display:block;
 padding:5px 0 0 37px;
 margin:20px 0 10px 0;
 background: url(/i/play.png) no-repeat;
 height:32px;
 font-size:14px;
 float:left;
 width:150px;
}
.h_listen {
 position:absolute;
 top:20px;
 right:60px;
 background: url(/i/info.png) 0 3px no-repeat; 
 padding: 0 0 0 73px;
 
}
.h_listen_div span {display:block}

.play {
 display:block;
 padding:5px 0 0 37px;
 margin:20px 0 10px 0;
 background: url(/i/play.png) no-repeat;
 height:32px;
 font-size:14px;
}
.info {
 display:block;
 padding:5px 0 0 37px;
 margin:20px 0 10px 0;
 background: url(/i/stat.png) no-repeat;
 height:32px;
 font-size:14px;
}
.rssBody ul {margin:0; list-style:none}
.rssBody span {font-size:16px;}
.rsstitle {margin-top:15px; color:#999; float:left;}
.rssFeed {float:left;margin-top:15px;}
.rssError {color:#c00; font-size:16px; margin: 0 15px;}

.online_block {
 padding-left: 180px;
 overflow:hidden;
 margin-top:20px
}
.online_block_pleer {
 float:left;
 margin:15px 0 0 -180px;
}
.online_block_social {
 margin:5px 0;
 width:80px;
 height:100px;
 float:left;
}

/* chat */
#gbchat {border: 1px solid #f2f2f2; margin: 10px 0px}
#gbcb1 {border: 1px solid #c6d4dd; padding: 4px 2px; max-height: 400px; overflow: auto; min-height: 150px;}
.blockGbChat {margin: 5px 0px; padding: 2px 6px; overflow: hidden ;}
#chat .cBlock2{border: 1px solid #c8e2f1; background: #f5fdff;}
#chat .cBlock1{border: 1px solid #e4e4e4; background: #f8f8f8;}
textarea#txtchatGB {width: 100%; height: 50px;border: 1px solid #c6d4dd; margin: 1px 0px 0px 0px; color: grey; background: #f9f9f9;}
textarea#txtchatGB:focus {color: #363636; background: white;}
.nbgbchat{float:left;}
.hrchat {height: 1px; width: 100%; background: white; border-top: 1px solid #dfdfdf; margin: 2px;}
.buttonChat {padding:4px 0px; border: 1px solid #c3c3c3; width: 70px; text-align: center; background: #f9f9f9; margin: 1px; color: #363636; cursor: pointer}
.hoverchatbtn {background: #eeeeee; border: 1px solid #648fce; color: #005d89; text-shadow: 0.1em 0.1em 0.05em #FFF;} 
input.ch-b-send,input.ch-b-sml,input.ch-b-opt {padding:2px 4px; border: 1px solid #c3c3c3; background: #f9f9f9; margin: 1px; color: #363636; text-shadow: 0.1em 0.1em 0.05em #FFF;}
input.ch-b-send:hover {background: white; color: #009100; cursor: pointer;}
input.ch-b-sml:hover{background: white; color: #e09b37; cursor: pointer;}
input.ch-b-opt:hover {background: white; color: #a22864; cursor: pointer;}
span.gbchatnick {font-weight: bold; color: #878787; text-shadow: 0.1em 0.1em 0.05em #e0eef6;}
span.gbchatnick:hover {color: #464646; cursor: pointer;}
span.gbct-nav img {border: 0; height: 13px; opacity: 0.6; filter:Alpha(Opacity='60');}
span.gbct-nav img:hover {cursor: pointer; opacity: 1; filter:Alpha(Opacity='100');}
.postbuttons-chat{text-align:left;} 
.pstt-chat{clear:left;float:left;width:20px;} 
.chat-block-div{display: none; position: fixed; border: 5px solid #f1f1f1; z-index: 99999;}
.cbgbH {border: 1px solid #3cb8ec; padding: 6px 15px; background: white}
.gvr-chgbl {text-decoration: underline;}
.menu-chat-link {text-align: left; margin-bottom: 2px; padding-left: 19px; height: 18px; font-weight: bold; text-shadow: 0.1em 0.1em 0.05em #e6f6f5; cursor: pointer; color: #3b3b3b;}
.prfl-mcg {background: url('http://ucodes.ru/upload/icons/m/board.png') no-repeat;}
.prfl-pm {background: url('http://ucodes.ru/upload/icons/reg.png') no-repeat;}
.prfl-del{background: url('http://ucodes.ru/upload/icons/error.png') no-repeat;}
#compageblock {border: 1px solid #8ac8b1; background: #fdfdfd; padding: 6px 10px; text-align: right}
b.now-page-chat {border: 1px solid #e3e3e3; background: #eaf4f9; color: #3a7ac9; padding: 2px 4px;}
a.notsel-page {border: 1px solid #eaf4f9; background: #fefefe; color: #9c9c9c; padding: 2px 4px;}
a.notsel-page:hover {border: 1px solid #e3e3e3; background: #eaf4f9; color: #3a7ac9; padding: 2px 4px;}
.notsel-pageDots {font-size: 9px; color: grey;}
.optblockchat{text-align: left; padding: 2px; margin-bottom: 2px;}
.optvalchat{clear:left;float:left;width:80%;}
img.bbcodeImgChat {border: none; cursor: pointer;}
#capchatcode {width: 110px; height: 35px; text-align: center; color: grey; font-size: 14pt;}


#mainnav {
 list-style-type: none;
 margin: 0;
 padding:0 7px;
 background:#0395e2;
 overflow:auto;
}
#mainnav li {
 display: block;
 float: left;
 margin:0 30px 3px 0;
}
#mainnav a {
 text-decoration: none;
 height: 34px;
 display: block;
 line-height: 34px;
 color: #fff;
 font-size: 18px;
 margin: 0;

 float: left;
}
#mainnav a:hover {color:#fff !important; text-decoration: underline;}