/*-----------------------------------------------------



	thexhtml.net

	Professional Front-end web development

	

	Broweser support (tested):

	ie6+, Opera 9+, FF 2+, Safari 3+, Google Chrome



------------------------------------------------------*/



@import url("reset.css");



html, body {height:100%;}



body {font:62.5% 'trebuchet ms', sans-serif; background:#000;}

	

	#wrap {position:relative; min-width:1000px; min-height:100%; background:url('../images/canvas-inner.png') no-repeat 50% 100%;}

		#wrap .padding {padding:35px 0 50px 0;}



	#navigation {position:absolute; top:6px; left:50px; width:150px;}

		#navigation ul {}

			#navigation ul li {
	color:#f7931e;
	margin-top:-4px;
	font-family: 'trebuchet ms', 'arial', sans-serif;
	font-size: 1.5em;
	font-style: italic;
}

				#navigation ul li a {font-style:italic; color:#666; text-decoration:none;}

				#navigation ul li a:hover {color:#B2B2B2;}

				

				#navigation ul li ul {font-size:0.714em; padding:0.3em 0 0 1em; margin-bottom:1.6em;}

					#navigation ul li ul li {
	font-size:1.2em;
	line-height:1.2em;
	margin-bottom:0.6em;
}

						#navigation ul li ul li a {color:#999;}

					#navigation ul li ul li.all {margin-left:-1em;}

				

			#navigation ul li#home {margin:0 0 8px -37px;}

				#navigation ul li#home a {position:relative; display:block; width:120px; height:45px;}

					#navigation ul li#home a i {position:absolute; width:120px; height:45px; left:0; top:0px;}			

					.ru #navigation ul li#home a i {background:url('../images/logo-ru.png') no-repeat !important;}
					.en #navigation ul li#home a i {background:url('../images/logo-eng.png') no-repeat !important;}
					
	

	ul#view {position:absolute; top:18px; right:0; width:110px; height:28px; }

		ul#view li {float:left; margin-right:3px;}

			ul#view li * {display:block; height:28px; color:#FFF; text-indent:-999px; overflow:hidden; background:url('../images/spr-view.png') no-repeat 0 0;}

			ul#view li a {text-decoration:none;} 

				ul#view li span {width:300px; position:absolute; top:-12px; right:0px; font-size:1.2em; text-align:right;} 

		

		ul#view li#info {position:absolute; top:-14px; right:10px; color:#F7931E; width:500px; text-align:right; font-style:italic;}

			ul#view li#info * {display:inline; text-indent:0; overflow:visible; background:none; font-style:italic;}

			ul#view li#info i {color:#F7931E;}

	

		ul#view li#thumbs-view,

			ul#view li#thumbs-view * {width:46px;}

			ul#view li#thumbs-view a {background-position:0 0;}

			ul#view li#thumbs-view i {background-position:0 -60px;}

			ul#view li#thumbs-view a:hover {background-position:0 -30px;}



		

		ul#view li#gallery-view,

		ul#view li#gallery-view * {width:50px;}

			ul#view li#gallery-view a {background-position:-50px -0;}

			ul#view li#gallery-view i {background-position:-50px -60px;}

			ul#view li#gallery-view a:hover {background-position:-50px -30px;}

		





	.rounded {position:relative;}

		.rounded i.c {position:absolute; width:615px; left:0px; height:14px;}

			

		

	.content {width:375px; margin:0 auto; padding:1em 60px 7.2em 180px; font-family:Georgia,serif; color:#291d15; background:#dbd7b6;}

	

		.content .side {float:left; margin-left:-162px; width:155px;}

		

		.content h1 {font-size:2.0em; font-style:italic; line-height:1.2em;}

		.content h2 {font-size:1.6em; font-style:italic; line-height:1.2em; margin-bottom:0.8em;}

		

		.content p {font-size:1.2em; line-height:1.25em; margin-bottom:1.17em;}

		

		.content p.subline {font-style:italic; margin-bottom:2.8em;}

		

		.content ul {list-style-type:disc; margin-bottom:1em; padding-left:2em;}

			.content ul li {font-size:1.2em; line-height:1.25em; margin-bottom:0.5em;}

		

	.content-thoughts {width:615px; margin:0 auto; font-family:Georgia,serif; color:#291d15; padding:4.4em 0 2em 0;}

		.content-thoughts blockquote {width:462px; padding:14px 80px 1px 73px; margin-bottom:56px; background:#dbd7b6;}

			.content-thoughts blockquote p {font-size:2em; font-style:italic; text-indent:-0.6em; margin-bottom:0.7em; color:#5e1d15;}



/* Home */	



body#home {background:#FFF url('../images/bkg-home.png') repeat-x 0% 0%;}

	body#home #body {height:100%; min-height:700px; background:url('../images/canvas-home-bottom.png') repeat-x 50% 100%;}



	#home #wrap {position:relative; width:1000px; margin:0 auto; height:100%; min-height:700px; background:#FFF url('../images/bkg-home.png') repeat-x;}

		#home #wrap #back {height:100%; min-height:700px; background:url('../images/canvas-home-bottom.png') no-repeat 50% 100%;}

		

		#home #logo {
	position:absolute;
	width:480px;
	height:120px;
	bottom:519px;
	right:53px;
	text-indent:-999px;
	overflow:hidden;
	background-image: url(../images/home-logo-ru.png);
}

			

		/* langs */

		

		#home.ru #logo {background:url('../images/home-logo-ru.png') no-repeat;}

		#home.en #logo {background:url('../images/home-logo-eng.png') no-repeat;}

		

		#home ul#lang {position:absolute; bottom:558px; right:130px;}

			#home ul#lang li {display:inline; color:#999; text-transform:uppercase;}

				#home ul#lang li a {color:#c1272d;}

		

		#home #navigation {position:absolute; top:auto; left:auto; bottom:145px; right:128px; width:495px; height:275px;}

			#home #navigation li {position:absolute;}

				#home #navigation li a {color:#CCC;}

			#home #navigation li.pics {left:32px; top:247px;}

			#home #navigation li.etch {left:262px; top:229px;}

			#home #navigation li.thoughts {left:343px; top:177px;}

			#home #navigation li.bio {left:404px; top:149px;}

			

			

/* Gallery */



body#gallery {}

	body#gallery #wrap .padding {min-height:500px;}

	

	body#gallery #loader {top:60px;left:130px;}

	

	.picture {margin:0 auto;}

		.picture #drum-box {position:absolute; min-height:300px; margin:0 auto; bottom:100px;}

			.picture #drum-box #opacity{position:absolute; top:0px; left:0px; width:100%; background:url('../images/opacity.png');}

		

		.picture p {font-size:1.2em; font-style:italic; color:#999; text-align:left;}

			.picture p strong {font-size:1.17em; font-style:italic; color:#CCC;}

			.picture p span {font-style:italic;}

				

	.previous {position:absolute; width:150px; height:300px; bottom:131px; left:0px; overflow:hidden;}

		.previous a img {}

	

	.next {position:absolute; width:150px; height:300px; bottom:131px; right:0px; overflow:hidden;}

		.next a img {}

		

body#preview {}

	body#preview h2 {clear:both; color:#FFF; font-size:1.8em; font-style:italic; margin-bottom:0.5em;}

	body#preview #wrap .padding {margin:0 100px 0 200px; min-height:500px;}

		body#preview #wrap .previews {overflow:hidden;}

			body#preview #wrap .previews span {float:left; height:220px; margin-right:35px;}

				body#preview #wrap .previews span span {display:block; float:none; height:auto; margin:0; padding-top:0.143em; color:#ccc; font-size:1.4em; line-height:1.17em; font-style:italic;}