html, body {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#layout {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.fixed {
	position: absolute;
	z-index: 999;
}

body, td, p, code { font-family: Arial, Times New Roman, Verdana, Tahoma; color: #000; font-size: 95%; line-height: 130% }
body, p { text-align: justify }
body, form { padding: 0; margin: 0 }
body { background: #A7A7A7; background: #FFF; width: 100%; height: 100% }
p { padding: 0 0 0 5px }

code { display: block; color: #333; padding: 5px 10px 7px 10px; background: #FCFCF0 }

embed { z-index: 1; border: 7px solid #CCCCC0 }


.words_intermediate { word-spacing: 5px }
.words_nowrap { word-spacing: normal; white-space: nowrap }

label { cursor: pointer }
small { font-size: 11px; font-family: Tahoma }
small .digit { font-family: Tahoma }


ul, ol { margin: 0; padding: 10px 10px 0 27px }
ul li, ol li { padding: 0 0 5px 0; text-align: left; line-height: 100%; margin: 0 0 10px 0 }


h1, h2, h3, h4, h5, h6, big { margin: 0; padding: 0; font-family: Georgia; text-align: left }
h1 { font-size: 38px; line-height: 43px; font-weight: 600 }
h2 { font-size: 30px; line-height: 35px; font-weight: 400 }
h3 { font-size: 23px; line-height: 28px; font-weight: 400 }
h4 { font-size: 19px; line-height: 23px; font-weight: 200 }
h5, big  { font-size: 17px; line-height: 17px; font-weight: 400 }
h6 { font-size: 12px; line-height: 12px; padding-left: 1px }
big { font-family: Georgia }


a { text-decoration: underline }
a:hover { color: #6090D0; text-decoration: none }


a.btn img { border: 1px solid #FFF }
a.btn:hover img { border: 1px solid #333 }


.blue, a { color: #408C17 }
.pale_blue { color: #6699CC }

.dark_blue { color: #205080 }

.white, a.white { color: #FFF }
a.white:hover  { color: #DFDFDF }

.black, a.black { color: #000 }
a.black:hover  { color: #444 }

.brown, a.brown { color: #907030 }
a.brown:hover { color: #808060 }

.gray, a.gray { color: #333 }
a.gray:hover { color: #999 }

.pale, a.pale { color: #909090 }
a.pale:hover { color: #CCC }

.red, a.red { color: #800000 }
a.red:hover  { color: #F03030 }

.redorange, a.redorange { color: #F3363B }
a.redorange:hover { color: #F3565B }

.orange, a.orange { color: #E06000 }
a.orange:hover { color: #F08020 }

.green, a.green { color: #339900 }
a.green:hover { color: #20A020 }

.zgreen, a.zgreen { color: #543D0A }
a.zgree:hover { color: #543D0A }


table.popuper { display: none; background: #F9F9F0; border: 1px solid #303030; border-collapse: collapse }
table.popuper td { padding: 0 }
table.popuper td.bottom { height: 25px }
table.popuper td a.close { color: #FFF; display: block; float: right; padding: 1px 5px 3px 7px; background: #900000; text-decoration: none }
table.popuper #popuper_text { float: right; padding: 5px 15px 0 15px }
table.popuper #popuper_indicator { float: left; margin-left: 15px }





#logo { padding: 15px }



#user_menu { background: #DDF0D3; padding: 10px 10px 10px 0 }
#user_menu .blue, #user_menu a.blue, #user_menu a.blue:hover { color: #6699CC }
#user_menu .green, #user_menu a.green, #user_menu a.green:hover { color: #408C17 }
#user_menu .red, #user_menu a.red, #user_menu a.red:hover { color: #AF6060 }
#user_menu .white, #user_menu a.white, #user_menu a.white:hover { color: #0A0A0A }
#user_menu a { color: #000 }
#user_menu table td { color: #1C1F19; background: none }

table.top_menu { margin: 15px 0 0 0; border-collapse: collapse }
table.top_menu td { padding: 7px 10px 9px 10px; line-height: 120% }
table.top_menu td a { color: #408C17 }
table.top_menu td a:hover { color: #000 }
table.top_menu td.active { background: #54BB38 }
table.top_menu td.active a {color: #FFF; text-decoration: none }

table.top_sub_menu { margin: 5px 0 0 0; border-collapse: collapse }
table.top_sub_menu td { padding: 0px 10px 0 10px }
table.top_sub_menu td a { }
table.top_sub_menu td a:hover { color: #FF7300 }
table.top_sub_menu td.active { background: #54BB38 }
table.top_sub_menu td.active a {color: #FFF; text-decoration: none }



#main_side { clear: both; background: #FFF; margin: 0 0 0 0; padding: 0 }



#bottom_side { background: #DDF0D3; color: #408C17; margin-top: 20px; padding: 10px 10px 10px 50px }
#bottom_side a { color: #408C17 }

div.topic_announce { padding: 20px 0 15px 5px }
div.topic_announce div.topic_more_link { padding: 10px 0 0 0 }

div.topic_tags { clear: both; padding: 0 0 15px 5px; color: #666 }

table.stat { background: #C0C0C0; margin: 0 0 0 0 }
table.stat td { font-family: Verdana; padding: 2px 7px 3px 7px; background: #FFF }
table.stat td a { text-decoration: none }
table.stat td table td { padding: 0 2px 0 2px }
table.stat td table td.points { font-size: 17px; padding-bottom: 2px }
.comment_points { font-size: 15px; font-weight: bold; color: #666; padding-bottom: 2px }

#system_messages { clear: both; padding-top: 3px; margin: 10px 0 10px 0; background: #E8E9EC; display: none }
#system_messages ul { list-style-type: none }
#system_messages ul li { line-height: 16px }

#img_load_form { z-index: 999; position: absolute; display: none; padding-left: 100px }

#usermenu { background: #484848 }
#usermenu .blue, #usermenu a.blue, #usermenu a.blue:hover { color: #99CCFF }
#usermenu .green, #usermenu a.green, #usermenu a.green:hover { color: #CCFF99 }
#usermenu .red, #usermenu a.red, #usermenu a.red:hover { color: #FFC0C0 }
#usermenu .white, #usermenu a.white, #usermenu a.white:hover { color: #EEE }
#usermenu a { color: #99CCFF }
#usermenu table td { color: #EEE }
#usermenu div.bl { background: url('images/user_menu_bl.gif') no-repeat bottom left }
#usermenu div.br { background: url('images/user_menu_br.gif') no-repeat bottom right; padding: 10px 10px 15px 13px }

div.blog_head { margin-top: 10px; background: #E9F2DC; padding: 10px 15px 15px 15px }


/*******************************************************************************
 * Стильи постраничной навигации
 ******************************************************************************/
.pager { line-height: 30px }
.pager span.curr { padding: 2px 7px 3px 7px; margin-right: 5px; background: #666; border: 1px solid #333; color: #FFF }
.pager a { padding: 2px 7px 3px 7px; margin-right: 5px; background: #FFF; border: 1px solid #DCDCDC; text-decoration: none }
.pager a:hover { border: 1px solid #333; background: #ECF1F3; color: #222 }
.pager a.prev, .pager a.next, .pager a.first, .pager a.last { color: #ACACAC }
.pager a.prev:hover, .pager a.next:hover, .pager a.first:hover, .pager a.last:hover {  border: 1px solid #666; color: #555; background: #FCFCE9 }
.pager a.prev { margin-right: 15px }
.pager a.next { margin-left: 10px }

#preview_button { width: 110px; text-align: center }


.avatar_big { background: url('images/avatar_big_bg.gif') no-repeat; width: 110px }
.avatar_big img { margin: 5px }

.avatar_medium { background: url('images/avatar_medium_bg.gif') no-repeat; width: 74px }
.avatar_medium img { margin: 5px }

.user_points { font-size: 30px; line-height: 30px }
.user_power { padding: 1px 0 0 0 }


.page { padding: 5px 100px 10px 0 }

.comment_anchor { padding: 0 0 4px 15px }
.comment_text { border: 1px solid #C4C4A0; border-bottom: 0; line-height: 140%; padding: 8px 10px 10px 10px }

#topic_visibility_select { display: none; padding-left: 25px }

/**
 * Облако тегов
 */
div.tags_cloud { font-family: Times New Roman; line-height: 23px }
div.tags_cloud a.tag { color: #4B82B6; text-decoration: none; margin-right: 10px }
div.tags_cloud a.tag:hover { background: #DCDFD0 }

/**
 * Список "горячих" комментариев
 */
ul.hot_comments { list-style: none; padding: 5px 10px 15px 15px; margin-top: 5px; background: #EEEBDC }
ul.hot_comments li { padding-top: 5px; line-height: 130%; margin: 0 }

/**
 *
 */
td.users_by_rating { width: 40%; padding: 0 20px 0 10px }
td.users_by_rating div.users { margin-top: 10px; background: #EEEBDC }
 
td.search_user_form  { padding: 0 0 20px 10px }
td.search_user_form div.search_form { background: #BEDBFC; padding: 10px 10px 10px 15px }

td.search_user_form div.searched { display: none; padding: 15px 0 0 15px }

div.searched div.user { position: relative; float: left; padding-top: 10px }
div.searched div.avatar, div.searched div.link { position: relative; float: left }
div.searched div.link { padding: 0 15px 0px 5px }
div.searched div.avatar { padding-left: 2px }

.message { 
position: relative; 
top: -20px; 
font-size:11px; 
font-weight:bolder; 
font-family: Tahoma, Verdana; 
} 
 
 
.message_inner { 
background-image: url('/themes/default/images/arrow.png'); 
background-position: left 7px;  
background-repeat: no-repeat; 
} 
 
 
.message_inner p { 
margin-left: 12px; 
}