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

	Reset

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

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table 			{ border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th 	{ vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }


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

	Typography

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

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
	font-size: 75%;
	color: #000;
	line-height: 1.5;
	font-family: Georgia, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; font-family: Arial, sans-serif; }

h1 { font-size: 2.5em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; color: #424346; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}

h2 span.smaller {
	display: block;
	font-size: 15px;
}

#heading_1 {
	display: block;
	width: 261px;
	height: 60px;
	text-indent: -9000px;
	background: url(../img/headings/1.gif) top left no-repeat;
	margin-top: -5px;
}
#heading_jatkoa {
	display: block;
	width: 261px;
	height: 52px;
	text-indent: -9000px;
	background: url(../img/headings/eloasuomessa.png) top left no-repeat;
	margin-top: -5px;
}
#heading_voittajat {
	display: block;
	width: 261px;
	height: 52px;
	text-indent: -9000px;
	background: url(../img/headings/kisaratkennut.png) top left no-repeat;
	margin-top: -5px;
}
#heading_3 {
	display: block;
	width: 100%;
	height: 34px;
	text-indent: -9000px;
	background: url(../img/headings/3.gif) top left no-repeat;
	margin-top: -5px;
}
#heading_suosituimmat {
	display: block;
	width: 203px;
	height: 25px;
	text-indent: -9000px;
	background: url(../img/headings/suosituimmat.gif) top left no-repeat;
	background: url(../img/headings/uusimmat.gif) top left no-repeat;
	margin-top: -5px;
}
#heading_voittajat2 {
	display: block;
	width: 279px;
	height: 25px;
	text-indent: -9000px;
	background: url(../img/headings/voittajat.png) top left no-repeat;
	margin-top: -5px;
}
#osallistu_h2 {
	display: block;
	width: 100%;
	height: 31px;
	text-indent: -9000px;
	background: url(../img/headings/osallistu_h2.gif) top left no-repeat;
	margin-top: -20px;
	margin-left: 20px;
}

#legend_1, #legend_2 {
	display: block;
	height: 25px;
	background: url(../img/headings/legend_1.gif) top left no-repeat;
	margin-top: -15px;
	text-indent: -9000px;
	border-bottom: solid 2px #d6cab5;
	padding-bottom: 10px;
}
#legend_2 { background: url(../img/headings/legend_2.gif) top left no-repeat; }
#heading_thanks {
	display: block;
	height: 25px;
	background: url(../img/headings/thanks.gif) top left no-repeat;
	margin-top: -15px;
	text-indent: -9000px;
	border-bottom: solid 2px #d6cab5;
	padding-bottom: 10px;
}

#heading_nautitaan {
	text-indent: -9000px;
	background: url(../img/headings/nautitaan.png) top left no-repeat;
	display: block;
	width: 134px;
	height: 49px;
	margin-top: 10px;
}
#heading_nyt_maistuu {
	text-indent: -9000px;
	background: url(../img/headings/nyt_maistuu.png) top left no-repeat;
	display: block;
	width: 140px;
	height: 24px;
	margin-top: 10px;
}
#heading_galleria {
	display: block;
	width: 101px;
	height: 36px;
	background: url(../img/headings/galleria.gif) top left no-repeat;
	margin-top: 20px;
	margin-bottom: 0;
	padding-bottom: 0;
	text-indent: -9000px;
	border: none;
}
#heading_arkisto {
	display: block;
	width: 101px;
	height: 36px;
	background: url(../img/headings/arkisto.png) top left no-repeat;
	margin-top: 20px;
	margin-bottom: 0;
	padding-bottom: 0;
	text-indent: -9000px;
	border: none;
}
#heading_palkinnot {
	display: block;
	width: 289px;
	height: 92px;
	background: url(../img/headings/palkinnot.gif) top left no-repeat;
	margin-top: -15px;
	text-indent: -9000px;
	border-bottom: solid 2px #d6cab5;
	padding-bottom: 10px;
}
#heading_raati {
	display: block;
	width: 100%;
	height: 35px;
	background: url(../img/headings/raati.gif) top left no-repeat;
	margin-top: -15px;
	text-indent: -9000px;
	border-bottom: solid 2px #d6cab5;
	padding-bottom: 10px;
}
#heading_palkinnot_small {
	display: block;
	width: 100%;
	height: 24px;
	background: url(../img/headings/palkinnot_small.gif) top left no-repeat;
	margin-top: 30px;
	text-indent: -9000px;
	border-bottom: solid 2px #d6cab5;
	padding-bottom: 10px;
}
#heading_rules {
	display: block;
	width: 100%;
	height: 22px;
	background: url(../img/headings/saannot_otsikko.gif) top left no-repeat;
	margin-top: 30px;
	text-indent: -9000px;
	border-bottom: solid 2px #d6cab5;
	padding-bottom: 10px;
}
.content_header {
	width: 100%;
	height: 50px;
	border-bottom: solid 2px #d6cab5;
	padding-bottom: 0px;
	margin-bottom: 20px;
	margin-top: -40px;
}
.content_header ul {
	float: right;
	display: inline;
	margin-top: -30px;
}
.content_header ul li {
	float: left;
	display: block;
	/* width: 100px; */
	padding-left: 30px;
}
.content_header ul li a {
	color: #424346;
	font-style: italic;
	font-size: 15px;
}
.content_header ul li a.active {
	color: #452000;
	font-weight: bold;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
/* p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } */
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus,
a:hover     { color: #000; }
a           { color: #000; text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

ol li {
	color: #424346;
	font-style: italic;
	font-size: 14px;
	padding-left: 70px;
	line-height: 16px;
	margin-bottom: 3px;
	list-style: none;
	min-height: 60px;
}
ol li.a { background: url(../img/ol_1.gif) top left no-repeat; }
ol li.b { background: url(../img/ol_2.gif) top left no-repeat; }
ol li.c { background: url(../img/ol_3.gif) top left no-repeat; }

/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Forms
-------------------------------------------------------------- */

label { font-weight: bold; }

fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }

textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#eee; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus        { border:1px solid #999; background:#fff; }


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

	Structure

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

body {
	background: #fff;
	text-align: left; /*ie hack for centered layout. if not centered, remove this line and the next hack in wrapper*/
	padding: 0;
	margin: 0;
}

#big_bg {
	background: url(../img/body.jpg) top center;
	/* height: 3240px; */
	height: 2900px;
}

#page {
	text-align: left; /*for previous ie hack*/
	padding: 0;
}

body {
	background: #fff;
	color: #000;
}

.center {
	width: 960px;
	margin: 0 auto;
}

hr {
	background: #ccc;
	height: 1px;
	border: none;
	margin: 20px 0;
}

.pad {
	padding: 20px;
}

.ingress {
	/* font-weight: bold; */
}
.ingress_bold {
	/* font-weight: bold; */
	font-size: 15px;
}
.tiny {
	font-size: 10px;
}

/* Header
-------------------------------------------------------------- */


/* Navigation
-------------------------------------------------------------- */
#navigation_top {
	width: 230px;
	height: 37px;
	background: url(../img/nav_top.png);
	margin-top: -37px;
	border-right: solid 1px #9f9790;
}

#navigation {
	position: fixed;
	margin-top: 235px;
	padding-bottom:15px;
	width: 230px;
	background: url(../img/nav.gif);
	border-right: solid 1px #9f9790;
	border-bottom: solid 1px #9f9790;
	z-index: 10;
}

#navigation ul {
	margin: 20px;
	margin-left: 0;
	list-style: none;
	margin-top: 10px;
}

#navigation ul li a:active, #navigation ul li a:focus {
	outline: none;
}

#navigation ul li a {
	display: block;
	background: url(../img/navigation_sprite.gif);
	text-indent: -9000px;
	padding: 6px 0;
	width: 193px;
}
.underline {
	text-decoration: underline;
}

#kilpailu_subnav {
	display: none;
	width: 190px;
	overflow: hidden;
}

#kilpailu_subnav li a {
	text-indent: 0 !important;
	background: none !important;
	border-bottom: solid 2px #c3bec3;
	margin-left: 40px;
	font-size: 15px;
	color: #424346;
	font-style: italic;
	display: block;
}

.ajax_link.active {
	font-weight: bold;
	color: #392b1f;
}

/* Navigation items */
#kilpailu_link 	{  }
#kilpailu_link:hover, #kilpailu_link.active { background-position: -195px 0 !important; }
#nav_2 			{ background-position: 0 -30px !important; }
	#nav_2:hover, #nav_2.active { background-position: -195px -30px !important; }
#nav_3 			{ background-position: 0 -59px !important; }
	#nav_3:hover, #nav_3.active { background-position: -195px -59px !important; }

/* Content
-------------------------------------------------------------- */
.column_top {
	width: 349px;
	height: 37px;
	margin-top: -37px;
	background: url(../img/wood_top.png);
	border-right: solid 1px #9f9790;
}
.column_content {
	background: url(../img/wood.gif);
	border-right: solid 1px #9f9790;
	border-bottom: solid 1px #9f9790;
	padding: 10px 40px;
}
.column {
	width: 350px;
	float: left;
	display: block;
}
.right_column {
	margin-left: 10px;
	padding-right: 0;
}

.level_content_area {
	padding-top: 200px;
	padding-left: 245px;
	min-height: 300px;
	z-index: 9;
}
.eloasuomessa{
	font-size:13.5px;
}

/* Footer
-------------------------------------------------------------- */
#footer {
	position: fixed;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 50px;
	background: url(../img/footer.png) top left repeat-x;
}
#footer .content #slogan {
	display: block;
	width: 210px;
	height: 190px;
	background: url(../img/footer_slogan.png) top left no-repeat;
	margin-top: -150px;
	float: left;
}
#footer .content {
	padding-top: 10px;
}
#footer .content p {
	display: block;
	float: left;
	padding-left: 20px;
	font-size: 10px;
	color: #2c2d2f;
}
#addthis {
	margin-left: 270px;
	margin-top: -15px;
	*margin-top: -20px;
	float: right;
	display: inline;
}

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

	Clear floats

----------------------------------------------------------- */
.wrapper 		{ display: inline-block; }
.wrapper:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper 		{ display: block; }
.clear { clear: both; }

head { height: 100%; }
body { min-height: 100%; }

/*--------------------------------------------8<--------------------------------------------*/

.level {
	height: 900px;
}

#level_1 .level_content_area { background: url(../img/title_bright.png) top left no-repeat; }
#level_2 .level_content_area { background: url(../img/title_bright.png) top left no-repeat; }
#level_3 .level_content_area { background: url(../img/title_dark.png) top left no-repeat; }

#level_2 .content_wrapper {
	background: url(../img/front_products.png) 240px 0 no-repeat;
	height: 670px;
}

#level_2 .lift {
	background: #392b1f;
	-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
	padding: 25px;
	width: 260px;
	margin-top: 282px;
	*margin-top: 482px;
	margin-left: 337px;
	color: #ecdcbd;
}
#level_2 .lift h2 {
	display: block;
	width: 226px;
	height: 28px;
	text-indent: -9000px;
	border: none;
	padding: 0;
	background: url(../img/heading_kuvaa_eloa_ja_voita.gif) top left no-repeat;
	background: url(../img/headings/eloa_suomessa.gif) top left no-repeat;
}

#level_1 .lift {
	float: right;
	width: 280px;
	margin-top: 15px;
	margin-right: 15px;
	background: #392b1f;
	-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
	padding: 25px;
	color: #ecdcbd;
}
#level_1 .lift h2 {
	display: block;
	width: 286px;
	height: 31px;
	text-indent: -9000px;
	border: none;
	padding: 0;
	background: url(../img/headings/osallistu.gif) top left no-repeat;
}

#level_3 .content_wrapper {
	background: url(../img/products.png) center right no-repeat;
}
#read_more_about_elowehna {
	position: absolute;
	margin-top: 470px;
	margin-left: 40px;
}
.read_more {
	color: #616999;
}
.read_more_right {
	margin-top: 10px;
	float: right;
	display: block;
	color: #616999;
}
.level h1 {
	display: none;
}
.level h2 {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 2px #d6cab5;
}

#balloon {
	position: absolute;
	width: 207px;
	height: 269px;
	background: url(../img/balloon.png) top left no-repeat;
	cursor: pointer;
	z-index: 8;
}

.bluelink {
	color: #616999;
}
.bluebutton, input[type=submit] {
	text-align: center;
	padding: 0 20px;
	color: #fff;
	display: inline-block;
	line-height: 37px;
	background: url(../img/bluebutton.png) top left repeat-x #616999;
	-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
	font-size: 1.4em;
	border: none;
}
.bluebutton:hover{background: url(../img/bluebutton_hover.png) bottom left repeat-x #616999;}
.bluebutton:focus{padding-top:1px;line-height:36px;outline:0;}

.thumb {
	border: solid 6px #ecdcbd;
}
#main_gallery .thumb {
	border: solid 6px #fff;
}
.right_column .gallery {
	width: 300px;
	padding-right: 0;
}
.gallery li {
	list-style: none;
	float: left;
	margin-right: 5px;
}
#view_picture {
	/* width: 460px; */
	width: 640px;
	min-height: 400px;
	overflow: hidden;
}
#view_picture strong {
	color: #452000;
	font-style: italic;
	font-size: 15px;
}
#previous_picture, #next_picture {
	display: none;
}
#view_picture:hover #previous_picture, #view_picture:hover #next_picture {
	display: inline;
}
.description {
	width: 440px;
}
#ajax_loader_gif {
	width: 24px;
	height: 24px;
	margin-top: 200px;
	margin-left: 300px;
}


/**
 * Upload form
 */
#ew_upload_form {
	width: 714px;
	background: url(../img/wood.gif);
}
#ew_upload_form fieldset {
	border: none;
	width: 40%;
	float: left;
	display: inline;
}
#image_upload_div_wrapper {
	height: 50px;
}
#ew_upload_form legend {
	font-size: 22px;
	color: #424346;
}
#ew_upload_form label {
	color: #424346;
	font-size: 15px;
	font-weight: normal;
	font-style: italic;
}
#ew_upload_form input[type=text] {
	width: 280px;
	height: 20px;
	border: solid 1px #d6cab5;
	background: #fff;
}
#ew_upload_form textarea {
	width: 280px;
	height: 130px;
	border: solid 1px #d6cab5;
	background: #fff;
}
#ew_upload_form input[type=submit] {
	margin-left: 20px;
	height: 30px;
}
.wood_top_wide {
	width: 714px;
	height: 38px;
	background: url(../img/wood_top_wide.png) top left no-repeat;
}
.tiny label {
	font-size: 12px !important;
}


/**
 * Various elements
 */
#vihta_ja_sanko {
	float: right;
	display: inline;
	margin-right:-10px;
	margin-top: 15px;
}

#camera {
	float: left;
	display: inline;
}
#frontpage_camera {
	position: absolute;
	margin-top: -20px;
	margin-left: -23px;
}
#frontpage_contest_link {
	margin-left: 60px;
}

#osallistu_button {
	float: right;
	display: inline;
	/*
	margin-top: 25px;
	margin-left: 10px;
	*/
	margin-top: 30px;
}

.sidelift {
	float: left;
	width: 215px;
	margin-left: -265px;
	margin-top: 220px;
	color: #424346;
	font-size: 14px;
	font-style: italic;
	line-height: 17px;
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	background: #000;
	width: 100%;
	height: 100%;
	color: #fff;
	padding: 30px;
	z-index: 50;
}

#balloon_large {
	width: 100%;
	height: 550px;
	/* background: url(../img/balloon_large.png) top right no-repeat; */
	background: url(../img/elowehnatytto.png) top right no-repeat;
}

.narrow_fancybox_content {
	width: 650px;
	height: 400px;
	overflow: auto;
}
.wide_fancybox_content {
	width: 100%;
	height: 600px;
	overflow: auto;
	margin-bottom: 25px;
}

.image_uploaded {
	font-style: italic;
	font-weight: bold;
	color: #424346;
	padding-left: 5px;
}

#share_on_facebook {
	background: url(../img/facebook.gif) top left no-repeat;
	padding-left: 20px;
	color: #626b99;
	font-size: 15px;
	font-weight: bold;
}

#like_div {
	cursor: pointer;
	background: url(../img/thumb.gif) top left no-repeat;
	padding-left: 20px;
	color: #626b99;
	font-size: 15px;
	font-weight: bold;
	margin-left: 20px;
}

#like_div_inactive {
	background: url(../img/thumb.gif) top left no-repeat;
	padding-left: 20px;
	color: #626b99;
	font-size: 15px;
	font-weight: bold;
	margin-left: 20px;
	opacity: .4;
}
#amount_of_likes {
	padding-right: 20px;
}

#previous_picture, #next_picture {
	position: absolute;
	cursor: pointer;
}

#remember_my_information_checkbox {
	margin-left: 350px;
}

#talk {
	float: right;
	display: inline;
}


/**
 * Pagination
 */
#previous_page {
	padding-right: 20px;
}
#next_page {
	padding-left: 20px;
}

/* MISC */
.arkisto_text{float:right;display:inline;margin-top:-30px;text-align:right;}


/**
 * Verify age
 */
#va_modal {
	width: 387px;
	height: 182px;
	background: url(../img/verify_age/bg.png) top left no-repeat;
	z-index: 2000;
}
#va_yes, #va_no {
	display: block;
	width: 78px;
	height: 38px;
	position: absolute;
	margin-top: 100px;
	margin-left: 105px;
}
#va_yes {
	background: url(../img/verify_age/button_yes.png) top left no-repeat;
}
#va_no {
	background: url(../img/verify_age/button_no.png) top left no-repeat;
	margin-left: 200px;
}