/*
http://klisunov.ru
*/

/*
	- ÎÁÙÅÅ
	- ÎÑÍÎÂÍÛÅ ÑÒÐÀÍÈÖÛ
	- ÑÒÀÒÜÈ
	- ÏÓÒÅØÅÑÒÂÈß
	- ËÈÌÅÐÈÊÈ
	- ÐÛÁÊÈ
	- ÍÈÆÍÈÅ ÝËÅÌÅÍÒÛ
	- ÎÔÎÐÌËÅÍÈÅ ÑÑÛËÎÊ
*/

/*
		##############################
				ÎÁÙÅÅ
		##############################
*/

html,body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;	
	background:#fff;}
	
body,p {font:99% 'Times New Roman';line-height:135%;color:#000000;}
p {margin:.7em 0 1em 0;}

h1 {font:215% Georgia;padding:0;margin:0 0 0 0;}
h1.central {text-align:center;margin-bottom:.5em}
h1.title {margin:0 0 0 2.5%;}

h1.fish {
	text-align:center;
	min-width:870px;
	height:285px;
	margin:1em 0 0 0;
	background: url('fish.jpg') bottom no-repeat;
	width:expression(document.body.clientWidth < 870? "870px": "auto" );}
	
h1.caveman {
	height:355px;
	margin:1em 5%;
	background: url('bg.gif') bottom no-repeat;}

h2 {font:145% Georgia;padding:0px;margin:2em 0 0 0;}
h2.year {font:175% Georgia;letter-spacing:.1em;margin:0;}

.small,.nb,.citata{font-size:87%;}

/*
		##############################
				ÎÑÍÎÂÍÛÅ ÑÒÐÀÍÈÖÛ
		##############################
*/

#navigation {
	width:auto;
	margin-bottom:3em;
	padding:.5em 2em .7em 2.5%;
	font-size:98%;
	color:#fff;
	background:#000;}

#navigation a {color:#fff;}
#navigation a:hover {text-decoration:none;color:#fff;}

#language-bar,#language-bar-main {
	position:relative;
	width:auto;
	color:#cdcdcd;
	text-align:right;
	font-size:90%;}

#language-bar {margin:-1.5em 2em .5em 0;}
#language-bar-main {margin:.6em 2em .5em 0;}

#language-bar a:hover,#language-bar-main  a:hover {color:#cdcdcd;}

.column {margin:0 3% 0 5%;display:block;overflow:hidden;float:left;}
.column  p {line-height:130%;}
.column  h2 {margin:1em 0 0 0;border-bottom:1px solid #9a9a9a;}

#moscow ,#limerick {margin:0 5%;}
#university,#gibbon {margin:0 10%;}
#about,#chronica{margin:0 20%;}
#chronica  p{margin-bottom:2em;}
#slideshow {height:200px;}


.clear {clear:both;}

.screen {width:315px;float:left;}
.site {margin:0 0 4em 330px;}

.o {width:auto;height:300px;background: url('o.gif') center no-repeat;}

.body {margin:1em 0 0 2.5%;}
.body  p {margin-right:20%;}
.citata {margin:1em 0 2em 50%;}

.photo {margin:1em 0 3em 0;}
.photo  img{border:1px solid #000;}

.nb,.phrase {
	width:auto;
	margin:2em 5%;
	padding:.5em;	
	background:#ffffdd;}

.phrase {font-size:125%;line-height:150%;}

.menu,.menu-r {font-size:90%;color:#999999;margin:0 0 1em 2.5%;}
.menu-r {text-align:right;}

.msu  {width:240px;height:250px;margin:1em 1% 0 2.5%;float:left;}
.msu p{margin-top:.4em;}
.msu  img{border:1px solid #000;}

/*
		##############################
				ÑÒÀÒÜÈ
		##############################
*/

.block{
	margin-left:14%;
	width:50%;
	display:inline;
	overflow:hidden;
	float:left;}
	
.block h2 {font-style:italic;margin-bottom:-.3em}

.note {
	margin-right:1em;
	width:27%;
	display:inline;
	overflow:hidden;
	float:right;}

table.image {
	width:100%;
	margin:.5em 0 1em 0;
	border-spacing:0 1em;
	border:0;}

table.image td  {padding:0;vertical-align:top;}
table.image td.side {width:14%;}
table.image td.pic {vertical-align:bottom;}
table.image td  p {font-style:italic;margin-right:2em;}

#wrapper  {
	text-align:center;
	background:#000;
	margin-top:-3em;}

.grund {
	position:relative;
	margin:0 auto;
	min-width:990px;
	max-width:1200px;
	width:expression(document.body.clientWidth < 990? "990px": "auto" );
	width:expression(document.body.clientWidth > 1200? "1200px": "auto" );}
	
.grund img.background {width:100%;border:0;vertical-align:top;}
.grund  p {font:140% Georgia;color:#cdcdcd;}

.adtop {
	position:absolute;
	top:2%;
	right:2%;
	width:25%;}

.adbottom {
	position:absolute;
	bottom:3%;
	left:10%;}


/*
		##############################
				ÏÓÒÅØÅÑÒÂÈß
		##############################
*/

#travel {width:100%;position:absolute;}
	
#travel-column {
	width:50%;
	margin-left:10%;
	margin-top:2em;
	display:inline;
	overflow: hidden;
	float:left;}

#travel-sidebar {
	width:30%;
	margin-right:5%;
	display:inline;
	overflow: hidden;
	float:right;}

#travel-preview {width:98%;margin-top:3em;}

.travel-year {margin-bottom:5em;}
.date {font-size:87%;border-bottom:1px solid #999999;margin:0 2% 2em 2.5%;color:#303030;}
.data {font-size:87%;border-bottom:1px solid #cdcdcd;margin-bottom:1.5em;color:#303030;}
.traveldate {font-size:80%;color:#303030;}
.place {line-height:100%;font-size:105%;}

.navleft,.navright {
	width:30%;
	font-size:90%;
	color:#999999;
	margin-top:2em;}

.navleft {float:left;margin-left:2.5%;}
.navright {text-align:right;float:right;margin-right:2.5%;}

.travelnav {
	background:#ffffdd;
	padding:.4em;
	font-size:90%;
	line-height:150%;
	margin-top:15em;}

.stamp {margin-top:20em;overflow:hidden;}
.stamp img {border:0;}

.ticket {
	position:absolute;
	bottom:0px;
	right:0px;
	width:450px;
	height:254px;
	background: url('travel/ticket.jpg') right no-repeat;}

.travelfoto  {width:240px;height:360px;float:left;margin-left:8%;}
.travelfoto p {line-height:120%;margin-top:.3em;}
.travelfoto img {border:0;}

/*
		##############################
				ËÈÌÅÐÈÊÈ
		##############################
*/

.limerick-date {
	width:20%;
	font:84% Cambria,'Times New Roman';
	font-style:italic;
	margin-top:3em;
	display:inline;
	overflow:hidden;
	float:left;}

.limerick-text {
	width:35%;
	font:90% Cambria,'Times New Roman';
	line-height:150%;
	margin-top:3em;
	display:inline;
	overflow:hidden;
	float:left;}

.limerick-descr {
	width:35%;
	font:83% 'Times New Roman';
	line-height:150%;
	color:#888888;
	margin-top:3em;
	display:inline;
	overflow:hidden;
	float:right;}

/*
		##############################
				ÐÛÁÊÈ
		##############################
*/

#www  {margin-left:67%;}
.left-fin,.right-fin {width:60%;margin:0 3%;}
.right-fin {margin-left:37%;}
.info {width:75%;margin:0 0 1em 2.5%;background:#ffffdd;}
.link {font:bold 120% Arial;}

/*
		##############################
				ÍÈÆÍÈÅ ÝËÅÌÅÍÒÛ
		##############################
*/

#footer {margin:10em 0 2em 2.5%;font-size:85%;}

/*
		##############################
				ÎÔÎÐÌËÅÍÈÅ ÑÑÛËÎÊ
		##############################
*/

a:link,a:active  {text-decoration:underline;color:#1050af;}
a:hover {color:#CC0000;}

a:link img.preview,a:visited img.preview,a:active img.preview,a:hover img.preview {filter:none;}