body{font: 0.8em Verdana, Tahoma, sans-serif;}

form{padding: 0; margin: 0;}

img{border-width: 0;}

table{border-collapse: collapse;}
table td{padding: 0; vertical-align: top;}

.input{border:1px solid #999;}
.submit{background: #0C86CB; color: #FFF; border: 1px solid #0C86CB;}

a{color: #0C86CB; background: inherit;}
a.rss{color: #FF5A00; background: inherit;}
a.red{color:#900; background: inherit;}

.imageshadow{background:#DDD; color:#000; position:relative; top:3px; left:4px;}
.image{background:#FFF; color:#000; border:1px solid #999; padding:3px; position:relative; top:-3px; left:-4px;}



#counters{position: absolute; top:-200px; left:0;}

#options{font-size:0.85em; color:#666;}
#options table td{padding-right:1.5em; vertical-align: bottom;}
#options a{color:#666;}
#options a.strong{color:#000; font-weight:bold;}
#options a.big{font-size:1.1em; font-weight:bold; color:#999;}

#topmenu{margin-top: 6px; width: 100%;}
#topmenu td{background: #EEE; color:#999; text-align: center; padding:4px 0;}
#topmenu td a{color: #000; background: #EEE;}

/*BANNERS*/
#top_horizontal_banner{border:1px solid #0C86CB; background:#FFF; margin:6px 0;text-align: center;}
#left_vertical_banner{}
/*BANNERS END*/

#main_grid{width:100%;}
#main_grid td{}
#main_grid td#left {width:180px; padding: 6px 6px 0 0; border-right:1px solid #ccc;}
#main_grid td#central {width:60%; padding: 6px 12px 0 12px; border-right:1px solid #ccc;}
#main_grid td#right {width:auto; padding: 6px 6px 0 6px;}


#main_news{margin-top:12px;}
#main_news strong{font-family: Arial, ans-serif; margin-bottom:6px; display:block;}
#main_news ul {list-style-image: url(../img/link1.gif); padding:0; margin:0 0 0 24px; font-size:1.2em;line-height: 150%;}


#last_opinions{margin:12px 0 2em 0;}
#last_opinions strong{color:#FF5A00;font-family: Arial, ans-serif; margin-bottom:12px; display:block;}
#last_opinions .opinion{font-size:0.8em; margin-bottom:1em;}
#last_opinions .opinion a.user{color:#999;}
#last_opinions .opinion em{color:#FF5A00;font-family: Arial, ans-serif; font-size:1.2em; font-weight:bold; font-style: normal;}

#main_grid td#central #title{border-bottom:3px solid #CCC; padding-bottom:6px;}
#main_grid td#central #title h1{font-family: Arial, ans-serif; font-size:1em; padding:0; margin:0 6px 0 0; display: inline;}


/*LAST NEWS*/
#main_grid td#central #lenta .item{margin:1em 0; padding-bottom:6px; border-bottom:1px solid #CCC;}
#main_grid td#central #lenta .item .image{float: right; margin:0 0 6px 12px;width:20%; background:#DDD; color:#000; position:relative; top:3px; left:4px;}
#main_grid td#central #lenta .item .image_border{border:1px solid #999; padding:3px; position:relative; top:-3px; left:-4px;  background:#FFF; color:#000;}
#main_grid td#central #lenta .item .image img{width:100%;}

#main_grid td#central #lenta .item .title{font-size:1.2em; font-weight:bold; margin-bottom:6px;}
#main_grid td#central #lenta .item .title em{color:#FF5A00; font-style: normal;}
#main_grid td#central #lenta .item .title var{font-style:normal;}
#main_grid td#central #lenta .item .rubric{font-size:0.8em;color:#999;}
#main_grid td#central #lenta .item .preview{margin:6px 0;font-size:0.9em;}
#main_grid td#central #lenta .item div.source{font-size:0.8em; color:#999;}
#main_grid td#central #lenta .item ul{color:#999; padding: 0; margin:12px 16px; font-size:0.8em; list-style-image: url(../img/li.gif); line-height: 160%;}
#main_grid td#central #lenta .item ul li .info{white-space: nowrap;}
#main_grid td#central #lenta .item ul li .info a{color:#999;}
#main_grid td#central #lenta .item ul li em{color:#FF5A00; font-style: normal;}
#main_grid td#central #lenta .item .suzhet{font-size:0.9em;}
#main_grid td#central #lenta .item .suzhet a{color:#000;}
#main_grid td#central #lenta .item .suzhet em{color:#61C659;font-style: normal;}

#main_grid td#central #other_news ul{color:#999; padding: 0; margin:12px 16px 20px 20px; list-style-image: url(../img/li2.gif); line-height: 180%;}
#main_grid td#central #other_news ul em{color:#61C659;font-style: normal;}
#main_grid td#central #rss_link{text-decoration: none; color:#FF5A00;}
#main_grid td#central #rss_link strong{text-decoration: underline;}

#main_grid td#central #pages{text-align: center; margin:2em 0; white-space: nowrap;}
#main_grid td#central #pages em{font-style: normal; color:#999;}
#main_grid td#central #pages a{text-decoration: none; color:#000;}
#main_grid td#central #pages em, #main_grid td#central #pages span a {border:1px solid #CCC; margin:0 3px; padding:0 6px;}
#main_grid td#central #pages span a:hover{background:#61C659;color:#FFF;border:1px solid #61C659;}

#main_grid td#right #subscribe{margin:24px 0;}
#main_grid td#right #subscribe strong{font-family: Arial, ans-serif; margin-bottom:6px; display:block; color:#666;}

#main_grid td#right #blog{margin-bottom:24px;}
#main_grid td#right #blog strong{font-family: Arial, ans-serif; margin-bottom:6px; display:block; color:#666;}
#main_grid td#right #blog .item{margin:6px 0 12px 0; font-size:0.8em; color:#666;}
#main_grid td#right #blog .item em{font-style: normal; display:block;}
#main_grid td#right #blog .fullblog a{color:#000;}



/*BLOGS*/
#main_grid td#central #blog_list .item{margin:1em 0; padding-bottom:6px; border-bottom:1px solid #CCC;}
#main_grid td#central #blog_list .item .image{float: right; margin:0 0 6px 12px;width:20%; background:#DDD; color:#000; position:relative; top:3px; left:4px;}
#main_grid td#central #blog_list .item .image_border{border:1px solid #999; padding:3px; position:relative; top:-3px; left:-4px;  background:#FFF; color:#000;}
#main_grid td#central #blog_list .item .image img{width:100%;}

#main_grid td#central #blog_list .item .title{font-size:1.2em; font-weight:bold; margin-bottom:6px;}
#main_grid td#central #blog_list .item .rubric{font-size:0.8em;color:#999;}
#main_grid td#central #blog_list .item .preview{margin:6px 0;font-size:0.9em;}
#main_grid td#central #blog_list .item .sound{margin-top:1em;}
#main_grid td#central #blog_list .item .sound .info{color:#999;font-size:0.8em;margin-bottom:6px;}
#main_grid td#central #blog_list .item .sound .info a{float:right;}
#main_grid td#central #blog_list .item .preview em{color:#FF5A00; font-style: normal;}
#main_grid td#central #blog_list .item div.source{font-size:0.8em; color:#999;margin-bottom:0.5em;}

#main_grid td#right #news{margin-bottom:24px;}
#main_grid td#right #news strong{font-family: Arial, ans-serif; margin-bottom:6px; display:block; color:#666;}
#main_grid td#right #news .item{margin:6px 0 12px 0; font-size:0.8em; color:#666;}
#main_grid td#right #news .item em{font-style: normal; display:block;}
#main_grid td#right #news .fullnews a{color:#000;}



/*NEWS INTERNAL*/

#main_grid td#central #new_text{padding-top:1em;}
#main_grid td#central #new_text .description{color:#666; background:#FFF; font-size:0.85em; clear:left;}
#main_grid td#central #new_text h1{margin:0 0 0.25em 0; padding:0; font-size:1.2em;}
#main_grid td#central #new_text .source{font-size:0.85em; color:#666;}
#main_grid td#central #new_text #ratingline{font-size:0.85em;margin-top:2em;color:#666;}
#main_grid td#central #new_text #ratingline em{color:#FF5A00; font-style: normal;}
#main_grid td#central #new_text #ratingline input, #new_text #ratingline select {font-size:0.85em;}

#main_grid td#central #theme_links{margin:2em 0;border-top:1px solid #CCC;}
#main_grid td#central #theme_links ul{color:#999; padding: 0; margin:12px 16px 20px 20px; list-style-image: url(../img/li.gif); line-height: 180%; font-size:0.85em;}
#main_grid td#central #theme_links ul em{color:#FF5A00;font-style: normal;}
#main_grid td#central #theme_links a{font-weight:bold; font-size:1.2em;}
#main_grid td#central #theme_links a.source{font-weight:normal; font-size:1em;}

#main_grid td#central #comments{border-top:1px solid #CCC; padding-top:1em;}
#main_grid td#central #comments strong{margin-left:6px; color:#FF5A00;}
#main_grid td#central #comments .item{margin:1em 0 1em 18px;}
#main_grid td#central #comments .item .author{color:#999;}
#main_grid td#central #comments .item .text{margin:0.25em 0 0 0; font-size:0.9em;}

#main_grid td#central #comment_form{border-top:1px solid #999;margin-bottom:2em;}
#main_grid td#central #comment_form textarea{margin-bottom:1em;background:#F9F9F9;border:1px solid #ADADAD; display:block; width:100%;height:7em;}


/*MAIN USER INTERFACE*/

#main_grid td#central #profile h1{margin:0 0 1em 0; padding:0; text-transform:uppercase; font-size:1.25em; font-weight: normal; font-family:Arial;}
#main_grid td#central #profile_form table{margin:1em 0; border:1px solid #999; width: 1%;}
#main_grid td#central #profile_form table th{padding: 3px; background: #0C86CB; color: #FFF; font-weight:normal;}
#main_grid td#central #profile_form table td{padding: 3px;}
#main_grid td#central #profile_form .wide{width:50ex;}

/*USERS LIST*/
#main_grid td#central #users_list h1{margin:0; padding:0; font-size:1.25em; text-transform:uppercase; font-weight: normal; font-family:Arial;}

#main_grid td#central table.grid{width:100%;font-size:0.85em;margin:1em 0;}
#main_grid td#central table.grid th{padding:3px 6px;text-align:left; font-weight: normal;white-space: nowrap;}
#main_grid td#central table.grid td{padding:3px 6px;}
#main_grid td#central table.grid a{color:#000;margin-left:6px;}
#main_grid td#central table.grid .c2,
#main_grid td#central table.grid .c3 {border-left:1px solid #F3F3F3;width:1%;}
#main_grid td#central table.grid tr.alternate td{background: #F3F3F3;}

#footer{margin-top:6px; border-top:1px solid #ccc; font-size:0.8em;padding:6px 0;}


.rating {cursor: pointer; margin: 0; clear: both; display: block;}
.rating:after {content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden;}
.cancel, .star {float: left; width: 17px; height: 15px; overflow: hidden; text-indent: -999em; cursor: pointer;}
.cancel, .cancel a {background: url(../img/delete.gif) no-repeat 0 -16px;}
.star, .star a {background: url(../img/star.gif) no-repeat 0 0px;}
.cancel a, .star a {display: block; width: 100%; height: 100%; background-position: 0 0px;}
div.rating div.on a {background-position: 0 -16px;}
div.rating div.hover a, div.rating div a:hover {background-position: 0 -32px;}

