body {
  background: #ddd;
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size:small;
  margin:0;
  padding:0;
}
#wrapper {
  margin:auto;
  position:relative;
  width:760px;
  background: white;
}
.sidebar #maincontent {
  float:left;
}
/* IE7 only hack, to prevent content from disappearing when scrolling to the bottom of the page */
* + html .sidebar #maincontent {
  float: none;
}
/* IE6 fix */
* html .sidebar #maincontent {
  float: right;
}
#footer {
  clear:both;
}
.sidebar #sidebar1 {
  float:left;
  width: 20%;
}
.sidebar #sidebar2 {
  float:right;
  width: 20%;
}
a {
	color: black;
}
#header {
	background: no-repeat #555;
	width: 760px;
	color: white;
	padding: 0;
/*	min-height:118px;
/* IE min-height fix
  	height:auto !important;
  	height:118px;
*/
}
#header h1 {
/*	width: 710px; /* 760px - 50px padding */
/*	height: 55px; /* 118px - 23px navi - 40px padding */
	margin: 0;
	padding: 20px 25px;
  text-align: center;
}
#header h1 a {
/*	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999em;
*/
	margin: 0;
	padding: 0;
  color: white;
  text-decoration: none;
}
#header strong {
  font-weight: normal;
}
#header ul#lang {
	margin: 0;
	padding: 0 30px 0 0;
	float: right;
}
#header ul#nav {
	float: none;
	padding: 0 0 0 9px;
  margin: 0;
}
#header ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
#header ul a {
	font-size: 1.2em;
	line-height: 1.4em;
	text-decoration: none;
	color: #ccc;
  margin: 0 1px;
  padding: 0.3em 0.9em 1px 0.9em;
}
#header ul a.active,
#header ul li a:hover {
  color: white;
}
#content {
	padding: 1px 25px 15px 25px;
	background: white;
  width: 710px; /* 760px - padding, borders & margins */
}
#footer {
	text-align: center;
}


/* Merge with above, some redundant code */
body {
    background: fixed black url(/images/iskelmafestivaali.fi/bg_gradient_mtapahtumat.jpg) repeat-x;
    color: #8d8771;
    font-family : "Lucida Grande", Lucida, Verdana, sans-serif;
    font-size : small;
	margin: 0;
	padding: 0 1em;
}
h1 {
	font-size: 14px;
	margin-left: 3px;
}
h2 {
	font-size: 12px;
	font-weight: bold;
	margin-left: 7px;

}
h3 {
	font-weight: bold;
	font-size: 11px;
	margin-left: 10px;
}
p {
	font-size: 10px;
	margin-left: 10px;
}
img {
	border-style: none;
}
a { color: #0000CC; text-decoration: none; }
a:active { color: #FF0000; }
a:visited { color: #0000CC; }
a:hover { color: #FF0000; }

#wrapper {
    background: transparent;
    width: 760px;
    padding: 0;
    margin-top: 3.2em;
    margin-right: auto;
    margin-left: auto;
}


h1#masthead {
  background-color: transparent;
  padding: 0;
}

#header {
  background: url(/images/iskelmafestivaali.fi/masthead-trans.png) top center no-repeat transparent;
  height: 123px;
}

#header h1#masthead a {
  text-indent: -9999px;
  display: block;
  width: 760px;
  height: 95px;
  margin: 0;
  padding: 0;
}

#content {
	width: auto;
	margin-top: -7px;
	background: transparent url(/images/iskelmafestivaali.fi/contentbg.png) repeat-y center top;
	color: white;
  padding: 1px 9px 15px;
}

#sidebar1, #sidebar2 {
  color: white;
  background: black;
}
.sidebar #sidebar1 { width: 200px; }
.sidebar #sidebar2 { width: 96px; }

#maincontent {
  background: white;
  color: black;
  width: 445px;
}

div#scroller img { height: 112px; } /* Should be scaled down for real in the end */

/* Scroller Box */
#scroller_container {
 position: relative;
 width: 445px;
 height: 112px;
 overflow: hidden;
}

#scroller {
 white-space: nowrap;
 line-height: 112px;
 font-size: 60px;
}

#scroller p {
 padding: 0;
}
/* Scoller Box END */

#sidebar1 p, #sidebar2 p {
  margin: 0;
  padding: 0;
  text-align: center;
}
#sidebar1 img, #sidebar2 img {
  position: relative;
  margin: auto;
}

input, select { font: inherit; }

/* Drop down START */

#header ul#nav {
	margin-left: 5px;
	font-size: 80%;
	color: white;
	text-transform: uppercase;
}

#nav a { text-decoration: none; }
#nav a:link { color: #FFFFFF; }
#nav a:visited { color: #FFFFFF; }
#nav a:active { color: #FF0000; }
#nav a:hover { color: #FFFF00; }


ul#nav, #nav ul {
	z-index: 1;
	padding: 0;
	margin: 0;
	list-style: none;
}

ul#nav * { /* IE fix */
	z-index: 1;
}

#nav li { /* all list items */
	float: left;
	position: relative;
/*	width: 83px; */
	background-color: transparent;
	color: white;
}

#nav li ul li {
/*  width: auto; */
  clear: left; /* Avoids getting more than one drop-down menu item per line */
}

#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	background-color: #464e61;
	color: white;
	opacity:.8;
	/* css standard */ filter:alpha(opacity=80);
  	text-transform: none;
}
#nav li ul a {
  color: #FFFFFF;
  white-space: pre;
}
#nav li.active > a,
#nav li a:hover {
  text-decoration: underline;
}
#nav li ul a:active { color: #FF0000; }

/* IE6 only */
* html #sidebar1 {
  overflow: hidden;
}

* html #nav li ul {
	top: 1.7em;
	left: 0;	
}
/* IE7 only, cannot combine selector with IE6 hack */
* + html #nav li ul {
	top: 1.7em;
	left: 0;
}

#nav li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

#nav #uutiset .navi_sub { display: none; }

#content {
	clear: left;
}
/* Drop down END */

body { background-image: url(/page_attachments/0000/0316/OF_tausta.jpg); }


#nav #uutiset .navi_sub { display: none; }