html, body { height:100% }
body{font: normal 1rem Arial;color: #363636; margin: 0; padding: 0; min-width: 1003px;}
img{border: 0;}
form{ margin: 0; padding: 0;}
a{color: #363636;}
a:hover { text-decoration: none;}
table{ font: normal 14px Arial;}
dl, dt, dd{display: block; margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; font-weight: normal; }
h1{ font-size: 22px; margin: 4px 0; }
h2{ font-size: 20px;}
h3{ font-size: 18px;}
h4{ font-size: 16px;}

/* Rutines */
.fleft{float: left;}
.fright{float: right;}
.acenter{text-align: center;}
.aright{text-align: right;}
.clear{clear: both;float: none;display: block;}
.wraper{overflow: hidden; width: 100%; height: 1px;}
.hidden{display:none;}


a.action{text-decoration: none;border-bottom: #363636 1px dashed;}
.help{margin: 1em;cursor: pointer;display: inline-block; vertical-align: middle; width: 11px;height: 14px;background: url(/images/icon_set.png) 0 -64px no-repeat;}

.fix{min-width: 1003px; max-width: 1260px; margin: 0 auto;}
#header{ color: #fff;height: 113px;background: #3B3B3B; overflow: hidden;}

#logo{ width: 226px;padding: 28px 0 0 24px; font-size: 14px; float: left;}
#logo img{margin-bottom: 6px;}
#logo a{color: #fff; text-decoration: none;}

#themes{list-style: none; margin: 0;padding: 20px 0 0 5%;float: left;}
#themes li{display: block; float: left; padding: 14px 4px 0 4px;}
#themes li img{ background: #3B3B3B; width: 15px; height: 15px; border: #9D9D9D 1px solid;cursor: pointer;}
#themes li.selected{padding-top: 0;}
#themes li.selected i{display: block; font-style: normal; text-align: center;font-size: 14px; height: 16px;}
#themes li.selected img{ border-color: #F89A20;}

.menu-main{list-style: none; margin: 0 0 0 24px; padding: 0;color: #fff; font-size: 14px;height: 52px;overflow: hidden;}
.menu-main li{float: left; padding: 12px 12px;}
.menu-main a{color: #000;}
.menu-main .open a{color: #fff;}
.menu-main li.open{background:#3B3B3B; }

#cleft,#cright{float: left; width: 49%; min-height: 300px;}

#footer{clear: both; background: #3B3B3B;color: #fff;overflow: hidden;}
#footer a{color: #fff;}
.bottom-navigation{ padding: 0 48px; }
#footer dl{float: left;width: 19.5%;display: block; margin: 0;padding: 12px 0 24px 0;}
#footer dl dt{display: block; margin: 0;padding: 4px 0; font-weight: bold;}
#footer dl dd{display: block; margin: 0;padding: 4px 0;}

#rights{border-top: #fff 1px dotted;clear: both;padding: 24px 0 24px 0;}
#rights .copy{float: right;background: url(/images/wp.png) 0 0 no-repeat;display: block; padding: 0 48px 0 32px;width: 70px; height: 40px;}
#rights .counters{float: left; width: 90px;padding-left: 48px;}
#rights p{margin: 0 154px 0 154px;font-size: 14px;}

.block{border: #D6D6D6 5px solid;background: url(/images/block_bg1.png) 0 0 repeat-y;margin: 0 8px 12px 24px;}
.block .all{display: block; padding: 2px 4px 6px 4px; margin: 0 12px 0 auto; width:80px; text-align: center; background: #F89A20; color: #965500;}
.block h2{font: normal 24px "Times new roman"; color: #6C9D0D;margin-left: 24px;}
.block h3{margin: 4px 0 8px 0;}
.block dl{ min-height: 110px; margin: 12px 0; }
.block dl dt{ float: left; width: 116px;}
.block dl dt img{width: 135px; height: 83px;position: relative; margin-left: -24px;background: #D8D8D8 url() 50% 50% no-repeat;}
.block dl dt span{display: block;position: relative; margin: -20px 0 10px 12px;color: #fff;font-size: 14px;}
.block dl dt a{display: block; background: url(/images/pic_comment.gif) 0 5px no-repeat; margin: 6px 0 0 24px;padding: 0 0 0 12px;}
.block dl dd{ margin-left: 120px; padding-right: 12px;}
.block dl dd .dt{ font-size: 14px; margin-bottom: 6px;}
.block dl dd .dt a{color: #757575;}

#cright .block.ivideo{height: 300px;}
.block .info_panel{background: rgb(90, 90, 90);background-color: rgba(90, 90, 90, 0.85);padding: 10px;position: relative;margin-top: -60px;height: 40px;color: #fff;z-index:100;}
.block .info_panel a{color: #fff;}
.block .info_panel p{margin: 4px 0;}
.block .info_panel .rating{background: url(/images/pic_rate.png) 0 0 no-repeat;padding: 0 0 0 16px;}
.block .info_panel .comments{background: url(/images/pic_comment_white.gif) 0 5px no-repeat;padding: 0 0 0 16px;}
#cright .block.ivideo h2{position: absolute;z-index:100;background: #CCF57C;margin: 0 0 0 12px; padding: 4px 8px;}
#cright .block.ivideo h2 a{color: #4E4E4E;}
.block.ivideo #mediaspace{position: relative;z-index:1;height: 300px;}

.block.inews.k1{border-color: #F89A20;background: url(/images/block_bg2.png) 0 0 repeat-y;}
.block.inews.k1 dl{margin-top: 0;}
.block.inews.k1.news-list dl{margin: 12px 0;}
.block.inews.k1 dl dd div a{color: #D57800;}
.block.news-list{margin-left: 0;}


.block.iblogs{border-color: #9FCAFF;background: url(/images/block_bg3.png) 0 0 repeat-y;}
.block.iblogs .all{background: #9FCAFF;color:#0E4A95;}
.iblogs dl dt img{width: 93px; height: 83px;margin-left: 12px;background: #ccc url() 50% 50% no-repeat;}
.iblogs h2{font: normal 24px "Times new roman"; color: #4685D2;margin-left: 120px;}
.iblogs dl dd div.dt{ padding: 0 24px 0 18px; background: url(/images/pic_user.png) 0 0 no-repeat;}
.iblogs dl dd div.dt span{float: right;}
.iblogs dl dd div.dt a{color: #4685D2;}
.iblogs dl dd div.rate{float: right;margin-left: 2em;}

#cleft .ihumor{border-color: #CCF57C;background: none;}
#cleft .ihumor .all{background: #CCF57C;color:#2F4700;width: 126px;}
#cleft .ihumor img{width: 25%;background: url() 50% 50% no-repeat;}
#cleft .ihumor h2{font: normal 24px "Times new roman"; color: #6C9D0D;margin-left: 24px;}

#cleft .ifriends{overflow: hidden; background: none;}
.promo2{width: 120px; float: left; padding: 12px;}
.promo2 p{padding: 0; margin: 0;}

.promo3{padding: 12px 12px 12px 0; margin-left: 144px;}
#cleft .promo3 h2{margin-left: 0;}

#cright{width: 470px;}
#cright .block{border: #CCF57C 5px solid;margin: 0 0 12px 0;background: none;}
#cright .block .all{float: right;}
#cright .block h2{color: #6C9D0D; margin: 12px 0 0 24px;}
#cright .block h2 a{color: #6C9D0D; text-decoration: none;}
#cright .block ul{list-style: none; margin: 6px 0 0 0; padding: 6px 12px 12px 12px; overflow: hidden;}
#cright .block ul li{float: left; width: 30%; padding: 0 1%;}
#cright .block ul li img{width: 100px; height: 80px; background: url() 50% 50% no-repeat;}
#cright .block ul li p{overflow: hidden;width: 100px;}
#cright .block ul li p .comments{float: right;display: block; background: url(/images/pic_comment.gif) 0 5px no-repeat;padding: 0 0 0 12px;}
#cright .block ul li p span{background: url(/images/pic_rate.png) 0 0 no-repeat;padding: 0 0 0 16px;}
#cright .block ul li div{background: url(/images/pic_user.png) 0 0 no-repeat;padding: 0 0 0 16px; font-size: 14px; margin: 6px 0;}

#cright .iphoto{border-color: #D6D6D6;}
#cright .iphoto h2 a{color: #636363;}
#cright .iphoto .all{ width: 120px;background:#D6D6D6;}
#cright .iphoto .all a{color: #636363;}
#cright .iphoto ul{background:url(/images/block_bg1.png); }


.promo1{border: #ccc 1px solid;width:468px; min-height: 60px; overflow: hidden;margin-bottom: 12px;}
.promo1 p{padding: 0; margin: 0;}

.block1{overflow: hidden;margin: 12px 0;}
.iarticles{float:left;width: 240px;background:#DFDFDF;min-height: 155px;overflow: hidden;}
.iarticles h2{color:#4D4D4D; font: normal 24px "Times new roman"; text-align: center; padding: 6px 0;border-bottom: #fff 1px dotted;}
.iarticles ul{list-style: none; margin: 0;padding: 0 12px;}
.iarticles ul li{padding: 0; margin: 12px 0;overflow: hidden;}
.iarticles ul li img{float: left; background: url() 50% 50% no-repeat;margin-right: 12px;}

.ikozlov{border: #F89A20 5px solid;background: url(/images/block_bg2.png);float: left; width: 270px;height: 125px;}
.ikozlov img{float: left;}
.ikozlov h3{margin: 12px 0 0 120px; font-family: "Times New Roman", Times, serif; }
.ikozlov h3 a{color:#BA6900;}

.promo4{border: #D6D6D6 5px solid;width: 168px; height: 125px; margin-left: 292px;text-align: center;}
.promo4 p{margin: 0; padding: 0;}

.icomments{border: #FFD781 5px solid;padding: 12px 0; /* margin: 12px 0; */background: none;}
.icomments h2{margin: 0 0 0 24px;color: #BA6900;font-family: "Times New Roman", Times, serif;}
.icomments ul{margin: 12px 0 0 0;padding: 0;list-style: none;}
.icomments ul li{margin: 0;padding: 0; }
.icomments ul li.r1{background: url(/images/block_bg1.png) }
.icomments ul li div{padding: 8px 24px 8px 44px;background: url(/images/pic_user.png) 24px 10px no-repeat; }
.icomments ul li div span{font-size: 14px;}

.informer{border: #DFDFDF 5px solid;float: left; width: 188px; margin-left: 8px;min-height: 121px;overflow: hidden;padding: 12px;}
.informer div{float: left; width:49%;}
.informer div p{font-size: 14px;margin: 5px 0; padding: 0;}
.informer div p b{display: block;lin-height: 24px;}
.informer div p i{display: block; float:left; margin-right: 6px; width: 24px; height: 24px; background: url(/images/phenomena.png) 0 24px no-repeat;}
.informer div p i.cl0{background-position: 0 0}
.informer div p i.cl1{background-position: 0 -24px}
.informer div p i.cl2{background-position: 0 -48px}
.informer div p i.cl3{background-position: 0 -72px}
.informer div p i.pr4{background-position: 0 -96px}
.informer div p i.pr5{background-position: 0 -120px}
.informer div p i.pr6, .informer div p i.pr7{background-position: 0 -168px}
.informer div p i.pr8{background-position: 0 -144px}

.promo5{background:#DFDFDF;min-height: 155px;overflow: hidden;}
.promo5 h3{color:#4D4D4D; font: normal 20px "Times new roman"; padding: 6px 24px;border-bottom: #fff 1px dotted;}
.promo5 p{margin: 1em 2em;}

.pager{text-align: justify;background: url(/images/block_bg1.png);margin: .5em 0 12px 0;padding: 4px 8px;font-size:14px;height:17px; overflow: hidden;}
.pager a, .pager span, .pager b{display: inline-block;text-align: left;}
.pager .sizer{width: 100%; height: 1px;}
.pager .arr_left, .pager .arr_right{width: 13px; height: 13px; text-indent: 13px;overflow: hidden; background: url(/images/pager_sprite.png) 0 0 no-repeat;}
.pager a.arr_right{background-position: 0 -13px;}
.pager span.arr_left{background-position: 0 -26px;}
.pager span.arr_right{background-position: 0 -39px;}

.share{overflow: hidden; margin: 1em 0; border-top: #ccc 1px dotted;padding-top: 1em;width: 99%;}
.share a i{display: inline-block; width: 16px; height: 16px; background: url(/images/b-share-icon.png) 0 0 no-repeat; margin: 0 4px;vertical-align: middle;}
.share a.twitter i{background-position: 0 -51px;}
.share a.mailru i{background-position: 0 -85px;}
.share a.facebook i{background-position: 0 -68px;}
.share a.livejournal i{background-position: 0 -34px;}
.share a.odnoklassniki i{background-position: 0 -170px;}
.share a.yaru i{background-position: 0 -17px;}


/* Comments */
#comments_box{width: 550px;margin: 24px 0;}
#comments_box h3{margin-bottom: 1em; color: #E28000;font-family: "Times New Roman", Times, serif;}
.hdn{display: none;}
.comments_form{}
.comments_form label{display: inline-block; margin: 0.5em 0 0 0;}
.comments_form textarea{width: 100%; height: 1.5em;}
#comments_box i{font-size: 14px;color: #bbb;}
#comments_box .post{margin: 24px 0;}
#comments_box .post b{margin-right: 24px;background: url(/images/pic_user.png) 0 0 no-repeat; padding-left: 20px;}


.smog{height: 1.5em;overflow: hidden;position: relative;top: 2px;white-space: nowrap;width: 160px;}
.smog i{background: url(/images/smog.png) 0 0 repeat-y;height: 1.5em;position: absolute;right: -1px;top: 0px;width: 15px;}

.user{background: url(/images/pic_user.png) no-repeat;padding: 0 0 0 18px;}

.rate{width: 80px; height: 51px;}
.rate .res{width: 51px; height: 51px; float: left; background: url(/images/rate_sprite.png) 0 51px no-repeat; color: #fff;font-size: 20px;line-height: 51px;text-align: center;}
.rate .plus{background-position: 0 0;}
.rate .minus{background-position: 0 -51px;}
.rate .action{width: 13px; height: 51px; margin-left: 67px;}
.rate .action a{display: block; width: 13px; height: 14px; background: url(/images/rate_sprite.png) 0 -102px no-repeat;}
.rate .action a.dec{background-position: -13px -102px;margin-top:25px;}

/* Photo */
.photo-list{overflow: hidden;line-height: 1.5em;}
.photo-list ul{ list-style: none;padding: 0;overflow: hidden;}
.photo-list ul li{ float: left;padding: 0px 2em 2em 0px;}
.photo-list .line{ height: 160px; position: relative; width: 160px; z-index: 1;margin-bottom: 4px;}
.photo-list.video-list .line{ height: 100px; position: relative; width: 160px; z-index: 1;margin-bottom: 4px;}
.photo-list .line-i{ bottom: 0px; position: absolute;}
.photo-list .line-i img{ max-width: 160px; max-height: 100px;}
.photo-list .comments{background: url(/images/pic_comment.gif) 0 5px no-repeat;padding: 0 0 0 12px;}
.photo-list .rate{background: url(/images/pic_rate.png) 0 0 no-repeat;padding: 0 0 0 16px;margin-right: 2em;}

.photo-id{border: #D6D6D6 4px solid;margin: 1em 0;padding: 1em 0;}
.photo-id .rate{float: right;}
.photo-id .item{text-align: center;}
.photo-id .item-i{margin: auto; display: inline-block;text-align: left;padding: 1em 0;}
.photo-id h1{font-family: "Times New Roman", Times, serif; color: #375A00;}
.photo-id .date{color: #aaa;font-size: 14px;margin-left: 2em;}
.photo-id .txt{margin: 1em 0;max-width: 550px;}
.photo-id #comments_box{margin: 2em auto;}


.photo-line{background: #eee; overflow: hidden; padding: 2em 0;}
.photo-line ul{text-align: justify;margin: 0; padding: 0 2em;}
.photo-line ul li{display: inline-block;text-align: left;}
.photo-line ul li .title{width: 100px;height: 60px;margin: 0.5em 0;}
.photo-line ul li .smog{width: 100px;margin: 0.5em 0;}
.photo-line ul li .smog i{background-position: -15px 0;}
.photo-line .sizer{width: 100%; height: 1px;}
.photo-line .seealso{width: 100%; height: 1.5em;color: #E28000; font-size: 1.5em; }
.photo-line img{border: #eee 2px solid;background: url() 50% 50% no-repeat; width: 100px; height: 100px;}
.photo-line .selected img{border: #F89A20 2px solid; }

#photorules{display: none;}

/* Send foto, organization, news */
.sendform{border: #3B3B3B 1px solid; padding: 1em;width: 500px;}
.sendform legend{padding: 0 1em;}
.sendform div{margin: 1em 0; overflow: hidden;}
.sendform div label{width: 150px; float:left;}
.sendform div input[type=text],.sendform div textarea, .sendform div select {width: 250px;border: #3B3B3B 1px solid}

.login{float: right;padding: 12px 24px 0 0; line-height: 1.5em;}
.login span{color: #8E8E8E;padding-right: 10px; border-right: #8E8E8E 1px dotted;margin-right: 10px;}
.login input[type=text]{width: 122px;margin: 2px 0;}
.login a{color: #fff;}
.login a.auth_btn{text-decoration: none;border: #fff 1px dotted;margin-left: 8px;font-size: 14px;padding: 0 2px;line-height: 8px;}
.login .avatar{padding: 0 10px 0 0;margin: 0 100px 0 0; border-right: #8E8E8E 1px dotted;height: 88px;}
.login .avatar img{max-height: 88px;}
.login ul{list-style: none; padding: 0;float: right;width: 90px;margin: 0;height: 88px;position: relative;}
.login ul li{margin: 0; padding: 0;}
.login ul li.exit{position: absolute; bottom: 0;}
.login ul li.exit a{color: #8E8E8E;}

.articles-list{background: none;}
.articles-list ul.listing{list-style: none; margin: 0; padding: 0;overflow: hidden;}
.articles-list ul.listing li{margin: 1em 2em; padding: 1em 0; border-top: #D6D6D6 4px solid;overflow:hidden;}
.articles-list ul.listing li:first-child{border-top: none;}
.articles-list ul.listing li div.rate{float: right;margin-left: 2em;}
.articles-list a.comments{float: right;background: url(/images/pic_comment.gif) 0 5px no-repeat;padding: 0 0 0 12px;margin:  0.5em 0 0 1em;}
.articles-list .entry{margin: 2em;}
.articles-list .ill{float: left; margin: 0 2em .5em 0;}

.games-list li{float: left; width: 44%;}
.games-list ul.listing li.k2{border-top: none;}
.games-list .ill{width: 50px; }
.games-list .description{margin-left: 74px; }
.games-list .play{padding: 2px;background: #FFB525; }
.games-list a.comments{float: none; }
#highscores{width: 100%; border-collapse: collapse; border-top:#D6D6D6 4px solid;border-bottom: #D6D6D6 4px solid; }
#highscores td{margin: 0; padding: .5em 0;}
#highscores tr:first-child td{font-weight: bold;}

.orgs-list{background: none;}
.orgs-list ul{list-style: none; margin: 0; padding: 0;}
.orgs-list ul li{ margin: 1em 0;}
.orgs-list .entry{ padding: 0 2em 1em 2em;overflow: hidden;}
.orgs-list .entry p{ float: right; text-align: right;}
.orgs-list .entry p b{font-size: 14px;}
.orgs-list h3 a:first-child{ color: #F89A20; }
.orgs-list .ill{ float: left; margin-right: 2em; }
.orgs-list h4{ font-weight: bold; font-size: 14px; }
.orgs-list .links{background: url(/images/block_bg1.png);padding: 6px 2em;text-align: center;margin-bottom: 1em;}
.orgs-list .links a{border-left: #363636 1px solid; padding-left: 1em; margin-left: 1em;}
.orgs-list .links a:first-child{border-left: none; padding-left: 0; margin-left: 0;}
.orgs-list a.comments{background: url(/images/pic_comment.gif) 12px 5px no-repeat;padding: 0 0 0 2em;margin:  0.5em 0 0 1em;}

.orgs-id{padding: 2em; background: none;}
.orgs-id .contacts{width: 100%; border: none; border-top: #D6D6D6 4px solid; border-bottom: #D6D6D6 4px solid; }
.orgs-id .contacts td{padding: .5em 0;}
.orgs-id .entry{margin: 1em 0;}

.icon{display: inline-block; margin: 0 0 0 1em;vertical-align: middle; width: 16px;height: 16px;background: url(/images/icon_set.png) 0 16px no-repeat; }
.icon_del{background-position: 0 0}
.icon_add{background-position: 0 -16px}
.icon_edit{background-position: 0 -32px}

.bloger{overflow: hidden; padding: 6px; background-color: #D6D6D6;margin-right: 12px;border-top: #3B3B3B 1px dotted;}
.bloger img{float: left; max-width: 70px;}
.bloger ul{list-style: none; margin: 0 0 0 80px; padding: 0;}
.bloger ul li{margin: 4px 0; padding: 0;}
.bloger ul li:first-child{font-weight: bold;}

.promo_left{margin: 2em 1em 2em 0;}

.fb fieldset{border: none; border-top: #ccc 1px solid;width: 400px;}
.fb fieldset div{margin: 0.5em 0;}
.fb fieldset .fb-text{float: left; width: 48%;}
.fb fieldset label{display: block; margin: .5em 0 .2em 0;}
.fb fieldset textarea{width: 96%;}

.pda_link{float: left;padding: 40px 0 0 40px;}
.pda_link a{padding: 2px 0 2px 20px;background: url(/images/pic_mobile.gif) 0 0 no-repeat;color: #fff;font-size: 14px;}

/* Color shemes */
.theme2 #header,
.theme2 #footer,
.theme2 .menu-main li.open,
#themes li.theme2 img,
.theme2 .menu-sub{ background: #278400;}
.theme2 .sendform{ border-color: #278400;}

.theme3 #header,
.theme3 #footer,
.theme3 .menu-main li.open,
#themes li.theme3 img,
.theme3 .menu-sub{ background: #650095;}
.theme3 .sendform{ border-color: #650095;}

.theme4 #header,
.theme4 #footer,
.theme4 .menu-main li.open,
#themes li.theme4 img,
.theme4 .menu-sub{ background: #DE840D;}
.theme4 .sendform{ border-color: #DE840D;}

.theme5 #header,
.theme5 #footer,
.theme5 .menu-main li.open,
#themes li.theme5 img,
.theme5 .menu-sub{ background: #DE2A06;}
.theme5 .sendform{ border-color: #DE2A06;}

.y5_h{font-size: 12px;}

#rpcc{color: transparent;height: 1px;overflow: hidden;position: absolute;width: 1px;}