/* basic formatting */
body { font-family: times new roman, serif; font-size: 62.5%; }
p { font-size: 1.3em; margin-bottom: 1.2em; }
img { border: 0; }

/* layouts */
/* index page */
body#index { background: url(index_bg.gif) repeat-x top left; }
	#index_container { margin: 0 auto; width: 87em; }
		#header { height: 40em; margin-bottom: 2.5em; position: relative; }
			#header img { position: absolute; top: 8.2em; left: 31.5em; }
			#header .info { width: 310px; height: 14em; position: absolute; top: 16em; }
				#header h1, #header .fake_h1 { height: 1.5em; width: inherit; font-size: 1.4em; font-weight: bold; font-style: italic; margin: 0; padding: 0; border-bottom: 1px solid #ccc; }
				#header p { width: 21em; margin-top: .8em; line-height: 1.5em; }
			#header .finnish { left:0; }
			#header .english { right:0; text-align: right; }
				#header .english p { float: right; }
		.theme { margin-bottom: 60px; position: relative; }
			.joulu { height: 160px; }
			.testosteroni { height: 230px; }
			.romantiikka { height: 280px; }
			.juhlat { height: 165px; }
			.transhumanismi { height: 280px; }
			.still-life { height: 280px; }
			
			/* image replacements for themes */
			.theme h2, .theme span { font-size: .2em; margin: 0; }
			.theme #hd_joulu { display: block; width: 324px; height: 91px; position: absolute; top: 15px; right: 50px; text-indent: -1000em; background: url(hd_joulu.gif) no-repeat top left; }
			.theme #hd_mieshormoni { display: block; width: 443px; height: 91px; position: absolute; top: 15px; right: -70px; text-indent: -1000em; background: url(hd_mieshormoni.gif) no-repeat top left; }
			.theme #hd_romantiikka { display: block; width: 443px; height: 91px; position: absolute; top: 15px; right: -70px; text-indent: -1000em; background: url(hd_romantiikka.gif) no-repeat top left; }
			.theme #hd_juhlat { display: block; width: 443px; height: 91px; position: absolute; top: 15px; right: -70px; text-indent: -1000em; background: url(hd_juhlat.gif) no-repeat top left; }
			.theme #hd_transhumanismi { display: block; width: 443px; height: 91px; position: absolute; top: 15px; right: -70px; text-indent: -1000em; background: url(hd_transhumanismi.gif) no-repeat top left; }
			.theme #hd_still-life { display: block; width: 443px; height: 91px; position: absolute; top: 15px; right: -70px; text-indent: -1000em; background: url(hd_still-life.gif) no-repeat top left; }
			.theme #hd_0309 { display: block; width: 195px; height: 68px; position: absolute; top: 15px; left: 70px; text-indent: -1000em; background: url(hd_0109.gif) no-repeat top left; }			
			.theme #hd_0209 { display: block; width: 195px; height: 68px; position: absolute; top: 15px; left: 70px; text-indent: -1000em; background: url(hd_0209.gif) no-repeat top left; }
			.theme #hd_0309b { display: block; width: 195px; height: 68px; position: absolute; top: 15px; left: 70px; text-indent: -1000em; background: url(hd_0309.gif) no-repeat top left; }
			.theme #hd_0110 { display: block; width: 195px; height: 68px; position: absolute; top: 15px; left: 70px; text-indent: -1000em; background: url(hd_0110.gif) no-repeat top left; }
			.theme #hd_0210 { display: block; width: 195px; height: 68px; position: absolute; top: 15px; left: 70px; text-indent: -1000em; background: url(hd_0210.gif) no-repeat top left; }
			.theme #hd_0111 { display: block; width: 195px; height: 68px; position: absolute; top: 15px; left: 70px; text-indent: -1000em; background: url(hd_0111.gif) no-repeat top left; }
			
			.theme .photographers { width: 15em; position: absolute; top: 0; right: 43.015em; padding-top: 1.5em; border-right: 7px solid #d9d9d9; }
			.theme .photographers a { display: block; text-align: right; padding: 0 .7em .4em 0; font-size: 1.5em; color: #000; text-decoration: none; font-weight: bold; font-style: italic; }
			.theme .photographers a:hover { color: #d9d9d9;}

		#feedback { width: 58em; height: 16em; padding: 0 0 5em 14.5em; }
			#feedback h3 { width: 100%; height: 22px; border-bottom: 1px solid #c0c0c0; text-indent: -1000em; background: url(hd_feedback.gif) no-repeat top center; }
			#feedback p, #feedback span { margin:0; font-size: 1.2em; }
			#feedback form { margin:0; padding: 0; width: 29em; float: left; position: relative; }
				#feedback form textarea { margin-bottom: .6em; }
				#fb_name { width: 100px; }
				#feedback input.submit { position: absolute; top: 6em; right: 2.5em; }
			#feedback #comments { width: 24em; height: 9.5em; float: left; overflow-x: visible; overflow-y: scroll; font-size: 1.2em; font-style: italic; }
				#feedback #comments span { font-size: 1em; font-style: normal; font-weight: bold; }
			
	#copyright { text-align: center; }
		
	
/* photo pages */
body#gallery { margin: 0; padding: 0; }
	 body#gallery table { margin-top: 5em; }
		body#gallery .spaced td { padding-left: 4em; }
		body#gallery .spaced td.last { padding-right: 4em; }
	 body#gallery h1, body#gallery .gy_intro { margin: 0 0 0 1em; font-size: 1.3em; font-weight: normal; }
	 #gy_navirow td { height: 50px; padding-top: 10px; }
		 #gy_navilinks { text-align: right; font-size: 13px; }
			 #gy_linkcontainer { margin-right: 80px; color: #000; }
				 #gy_linkcontainer a { color: #000; text-decoration: none; }
				 #gy_linkcontainer a:hover { color: #c0c0c0; }
				 #gy_linkcontainer .home { font-weight: bold; border: 0; }
		 
		/* old navi styles */
		#gy_navi { list-style-type: none; margin-top: 2em; margin-left: -15em; }
	 	#gy_navi li { float: left; padding: 0 .5em 0 .5em; border-right: 1px solid #000; }
			#gy_navi li a { font-size: 1.3em; color: #000; text-decoration: none; }
			#gy_navi li a:hover { color: #c0c0c0; }
		#gy_navi li.home { font-weight: bold; border: 0; }

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}