/*
ARVOHIETAKANGAS STYLESHEET
Based on http://www.freelayouts.com/templates/Clicker
Riku Mäkinen (c) 2009
*/

/* COMMON */
body {font:62.5%/2em Verdana,Arial,Serif;background:#d9c9aa url("../images/header_bg.png") repeat-x 0 0;text-align:center;padding:0 0 1em;margin:0;color:#000;}

a {color:#fe5800;text-decoration:none;}
a:hover, a:active, a:focus {color:#be2800;text-decoration:underline;}

#main {width:80em;margin:0 auto;text-align:left;padding:0;}

/* HEADER */
#header {overflow:hidden;height:121px;}
	#header h1 {margin:33px 0 0 20px;font-size:2em;overflow:hidden;float:left;height:56px;}
		#header h1 a {display:block;outline:hidden;}
		#header h1 img {margin:0;height:42px;width:294px;border:none;}
	#header h2 {float:left;margin:46px 0 0 30px;color:#fe5800;font-size:15px;text-transform:uppercase;font-weight:bold;font-style:italic;font-family:"Trebuchet MS", Arial, Serif;}

/* MENU */
#menu {height:32px;padding-left:5px;clear:left;}
	#menu ul {height:32px;list-style-type:none;margin:0;padding:0;}
		#menu ul li {list-style-type:none;float:left;margin:2px 0 0 10px;}
			#menu ul li a {height:24px;line-height:25px;float:left;padding:0 18px;font-weight:bold;font-size:13px;font-family:Arial,Serif;color:#f1f1ff;text-decoration:none;text-transform:uppercase;background:#222;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;margin-top:2px;}
			#menu ul li a:hover, #menu ul li a:focus {text-decoration:underline;color:#fff;margin-top:1px;}
			#menu ul li.selected a, #menu ul li.selected a:hover {height:30px;background:#fff;line-height:27px;color:#313131;text-decoration:none;border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0px;margin-top:0;}

/* CONTENT */
#content {background:#fff;font-size:1.2em;margin:0;border:1px solid #a2a2a2;border-width:0 1px;zoom:1;}
	#contentWrap {padding:1px 20px 20px;overflow:hidden;min-height:300px;}
	#content h2 {font-size:1.6em;border-left:8px solid #fe5800;background:#f9e9ca;color:#424857;margin-top:1.5em;font-weight:normal;padding:0.25em 0.5em;text-transform:uppercase;}
	#content h3 {padding-top:1em;}
	#content p {padding:0 1.4em;margin:1em 0;text-align:justify;}
	#content p.medium {width:49.167em;}
	#content p.narrow {width:38.333em;}
	#content ul {padding-bottom:0.5em;width:auto;}
	#content .normal_image {text-align:center;}
	#content .normal_right {float:right;width:auto;}
		#content .normal_image img, #content .normal_right img {border: 1px solid #ccc;padding:4px;background:#fafafa;}
	#content .image {width:250px;height:270px;float:left;background:url("../images/image_bg.png") no-repeat 0 0;text-align:center;padding-top:50px;}
	#content .right-image {clear:right;width:250px;height:270px;float:right;background:url("../images/image_bg.png") no-repeat 0 0;text-align:center;padding-top:50px;}
	#content .image2 {background-image:url("../images/image2_bg.png");}
	#content .nofloat {float:none;margin-left:12em;}
		#content .image p, #content .right-image p {font-family:"Trebuchet MS",Serif;font-size:0.9em;width:auto;margin:0;padding:0;color:#557;text-align:center;}
	#content form {padding:0;margin:1em 1.4em;border-left:2px solid #fe5800;background-color:#fafafa;}
		#content form .form_row {border-bottom:1px solid #eee;padding:0.5em 1.4em;overflow:hidden;}
			#content form fieldset {border:none;}
			#content form label {clear:left;float:left;width:14em;}
			#content form textarea {width:30em;}
			#content form input:focus, #content form textarea:focus {background-color:#fffee0;}
			#content form input.submit {float:right;overflow:hidden;margin:0.5em 11em 0 0;}
			#content form input.reset {float:left;overflow:hidden;margin:0.5em 0 0 14em;}
			#content form input.submit:focus, #content form input.reset:focus {background-color:#d4d0c8;}
	#content .error {border:1px solid red;background-color:#fff0f0;padding:0.5em 1em;}
	#content .ok {border:1px solid #7eff00;background-color:#f2fff0;padding:0.5em 1em;}
	#content ol {font-family:Georgia,Serif;color:#ffac6f;font-size:3em;font-style:italic;}
		#content li.entry {margin-top:0.5em;border:1px solid #f0f0f0;width:16.389em;}
			#content li.entry p {font-size:0.333em;font-family:Verdana,Arial,Serif;color:#000;font-style:normal;padding:0.2em 0.8em;margin:0;background-color:#eee;border-bottom:1px solid #fe5800;width:auto;}
			#content li.entry p.msg {padding:0.5em;border:none;background-color:#fcfcfc;}
	#content ul.gallery {list-style-type:none;margin:1em 2em;text-align:center;}
		#content ul.gallery li {list-style-type:none;display:inline;}
			#content ul.gallery li img {border: 1px solid #ccc;padding:4px;background:#fafafa;}

/* FOOTER */
#footer {clear:both;text-align:right;font-size:1.1em;border-top:1px solid #a2a2a2;border-bottom:12px solid #dad6cb;background:#444 url("../images/footer_bg.png") repeat-x 0 2px;height:56px;color:#ccc;padding:0;}
	#footer .left_footer {float:left;margin:0;padding:18px 18px 0;font-weight:bold;}
	#footer .right_footer {float:right;margin:0;padding:18px 18px 0;font-weight:bold;}
	#footer a {color:#ccd;}
	#footer a:hover {color:#aab;}