/*   body   */

body {background-color: #ffffff}
img {border:0}

/*   links   */

a:link {color: #0099FF;	font-weight: bold}
a:visited {color: #0099FF; font-weight: bold}
a:hover {color:#FF3366; font-weight:bold; text-decoration:none}
a.tags {color: #999; font-family:Verdana, Arial, Helvetica, sans-serif;	font-size: 0.6em}
a.g {text-decoration: none; font-weight: normal; color:#000000}
a.g:hover {text-decoration: underline; color:#333333}
a.author {text-decoration: none; font-weight: bold; color:#717476}
a.author:hover {text-decoration: underline;	color:#3a559b}
a.pink {text-decoration: underline; color:#FF3399; font-weight: normal}
a.pink:hover {text-decoration: none; color:#0099FF}
a.white {color:#FFFFFF; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.5em; font-weight:normal}
a.white:hover {text-decoration:underline}

/*   general   */

h3 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; font-style: italic; font-weight: normal}

.style1 {color: #CCCCCC;}
.style2 {color: #FFFFFF;}
.style3 {font-family: Verdana, Helvetica, sans-serif; font-size: 0.7em;	color: #999}
.style4 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; font-style: italic; font-weight: normal}
.maintext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em;	line-height: 1.2em}
.maintext2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; margin-left: 15px; margin-top: 5px; margin-bottom: 8px; line-height: 1.2em}

.style5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight: bold;
	font-style: italic;
}
.style6 {color: #33CCFF}
a.style7 {color: #000000}


/*   index   */

.container {
	background-image: url(../img/bg.gif);
	background-repeat: repeat-x;
	height: 504px;
	width: 990px;
	position: absolute;
	left:50%;
	top:140px;
	margin:0 0 0 -470px;
	
}
.menubar {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
	display: block;
	float: left;
	height: 30px;
	width: 480px;
	margin-top: 450px;
	position: absolute;
	margin-left: 60px;
}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
	height: 30px;
	width: 200px;
	margin-top: 450px;
	margin-right: 60px;
	position: relative;
	float: right;
}
.buttons {float: right; height: 30px; width: 110px;	margin-right: 7px; position: relative}
.title {
	height: 120px;
	width: 708px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -335px;
	position: absolute;
	vertical-align: top;
	left: 50%;
	top: 0px;
}
.obzory {
	height: 390px;
	width: 640px;
	padding-top: 20px;
	padding-left: 55px;
	position: relative;
}
.zagolovok {
	height: 120px;
	width: 310px;
	position: absolute;
	top: 300px;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;
	line-height: 1.2em;
	vertical-align: middle;
	font-weight: normal;
}
.zagolovok2 {
	height: 120px;
	width: 310px;
	margin-left: 320px;
	position: absolute;
	top: 300px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;
	line-height: 1.2em;
	vertical-align: middle;
	font-weight: normal;
}

/* articles pages */

.mainarticle {height: 270px; width: 960px; position: relative; top: 0px}
.mainarticleImg {height: 250px;	width: 250px; position: absolute; vertical-align:top}
.mainarticleText {width: 690px;	left: 260px; position: absolute; top: 15px; }

.articleTitle {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.7em;	font-style: italic;	font-weight: normal}
.articleTitle a:link,
.articleTitle a:active,
.articleTitle a:visited {text-decoration:none;font-weight: normal; color:#000000}
.articleImg {height: 105px; width: 100px; position: relative}
.articleText {width: 600px;	left: 100px; position: absolute; top: 0px;}

.articleContainer {
	float: left;
	width: 700px;
	padding-bottom: 30px;
	position: relative;
	height: 180px;
}

.articleInside {
	width:700px;
	position:absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.5em;
	vertical-align: top;
}

.sidelist {margin:0; padding:0; list-style:none; border-top:1px solid #eee; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; line-height:1em;}
.sidelist li{border-bottom:1px solid #eee}
.sidelist li a:link,
.sidelist li a:active,
.sidelist li a:visited{padding:4px 15px 4px 15px;display:inline-block;font:.92em Verdana, Arial, Helvetica, sans-serif;color:#717476;text-decoration:none}
.sidelist li a:hover{text-decoration:underline;color:#3a559b}

.sidelist2 {margin:0; padding:0; list-style:none; border-top:1px solid #eee; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.5em; font-size:0.8em}
.sidelist2 li{border-bottom:1px solid #eee}
.sidelist2 li a:link,
.sidelist2 li a:active,
.sidelist2 li a:visited{padding:4px 15px 4px 15px;display:inline-block;text-decoration:underline;color:#717476;}
.sidelist2 li a:hover{text-decoration:none;color:#3a559b}

/*   footer   */



.pagenav {width: 700px;	position: relative;	height: 55px; text-align:center; float:left; background-image:url(../img/pagenavBg.gif)}

#nav-pages {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bold;
	color:#CCCCCC;
	padding: 10px 0 0 0;
	margin: 0;
	list-style: none;
	clear: both;
	}

	#nav-pages li {
		float: left;
		
	}

		#nav-pages a, #nav-pages em {
		margin:0 0.2em 0 0.1em;
		padding: .3em .4em;
		display: block;
	}
		#nav-pages a:hover{
			background:#0099ff;
			color: #fff;
			text-decoration:none;
			}

		#nav-pages em {
			background:#717476;
			font-style: normal; 
			color: #fff;
		}
.footer {background-color: f3f3f3; height: 180px; width: 100%;	position:absolute; background-image: url(../img/footerBg.gif); bottom:0}
.footerMenu {height: 180px;	width: 960px; position: relative; left:50%;	margin:0 0 0 -470px}
.footerMenu1 {height: 180px; width: 150px; position: absolute}
.footerMenu2 {height: 180px; width: 160px; margin-left: 150px; position:absolute}
.footerMenu3 {height: 180px; width: 120px; margin-left: 310px; position:absolute}
.footerMenu4 {height: 180px; width: 120px; margin-left: 430px; position:absolute}

.footerlist {margin-top: 20px; padding:0; list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; line-height:1.6em;}
.footerlist li a:link,
.footerlist li a:active,
.footerlist li a:visited{padding:0;display:inline-block;color:#0099ff;text-decoration:underline; font-weight:normal}
.footerlist li a:hover{text-decoration:underline;color:#3a559b}
.footerlist em {text-decoration:none;color:#666; font-style:normal}
	
/*   kwiks   */

.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 7px;
	margin-left: 44px;
	position: absolute;
	height: 490px;

	}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 179px;
	height: 430px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 0px; /*Set to same as spacing option. */	
	margin-top: 0px;
	margin-left: 0px;
	float: left;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}

#kwick_1 { 
	background-color: #ff0088;
	background-image:url(../img/bg1.gif);
}
#kwick_2 {
	background-color: #ffba00;
	background-image: url(../img/bg2.gif);
}
#kwick_3 {
	background-color: #333333;
	background-image: url(../img/bg3.gif);
}
#kwick_4 { 
	background-color: #0094fa;
	background-image: url(../img/bg4.gif);
}
#kwick_5 {background-color: #9526ca; background-image: url(../img/bg5.gif);}
.kwicks.horizontal #kwick_4 {margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */}
.kwicks.vertical #kwick_4 {margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */}


/* other */

.header {
	background-color: #f3f3f3;
	background-image: url(../img/logoBg.gif);
	background-repeat: repeat-x;
	height: 150px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	vertical-align:top;
}
.centerdiv {width: 960px; position: relative; left:50%; margin:0 0 0 -470px}
.blockTitle {width: 960px; position:relative; text-align:center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 4.5em; font-style: italic; font-weight: normal; color:#333333; padding-bottom:30px; padding-top:30px}
.fotoavtora {width:300px; height:500px; position:absolute}
.goodies {width:220px; height:350px; position:absolute}
.newsbox {width:210px; height:165px; position:absolute; background-image:url(../img/newsbg.gif)}
.newsboxTitle {width:175px; height:95px; position:relative; margin-left:20px; margin-top:20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; font-style: italic; font-weight: normal; line-height:1.1em}
.newsboxDate {width:175px; height:18px; position:relative; margin-left:10px; margin-top:27px; font-family: Verdana, Helvetica, sans-serif; font-size: 0.7em;	color: #999}

h2 {
background:#00acff none repeat scroll 0 0;
color:#FFFFFF;
float:left;
font-family:Trebuchet MS;
font-size:16pt;
line-height:22px;
margin:0 -10px 10px;
padding:3px 10px 5px;
}
p.clear {
clear:both;
}
blockquote.style1 {
border: 0px;
border-left:solid #0099ff 5px;
margin: 0px 20px 0px 0px;
padding:15px;
color:#333;
font-style:italic;
font-size:14px;
background:#eaeaea;
width: 200px;
float:left;
}
blockquote.style2 {
border: 0px;
border-left:solid #0099ff 5px;
margin: 20px 0px 0px 0px;
padding:15px;
color:#333;
font-style:italic;
font-size:14px;
background:#eaeaea;
width: 200px;
float:right;
}
blockquote.style3 {
border: 0px;
border-left:solid #0099ff 5px;
margin: 0px 20px 0px 0px;
padding:15px;
color:#333;
font-style:italic;
font-size:14px;
background:#eaeaea;
width: 700;
float:left;
}