@import 'reset.css';

HTML {
	font-size:100.01%;
	background:#0640B5 url(../i/bg.gif) repeat-y 50% 0;
	}
BODY {
	background:url(../i/flag.jpg) no-repeat 50% 0;
	font:.8em Arial,sans-serif;
	color:#FFF;
	}
A {color:#FFF;text-decoration:undeline;}
A:hover {text-decoration:none;}

/* Content
-------------------------------------- */
#content {
	width:887px;
	background:url(../i/content-bg.png) repeat-y;
	margin:auto;
	padding:10px 0 10px 113px;	
	}
/* Header
-------------------------------------- */
#header {
	width:780px;
	height:310px;
	margin-bottom:10px;
	background:#0070F0 url(../i/header.jpg) no-repeat;
	position:relative;
	}
	#header .counter {
		position:absolute;
		bottom:32px;
		right:90px;
		color:#FFF;
		}
		#header .counter DT {
			width:130px;
			height:16px;
			text-indent:-9999px;
			margin-bottom:3px;
			background:url(../i/headings/weare.gif) 100% 0 no-repeat;
			}
		#header .counter DD {
			font:bold 1.85em Arial,sans-serif;
			text-align:right;
			}
	#header .to-blog {
		position:absolute;
		right:34px;
		top:4px;
		font-size:1.0em;
		color:#005AC7;
		}
		#header .to-blog A{
		color:#FFF;
		font-weight:bold;
		}
		
/* Vote Form
-------------------------------------- */
#vote-form {
	position:absolute;
	top:49px;
	left:378px;
	width:378px;
	}
#vote-form .data {
	overflow:hidden;
	padding:19px 0 85px 38px;
	}
	#vote-form .data INPUT {
		display:block;
		float:left;
		border:none;
		margin-right:1px;
		color:#014EE8;
		padding:4px 10px 4px;
		font-weight:bold;
		}
	#vote-form .data .name {
		width:110px;
		background:url(../i/btn/input-name.png) no-repeat;
		}
	#vote-form .data .city {
		width:155px;			
		background:url(../i/btn/input-city.png) no-repeat;
		}
	#vote-form .btn {padding-left:38px;}
	#vote-form .top {
		background:url(../i/confirm-top.png) no-repeat;
		height:9px;
		}
	#vote-form .bg {
		overflow:hidden;
		background:url(../i/confirm-bg.png) repeat-y;
		padding:13px 70px 16px 53px;
		}
	#vote-form .bot {
		height:8px;
		background:url(../i/confirm-bot.png) no-repeat;
		}
	#vote-form H2 {
		font-size:1.7em;
		color:#005DCC;
		text-align:center;
		margin-bottom:14px;
		}
		#vote-form H2 STRONG {
			display:block;
			color:#E60D18;
			font-weight:bold;
			}
	#vote-form .captcha {
		float:left;
		width:125px;
		margin-right:2px;
		}
		#vote-form .captcha IMG {
			display:block;
			margin-bottom:10px;
			}
		#vote-form .captcha P {
			color:#BCBCBC;
			font-size:.75em;
			line-height:.9em;
			text-align:center;
			}
	#vote-form .input {
		float:left;
		width:125px;
		}
		#vote-form .input .txt {
			width:115px;
			border:none;
			padding:1px 5px 0;
			background:url(../i/btn/input-captcha.gif) no-repeat;
			font-size:1.5em;
			color:#969696;
			margin-bottom:10px;
			}

/* Player
-------------------------------------- */
#content .player {margin-bottom:10px;}

/* Texts
-------------------------------------- */
#content .texts {
	width:780px;
	margin-bottom:10px;
	background:url(../i/texts-bg.gif);
	color:#FFF;
	}
	#content .texts .bot {
		background:url(../i/texts-cor.gif) 0 100% no-repeat;
		}
	#content .texts .top {
		padding:18px 22px 0 22px;
		background:url(../i/texts-cor.gif) no-repeat;
		overflow:hidden}
	#content .texts .sep {
		background:url(../i/texts-sep.gif) repeat-y;
		overflow:hidden; 
		}
#content .texts .archiv-button{clear:left; float:right;margin:-17px 0px 18px 0; overflow:hidden}
	#content .texts H2 {
		margin-bottom:18px;
		text-indent:-9999px;
		}
	/* News */
	#content .texts .news {
		float:left;
		width:350px;
		margin-right:70px;
		}
		#content .texts .news H2 {
			width:207px;
			height:26px;
			background:url(../i/headings/news-2.gif) no-repeat;
			}
		#content .texts .news SMALL {
			font-style:italic;
			display:block;
			margin-bottom:3px;
			font-size:.75em;
			font-weight:normal;
			}
		#content .texts .news DT {
			margin-bottom:4px;
			font:bold 1.1em Arial,sans-serif;
			}
		#content .texts .news DD {margin-bottom:17px;}



#content .texts2 {
	width:780px;
	margin-bottom:10px;
	background:#0150E9 url(../i/texts-bg.gif) 0 100% no-repeat;
	color:#FFF;
	}
	#content .texts2 .top {
		padding:18px 22px;
		background:url(../i/texts-bg.gif) no-repeat;
		}
	#content .texts2 .sep {
		
		overflow:hidden;
		}
	#content .texts2 H2 {
		margin-bottom:18px;
		text-indent:-9999px;
		}

	/* Anecdots */
	#content .texts2 .anecdots {
		float:left;
		width:700px;
		margin-right:0px;
		}
		#content .texts2 .anecdots H2 {
			width:400px;
			height:30px;
			background:url(../i/headings/anecdots.gif) no-repeat;
			}
		#content .texts2 .anecdots SMALL {
			font-style:italic;
			display:block;
			margin-bottom:3px;
			font-size:.75em;
			font-weight:normal;
			}
		#content .texts2 .anecdots DT {
			margin-bottom:4px;
			font:bold 1.1em Arial,sans-serif;
			}
		#content .texts2 .anecdots DD {margin-bottom:17px;}

		#content .texts2 .anecdots .add {
			float:left;
			display:block;
			text-indent:-2000px;
			background:url(../i/btn/add-anecdot-btn-2.gif) no-repeat;
			width:228px;
			height:27px;
			margin-top:3px;
			}


	/* Chess */
	#content .texts .chess {
		float:left;
		width:300px;
		}
		#content .texts .chess H2 {
			width:267px;
			height:26px;
			background:url(../i/headings/chess-heading.gif) no-repeat;
			}

	/* Anecdots */
	#content .texts .anecdot {
		float:left;
		width:300px;
		margin-top:15px;
		}
		#content .texts .anecdot H2 {
			width:267px;
			height:29px;
			background:url(../i/headings/anecdot-heading.gif) no-repeat;
			}
			
		#content .texts .anecdot .add {
			float:left;
			display:block;
			text-indent:-2000px;
			background:url(../i/btn/add-anecdot-btn-2.gif) no-repeat;
			width:228px;
			height:27px;
			margin-top:15px;
			}


	/* Vote */
	#content .texts .vote {
		float:left;
		width:300px;
		}
		#content .texts .vote H2 {
			width:157px;
			height:26px;
			background:url(../i/headings/rating.gif) no-repeat;
			}
		#content .texts .vote DL {margin-bottom:40px;}
		#content .texts #city-info DL {margin-bottom:0;}
		#content .texts .vote DT {
			font:bold 1.4em Arial,sans-serif;
			margin-bottom:4px;
			}
		#content .texts .vote .small DT {font-size:1.2em;}
		#content .texts .vote DD {
			margin-bottom:15px;
			text-align:right;			
			font:bold 1.4em Arial,sans-serif;
			background-image:url(../i/rating.gif);
			background-repeat:no-repeat;
			}
		#content .texts .vote .cities {margin-bottom:29px;}
			#content .texts .vote .cities SELECT {
				float:left;
				width:180px;
				border:1px solid #0150E9;
				margin:4px 2px 0 0;
				color:#014EE8;
				font-weight:bold;
				}



/* Photos
-------------------------------------- */
#content .photos {
	width:780px;
	margin-bottom:10px;
	background:#D80124 url(../i/photos-bg.gif);
	color:#FFF;
	}
	#content .photos .top {
		background:url(../i/photos-cor.gif) no-repeat;
		}
	#content .photos .bot {
		background:url(../i/photos-cor.gif) 0 100% no-repeat;
		}
	#content .photos H2 {
		font-size:1.6em;
		padding:16px 20px;
		overflow:hidden;
		}
		#content .photos H2 STRONG {
			float:left;
			display:block;
			text-indent:-9999px;
			width:170px;
			height:26px;
			background:url(../i/headings/photos-2.gif) no-repeat;
			}
		#content .photos H2 .add {
			float:right;
			display:block;
			text-indent:-2000px;
			background:url(../i/btn/add-photo-btn-2.gif) no-repeat;
			width:228px;
			height:27px;
			margin-top:3px;
			}
		#content .photos UL {overflow:hidden;}
			#content .photos IMG {display:block;}
			#content .photos UL LI {
				float:left;
				width:130px;
				position:relative;
				}
			#content .photos UL LI .desc {
				position:absolute;
				left:1px;
				bottom:1px;
				width:122px;
				padding:4px;
				background:#0E3A7C;
				-moz-opacity:.8;
				opacity:.8;
				}
			#content .photos UL LI .desc H3,
			#content .photos UL LI .desc P {
				font-size:.75em;
				line-height:1.1em;
				}

/* Footer
-------------------------------------- */
#footer {width:780px;}
	#footer A.russia {
		display:block;
		width:780px;
		height:239px;
		background:url(../i/footer.jpg) no-repeat;
		text-indent:-9999px;
		margin-bottom:6px;
		}
	#footer P {
		text-align:right;
		font:bold .75em Arial,sans-serif;
		text-transform:uppercase;
		color:#024CDB;
		}
	#footer P A{
		color:#024CDB;
		text-transform:none;
		}
	
/* Popup
-------------------------------------- */
#popup {background:none;}
	#popup BODY {
		background:#024CDB;
		width:400px;
		padding:20px;
		}
	#popup FIELDSET {
		overflow:hidden;
		margin-bottom:10px;
		}
	#popup INPUT {float:left;}
	#popup LABEL {
		float:left;
		width:8em;
		}