﻿/*	-----------------------------------------------------------
	Layout --- */

/*  -- Сброс стилей --  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: Arial, Verdana, Tahoma, Sans-Serif;
}
ol, ul
{
	list-style: none;
}
blockquote, q
{
	quotes: none;
}
:focus
{
	outline: 0px;
}
ins
{
	text-decoration: none;
}
del
{
	text-decoration: line-through;
}
table
{
	border-collapse: collapse;
	border-spacing: 0px;
}
html
{
	height: 100%;
}
body
{
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	height: 100%;
}
a
{
	color: #007bc2;
	outline: none;
	text-decoration: none;
}
a:hover
{
	color: #99cae7;
	text-decoration: none;
}
p
{
	margin: 0px 0px 18px;
}
img
{
	border: none;
}
input
{
	vertical-align: middle;
}

/*  -- Layout --  */
#bodywrapper
{
	width: 100%;
	min-width: 970px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#bodyheader
{
	padding-top: 8px;
	height: 125px;
	background: #ffffff;
}

#bodymiddle
{
	width: 100%;
	padding: 0px 0px 100px;
	height: 1%;
}
#bodymiddle:after
{
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0px;
}

#bodycontainer
{
	width: 100%;
	float: left;
	overflow: hidden;
}
#bodycontent
{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	padding-right: 30%;
}

#bodysidebar
{
	margin-right: -3px;
	margin-left: -30%;
	float: left;
	width: 30%;
	position: relative;
	background: #ffffff;
}

#bodyfooter
{
	margin: -64px auto 0px;
	min-width: 970px;
	height: 64px;
	background: #f9f9f9 url(/ru/Content/Images/footer.png) repeat-x bottom;
	border-top: 1px solid #eeeeee;	
	border-bottom: 4px solid #d5d5d5;
}

/*	-- Layout
	----------------------------------------------------------- */

/*  ===========================================================================================================================================================================  */

/*	-----------------------------------------------------------
	Общие элементы --- */

/*  -- Round box --  */
b.r0, b.r1, b.r2, b.r3, b.r4, b.r5, b.r6, b.r7, b.r8, b.r9, b.r10
{
	overflow: hidden;
	font-size:1px;
	display: block;
	height: 1px;
}
b.r1 { margin: 0px 1px; }
b.r2 { margin: 0px 2px; }
b.r3 { margin: 0px 3px; }
b.r4 { margin: 0px 4px; }
b.r5 { margin: 0px 5px; }
b.r6 { margin: 0px 6px; }
b.r7 { margin: 0px 7px; }
b.r8 { margin: 0px 8px; }
b.r9 { margin: 0px 9px; }
b.r10 { margin: 0px 10px; }

div.round-box { margin-bottom:1em;}
div.round-box div.inner-box, div.round-box b { background-color: #f7f7f7; }
div.round-box div.inner-box { padding: 0.6em 1.2em 0.3em 1.2em;}

div.cl
{
	clear: both;
}

/*	-- Общие элементы
	----------------------------------------------------------- */

/*  ===========================================================================================================================================================================  */

/*	-----------------------------------------------------------
	Заголовок --- */

#bodyheader-contentwrapper
{
	float: left;
	width: 100%;
	overflow: hidden;
	height: 61px;
}
#bodyheader-content
{
	margin-left: 280px;
	overflow: hidden;
	height: 61px;
}
#bodyheader-logocontainer
{
	float: left;
	width: 280px;
	margin-left: -100%;
	overflow: hidden;
	height: 61px;
}

div#bodyheader #logo-line
{
	padding: 0px;
	float: left;
	height: 61px;
	width: 10px;
	background-color: #ffc90e;
}
div#bodyheader #logo
{
	padding: 0px 0px 0px 0px;
	text-align: center;
}

div#bodyheader #navigation-top
{
	margin-left: 0px;
	margin-right: 20px;
	padding: 0px;
	height: 61px;
	overflow: hidden;
	background: #0087c9 url(/ru/Content/Images/navigation-top.png) repeat-x
}
div#bodyheader #navigation-top .l, div#bodyheader #navigation-top .r, div#bodyheader #logo-line .r
{
	height: 100%;
	width: 4px;
}
div#bodyheader #navigation-top .l
{
	float: left;
	background: url('/ru/Content/Images/navigation-corners-left.png') no-repeat left 50%;
}
div#bodyheader #navigation-top .r, div#bodyheader #logo-line .r
{
	float: right;
	background: url('/ru/Content/Images/navigation-corners-right.png') no-repeat right 50%;
}
div#bodyheader #navigation-top .content
{
	padding: 12px 5px 0px 20px;
	height: 100%;
}
div#bodyheader #navigation-top .content ul
{
	height: 44px;
}
div#bodyheader #navigation-top .content ul li
{
	padding: 5px 20px 5px;
	margin: 0px 0px 0px;
	display: block;
	float: left;
	line-height: 3em;
	height: 44px;
}
div#bodyheader #navigation-top .content ul li.selected
{
	padding-top: 0px;
	background-color: #ffffff;
	border-top: 5px solid #ffc90e;
}
div#bodyheader #navigation-top .content ul li a, div#bodyheader #navigation-top .content ul li a:link, div#bodyheader #navigation-top .content ul li a:visited
{
	color: #ffffff;
	font-size: 1.65em;
	border-bottom: 2px solid white;
}
div#bodyheader #navigation-top .content ul li.selected a, div#bodyheader #navigation-top .content ul li.selected a:link, div#bodyheader #navigation-top .content ul li.selected a:visited
{
	background-color: #ffffff;
	color: #0279bd;
}

div#bodyheader #language
{
	padding: 0px 25px 0px 0px;
	float: right;
	color: #999;
}
div#bodyheader #language a, div#bodyheader #language a:link, div#bodyheader #language a:visited
{
	padding: 0px 1px 0px;
	color: #999;
	text-decoration: underline;
}
div#bodyheader #language a.selected, div#bodyheader #language a:link.selected, div#bodyheader #language a:visited.selected
{
	color: #555;
}
div#bodyheader #language a:hover, div#bodyheader #language a.selected:hover
{
	text-decoration: underline;
	color: #000;
}

/*	-- Заголовок
	----------------------------------------------------------- */

/*  ===========================================================================================================================================================================  */

/*	-----------------------------------------------------------
	Content --- */

div#bodycontent
{
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 1em;
}

div#bodycontent .pagetitle
{
	margin: 0px 0px 25px 0px;
	padding: 4px 0px 10px 0px;
	font-size: 1.8em;
	color: #4c4c4c;
	text-decoration: none !important;
	border-bottom: #dedede 1px dashed;
	line-height: 1.2em;
}
div#bodycontent .pagetitle .icons
{
	margin: 0px;
	padding: 0px 20px;
	float: right;
	text-align: right;
	width: 100px;
}
div#bodycontent .pagetitle .icons a
{
	margin: 0px 2px;
}
div#bodycontent .pagecontent
{
	padding: 0px 2px 0px 18px;
}

div#bodycontent div.pages
{
	padding: 10px 0px;
	text-align: center;
}
div#bodycontent div.pages div
{
	padding: 8px 0px 10px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 1.3em;
	font-weight: normal;
	color: #aaaaaa;
}
div#bodycontent ul.pages
{
	list-style-type: none;
	list-style-image: none;
	text-align: center;
}
div#bodycontent ul.pages li
{
	margin: 0px 4px;
	padding: 3px 6px;	
	list-style-type: none;
	list-style-image: none;
	text-indent: 0px;
	display: inline;
	text-align: center;
}
div#bodycontent ul.pages li.selected
{
	padding: 3px 6px 3px 12px;
	background-color: #ffd96a;
}

div#bodycontent ul.pages li, div#bodycontent ul.pages li a, div#bodycontent ul.pages li a:link, div#bodycontent ul.pages li a:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 1.1em;
	color: #4a4a4a;
}
div#bodycontent ul.pages li a:hover
{
	color: #0a0a0a;
}
div#bodycontent ul.pages li.selected a:hover
{
	color: #4a4a4a;
}

/*	-- Content
	----------------------------------------------------------- */
	
/*  ===========================================================================================================================================================================  */

/*	-----------------------------------------------------------
	Sidebar --- */

div#bodysidebarcontent
{
	padding: 0px 20px 0px 10px;
}

div#bodysidebarcontent #search
{
	padding: 0px 0px 19px 0px;
}
div#bodysidebarcontent #search input#searchText
{
	margin: 0px 5px 0px;
	padding: 1px 5px 0px;
	background-color: #fffae5;
	color: #66645c;
	border: 0px none Transparent;
	font-size: 9pt;
	width: 165px;
}

div#bodysidebarcontent #search b.r1 
{
	 background-color: #f5e08e; 
}
div#bodysidebarcontent #search b.r0, div#bodysidebarcontent #search .searchbox
{
	border-left: 1px solid #f5e08e;
	background-color: #fffae5; 
}

div#bodysidebarcontent #search #search-container
{
	width: 212px;
	float:right;
}
div#bodysidebarcontent #search #search-content
{
	padding: 0px;
	margin: 0px;
	float:left;
	width: 190px;
	height: 21px;
}

div#bodysidebarcontent #search .searchbox
{
	padding: 0px;
	margin: 0px;
	line-height: 0px;
	height: 17px;
}
div#bodysidebarcontent #search #search-button
{
	margin-left: -1px;
	float:left;
	width: 23px;
	height: 21px;
}
div#bodysidebarcontent #search #search-button button
{
	border: 0px none Transparent;
	background: url('/ru/Content/Images/search-button.png') no-repeat;
	width: 23px;
	height: 21px;
	cursor: pointer;
}

div#bodysidebarcontent div.info .avatar
{
	padding: 0px 0px 5px;
	text-align: center;
}
div#bodysidebarcontent div.info .description
{
	padding: 2px 0px 10px;
	color: #4c4c4c;
	font-size: 1em;
	text-align: justify;
	border-top: 1px dashed #bcbcbc;
}
div#bodysidebarcontent div.info .description p
{
	margin: 10px 0px 0px;
	padding: 0px;
}
div#bodysidebarcontent div.info #social
{
	padding: 0px 0px 3px;
}
	div#bodysidebarcontent div.info #social ul
	{
		list-style-type: none;
		width: 160px;
		margin: 0px auto;
	}
		div#bodysidebarcontent div.info #social ul li
		{
			margin: 0px 5px;
			list-style-type: none;
			height: 28px;
			width: 28px;
			float: left;
			background-image: url(/ru/Content/Images/socialicons_small.png);
			cursor: pointer;
			
		}
		div#bodysidebarcontent div.info #social ul li.facebook
		{
			background-position: 0px 0px;
		}
		div#bodysidebarcontent div.info #social ul li.facebook.hover
		{
			background-position: 0px 30px;
		}
		div#bodysidebarcontent div.info #social ul li.twitter
		{
			background-position: 90px 0px;
		}
		div#bodysidebarcontent div.info #social ul li.twitter.hover
		{
			background-position: 90px 30px;
		}
		div#bodysidebarcontent div.info #social ul li.linkedin
		{
			background-position: 60px 0px;
		}
		div#bodysidebarcontent div.info #social ul li.linkedin.hover
		{
			background-position: 60px 30px;
		}
		div#bodysidebarcontent div.info #social ul li.formspring
		{
			background-position: 30px 0px;
		}
		div#bodysidebarcontent div.info #social ul li.formspring.hover
		{
			background-position: 30px 30px;
		}
		
div#bodysidebarcontent div.info #social li a
{
	padding: 12px;
	width: 100%;
	height: 100%;
}

div#bodysidebarcontent div.round-box h1
{
	margin: 0px 1px 5px;
	padding: 5px 0px 5px;
	color: #4c4c4c;
	font-size: 1.5em;
	font-weight: normal;
}
div#bodysidebarcontent div.round-box.info h1
{
	margin: 0px 1px 0px;
	padding: 5px 0px 0px;
}
div#bodysidebarcontent div.round-box .title
{
	margin: 0px 0px 5px;
	padding: 0px 0px 5px;
	border-bottom: 1px dashed #bcbcbc;
}
div#bodysidebarcontent div.round-box .title ul
{
	padding: 0px 0px 5px;
	overflow: hidden;
}
div#bodysidebarcontent div.round-box .title ul li
{
	padding: 2px;
	margin: 0px 10px 0px 0px;
	float: left;
	display: block;
}
div#bodysidebarcontent div.round-box .title ul li.selected
{
	background-color: #ffd96a;
}
div#bodysidebarcontent div.round-box .title ul li span
{
	line-height: 1.4em;
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4a4a4a;
	border-bottom: 1px dashed #adadad;
	cursor: pointer;
}
div#bodysidebarcontent div.round-box .title ul li.selected span
{
	border-bottom: 0px none Transparent;
	cursor: default;
}

div#bodysidebarcontent div.round-box .links ul li
{
	padding: 0px 0px 0px 20px;
	line-height: 1.7em;
	color: #959595;
	background: url('/ru/Content/Images/icon-discussion.png') no-repeat 0px 5px;
}
div#bodysidebarcontent div.round-box .links ul li a.category, div#bodysidebarcontent div.round-box .links ul li a:link.category, div#bodysidebarcontent div.round-box .links ul li a:visited.category
{
	color: #959595;
	text-decoration: underline;
}
div#bodysidebarcontent div.round-box .links ul li a:hover.category
{
	text-decoration: underline;
	color: #757575;
}
div#bodysidebarcontent div.round-box .links ul li a, div#bodysidebarcontent div.round-box .links ul li a:link, div#bodysidebarcontent div.round-box .links ul li a:visited
{
	text-decoration: underline;
}


div#bodysidebarcontent div.round-box .person ul li
{
	padding: 0px 0px 0px 20px;
	line-height: 1.7em;
	color: #959595;
	background: url('/ru/Content/Images/icon-person.png') no-repeat 0px 5px;
}
div#bodysidebarcontent div.round-box .person ul li a.category, div#bodysidebarcontent div.round-box .person ul li a:link.category, div#bodysidebarcontent div.round-box .person ul li a:visited.category
{
	color: #959595;
	text-decoration: underline;
}
div#bodysidebarcontent div.round-box .person ul li a:hover.category
{
	text-decoration: underline;
	color: #757575;
}
div#bodysidebarcontent div.round-box .person ul li a, div#bodysidebarcontent div.round-box .person ul li a:link, div#bodysidebarcontent div.round-box .person ul li a:visited
{
	text-decoration: underline;
}
div#bodysidebarcontent div.round-box .links2 span
{
	color: #007bc2;
}
div#bodysidebarcontent div.round-box .links2 ul li a, div#bodysidebarcontent div.round-box .links2 ul li a:link, div#bodysidebarcontent div.round-box .links2 ul li a:visited
{
	text-decoration: none;
}
div#bodysidebarcontent div.round-box .links2 span a, div#bodysidebarcontent div.round-box .links2 span a:link, div#bodysidebarcontent div.round-box .links2 span a:visited
{
	/*border-bottom: 1px dashed #0090E3;*/
}
div#bodysidebarcontent div.round-box .links2 span a:hover
{
	/*border-bottom: 1px dashed #A9CAEC;*/
	text-decoration: none;
}



div#bodysidebarcontent div.clear-box h1
{
	margin: 0px 15px 5px;
	padding: 5px 0px 5px;
	color: #4c4c4c;
	font-size: 1.5em;
	font-weight: normal;
	border-bottom: 1px dashed #bcbcbc;
}
div#bodysidebarcontent div.clear-box.tag-cloud h1
{
	padding-left: 40px;
	background: Transparent url(/ru/Content/Images/tag.png) no-repeat 10px 6px;
}

div#bodysidebarcontent div#tag-cloud
{
	padding: 5px 35px 30px;
	text-align: center;
	font-size: 1.2em;
}
div#bodysidebarcontent div#tag-cloud a, div#bodysidebarcontent div#tag-cloud a:link, div#bodysidebarcontent div#tag-cloud a:visited
{
	padding: 0px 3px;
	color: #007bc2;
	line-height: 1.2em;
	text-decoration: none;
	
}
div#bodysidebarcontent div#tag-cloud a:hover
{
	color: #99cae7;
}

div#bodysidebarcontent div.adv
{
	text-align: center;
}
/*	-- Sidebar
	----------------------------------------------------------- */

/*  ===========================================================================================================================================================================  */

/*	-----------------------------------------------------------
	Footer --- */

div#bodyfooter div#bodyfootercontent
{
	padding: 8px 55px 0px;
}

div#bodyfooter #navigation a, div#bodyfooter #navigation a:link, div#bodyfooter #navigation a:visited
{
	padding: 0px 6px 0px;
	color: #909090;
	font-size: 0.97em;
	line-height: 2em;
	text-decoration: underline;
}
div#bodyfooter #navigation a:hover
{
	color: #707070;
}

div#bodyfooter #links
{
	padding: 6px 6px 0px 0px;
	color: #909090;
	font-size: 0.97em;
	line-height: 2em;
	text-decoration: none;
}
div#bodyfooter #links span
{
	padding: 0px 6px 0px;
}
div#bodyfooter #links a, div#bodyfooter #links a:link, div#bodyfooter #links a:visited
{
	color: #007cc8;
	text-decoration: underline;
}
div#bodyfooter #links a:hover
{
	color: #108cd8;
	text-decoration: underline;
}

div#bodyfooter #banners
{
	padding: 10px 0px 0px;
	float: right;
	height: 50px;
	width: 300px;
	text-align: right;
}

div#bodyfooter #banners a
{
	margin: 0px 0px 0px 15px;
}

/*	-- Footer
	----------------------------------------------------------- */
