/* CSS Document */
@charset "utf-8";


/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	background: transparent;
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	outline: none;
	vertical-align:baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
td { vertical-align:top; }
nav ul, nav li { margin:0; padding:0; list-style:none; list-style-image:none; }
.ie7 img { -ms-interpolation-mode:bicubic;}
:focus, a, a:hover, a:active a:focus { -moz-outline-style:none; outline:none !important; }
.clearfix:before, .clearfix:after { content:""; display:table; }
.clear, .clearfix:after { clear:both; }
.ie7-fix { height:0; }

body { 
	background: #0d1125 url(../img/bg.jpg) repeat;
	background-image: 
	font-stretch:normal;
	width: expression((document.compatMode && document.compatMode == 'CSSICompat')?(
	document.documentElement.clientWidth < 1000?"1000px":"auto"):(
	document.body.clientWidth < 1000?"1000px":"auto"));
	min-width:1000px; 
	text-align:left;  
}

html,body {
	height: 100%;
	float: left;
	width: 100%;
	font-family:'Arial';
	font-weight:400;
	font-size:13px;
}

#header {
	background:url(../img/header.png) no-repeat;
	width: 1250px; 
	height: 211px; 
	position:absolute;
	top:0;
	left:0;
}

#header .logo {
	width:1138px;
	margin:0 auto;	
}

#main {
	width: 1250px;
	min-height:1000px; 
	margin: 0 auto;
}

#main-content {
	background:url(../img/bg.jpg) repeat-y;
	width: 1250px;
	min-height:1000px;
	position:relative; 
	float:left;
}

#main-content .in-yan {
	background:url(../img/in-yan.png) no-repeat;
	width: 115px;
	height:115px;
	position:absolute; 
	left:135px;
	bottom:220px;
	text-decoration:none;
}

#main-content .in-yan2 {
	background:url(../img/in-yan.png) no-repeat;
	width: 115px;
	height:115px;
	position:absolute; 
	left:1020px;
	bottom:120px;
	text-decoration:none;
}

#main-content .in-yan:hover {
	border-radius: 85px;
	border-width: 0px;
	box-shadow: 0px 0px 20px 5px white;
}

#main-content .gubina {
	background: url(../img/planet-85.png) no-repeat;
	width: 85px;
	height:84px;
	position:absolute; 
	left:480px;
	top:225px;
}

#main-content .gubina img {
	display:none;
	position:absolute;
	left:70px;
	bottom:10px;
}

#main-content .gubina:hover {
	border-radius: 85px;
	border-width: 0px;
	box-shadow: 0px 0px 20px 5px white;
}

#main-content .gubina:hover img {
	display:block;
}

#main-content .ivkova {
	background:  url(../img/planet-77.png) no-repeat;
	width: 77px;
	height:75px;
	position:absolute; 
	left:280px;
	top:300px;
}

#main-content .ivkova img {
	display:none;
	position:absolute;
	left:60px;
	bottom:10px;
}

#main-content .ivkova:hover {
	border-radius: 85px;
	border-width: 0px;
	box-shadow: 0px 0px 20px 5px white;
}

#main-content .ivkova:hover img {
	display:block;
}

#main-content .bondar {
	background:  url(../img/planet-90.png) no-repeat;
	width: 90px;
	height:88px;
	position:absolute; 
	left:765px;
	top:320px;
}

#main-content .bondar img {
	display:none;
	position:absolute;
	left:105px;
	bottom:20px;
}

#main-content .bondar:hover {
	border-radius: 85px;
	border-width: 0px;
	box-shadow: 0px 0px 20px 5px white;
}

#main-content .bondar:hover img {
	display:block;
}

#main-content .grinnik {
	background: url(../img/planet-72.png) no-repeat;
	width: 72px;
	height:71px;
	position:absolute; 
	left:380px;
	top:410px;
}

#main-content .grinnik img {
	display:none;
	position:absolute;
	left:85px;
	bottom:-3px;
}

#main-content .grinnik:hover {
	border-radius: 85px;
	border-width: 0px;
	box-shadow: 0px 0px 20px 5px white;
}

#main-content .grinnik:hover img {
	display:block;
}

#main-content .levchenko {
	background: url(../img/planet-90.png) no-repeat;
	width: 90px;
	height:88px;
	position:absolute; 
	left:630px;
	top:470px;
}

#main-content .levchenko img {
	display:none;
	position:absolute;
	left:105px;
	bottom:20px;
}

#main-content .levchenko:hover {
	border-radius: 85px;
	border-width: 0px;
	box-shadow: 0px 0px 20px 5px white;
}

#main-content .levchenko:hover img {
	display:block;
}

#main-content .vituk {
	background: url(../img/planet-90.png) no-repeat;
	width: 90px;
	height:88px;
	position:absolute; 
	left:200px;
	top:545px;
}

#main-content .vituk img {
	display:none;
	position:absolute;
	left:100px;
	bottom:20px;
}

#main-content .vituk:hover {
	border-radius: 85px;
	border-width: 0px;
	box-shadow: 0px 0px 20px 5px white;
}

#main-content .vituk:hover img {
	display:block;
}

#main-content .omelchenko {
	background: url(../img/planet-72.png) no-repeat;
	width: 72px;
	height:71px;
	position:absolute; 
	left:680px;
	top:660px;
}

#main-content .omelchenko img {
	display:none;
	position:absolute;
	left:65px;
	bottom:20px;
}

#main-content .omelchenko:hover {
	border-radius: 85px;
	border-width: 0px;
	box-shadow: 0px 0px 20px 5px white;
}

#main-content .omelchenko:hover img {
	display:block;
}

#main-content .sapun {
	background: url(../img/planet-72.png) no-repeat;
	width: 72px;
	height:71px;
	position:absolute; 
	left:310px;
	top:760px;
}

#main-content .sapun img {
	display:none;
	position:absolute;
	left:85px;
	bottom:10px;
}

#main-content .sapun:hover {
	border-radius: 85px;
	border-width: 0px;
	box-shadow: 0px 0px 20px 5px white;
}

#main-content .sapun:hover img {
	display:block;
}

#main-content .planet1 {
	background: url(../img/planet-58.png) no-repeat;
	width: 58px;
	height:57px;
	position:absolute; 
	left:1030px;
	top:250px;
}

#main-content .planet2 {
	background: url(../img/planet-58.png) no-repeat;
	width: 58px;
	height:57px;
	position:absolute; 
	left:550px;
	top:370px;
}

#main-content .planet3 {
	background: url(../img/planet-58.png) no-repeat;
	width: 58px;
	height:57px;
	position:absolute; 
	left:940px;
	top:420px;
}

#main-content .planet4 {
	background: url(../img/planet-58.png) no-repeat;
	width: 58px;
	height:57px;
	position:absolute; 
	left:1095px;
	top:530px;
}

/* #main-content .planet5 {
	
} */



#main-content .zhoga {
	background: url(../img/planet-72.png) no-repeat;
	width: 72px;
	height:71px;
	position:absolute; 
	left:920px;
	top:570px;
}

#main-content .zhoga img {
	display:none;
	position:absolute;
	right:20px;
	bottom:20px;
}

#main-content .zhoga:hover {
	border-radius: 85px;
	border-width: 0px;
	box-shadow: 0px 0px 20px 5px white;
}

#main-content .zhoga:hover img {
	display:block;
}

#main-content .planet6 {
	background: url(../img/planet-58.png) no-repeat;
	width: 58px;
	height:57px;
	position:absolute; 
	left:490px;
	top:625px;
}

/* #main-content .planet5 {
	
} */

#main-content .djagileva {
	background: url(../img/planet-72.png) no-repeat;
	width: 72px;
	height:71px;
	position:absolute; 
	left:1030px;
	top:715px;
}

#main-content .djagileva img {
	display:none;
	position:absolute;
	right:65px;
	bottom:20px;
}

#main-content .djagileva:hover {
	border-radius: 85px;
	border-width: 0px;
	box-shadow: 0px 0px 20px 5px white;
}

#main-content .djagileva:hover img {
	display:block;
}

#main-content .planet8 {
	background: url(../img/planet-58.png) no-repeat;
	width: 58px;
	height:57px;
	position:absolute; 
	left:840px;
	top:830px;
}

#main-content .left-bar {
	width:200px;
	margin:260px 70px 0 50px;
	font-style:italic;
	font-size:14px;
	font-weight:bold;
	float:left;
}

#main-content .left-bar .home {
	background:url(../img/index.jpg) no-repeat;
	display:block;
	width:151px;
	height:121px;
	text-decoration:none;
	margin:0 0 0 25px;
	box-shadow: 0px 0px 20px 5px #0f6fc3;
}

#main-content .left-bar .home2 {
	display:block;
	width:100%;
	text-align:center;
	text-decoration:underline;
	font-size:12px;
	margin:10px 0 0 0;
	color:#FFFFFF;
}

#main-content .left-bar .another-authors {
	font-size:20px;
	color:#FFFFFF;
	text-align:center;
	margin:40px 0 20px 0;
}

#main-content .left-bar ul {
	width:100%;
	float:left;
	list-style:none;
}

#main-content .left-bar ul li {
	width:100%;
	padding:2px 0;
}

#main-content .left-bar ul li .author {
	text-decoration:underline;
	color:#FFFFFF;
	height:19px;
	line-height:19px;
	padding:0 0 0 2px;
}

#main-content .left-bar ul li .author:hover {
	color:#05d3ff;
}

#main-content .left-bar ul li .active {
	text-decoration:underline;
	color:#05d3ff;
	height:19px;
	line-height:19px;
	padding:2px 0 2px 2px;
}

#main-content .left-bar ul li .author span {
	background:url(../img/dots.png) no-repeat left center;
	width:22px;
	height:19px;
	text-decoration:none;
	float:left;
}

#main-content .left-bar ul li .author:hover span, #main-content .left-bar ul li .author .selected  {
	background:url(../img/dots.png) no-repeat right center;
	width:22px;
	height:19px;
	float:left;
}

#main-content .right-bar {
	width:640px;
	margin:240px 0 0 320px;
	font-size:11pt;
	color:#FFFFFF;
}

#main-content .right-bar a{
		font-size:11pt;
	color: #FFD700;
	text-decoration: underline; 
}

#main-content .right-bar a:hover{
		font-size:11pt;
	color: #FFD700;
	text-decoration: none; 
}

#main-content .right-bar a:visited{
		font-size:11pt;
	color: Yellow;
	text-decoration: underline; 
}

#main-content .right-bar img {
	padding: 5px 0 0 60px;
}

#main-content .right-bar p {
	padding: 10px 0 0 0; 
	text-align:justify;
}

#main-content .right-bar p.bio {
	padding:10px 0 40px 0; 
	text-align:justify;
}

#main-content .right-bar pre {
	font-size:12px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

#footer {
	background:url(../img/footer.png) no-repeat;
	width: 1250px; 
	height: 107px; 
	position:absolute;
	bottom:0;
	left:0;
}

#footer .copyright {
	font-weight:bold;
	position:absolute;
	color:#102294;
	left:50px;
	bottom:25px;
	position:absolute;
}

#footer .social-buttons {
	width:194px;
	height:24px;
	font-weight:bold;
	position:absolute;
	color:#102294;
	right:35px;
	bottom:24px;
	position:absolute;
	opacity: 0.5;
}