/* base styles */

body {
margin:0;
padding:0 0 10px 0;
font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-size:15px;
text-align:center;
background:#ff8104 url("../img/bg_body.gif") repeat-x top center;
color:#26444e;
}

body.kooreoke {
color:#fff;
}

#iframe-content {
background-color:none;
}

a {
color:#fff;
}

body.koorejaatised a {
color:#409db6;
}

a img {
border:none;
}

a:active,
a:focus {
outline:none;
}

h2 {
margin:0 0 12px 0;
padding:0;
font-size:32px;
color:#f9eaaf;
line-height:1.2em;
}

.koorejaatised h2 {
color:#00d0ef;
}

h3 {
margin:0 0 12px 0;
padding:0;
font-size:18px;
color:#f9eaaf;
line-height:1.3em;
}

h3 strong {
font-size:24px;
color:#fff;
}

.koorejaatised h3 {
color:#014b7f;
}

p {
margin:0;
padding:0 0 1.2em 0;
}

form {
margin:0;
padding:0;
}

.clearer {
overflow:hidden;
margin:0 0 -1px 0;
height:1px;
clear:both;
}


/* table styles */

table {
border:none;
border-collapse:collapse;
}

td {
border-bottom:2px solid #00d0ef;
padding:5px 5px 5px 5px;
background:#149fc7;
vertical-align:top;
}


/* container */

#container {
position:relative;
margin:auto;
width:800px;
background:#fff url("../img/bg_container_1.gif") no-repeat top left;
text-align:left;
line-height:1.3em;
padding:0px;
}

#containerSpan {
width:800px;
min-height:600px;
background:url("../img/bg_container_2.gif") no-repeat bottom left;
padding:1px; /* Mangus, WTF is here? Try to remove this 1 pixel and look at Firefox, really wierd o_O */
}


/* header */

#header {
position:relative;
width:800px;
padding:0px;
margin:0px;
border-bottom:0px;
}

.kooreoke #header {
margin:30px 15px 0 15px;
width:770px;
height:315px;
background:url("../img/bg_header_kooreoke.gif") no-repeat top left;
}

.koorejaatised #header {
margin:30px 15px 0 15px;
width:770px;
height:400px;
background:url("../img/bg_header_koorejaatised.gif") no-repeat top left;
}

#ice-woman {
position:absolute;
left:355px;
top:16px;
}

#ice-freak {
position:absolute;
left:655px;
top:60px;
}

#loe-lahemalt {
position:absolute;
top:120px;
left:60px;
}

#kooreoke-title {
display:none;
}

.index #kooreoke-title {
position:absolute;
display:block;
top:140px;
left:120px;
}

ul#menu {
position:absolute;
top:195px;
left:35px;
margin:0px;
padding:0px;
width:700px;
height:64px;
list-style:none;
}

ul#menu li {
float:left;
margin:0px;
padding:0px;
}

h1 {
position:absolute;
top:14px;
left:-7px;
margin:0;
padding:0;
width:344px;
height:136px;
}

h1 span {
display:none;
}

h1 a {
display:block;
width:344px;
height:136px;
}

.kooreoke h1 {
background:url("../img/logo_kooreoke.gif") no-repeat top left;
}

.koorejaatised h1 {
background:url("../img/logo_koorejaatised.gif") no-repeat top left;
}



/* content */

#content {
position:relative;
margin:0 15px 16px 15px;
width:770px;
}

#contentSpan {
padding:0 35px 0 35px;
width:700px;
min-height:205px;
}

.intro #contentSpan {
padding:0px;
}

.kooreoke #content {
background:url("../img/bg_content_kooreoke.gif") repeat-y left;
}

.kooreoke #contentSpan {
padding-bottom:64px;
background:url("../img/bg_content2_kooreoke.gif") no-repeat bottom left;
}

.koorejaatised #content {
background:url("../img/bg_content_koorejaatised.gif") repeat-y left;
}

.koorejaatised #contentSpan {
margin-top:-10px;
padding-bottom:64px;
background:url("../img/bg_content2_koorejaatised.gif") no-repeat bottom left;
}

.index #contentSpan  {
margin-top:0;
padding:0 70px 35px 0;
}


/* koorejäätis menu */

#kuidas-tunda {
position:absolute;
top:-49px;
left:85px;
}

.koorejaatised #kuidas-tunda {
top:106px;
left:135px;
}

#mis-teeb-eriliseks {
position:absolute;
top:105px;
left:30px;
}

.koorejaatised #mis-teeb-eriliseks {
top:230px;
left:20px;
}

#joonistused {
position:absolute;
top:0;
left:600px;
}

.koorejaatised #joonistused {
top:170px;
left:620px;
}

#retseptid {
position:absolute;
top:0;
left:340px;
}

.koorejaatised #retseptid {
top:150px;
left:380px;
}

#laula-kooreoket {
position:absolute;
top:33px;
right:0;
}


/* koorejaatis text pages */

#subMenu {
float:left;
width:250px;
font-size:13px;
}

#subMenu ul {
margin:0 0 0 -15px;
padding:0;
}

#subMenu li {
margin:0 0 2px 0;
padding:0;
list-style:none;
}

#subMenu li a {
display:block;
padding:0 0 4px 20px;
color:#23788f;
}

#subMenu li a:hover {
color:#40a7c3;
}

#subMenu li.on {
background:url("../img/bg_submenu_on.gif") no-repeat top left;
}

#subMenu li.on a {
padding:2px 0 23px 20px;
text-decoration:none;
color:#0b6178;
}

#subMenu h2 {
position:relative;
margin:2px 0 10px 0;
font-size:20px;
line-height:1.1em;
}

#text {
float:left;
width:400px;
}


/* joonistused */

.joonistused .picture {
float:left;
display:inline;
margin:10px 30px 0 0;
width:150px;
height:250px;
text-align:center;
position:relative;
}

.joonistused .picture .thumbnail {
padding:15px;
width:120px;
background:url("../img/bg_frame.gif") no-repeat top left;
}

.joonistused .picture strong {
display:block;
line-height:1.1em;
height:35px;
font-size:14px;
overflow:hidden;
}

.joonistused .even {

}

.joonistused .picture p {
color:#0090a5;
font-size:13px;
line-height:1.3em;
}

.badge {
width:40px;
height:50px;
/* background: transparent url("../img/week_winner.png") no-repeat; */
position: absolute;
top:145px;
right:0px;
}
#player-demo {
  display:none;
}

.vaata #contentSpan {
height:2500px;
}