/**
 * SCREEN CSS for Website of HSDN Project
 *
 * Designed (C) 2009 Dmitry G Shin <dmitry.s@hsdn.org> 
 * Copyright (C) 2009 Information Networks Ltd. <info@informnets.ru> 
 */

/*
 * Container section
 */
#main-wrapper
{
	margin: 30px auto;
	padding: 0 10px;
	width: 900px;
	clear: both;
}


/*
 * Left section
 */
#left-wrapper
{
	float: left;
	width: 230px;
	margin-bottom: 30px;
}

#left-wrapper #logo
{
	height: 150px;
}

#left-wrapper .section
{
	width: 210px;
	border-top: 1px solid #ededf0;
	border-bottom: 1px solid #ededf0;
	padding: 10px 20px 0 0;
}

#left-wrapper .section p
{
	line-height: 1.6;
}

/* RSS */
#left-wrapper .rss
{
	float: left;
	width: 230px;
	border-top: 1px solid #ededf0;
	border-bottom: 1px solid #ededf0;
	padding: 10px 0;
	margin-bottom: 20px;
	text-align: center;
}

#left-wrapper .rss .logo img
{
	float: left;
}

#left-wrapper .rss .link
{
	float: left;
	margin: 5px 0 0 10px;
}

#left-wrapper .rss .link a:link, 
#left-wrapper .rss .link a:visited,
#left-wrapper .rss .link a:hover
{
	font-size: 20px;
	color: #3366cc;
}

/* Left boxes */
#left-wrapper .graybox
{
	float: left;
	width: 230px;
	background: #f8f8fa;
	margin: 2px 0 20px 0;
}

#left-wrapper .yellowbox
{
	float: left;
	width: 230px;
	background: #f8f8ef;
	margin: 2px 0 20px 0;
}

#left-wrapper .graybox ul,
#left-wrapper .yellowbox ul
{
	margin: 0;
}

#left-wrapper .graybox p,
#left-wrapper .yellowbox p
{
	margin: 0 0 0 9px;
}

#left-wrapper .graybox .top
{
	margin: 0;
	height: 8px;
	width: 230px;
	font-size: 1px;
	background: url(../_img/graybox_top.gif) no-repeat;
}

#left-wrapper .yellowbox .top
{
	margin: 0;
	height: 8px;
	width: 230px;
	font-size: 1px;
	background: url(../_img/yellowbox_top.gif) no-repeat;
}

#left-wrapper .graybox .content,
#left-wrapper .yellowbox .content
{
	font-size: 12px;
	line-height: 1.5;
	padding: 5px;
}

#left-wrapper .graybox .bottom
{
	margin: 0;
	height: 8px;
	width: 230px;
	font-size: 1px;
	background: url(../_img/graybox_bottom.gif) no-repeat;
}

#left-wrapper .yellowbox .bottom
{
	margin: 0;
	height: 8px;
	width: 230px;
	font-size: 1px;
	background: url(../_img/yellowbox_bottom.gif) no-repeat;
}

/* News informer */
#left-wrapper .news p
{
	font-size: 12px;
	color: #484848;
	line-height: 1.5;
}

#left-wrapper .news .title
{
	margin: 0 0 10px 0;
	font-weight: normal;
	font-size: 20px;
}

#left-wrapper .news .rss-logo
{
	margin-left: 5px;
}

#left-wrapper .news .date
{
	font-size: 11px;
	color: #b4b4b4;
}


/*
 * Right section
 */
#right-wrapper
{
	margin-left: 270px;
}

#right-wrapper .top-padding
{
	height: 150px;
}

#right-wrapper #top
{
	float: left;
	width: 300px;
	height: 56px;
}

#right-wrapper #connect
{
	float: left;
	width: 330px;
	height: 56px;
	text-align: right;
	font-size: 11px;
	color: #b4b4b4;
}

#right-wrapper #connect span
{
	line-height: 1.9;
}

#right-wrapper #connect #google_translate_element
{
	margin-left: 10px;
	margin-top: -2px;
	float: right !important;
}

#right-wrapper #connect #google_translate_element span
{
	line-height: 0 !important;
	font-size: 11px !important;
	color: #b4b4b4;
}

#right-wrapper #connect .goog-te-gadget-simple
{
	border: 1px solid #ededf0 !important;
}

#right-wrapper .top-icon
{
	margin-right: 40px;
}

/* Main menu */
#right-wrapper #menu
{
	float: left;
	width: 630px;
	height: 35px;
	overflow: hidden;
	background: url(../_img/topmenu_center.gif) repeat-x;
}

#right-wrapper #menu .left
{
	float: left;
	height: 35px;
	width: 2px;
	font-size: 1px;
	background: url(../_img/topmenu_left.gif) no-repeat;
}

#right-wrapper #menu .right
{
	float: right;
	height: 35px;
	width: 2px;
	font-size: 1px;
	background: url(../_img/topmenu_right.gif) no-repeat;
}

#right-wrapper #menu ul
{
	margin: 0 0 0 4px;
	list-style: none;
}

#right-wrapper #menu ul li
{
	display: inline;
}

#right-wrapper #menu ul li a
{
	float: left;
	font-size: 12px;
	margin-top: 2px;
	text-decoration: none;
	white-space: nowrap;
	color: #000;
	padding: 8px 15px;
}

#right-wrapper #menu ul li a:hover
{
	background: #fff url(../_img/topmenu_hover.gif) repeat-x;
}

#right-wrapper #menu ul li a.current, 
#right-wrapper #menu ul li a.current:hover
{
	color: #fff;
	background: #3366cc url(../_img/topmenu_active.gif) repeat-x;
}

#right-wrapper #menu ul li a.light, 
#right-wrapper #menu ul li a.light:hover
{
	color: #fff;
	background: #dd0000 url(../_img/topmenu_light.gif) repeat-x;
}

/* Pathway */
#right-wrapper #pathway
{
	float: left;
	width: 630px;
	padding: 24px 0 20px 0;
	font-size: 12px;
	color: #484848;
	text-align: right;
}

#right-wrapper #pathway a
{
	color: #dd0000;
}


/*
 * Footer section
 */
#footer
{
	float: left;
	margin: 0 0 30px 0;
	width: 900px;
	clear: both;
	height: 90px;
	border-top: 1px solid #ededf0;
	background: #f8f8fa;
}

#footer a
{
	color: #484848;
}

#footer p
{
	font-size: 12px;
	line-height: 1.6;
}

#footer .left
{
	float: left;
	width: 255px;
	height: 60px;
	padding: 15px 0 0 15px;
}

#footer .right
{
	margin-left: 270px;
	height: 60px;
	padding: 15px 0 0 0;
}

#footer .disclaimer
{
	font-size: 11px;
}

#counter
{
	float: left;
	width: 100%;
	height: 50px;
	padding: 10px 0;
	border-top: 1px solid #ededf0;
	text-align: right;
}

#counter img
{
	float: right;
}

#counter a
{
	font-size: 11px;
	color: #b4b4b4;
	text-decoration: none;
}

/* End of file */