html {}
body, td, p, code { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; line-height: 18px; background-color: #232323}
body, p { text-align: justify }
body, form { padding: 0; margin: 0 }
body { background: #232323; background: #232323; 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 }


label { cursor: pointer }
small {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif
}
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 { margin: 0; padding: 0; font-family: Arial; text-align: left }
h1 { font-size: 29px; line-height: 34px; font-weight: 500 }
h2 { font-size: 23px; line-height: 23px; font-weight: 400 }
h3 { font-size: 19px; line-height: 19px; font-weight: 400 }
h4 { font-size: 18px; line-height: 18px; font-weight: 200 }
h5, big  { font-size: 17px; line-height: 17px; font-weight: 400 }
h6 { font-size: 12px; line-height: 12px; padding-left: 1px }


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: #4070B0 }
.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: #606040 }
a.brown:hover { color: #808060 }

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

.pale, a.pale { color: #b5b5b5 }
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: #009000 }
a.green:hover { color: #20A020 }



.popuper { z-index: 999; position: absolute; display: none; width: 100%; text-align: center; overflow: hidden }
.popuper iframe { z-index: -1; position: absolute; }
.popuper table.table { background: #F9F9F0; border: 1px solid #303030; border-collapse: collapse }
.popuper table.table td { padding: 0 }
.popuper table.table td.bottom { height: 25px }
.popuper a.close { color: #FFF; display: block; float: right; padding: 1px 5px 3px 7px; background: #800000; text-decoration: none }
.popuper #popuper_text { float: right; padding: 5px 15px 0 15px }
.popuper #popuper_indicator { float: left; margin-left: 15px }

.blackBack {
	z-index: 998;
	position: fixed;
	display: none;
	top: 0px; left: 0px; right: 0px; bottom: 0px;
	width: 100%;
	height: 100%;
	background-color: black;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}



#logo { padding: 15px }



#user_menu { background: #8A8F87; padding: 10px 10px 10px 0 }
#user_menu .blue, #user_menu a.blue, #user_menu a.blue:hover { color: #99CCFF }
#user_menu .green, #user_menu a.green, #user_menu a.green:hover { color: #CCFF99 }
#user_menu .red, #user_menu a.red, #user_menu a.red:hover { color: #FFC0C0 }
#user_menu .white, #user_menu a.white, #user_menu a.white:hover { color: #EEE }
#user_menu a { color: #99CCFF }
#user_menu table td { color: #FFF; background: none }

#top_menu { list-style-type: none; margin: 0; padding: 10px 0 0 0 }
#top_menu li { margin: 0 0 0 0; padding: 0; position: relative; float: left; font-size: 17px; line-height: 120% }
#top_menu li a { color: #999; display: block; padding: 2px 10px 5px 10px }
#top_menu li a:hover { color: #000 }
#top_menu li.active a { background: #EEE; color: #000; text-decoration: none }

#blogs_menu { list-style-type: none; position: absolute; width: 500px; margin: 0; padding: 0 }
#blogs_menu li a { color: #666 !important; padding: 1px 10px 4px 11px }
#blogs_menu li a:hover { color: #000 !important }
#blogs_menu li.active a { color: #000 !important }



#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: 10px 0 5px 5px}
div.topic_announce div.topic_more_link { padding: 5px 0 0 0 }
div.topic_announce div.topic_tags { padding: 6px 0 6px 0; font-size: 11px; color: #666 }

table.topic_stat { background: #C0C0C0; margin: 0 0 0 0 }
table.topic_stat td { padding: 2px 7px 3px 7px; background: #FFF; font-size: 11px }
table.topic_stat td a { text-decoration: none }
table.topic_stat td table td { padding: 0 2px 0 2px }
table.topic_stat td table td.topic_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; border: 1px solid #CFCFCF; margin-bottom: 10px; background: #F8F8F8; 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('http://photomotion.ru/themes/default/images/user_menu_bl.gif') no-repeat bottom left }
#usermenu div.br { background: url('http://photomotion.ru/themes/default/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: #ECECE0 }
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: #ECECE0 }
 
td.search_user_form  { padding: 5px 0 20px 10px }
td.search_user_form div.search_form { background: #D3E2F0; 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 }
.form_normal {
	padding:7px;
	font-size:12px;
	color: #E6E6E6;
	border: 1px solid #444;
	background-color: #333;
	margin-top: 3px;
	width: 40%;
	font-family: Verdana, Geneva, sans-serif
}.pale_go {
	color: #666;
	font-size: 10px;
}
