/* Eric Meyer's reset stylesheet */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }
/* reset ends */


/*--- GENERAL ---*/

body {
	color: #ddbe8f; 
	font: 75%/150% Arial, Helvetica, Verdana, sans-serif; 
	background: #000 url('../img/body-bg.jpg') center top no-repeat;
}

a { color: #dd9f40; text-decoration: underline; }
.clr { clear: both; }


#wrap {
	margin: 0 auto;
	position: relative;
	width: 808px;
}

/*--- HEADER ---*/
#header {
	background: url('../img/') center top no-repeat;
	height: ;
}

#logo {
	background: url('../img/logo.png') center top no-repeat;
	display: block;
	height: 167px;
	margin: 0 auto;
	text-indent: -9999px;
	width: 524px;
}

/*--- NAV ---*/
ul#nav {
	display: block;
	height: 61px;
	margin: -2px 0 0 0;
	width: 808px;
}

ul#nav li {
	float: left;
}

ul#nav li a {
	display: block;
	height: 61px;
	text-indent: -9999px;
}

ul#nav li a.etusivu { width: 95px; background: url('../img/nav.png') 0 0 no-repeat; }
ul#nav li a.etusivu:hover { background: url('../img/nav.png') 0 -61px no-repeat; }
ul#nav li a.etusivu.active { background: url('../img/nav.png') 0 -122px no-repeat; }

ul#nav li a.uutiset { width: 101px; background: url('../img/nav.png') -95px 0 no-repeat; }
ul#nav li a.uutiset:hover { background: url('../img/nav.png') -95px -61px no-repeat; }
ul#nav li a.uutiset.active { background: url('../img/nav.png') -95px -122px no-repeat; }

ul#nav li a.historia { width: 113px; background: url('../img/nav.png') -196px 0 no-repeat; }
ul#nav li a.historia:hover { background: url('../img/nav.png') -196px -61px no-repeat; }
ul#nav li a.historia.active { background: url('../img/nav.png') -196px -122px no-repeat; }

ul#nav li a.tapahtumat { width: 153px; background: url('../img/nav.png') -309px 0 no-repeat; }
ul#nav li a.tapahtumat:hover { background: url('../img/nav.png') -309px -61px no-repeat; }
ul#nav li a.tapahtumat.active { background: url('../img/nav.png') -309px -122px no-repeat; }

ul#nav li a.kuvat { width: 93px; background: url('../img/nav.png') -462px 0 no-repeat; }
ul#nav li a.kuvat:hover { background: url('../img/nav.png') -462px -61px no-repeat; }
ul#nav li a.kuvat.active { background: url('../img/nav.png') -462px -122px no-repeat; }

ul#nav li a.linkit { width: 86px; background: url('../img/nav.png') -555px 0 no-repeat; }
ul#nav li a.linkit:hover { background: url('../img/nav.png') -555px -61px no-repeat; }
ul#nav li a.linkit.active { background: url('../img/nav.png') -555px -122px no-repeat; }

ul#nav li a.yhteystiedot { width: 167px; background: url('../img/nav.png') -641px 0 no-repeat; }
ul#nav li a.yhteystiedot:hover { background: url('../img/nav.png') -641px -61px no-repeat; }
ul#nav li a.yhteystiedot.active { background: url('../img/nav.png') -641px -122px no-repeat; }




/*--- CONTENT ---*/
#content {
	background: #000;
	color: ;
	font-family: Georgia, 'Times New Roman', serif; 
	margin: ;
	padding: ;
}

#content h1 {
	color: ;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 1.8em;
	line-height: 1.2em;
	margin: 0 0 0.4em 0;
	
}

#content h2 {
	color: ;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size: 1.4em;
	font-weight: bold;
	margin: 0 0 0.2em 0;
}

#content h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 0.2em 0;
}


#content p {
	font-size: 0.9em;
	margin: 0 0 1em 0;
}

#content ol {
	list-style: decimal;
	margin: 0 0 1em 2em;
	text-align: left;
}

#content ul {
	list-style: disc;
	margin: 0 0 1em 2em;
	text-align: left;
}


#content blockquote { font-style: italic; margin: 0 0 1em 0; quotes: "\201D" "\201D"; text-align: justify; }
#content blockquote:before { content: open-quote; font-weight: bold; margin-left: -0.55em; }
#content blockquote:after { content: close-quote; font-weight: bold; }

#content hr {
	border-bottom: #524126 1px dashed;
	margin: 2em 0;
}

.ditto_item {
	margin: 2em 0 0 0;
}

/*-- COLUMNS --*/
.clm {
	float: left;
	margin: 0 0 0 15px;
	width: 250px;
}

.widec {
	width: 515px;
}

.block {
	background: url('../img/block-bg.png') center top no-repeat;
	padding: 20px 10px;
	width: 230px;
}

.wideb {
	background: url('../img/blockwide-bg.png') center top no-repeat;
	width: 495px;
}

.article img {
	float: right;
	margin: 0 0 1em 1em;
}

#bgfmainos {
	float: left;
	height: 381px;
	margin: 0 -73px 0 20px;
	width: 303px;
}

#english {
	background: url('../img/english.png') no-repeat;
	height: 22px;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	top: 0;
	width: 69px;
}

/*--- FLICKR ---*/
#flickr_badge_uber_wrapper { padding: 0 0 3em 0; }
.flickr_badge_image { display: block; float: left; margin: 0 1em 1em 0; }

/*--- FOOTER ---*/
#footer {
	background: url('../img/footer-bg.png') center top no-repeat;
	clear: both;
	color: ;
	margin: ;
	padding: 100px 0 50px 0;
	text-align: center;
	width: ;
}