/*
http://klisunov.ru
*/

/*
	- BODY
	- MAIN PAGES
	- ARTICLES
	- TRAVEL
	- LIMERICKS
	- FECIT
	- FOOTER
	- LINKS
*/

/*
		##############################
					BODY
		##############################
*/

body {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: #fff;
	font-size: 100%;
	position: relative;}

p,div,span,h1,h2,h3,h4,ul,li,dl,dt,dd {
	margin: 0;
	padding: 0;
}

p {
	font-size: 100%;
	line-height: 137%;
	color: #222;
	margin-bottom: 1.5em;}

small,.small {font-size: 84%;line-height: 125%;}

.clear {clear:both;}


/*
		##############################
					MAIN PAGES
		##############################
*/

#wrapper {
	width: 984px;
	margin: 0 auto;}

#main {
	width: 960px;
	margin: 12px;
	position: relative;}

#main-fecit {
	width: 88%;
	margin: 0 auto;
	position: relative;
	max-width: 1200px;
}

#navigation {
	position:relative;
	width:auto;
	color:#707070;
	background: #f1f1f1;
	font-size:95%;
	border-bottom:1px dotted #cdcdcd;
	padding:.6em 0 .4em 1em;
	margin-bottom:3em;}

#nav {
	padding: 7px 12px 5px 12px;
	font: 70% "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial;
	letter-spacing: 1px;
	background: #f1f1f1;
	color: #777;
	margin-bottom: 4em;
	border-bottom: 1px solid #ccc;}

#blog {
	position: absolute;
	top: 12px;
	right: 0;
	font: italic 100% Georgia;
}

#blog:after {content: " \2192 \A0"}

.line {
	width: 100%;
	height: 1px;
	border-top: 1px solid #ccc;}

.strongline {
	height: 4px;
	margin: 2px 0 4em 0;
	border-bottom: 4px solid #222;
}

/* H1-H4 */

h1 {font: 222% Georgia;}

h1.grande {
	font: 360% Serif;
	text-align: center;
	margin-top: 12px;
	text-transform: uppercase;
	letter-spacing: 8px;}

h1.big {
	font: bold 360% "PT Sans";
	line-height: 1em;
	width: 100px;
	margin-top: .5em;
	text-transform: uppercase;
	letter-spacing: 4px;}

h1.fact {margin-bottom: 12px;font-family: "PT Sans",Arial;font-weight: bold;}

h2 {
	font: bold 130% "Helvetica Neue", Helvetica, Arial;
	margin-bottom: 6px;
	text-transform: uppercase;
	letter-spacing: 2.5px;}

.continent h2 {
	font: bold 100% Serif;
	text-transform: none;
	letter-spacing: 0;
	padding-top: 6px;
	margin-bottom: 2em;}

h2.year {font: 175% Georgia;letter-spacing: 2px;margin-bottom: 4px;}

h3 {font-size:100%;}

.info h3 {font: bold 125% "PT Sans";border-bottom: 3px solid #ddd;margin-bottom: .5em;}

h4 {margin:0 0 0 2px;font-style: italic;}


/* Blocks */

.photo {margin: 1em 0 3em 0;}

.column {display: block;}

.coll {width: 420px;float: left;}
.colr {width: 400px;float: right;}

.central {width: 720px;margin: 0 auto;}

.prologue {margin: 0 15%;font-style: italic;font-size: 90%;}

.centrals {margin-left: 120px;width: 720px;}

dl.another-me {}

dt.site-link {
	font: 90% "Adobe Garamond Pro",Times;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 0 0 24px;}

dd.site-description {
	font-size: 90%;
	line-height: 135%;
	font-style: italic;
	margin: 0 0 3em 72px;
	color: #333;}

dl.another-me a {border-bottom: 1px dotted;text-decoration: none;}

/* Blockquote */

blockquote,blockquote.gibbon {
	padding: 4px 8px;
	margin: 36px 0 48px 72px;
	background: #f5f5f5;
	font-size: 83%;
	line-height: 135%;}

blockquote.phrase {
	font: italic 120% Georgia;
	margin: 36px -160px 48px 72px;
	line-height: 150%;
	padding: 5px;	
	background: #ffffee;}

blockquote.quote {
	font: 85% georgia;
	font-style: italic;
	line-height: 140%;
	margin: 12px 0 24px 48px;
	padding: 3px 6px;	
	background: #f3f3f3;}

.source {text-align: right;width: 50%;margin-left: 50%;margin-top: .5em;}
.epigraph {position: relative;width: 50%;left: 50%;margin:1em 0 2em 0;}

.thumb,.msu {
	width: 240px;
	height: auto;
	float: left;
	margin: 24px 40px;}

.thumb p,.msu p {margin-top: 9px;line-height:120%;}
.thumb img {border: 0;}
.msu img {border:1px solid #000;}

.screen {width: 315px;float: left;margin: 36px 0 72px 0;}

.site {margin: 36px 0 90px 345px;}
.site a {font-weight: bold;font-size: 115%;}

dl.news {margin: 0;}
dl.news dt {font-style: italic;font-size: 80%;margin-bottom: 4px;color: #888;}
dl.news dd {margin-bottom: 3em;margin-left: 3em;}

dl.taxonomy {margin-left:3em;}
dl.taxonomy dd {margin-bottom:1em;}

.creation {font-weight: bold;}

/*
		##############################
					ARTICLES
		##############################
*/

.block {
	position: relative;
	width: 52%;
	left: 16%;
	height: auto;
	max-width: 760px;}

.part {
	position: relative;
	width: 56%;
	left: 12%;
	height: auto;
	max-width: 780px;}

.block:after,.part:after,.line:after {
	content: '';
	display: block;
	clear: both;}
	
.note {
	position: relative;
	width: 50%;
	left: 60%;
	margin-left: -50%;
	float: right;}

.date {font-size:85%;font-style:italic;color:#777;margin-bottom: 3em;}

table.image {
	width:100%;
	margin:0 0 1em 0;
	padding: 0;
	border:0;}

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

/*
		##############################
					TRAVEL
		##############################
*/

#travel {margin-left: 7%;width: 93%;position: absolute;}

ul.options {
	font-size: 86%;
	color: #999;
	margin-top: 4px;
}

ul.options li {
	float: left;
	margin-right: 1em;
	margin-bottom: 4em;
}

#travel-column {
	width: 52%;
	float: left;}

#travel-sidebar {
	width: 30%;
	margin-right:6%;
	float: right;}

.continent {
	width: auto;
	min-width: 12%;
	margin-right: 4%;
	margin-bottom: 2em;
	float: left;
}

.continent dl {font-size: 90%;line-height: 140%;}
.continent dt {margin-bottom: 0px;}
.continent dd {margin-left: 22px;margin-bottom: 2em;}
.continent ul {list-style-type: none;font-size: 90%;color: #777;}
.continent ul li:before {content: "\2014 \A0 "}

#australia {border-top: 6px solid #3fa435;}
#asia {border-top: 6px solid #f6ea3a;}
#amerika {border-top: 6px solid #ff4953;}
#afrika {border-top: 6px solid #434343;}
#europe {border-top: 6px solid #359ce5;}

.travel-year {margin-bottom: 5em;}
.traveldate {font-size: 80%;}
.place {line-height: 113%;font-size: 105%;}

#go {
	position: relative;
	width: 56%;
	left: 12%;
	margin-top: 2em;
	max-width: 780px;}
	
.prev,.next {
	width: auto;
	font-size: 85%;}

.prev {float:left;}
.next {text-align:right;float:right;}

.prev:before  {content: "\2190 \A0 "}
.next:after {content: " \2192 \A0"}

.ctrl {text-align:center;}
.stamp {margin-top:17em;overflow:hidden;text-align:right;}
.stamp img {border:0;}

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

.preview {width: 240px;height: 300px;float: left;margin-right: 70px;}
.preview p {line-height: 120%;margin-top: 9px;}
.preview img {border: 0;}

/*
		##############################
					LIMERICKS
		##############################
*/

.limerick-date,.limerick-text,.limerick-descr {margin: 48px 0;line-height: 150%;float: left;}

.limerick-date {
	width: 140px;
	font-size: 75%;
	font-style: italic;}

.limerick-text {
	width: 320px;
	margin-left: 40px;}

.limerick-descr {
	width: 420px;
	margin-left: 40px;
	font-size: 85%;	
	color: #777;}

/*
		##############################
					FECIT
		##############################
*/

.fecit {
	font: bold 444% "PT Sans Narrow","Helvetica Neue", Helvetica, Arial;
	line-height: 1.1em;
	text-transform: uppercase;
	letter-spacing: 4px;
	border-bottom: 5px solid;
	width: 100%;
	display: block;
	margin-bottom: 60px;}

.works {
	width: 680px;
	margin: 48px 0 96px 0;
	float: right;
}

.works img.book {
	width: 300px;
	padding: 4px;
	border: 1px solid #ddd;
	margin: 9px 6px;
	float: left;
}


.project {width: 64%;float: left;}
.project img {margin-bottom: 3em;}
.project img.web {border: 1px solid #ccc;}


.info {
	position: relative;
	width: 24%;
	float: right;
}

.infoblock {margin-bottom: 2em;}

ul.version {list-style-type: none;font-size: 80%;margin-bottom: 1em;}
ul.version li {display: inline;margin-right: .5em;color: #cccccc;}

.author,.book {
	font-family: "PT Sans";}

.author {
	font-size: 100%;
	font-weight: bold;}

.book {
	font-size: 85%;
	margin-bottom: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;}

.link {
	font-family: "PT Sans","Helvetica Neue",Helvetica, Arial;
	letter-spacing: 0.7pх;}

.ad:before  {content: "\2192 \A0 "}

/*
		##############################
					FOOTER
		##############################
*/

#footer {margin: 96px 0 18px 0;font-size: 77%;line-height: 127%;text-align: left;}
#oldfooter {margin: 3em 2em 1em 2em;font-size: 77%;line-height: 130%;}

.chronica {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 77%;
}

/*
		##############################
					LINKS
		##############################
*/

a:link,a:active,a:visited {text-decoration:underline;color: #034599;}
a:hover {color: #a02426;-webkit-transition: color 0.5s ease;}

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

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

#nav a{text-decoration: underline;color: #777;}

.chronica a {color: #999;}
.chronica a:hover {color: #333;}

ul.version li a,.link a,#nav a:hover {color: #000;}
ul.version li a:hover,.link a:hover {
	background-color: #000;
	color: #fff;
	text-decoration: none;
	-webkit-transition: background 0.5s ease;}