﻿html, body {
	width: 100%;
	height: 100%;
}

#layout {
	position: relative;
	width: 100%;
	height: 100%;
}

.fixed {
	position: absolute;
	z-index: 999;
}

.tooltip {
	position:absolute;
	z-index:999;
	left:-9999px;
	background-color:#dedede;
	padding:5px;
	border:1px solid #fff;
	width:170px;
	display:none;
	font-size: 11px;
	font-family: Tahoma;
 }
 
.tooltip div{
	margin:0;
	padding:0;
	color:#333;
	background-color:#fff;
	padding:5px 7px 5px 10px;
	font-family: Tahoma;
	font-size: 11px;
}

div.blog_status { width: 250px; background: #eeeeee; padding: 0px 15px 10px 15px }
.status-row { width: 20px; background: url('images/status-row.jpg') no-repeat top right; }



body, td, p, code {
	font-family: Tahoma;
	color: #000;
	font-size: 11px;

}
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-top: 5;
	padding: 0;
	font-family: Tahoma;
	text-align: left;
}
h1 {
	font-size: 29px;
	font-weight: normal
}
h2 { font-size: 27px; line-height: 35px; font-weight: 400 }
h3 { font-size: 27px; line-height: 28px; font-weight: 400 }
h4 { font-size: 27px; 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: Tahoma }


a { text-decoration: underline }
a:hover { color: #6090D0; text-decoration: none }


a.btn img { border: 1px solid #FFF }
.title_img {
	font-family: Tahoma;
	font-size: 11px;
}
a.btn:hover img { border: 1px solid #333 }


.blue, a { color: #3079C0 }
.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 }



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: 5px }



#user_menu { padding: 10px 10px 10px 0 }
#user_menu .blue, #user_menu a.blue, #user_menu a.blue:hover { color: #FFFFFF }
#user_menu .green, #user_menu a.green, #user_menu a.green:hover { color: #FFFFFF }
#user_menu .red, #user_menu a.red, #user_menu a.red:hover { color: #FFFFFF }
#user_menu .white, #user_menu a.white, #user_menu a.white:hover { color: #FFFFFF }
#user_menu a { color: #99CCFF }
#user_menu table td { color: #FFF; background: none }

#user_menu a { color: #FFF; background: none }

table.top_menu {
	margin: 10px 0 0 0;
	border-collapse: collapse;
	font-family: Tahoma;
	font-size: 18px;
	font-weight: normal;
}
table.top_menu td { padding: 7px 10px 9px 10px; line-height: 120% }
table.top_menu td a { color: #543D0A }
table.top_menu td a:hover { color: #000 }
table.top_menu td.active {
	background-color: #008faa;
}
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-color: #06aac9;
}
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: #8A8F87;
	color: #FFF;
	margin-top: 20px;
	padding: 10px 30px 30px 50px;

}
#bottom_side a { color: #FFF }

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 0px 0px; color: #666 }

table.stat { background: none; margin: 0 0 0 0 }
table.stat td { font-family: Verdana; padding: 2px 7px 3px 7px; background: none }
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 {  padding-top: 3px; margin: 10px 0 10px 0; background: #f8f0b5; display: none }
#system_messages ul { list-style-type: none }
#system_messages ul li { line-height: 16px }

blockquote {background:#EEE url('images/quotes.gif') no-repeat scroll 10px 9px;margin:5px 0;padding:7px 15px 7px 40px;}
white {background: white} fuchsia {background: fuchsia} silver {background: silver} olive {background: olive} maroon {background: maroon} lime {background: lime} green {background: green} navy {background: navy} yellow {background: yellow} red {background: red} gray {background: gray} purple {background: purple} aqua {background: aqua} teal {background: teal} blue {background: blue} black {background: black}
#img_load_form, #colour_text_load_form, #marker_text_load_form, #smile_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;
	padding-bottom: 25px;
	font-size: 18px;
}
.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: 0px }

#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 {
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
	padding-top: 5px;
	padding-right: 100px;
	padding-bottom: 10px;
	padding-left: 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: 0px }

/**
 * Облако тегов
 */
div.tags_cloud { font-family: Tahoma; 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: #eeeeee }
ul.hot_comments li { padding-top: 5px; line-height: 130%; margin: 0 }


ul.hot_comments2 { list-style: none; padding: 5px 5px 5px 5px; margin-bottom: 2px; background: #eeeeee }

/**
 *
 */
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 { 

background: #f8f0b5;
position: relative; 
font-size:11px; 
font-weight:bolder; 
font-family: Tahoma, Verdana; 


margin-top: 8px;

padding-top: 8px;
padding-bottom: 8px;
padding-right: 8px;


} 
 
 
.message_inner { 
background-image: url('/themes/default/images/arrow.png'); 
background-position: left 7px;  
background-repeat: no-repeat; 
} 
 
 
.message_inner p { 
margin-left: 12px; 
}.header1 {
	background-image: url(/themes/default/images/logo-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/**
 * Tags cloud
 */
ul.tagscloud {
	text-align: justify;
	margin: 0;
	list-style: none;
	padding: 0 .1em 0 .3em;
}
	ul.tagscloud li {
		display: inline;
		font-family: Tahoma;
		line-height: 2em;
		pdding: 0;
		margin: 0;
	}
		ul.tagscloud li h2 {
			margin: .2em 0 .3em -.1em;
		}
	ul.tagscloud li a {
		color: #4B82B6;
		text-decoration: none;
		white-space: nowrap;
	}
	ul.tagscloud li a:hover {
		background: #d5d5d5;
		color: #FFFFFF;
	}

h2 {

	margin-top: 3px;
	margin-right: 2px;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 0px;

}


.minichat1 {
	display: block;
	position: fixed;
	background-image: url(http://www.kramatorsk.in/themes/default/images/minichat.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 116px;
	width: 27px;
	float: right;
	top: 280px;
	right: 0px;
}

#minichat{
	display: none;
	padding: 3px;
	background-color: #FFF;
	height: 406px;
	width: 606px;
	position: fixed;
	right: 0px;
	bottom: 0px;
	float: right;
}


#sidebar-right {
	float: right;
	width: 28%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0px;
	padding-bottom: 16px;
}
#mainmenu-div {
	padding-bottom: 0px;
}
#sidebar-left {
	float: left;
	width: 66%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0px;
	padding-bottom: 16px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}


#sidebar-left:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;

    visibility: hidden;
}


#sidebar-left2 {
	float: left;
	width: 96%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0px;
	padding-bottom: 16px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}




.currencydiv table td{
	font-family: Tahoma;
	font-size: 10px;
	color: #333;
}

.currencydiv{
	font-family: Tahoma;
	font-size: 10px;
	color: #333;

	padding-left: 26px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
}


.commentline {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}



.rsstwitter {
	display: block;
	position: absolute;

	background-repeat: no-repeat;
	background-position: right top;
	height: 42px;
	width: 326px;
	float: right;
	top: 91px;
	right: 0px;

	z-index: 1199;

}


#tdadv embed {
border: 7px;
}