/**
 * Basic styles
 */
html, body {
	width: 100%;
	height: 100%;
}
body {
	font-family: Verdana, sans-serif;
	font-size: .8em;
	line-height: 1.6em;
	background: #1B3335;
	text-align: center;
}
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, blockquote, fieldset, dl, dt, dd, caption {
	margin: 0;
	padding: 0;
}
p { padding: .5em 0 .5em 0; margin: 0; text-align: justify }
code {
	display: block;
	color: #333;
	padding: 5px 10px 7px 10px;
	background: #FCFCF0
}
label { cursor: pointer; }
small { font-size: 11px; }
ul, ol { list-style: none; }
pre, code { font-size: 1em; }

h1, h2, h3, h4, h5, h6 {
	color: #666;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0;
	line-height: 1.1em;
}
h1 {
	font-size: 250%;
	letter-spacing: -1px;
}
h2 { font-size: 200%; }
h3 { font-size: 180%; }
h4 { font-size: 160%; }
h5 { font-size: 140%; }
h6 { font-size: 120%; }

b, strong {
	color: #000000;
}

a { color: #5996BD; text-decoration: underline; }
a:hover { color: #306090; text-decoration: none; }


/**
 * Fixes
 */
a img { border: 0; }
a table { cursor: pointer; }


/**
 * Colors
 */
.red, a.red {color: #900030; }

.pale, a.pale { color: #666666; }
a.pale:hover { color: #999999; }

.black, a.black { color: #000000; }
a.black:hover { color: #000000; }

.redorange, a.redorange { color: #F3363B; }
a.pale:hover { color: #F3464B; }

.green, a.green { color: #009030; }
a.green:hover { color: #009900; }

.brown, a.brown { color: #AFA556; }
a.brown:hover { color: #AFA556; }

.darkblue, a.darkblue { color: #406577; }
a.darkblue:hover { color: #406577; }

table td {
	text-align: left;
}

/**
 * Frequently useing classes
 */
.clear { clear: both; }
.wrapper { position: relative; padding: 0; margin: 0; }
table.collapsed { border-collapse: collapse; }
table.collapsed td { padding: 0; }

.invisible { display: none; }
.visible { display: block; }

.righted {
	text-align: right;
}



/**
 * Rounded borders
 */
div.border-paleblue {
	position: relative;
	float: left;
	clear: both;
	border: 1px solid #C4D1DB;
}
div.border-paleblue div.tr {
	position: absolute;
	top: -1px; right: -1px;
	width: 6px; height: 6px;
	background: url('images/borders/paleblue/tr.png') no-repeat top right;
}
div.border-paleblue div.tl {
	position: absolute;
	top: -1px; left: -1px;
	width: 6px; height: 6px;
	background: url('images/borders/paleblue/tl.png') no-repeat top left;
}
div.border-paleblue div.bl {
	position: absolute;
	bottom: -1px; left: -1px;
	width: 6px; height: 6px;
	background: url('images/borders/paleblue/bl.png') no-repeat bottom left;
}
div.border-paleblue div.br {
	position: absolute;
	bottom: -1px; right: -1px;
	width: 6px; height: 6px;
	background: url('images/borders/paleblue/br.png') no-repeat bottom right;
}



/**
 * Popuper
 */
#fader {
	position: absolute;
	z-index: 90;
	background: #000;
	display: none;
	position: fixed;
}
#popuper {
	position: absolute;
	z-index: 100;
	min-width: 100px;
	width: auto;
}
#popuper table.popuper-background {
	background: #FFF;
	border: 1px solid #000;
}
#popuper-closer {
	color: #800000;
	padding: 0 .5em .5em .5em;
	position: relative;
	float: right;
	cursor: pointer; cursor: hand;
}
#popuper-content {
	float: right;
	padding: 15px;
}
#popuper-indicator {
	float: left;
	padding: 1em .5em 1em 1em;
	display: none;
}

/**
 * System messages
 */
#system_messages {
	clear: both;
	padding: .5em 0 1em 0;
	display: none
}
#system_messages ul {
	padding: 1em;
	background: #EDF2F4;
	list-style-type: none
}
#system_messages ul li { line-height: 16px }







/**
 * Wrappers
 */
	/* Main */
	#main-wrapper {
		min-width: 950px;
		max-width: 1160px;
		background: #FFFFFF;
		color: #304060;
		text-align: left;
		margin: 0 auto;
	}
	
	/* Header */
	#header-wrapper {
		background: #1B3335;
		width: 100%;
	}
	#header {
		padding: 1em;
	}
	
		/* Logo */
		#logo {
			position: absolute;
			left: 0;
			bottom: 0;
		}
		#logo h1 {
			padding: 0;
			margin: 0 0 0 .8em;
		}
		
		/* User menu (Auth) */
		#user_menu { float: right; }
	
	
	/* Menus wrapper */
	#topmenu-wrapper {
		position: relative;
		width: 100%;
		background: #E7EFF6;
		border-top: 1px solid #FFF;
	}
	#topmenu {
		background: url('images/menus/bg_b.png') repeat-x bottom left;
	}
		#topmenu ul {
			position: relative;
			/*width: 100%;*/
			background: url('images/menus/bg_t.png') repeat-x top left;
			margin: 0;
		}
		#topmenu ul li {
			position: relative;
			float: left;
			padding: .5em .3em .5em 1em;
			margin: 0 1em 0 0;
			font-size: 1.3em;
		}
			#topmenu ul li a {
				text-decoration: none;
				color: #000;
			}
			#topmenu ul li a:hover {
				color: #306070;
			}
		#topmenu ul li.active a {
			color: #C00000;
		}
		#topmenu ul li.first {
			padding-left: 2.1em;
		}
		#topmenu ul li.last {
			float: right;
		}
	
	/* Page wrapper */
	#page-wrapper {
		position: relative;
		width: 100%;
	}
	#page {
		padding: 0 1.5em;
		background: #FFFFFF;
	}

		/* Sidebar wrapper */
		#sidebar-wrapper {
			float: right;
			width: 33%;
			background: #FFFFFF;
		}
		#sidebar {
			padding: 1.25em 0 1.25em 1.8em;
		}
			#sidebar .sidebar-sample {
				position: relative;
				clear: both;
				padding-top: .5em;
			}
			
			#sidebar p.sidebar_ad {
				text-align: center;
			}
			
			#sidebar div.small_cart {
				background: #EEEEEC;
				padding: .5em 1em;
			}

		
		/**
		 * Content wrapper
		 */
		#content-wrapper {
			position: relative;
			float: left;
			width: 67%;
			overflow: hidden;
			background: #FFFFFF;
		}
		#content {position: relative;
			padding: 1.25em 0 2em 1em;
		}
		#content-wrapper.fullwidth {
			width: 100%;
		}

	
	/* Footer */
	#footer-wrapper {
		background: #1B3335;
	}
	#footer {
		position: relative;
		text-align: left;
		padding: 2em;
		color: #FFFFFF;
		/*font-size: 1em;*/
	}
		#footer h4 {
			color: #FFFFFF;
		}
		
		
		#footer div.friends {
			position: relative;
			float: left;
			width: 30%;
		}
			#footer div.friends h4 {
				padding-left: .3em;
			}
			#footer div.friends ul {
				margin: 0;
				padding: 0 1em;
			}
			#footer div.sitemenu ul li {
				margin: 0;
				padding: 1em 0 0 0;
			}
			#feedback_form {
				display: none;
			}
			
		#footer div.sitemenu {
			position: relative;
			float: left;
			width: 30%;
		}
			#footer div.sitemenu ul {
				margin: 0;
				padding: 0 1em;
			}
			#footer div.sitemenu ul li {
				margin: 0;
				padding: .5em 0 0 0;
			}
			#feedback_form {
				display: none;
			}
		
		#footer div.copyright {
			position: relative;
			float: right;
			width: 40%;
		}
			#footer div.copyright ul {
				margin: 0;
				padding: 0 1em;
			}
			#footer div.copyright ul li {
				margin: 0;
				padding: .5em 0 0 0;
			}


/**
 * Submenus
 */
	/**
	 * Blog submenu
	 */
	.submenu {
		position: relative;
		padding: 0 0 2em 0;
	}
	.submenu li {
		float: left;
		margin: 0;
		padding: 0 .5em 0 0;
		font-size: .85em;
	}
		.submenu li a {
			display: block;
			padding: 0 .5em;
			text-decoration: none;
			color: #009030;
		}
		.submenu li a:hover {
			color: #900000;
		}
		.submenu li a.blue { color: #5996BD; }
		.submenu li a.blue:hover { color: #336699; }
		.submenu li a.red { color: #900030; }
		.submenu li a.red:hover { color: #FF0000; }
		.submenu li a.green { color: #009030; }
		.submenu li a.green:hover { color: #00CC00; }
	.submenu li.active a {
		background: #8CADC0;
		color: #FFF;
	}
	.submenu li.first {
		padding-top: .45em;
	}
	 
/**
 * Searchform
 */
#searchform, #searchform p {
	margin: 0;
	padding: 0;
}
/**
 * Paginator
 */
.pager a, .pager span.curr {
	padding: .2em .6em .3em .6em;
	margin-right: .5em;
}
.pager span.curr {
	background: #666;
	border: 1px solid #333;
	color: #FFF;
}
.pager a {
	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: 1em;
}
.pager a.next {
	margin-left: .5em;
}


/**
 * Topics
 */
div.topic {
	padding: 0 0 3em 0;
}
div.topic div.text {
	padding: .5em 0 .5em .25em;
}
	div.topic div.text a:visited {
		color: #C03090;
	}
	div.topic div.text a.more {
		clear: both;
	}
	div.topic div.text object {
		display: block;
		padding: 1em 0 0 0;
		margin: 0;
	}
	ul.tags {
		position: relative;
		margin: 0 0 1em 0;
		padding: 0 0 0 1.5em;
		background: url('images/tag.gif') no-repeat 0 .2em;
	}
	ul.tags li {
		margin: 0;
		padding: 0;
		display: inline;
		font-size: .85em;
		color: #666666;
	}
	ul.tags li a {
		color: #666666;
	}
	ul.tags li a:hover {
		color: #999999;
	}
	
/**
 * Entity info
 */
ul.info {
	position: relative;
	float: left;
	margin: 0;
	padding: .3em 0 .1em 1em;
}
ul.info li {
	float: left;
	margin-right: 1em;
}
	ul.info li a {
		text-decoration: none;
	}
	ul.info li img {
		margin-top: .2em;
	}
	ul.info li.author a:hover {
		color: #FFFFFF;
		background: #990000
	}
ul.info li.up {
	margin: 0 .2em 0 1em;
}
	ul.info li.comments a:hover {
		color: #FFFFFF;
		background: #306090;
	}
ul.info li.points {
	margin: 0 .2em 0 0;
}

ul.relevance_topics {
	margin: 0;
	padding: 0 0 0 .5em;
}
	ul.relevance_topics  li {
		margin: 0;
		padding: .5em 0 0 0;
	}


/**
 * Tags cloud
 */
ul.tagscloud {
	text-align: justify;
	margin: 0;
	list-style: none;
	padding: 0 .1em 0 .3em;
}
	ul.tagscloud li {
		display: inline;
		font-family: Times New Roman;
		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: #FF3333;
		color: #FFFFFF;
	}



#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 }




#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 }




#preview_button { width: 110px; text-align: center }


.user_points { font-size: 30px; line-height: 30px }
.user_power { padding: 1px 0 0 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 }



/**
 * Hot comments
 */
ul.hot_comments {
	list-style: none;
	padding: .1em 1em .5em 1em;
	background: #FCF0F0
}
	ul.hot_comments li {
		margin: 0;
		line-height: 1.2em;
		padding-bottom: 1em;
	}
		ul.hot_comments li a.darkblue:hover {
			color: #FFF;
			background: #60C060;
		}
		ul.hot_comments li a.pale:hover {
			color: #FFF;
			background: #F06060;
		}
		ul.hot_comments li h2 {
			margin: .2em 0 .3em -.1em;
		}
	ul.hot_comments li.allonair {
		text-align: right;
		padding-top: .5em;
	}

/**
 *
 */
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 }

/**
 *
 */
table.last_goods td {
	padding: 0 0 1em 0;
}

div.sidebar_adsense {
	padding: 1em;
	background: #F0F0E7;
}

div.content_adsense {
	padding: 1em;
	background: #E7F0F9;
	margin: 0 0 1em 0;
}
	div.content_adsense h2, div.sidebar_adsense h2 {
		margin-bottom: .3em;
	}

div.new_wallpapers {
	background: #EEEEEC;
	padding: 1em;
}
	div.new_wallpapers h2 {
		margin-bottom: .3em;
	}

div.relevance_topics {
	background: #FCF0F0;
	padding: 1em;
}
