html, body {height: 100%;}

body {font-family: verdana, sans-serif; font-size:12px;	color:#000;	background:#fff; padding:0px; margin:0px;}

span.rating_good{font-weight:bold;color: green;}
span.rating_bad{font-weight:bold;color: #f86318;}

.ajax {text-decoration:none; border-bottom:1px dashed;}
.ajax:hover {text-decoration:none; border-bottom:none;}

#user_list {margin:10px;}

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

a.link_user{color:#8374cb; text-decoration: underline;}
a.link_user:hover{color:#fff;background:#8374cb; text-decoration:none;}

div.logo{ font-size: 3em; padding: 10px 0 10px 0; color:#6a6968; text-align:center;}

.top_h { width: 100%;}
.top_h .left {float:left; padding-left:20px;}
.top_h .right {float:right; padding-right:20px;text-align:right;}

.content {padding:10px;}
.c .c_right {width:260px; vertical-align:top;}
.c .c_right span.select{display:block; margin-bottom:20px;}
.c .c_right span.select a{ margin-left:10px;}
.c .c_right span.select a.none{text-decoration:none; border-bottom:1px dashed #8374bc; margin-left:10px;}
.c .c_right span.select a.active{border-bottom:none; color:gray; text-decoration:none;}

.c .c_right .r_block{border:1px solid #cacaca; padding:5px; margin-bottom:20px;}

.c .c_right .comment_live{display:block; margin-bottom:10px; color:gray; font-size:0.9em;}
.c .c_right .comment_live a{color:gray;}
.c .c_right .comment_live .topic a{color:black;}
.c .c_right .comment_live .topic a:hover{color:white; background:#8374ac;}
.c .c_right .comment_live .comments_total{color: #cc0000;}

.c .c_right .blog_live {font-size:1.4em;}
.c .c_right .blog_live .title a{color:#666;}
.c .c_right .blog_live .title a:hover{color:#999;}
.c .c_right .blog_live .rating {text-align: right; color: #2A86E2;}
.c .c_right #tags_cloud h2{text-align: left}
.c .c_right #tags_cloud {text-align: center; line-height:1.5}
.c .c_right #tags_cloud span{margin-right:10px}
.c .c_right #tags_cloud span a:hover {color: white; background:#8374ac}

.down { width: 100%; height:75px;}
.down { text-align:center;}

div.top_h{display:block; width:1024px; background: #fff;height:60px;color: #000;padding: 0px; margin:0px;}
div.top_h div {display:block; float:left;}
div.c{display:block;  padding: 0px; text-align:left;}

input.enter_input { font-size: 20px;	margin-bottom: 20px;}
input.enter_button {	font-size: 20px;margin-top: 10px; margin-bottom: 20px;}

#add{width:120px;}
#add a{font-size:1.4em; background: url('images/pencil.png') no-repeat; padding-left:20px;}

#nav li { float:left; padding:4px 15px; background:#fff; margin-right:2px;}
#nav li a{color: #333; text-decoration: none;}
#nav li a:hover { color: #000; }  
#nav li.selected a{ color: #fff;}
#nav ul.blog_menu{ font-size: 15px; padding:0 0 2px 0; margin:0; list-style:none; border-bottom:2px solid #8374cb; float:left;}
#nav ul.blog_menu li.selected{ padding:4px 15px 6px; background:#8374cb; margin-bottom:-2px;}
#nav ul.blog_sub_menu{ font-size: 13px; padding:2px 0 0 0; margin:0; list-style:none; float:left; clear:left;}
#nav ul.blog_sub_menu li.selected{ padding:6px 15px 4px; background:#8374cb; margin-top:-2px;}

.blog_info {}
.blog_info h2{font: 2.3em/118% normal Tahoma, sans-serif; font-weight:normal; margin-bottom: 20px;color:000;}
.blog_info .rating{ padding-left:20px; color:#2A86E2;}

.topic h2.title {font-size: 2.167em; margin-bottom: 20px;color: #767676;}

.topic .title a {color: #7d73a3;}
.topic .title a:hover {color: #b1a9d0; text-decoration:underline;}

.topic .title a.blog {color: #aeaeaf;}
.topic .title a.blog:hover {color: #89898a;}

.topic .text{ margin:20px;}
.topic .text img{max-width:80%;}

.topic .tags img{vertical-align:-5px;}

.topic .info{	margin-top:10px;	font-size:0.8em;	height:37px;}
.topic .info div {	float:left;}
.topic .info .l {	height:40px;width:13px;	background: url('images/blogs/info.left.png') no-repeat left;}
.topic .info .bg{ 	height:40px;vertical-align:middle;background: url('images/blogs/info.bg.png');}
.topic .info img {vertical-align:-5px;}
.topic .info .r{	height:40px;width:13px;background: url('images/blogs/info.right.png') no-repeat left;}
.topic .info a {text-decoration:none;	color: #8374bc;}
.topic .info a:hover {color:white;}
.topic .info a:hover span{color:white;background:#8374bc;}
.topic .info a:hover span.new{color:white;background:green;}
.topic .info span.vote{width:16px;	font-size: 1.3em;}
.topic .info span.new{ font-weight:bold; color: green;}
.topic .info .fav {	width:16px; height:16px;}
.topic .info .yes {	background: url('images/post_yes.jpg') no-repeat left;}
.topic .info .fav:hover {	background: url('images/post_yes.jpg') no-repeat left;}
.topic .info .no{	background: url('images/post_no.jpg') no-repeat left;}

h2.title{font: 2.167em/118% normal Verdana, Tahoma, sans-serif; /*26px*/margin-bottom: 20px;color:gray;}

span.form_note{
	font-size:0.8em;
	color:gray;
}
.hidden {
    content: "Раскрыть комментарий" !important;
    color: #909090;
    opacity: .6;
}

.comments { padding-left: 25px; }
.comments .comment { overflow: hidden; position: relative; zoom: 1; }
.comments .comment .comment { padding-left: 30px; }

.comments .comment .content { background: #eaeaea;}
.comments .comment #new{background: #d3ffc9;}
.comments .comment #is_your{background: #fcecd6;}

.comment .content {margin: 0 50px 0px 13px; padding: 0; }


.comment .content .tb { height: 7px; overflow: hidden; }
.comment .content .tl { height: 7px; }
.comment .content .tr { height: 7px; }
.comment .content .bb { height: 15px;  margin-left: 24px; }
.comment .content .bl { height: 15px; }
.comment .content .br { height: 15px; }

.comment .content .text { padding: 5px 25px 5px 10px; overflow: hidden;}

.comment .voting { width: 48px; height: 40px; position: absolute; right: 20px; top: 1px; z-index: 100; overflow: hidden; }
.comment .voting img{ width: 16px; height: 20px; display: block; overflow: hidden; }
.comment .voting .total { float: right; position: relative; top: 3px; }
.comment .voting.good .total { color: #390; }
.comment .voting.bad .total { color: #f00; }

.comment .info { font-size: 11px; line-height: 14px; margin-left: 14px; margin-bottom: 0px; overflow: hidden;}
.comment .info li.author a { font-size: 11px; text-decoration: none; }
.comment .info li.author a:hover {color:#fff;}
.comment .info .avatar img { float: left; padding: 13px 7px 0 0; background: url('images/corner.png') no-repeat top;}

.comment .info ul {list-style:none;}
.comment .info ul li { font-size: 10px; margin-right: 10px; }
.comment .info span.date { color: #999; font-size: 10px; padding-right: 10px; }
.comment .info a.imglink { width: 9px; height: 11px;}
.comment .info ul li.goto-comment-parent a { text-decoration: none; border-bottom: 1px dotted #79B1D4; font-family: tahoma;}
.comment .info ul li.goto-comment-child a { text-decoration: none; border-bottom: 1px dotted #79B1D4; font-family: tahoma;}

.comment .info a.off { color: #999; }
.comment .info a.repair { color: #4CCC1B; }
.comment .info a.delete { color: #f00; }
.comment .info a { text-decoration:none;}
.comment .info a.edit { color:#E2BB86;}
.comment .info a.edit_cancel { color:red;}
.comment .info a.edit_end { color:green;}
.comment .info a.edit_delete { color: gray;}

.comments .bottom{margin-top: 20px;}
#reply { padding: 0 50px 10px 10px; }
#reply textarea { width: 100%; height: 70px; }

.my input.br {display:block; width:300px;}
.my input.nobr{display:inline-block;}
.my textarea{display:block; width:300px; height:100px;}


a#online {border-bottom:1px dashed #9f8952;color: #9f8952; text-decoration:none;}

.people{}
.people tr{text-align:center;}
.people tr.title{font-size:1.4em; color:gray;}
.people td{border-bottom:1px solid #b8a166;}
.people td#rating{text-align: right}
.people #user{text-align:left;}
.people #lasttime{color:gray;}

.user_page{}
.user_page .info .login{font-size:1.8em; display:block;}
.user_page .info .login .rating{ padding-left:20px; color:#2A86E2;}
.user_page .info .name{font-size:1.4em; display:block; color:gray;}
.user_page  td.var{color:gray;}

.count_people{margin-bottom:20px;}

table#stats th{font-weight:normal;text-align:left;}
table#stats td{display:none;}
table#stats span{width:10px; height:10px; display:inline-block;}
table#stats span.male{background:#be1e2d;}
table#stats span.female{background:#666699;}
table#stats span.other{background:#95d5e2;}

table#sex th{font-weight:normal;text-align:left;}
table#sex td{display:none;}
table#sex span{width:10px; height:10px; display:inline-block;}
table#sex span.male{background:#be1e2d;}
table#sex span.female{background:#666699;}
table#sex span.other{background:#95d5e2;}

#pages_arrows { margin: 10px; font-size:1.6em;}
#pages_numbers { margin: 10px; font-size:1.3em;}
