﻿html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, blockquote, form, fieldset, legend, table, td, th {
	margin: 0;
	padding: 0;
	}

html{
	height: 100%;
	font-size: 100.01%;
	}
	
body {
	height: 100%;	
	min-width: 990px;
	background-color: #fff;
	color: #333;
	font: .75em/1.5em Arial, Helvetica, sans-serif;
	}

#layout {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	width:92%;
	}	
	#header {
		}	
	#page-content {
		clear:both;
		padding-bottom:170px;
		}
		#main-content {
			width:60%;
			margin-right:6%;
			float:left;
			}
		#side-content {
			width:28%;
			float:left;
			color:#555;
			}
		
#footer {	
	height:120px;
	clear:both;
	position:relative;	
	margin:-120px auto 0 auto;	
	width:92%;
	}


/** CLEAR, FLOAT  ******************/
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */
/***/


/** HEADER BLOCK **/
#logo {
	margin:31px 0 0 10px;
	float:left;
	}
	
/* main nav */	
#main-nav {
	margin:46px 0 75px 0;
	width:65.5%;
	height:83px;
	overflow:hidden;
	float:right;
	font-size:22px;
	line-height:18px;
	color:#444;
	position:relative;
	}
	#main-nav .inner {
		height:66px;
		padding:0 0 0 0;
		width:100%;
		background:#ff9805 url(../i/main-nav-bg.png) no-repeat 0 0;		
		}
	#main-nav ul.main-menu {
		margin:0;
		height:63px;
		padding:3px 0 0 0;			
		width:100%;	
		background:url(../i/main-nav-bg.png) no-repeat 100% -66px;	
		}
	#main-nav ul.main-menu li {
		margin:0 .0% 0 3px;
		padding:11px 13px 20px 13px;
		background:none;
		float:left;
		display:inline;
		position:relative;
		
		}
		#main-nav ul.main-menu li a {
			color:#fff;
			text-decoration:underline;
			}
			#main-nav ul.main-menu li a:hover {
				 text-decoration:none;
				}
		#main-nav ul.main-menu li.active {			
			padding:0 0 0 5px;
			background:#cdcdcd url(../i/main-nav-active-bg.png) no-repeat 0 -44px;
			margin-bottom:-17px;
			}
			#main-nav ul.main-menu li.active span.panel{
				display:block;				
				padding:11px 13px 51px 8px;
				position:relative;
				z-index:2;				
				background: url(../i/main-nav-active-bg.png) no-repeat 100% -44px;
				}
				#main-nav ul.main-menu li.active a {
					color:#444;
					text-decoration:none;
					}
					#main-nav ul.main-menu li.active a:hover { 
						text-decoration:underline;
						}			
				
		#main-nav ul.main-menu li.with-submenu {
			position:relative;
			background:#cdcdcd url(../i/main-nav-active-bg.png) no-repeat 0 0;
			}
			#main-nav ul.main-menu li.with-submenu span.panel {	
				padding-bottom:15px;
				background: url(../i/main-nav-active-bg.png) no-repeat 100% 0;
				}
				
/* sub-menu */			
	#main-nav .sub-menu {
		position:absolute;
		z-index:1;
		top:46px;
		left:1%;
		width:40em;	
		overflow:hidden;
		padding-left:6px;
		background:url(../i/sub-nav-bg.png) no-repeat 0 -37px;
		height:37px;
		}
	#main-nav .sub-menu ul {
		margin:0 0 0 0;
		padding:0;		
		float:left;
		position:relative;
		height:37px;
		z-index:1;
		background:#cdcdcd url(../i/sub-nav-bg.png) no-repeat 100% 0;		
		}
		#main-nav .sub-menu ul li {
			padding:0 17px 0 14px;
			display:inline;
			margin:0;
			background:none;
			font-size:14px;
			float:left;
			height:37px;
			line-height:37px;
			color:#efefef;
			position:relative;			
			}
			#main-nav .sub-menu ul li a, #main-nav .sub-menu ul li span {
				color:#666;
				text-decoration:none !important;
				position:absolute;
				left:14px;
				top:-1px;
				}
				#main-nav .sub-menu ul li a:hover {
					color:#444;				
					}
			#main-nav ul.main-menu li.active {}
			#main-nav ul.main-menu li.active li a, #main-nav ul.main-menu li.active li span {color:#666;}
			#main-nav ul.main-menu li.active li a:hover {color:#444;}
				#main-nav ul.main-menu li.active li.active a, #main-nav ul.main-menu li.active li.active span {color:#ff7505;}
					#main-nav ul.main-menu li.active li.active a:hover {color:#d56204;}
			
		#main-nav .sub-menu ul li.active {
			padding:0 17px 0 14px;
			background:none;
			height:auto;
			}	
		#main-nav .sub-menu ul li.first {
			padding-left:8px !important;
			}
			#main-nav .sub-menu ul li.first span, #main-nav .sub-menu ul li.first a {
				padding-left:0px !important;
				left:8px;
				}
			
		#main-nav ul.main-menu div.sub-menu {					
					top:43px;	
					left:0px;
					background-position:0 -74px;				
					}				
					

/**/
.nav-block { 
	width:108%; 
	clear:both;
	font-size:1.33em;
	position:relative;
	margin:0 -8% 30px 0;
	}

/* post nav */
#post-menu {
	margin:0 0 0 -11px;
	padding:0;	
	line-height:32px;	
	color:#444;
	position:relative;
	}
	#post-menu li {
		margin:0 4% 0 0;		
		padding:0;
		background:none;
		float:left;
		display:inline;	
		color:#ff9805;
		}
		#post-menu li a {
			display:block;
			padding-bottom:1px;
			float:left;			
			}
		#post-menu li.active a {
			color:#ff9805;
			}
		#post-menu li.write {
			background:#8aba21 url(../i/post-nav-write-bg.png) no-repeat 0 0;
			padding-left:5px;
			}
			#post-menu li.write a {
				color:#fff;
				background:url(../i/post-nav-write-bg.png) no-repeat 100% 0;
				padding:0 25px 1px 7px;	
				text-decoration:none;				
				}
				#post-menu li.write a:hover {color:#015776;}			
			
/* links nav */
#links-nav {
	margin:-1px 0 0 0;
	padding:0;	
	float:right;
	position:relative;
	}
	#links-nav li {
		margin:0 5px 0 0;
		padding:5px 0 0 0;
		background:none;
		float:left;
		display:inline;		
		}
		#links-nav li a {
			display:block;				
			}
			
/* pages nav */
#pages-nav {
	margin:0 -30px 0 -11px;
	padding:0;	
	float:left;
	line-height:32px;	
	position:relative;
	font-size:.875em;
	}
	#pages-nav li {
		margin:0 25px 0 0;
		padding:0;
		background:none;
		float:left;
		display:inline;		
		}
		#pages-nav li a {
			display:block;				
			}
			
/** CONTENT BLOCK **/		
.update {
	background:transparent none repeat scroll 0 0;
	float:right;
	position:fixed;
	right:0;
	text-align:center;
	top:220px;
	width:42px;
	
	}
	.update .tl {
		background:transparent url(http://livestreet.ru/templates/skin/new/images/bg_update.gif) no-repeat scroll 0 0;
		font-size:1px;
		height:9px;
		}
	.update .bl {
		background:transparent url(http://livestreet.ru/templates/skin/new/images/bg_update.gif) no-repeat scroll 0 bottom;
		font-size:1px;
		height:9px;
		}
	.update .wrapper {
		background:#FAFBFB none repeat scroll 0 0;
		border-left:1px solid #DDDEDE;
		}
	.update .update-comments {
		cursor:pointer;
		vertical-align:top;
		}
	.update .refresh {
		background:#FAFBFB none repeat scroll 0 0;
		}
	.update .new-comments {
		background:#FAFBFB none repeat scroll 0 0;
		border-top:1px solid #ECECED;
		color:#3CC600;
		cursor:pointer;
		margin-top:3px;
		padding-top:7px;
		}				
/** FOOTER BLOCK**/
#foot-main-content {
	width:56%;
	margin-right:5%;
	float:left;
	height:120px;
	}
#foot-side-content {
	width:36%;
	float:left;
	position:relative;
	height:120px;
	}
#foot-nav { margin:0 -20px 10px 0; padding:0; width:100%; white-space:nowrap;}
#foot-nav li { margin:0 20px 0 0; padding:0; background:none; display:inline; font-size:12px;}
#foot-bot {position:absolute; bottom:0px; right:0px; color:#777;}
#qub     { position:absolute; bottom:0px; left:0px;}
#qub span   {line-height:31px; float:left; margin-right:5px;}
#qub img {display:block; float:left;}
#copy    {padding-bottom:10px; white-space:nowrap;}
