/* HTML, CSS, jQuery code by Skip (www.skipdesign.ru)
-------------------------------------------------------------*/
@import url(reset.css);

body {
	background-color: #fff;
	font: 62.5% Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #5A5656;
}
html, body {
	height: 100%;
}

.clear {
	clear: both;
}

a { color: #4c4f56; text-decoration: underline; }
a:hover { text-decoration: none; }

#container {
	width: 820px;
	margin: 0 auto;
	height: 600px;
	position: relative;
	background: url('../images/bg.jpg') center top no-repeat;
}

#logo {
	position: absolute;
	top: 247px;
	left: 261px;
	font-size: 11px;
	color: #aaa;
	font-weight: bold;
	text-align: center;
	z-index: 100;
}
	#logo a { display: block; font-size: 0px; margin-bottom: 1px; }

	
#menu {
	position: absolute;
	top: 269px;
	left: -6px;
	font-size: 1.1em;
	color: #015a87;
	text-transform: uppercase;
	font-weight: bold;
	width: 820px;
	z-index: 10;
}
	#menu a { color: #78a3b9; }
		#menu a.active, #menu a:hover { color: #015a87; }
		
	#menu li {
		display: inline;
		height: 19px;
		padding-left: 50px;
	}
	
	#menu ul.right {
		position: absolute;
		top: 0px;
		left: 567px;
		width: 250px;
	}
		#menu ul.right li { padding-left: 48px; }
		
	#menu a.rss_icon {
		position: absolute;
		top: 0px;
		right: 6px;
	}
	

#content {
	padding-top: 343px;
	overflow: hidden;
	font-size: 1.1em;
	line-height: 1.27em;
}

	.left_col {
		float: left;
		width: 500px;
		margin-right: 34px;
		padding-left: 4px;
	}
	.right_col {
		float: left;
		width: 282px;
	}
	
	#content p { margin-top: 11px; }
	#content h3 { font-size: 1.64em; font-weight: normal; padding-top: 7px; line-height:1.2;}
	
	#content .article { margin-bottom: 25px; }
		#content .info_bar {
			width: 483px;
			height: 26px;
			background: url('../images/info_bar.png') no-repeat;
			margin: 16px 0px 0px -4px;
			color: #9fa0a4;
			padding: 13px 0px 0px 21px;
		}

	
	.right_col .block { margin-bottom: 20px; }
	
		.right_col .block h4 {
			font-size: 0px;
			display: block;
			width: 266px;
			height: 27px;
			background: url('../images/right_bar.png') no-repeat;
			padding: 12px 0px 0px 16px;
		}
		
		ul.right_nav {
			padding-top: 22px;
			padding-left: 3px;
			padding-right: 5px;
		}
			ul.right_nav li {
				border-bottom: 1px solid #e9e9e9;
				padding-bottom: 3px;
				padding-left: 3px;
				margin-bottom: 3px;
				letter-spacing: 1px; 
			}
			ul.right_nav a {
				text-decoration: none;
				color: #5a5a5a;
				font-weight: bold;
			}
				ul.right_nav a:hover { text-decoration: underline; }
				
		ul.right_tags {
			padding: 21px 5px 0px 3px;
			margin-bottom: -5px;
			text-transform: uppercase;
		}
			ul.right_tags li { display: inline; line-height: 19px; padding-bottom: 5px; }
				ul.right_tags li a { color: #9e9e9e; text-decoration: none; }
					ul.right_tags li a:hover { text-decoration: underline; }
				ul.right_tags li.size14 { font-size: 1.27em; }
				ul.right_tags li.size15 { font-size: 1.36em; }
				ul.right_tags li.size16 { font-size: 1.45em; }
				ul.right_tags li.size18 { font-size: 1.64em; }
				ul.right_tags li.size20 { font-size: 1.82em; }
				ul.right_tags li.size21 { font-size: 1.91em; }
				ul.right_tags li.size22 { font-size: 2em; }
				
#footer {
	width: 820px;
	height: 64px;
	background: url('../images/footer.png') no-repeat;
	margin-top: 75px;
	font-size: 1.1em;
	color: #919191;
	position: relative;
}
	#footer p.copyrights {
		position: absolute;
		top: 30px;
		left: 22px;
	}
	#footer ul.counters {
		position: absolute;
		top: 18px;
		right: 40px;
	}
		#footer ul.counters li { display: inline; padding-right: 7px; }