/* base styles */

body {
margin:0;
padding:0;
background:#0e98e8 url("../img/bg_body.gif") repeat top center;
}

body,
body td {
font-family:Comic Sans MS,sans-serif;
line-height:1.6em;
font-size:13px;
}

.index #bodySpan {
width:100%;
background:url("../img/bg_body_3.jpg") no-repeat top center;
}

.subpage #bodySpan {
background:url("../img/bg_deactive_body.jpg") no-repeat top center;
}

.game.memory #bodySpan {
background:url("../img/bg_memory_body.jpg") no-repeat top center;
}

.game.jaakamang #bodySpan {
background:url("../img/bg_jaakamang_body.jpg") no-repeat top center;
}

a {
color:#a71c07;
text-decoration:none;
}

a:hover {
color:#e15524;
}

a img {
border:none;
}

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

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

h1 {
margin:0;
padding:15px 0 10px 0;
color:#6d1008;
font-size:22px;
font-weight:normal;
line-height:1.2em;
}

blockquote {
margin:0;
padding:0 0 0 25px;
}

.separator {
position:relative;
margin:10px -10px 20px 20px;
overflow:hidden;
clear:both;
width:470px;
height:40px;
background:url("../img/bg_separator.gif") no-repeat top left;
}

.separator hr {
display:none;
}

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


/* container */

#container {
position:relative;
margin:auto;
width:770px;
height:775px;
}

.game.memory #container {
height:640px;
}

.game.memory #gameArea {
padding:85px 0 0 70px;
width:647px;
height:474px;
}

.game.jaakamang #gameArea {
padding:47px 0 0 9px;
width:647px;
height:474px;
}

.intro #container {
padding:25px 0 25px 0;
height:auto;
text-align:center;
}


/* objects */

#linn,
#protosiilius,
#lohe,
#hiiglane,
#jaakas,
#lumivalgeke,
#vaip,
#kassipesa,
#porgandid,
#nouanded {
/*border:1px solid #fff;*/
}

#linn {
position:absolute;
width:310px;
height:160px;
top:20px;
left:30px;
}

#linn a {
display:block;
width:310px;
height:160px;
}

#protosiilus {
position:absolute;
width:200px;
height:200px;
top:450px;
left:200px;
}

#protosiilus a {
display:block;
width:200px;
height:200px;
}

#lohe {
position:absolute;
width:140px;
height:150px;
top:200px;
left:55px;
}

#lohe a {
display:block;
width:140px;
height:150px;
}

#hiiglane {
position:absolute;
width:140px;
height:200px;
top:325px;
left:150px;
}

#hiiglane a {
display:block;
width:140px;
height:200px;
}

#lumivalgeke {
position:absolute;
width:125px;
height:90px;
top:300px;
left:495px;
}

#lumivalgeke a {
display:block;
width:125px;
height:190px;
}

#jaakas {
position:absolute;
width:225px;
height:150px;
top:490px;
left:480px;
}

#jaakas a {
display:block;
width:225px;
height:150px;
}

#vaip {
position:absolute;
width:190px;
height:90px;
top:160px;
left:225px;
}

#vaip a {
display:block;
width:190px;
height:90px;
}

#porgandid {
position:absolute;
width:165px;
height:80px;
top:300px;
left:310px;
}

#porgandid a {
display:block;
width:165px;
height:80px;
}

#kassipesa {
position:absolute;
width:230px;
height:125px;
top:160px;
left:460px;
}

#kassipesa a {
display:block;
width:225px;
height:125px;
}

#nouanded {
position:absolute;
width:210px;
height:100px;
top:70px;
left:420px;
}

#nouanded a {
display:block;
width:210px;
height:100px;
}

#nouanded {
position:absolute;
width:90px;
height:100px;
top:70px;
left:420px;
}

#nouanded a {
display:block;
width:90px;
height:100px;
}

#raamat {
position:absolute;
width:110px;
height:100px;
top:45px;
left:520px;
}

#raamat a {
display:block;
width:110px;
height:100px;
}

#mangud {
position:absolute;
width:80px;
height:115px;
top:255px;
left:360px;
}

#mangud a {
display:block;
width:80px;
height:115px;
}

#tsargid {
position:absolute;
width:125px;
height:110px;
top:315px;
left:625px;
}

#tsargid a {
display:block;
width:125px;
height:110px;
}


/* animations */

#oun {
position:absolute;
top:255px;
left:688px;
}

#aknad {
position:absolute;
top:51px;
left:37px;
}

#vaibaLend {
position:absolute;
top:157px;
left:215px;
}

#maeSilmad {
position:absolute;
top:283px;
left:66px;
}

#loheSilm {
position:absolute;
top:212px;
left:126px;
}

#mullid {
position:absolute;
top:533px;
left:150px;
}

#loheHover {
position:absolute;
width:140px;
height:150px;
top:230px;
left:188px;
}

#jaakasHover {
position:absolute;
top:490px;
left:480px;
}

#kassiSaba {
position:absolute;
top:265px;
left:623px;
}

#content a.actionLink span {
display:none;
}


/* subpage content */

.subpage #content {
float:left;
padding:85px 0 100px 140px;
width:520px;
color:#461e00;
}

.subpage .portrait {
position:absolute;
top:118px;
left:115px;
}

.subpage .heading {
padding:5px 0 8px 170px;
}

.subpage .factsheet {
margin:0 0 0 160px;
}

.subpage .factsheet a {
background:#fffbb1;
}

.subpage .factsheet a:hover {
border-bottom:1px solid #f2b739;
}

.subpage .factsheet td.title {
border-bottom:1px solid #f1e0ba;
padding-right:15px;
vertical-align:top;
font-size:11px;
color:#6b4529;
}

.subpage .factsheet td.value {
border-bottom:1px solid #f1e0ba;
padding-top:2px;
padding-bottom:2px;
line-height:1.5em;
font-size:11px;
}

.subpage #bodyText {
padding:15px 10px 0 0;
}

.subpage.article #bodyText {
padding:5px 10px 0 0;
}

#close {
position:absolute;
top:535px;
left:595px;
}

.links {
position:absolute;
top:540px;
left:130px;
width:450px;
line-height:1.1em;
}

.links td {
line-height:1.1em;
}

.links.compact {
left:120px;
width:460px;
}

.links.vertical {
top:530px;
left:135px;
}

.links p {
float:left;
}

.links a {
margin:0 15px 0 0;
text-transform:uppercase;
font-size:11px;
}

.links a:hover {
color:#e16529;
}

.links img.icon {
position:relative;
margin:0 0 -12px 0;
}

.links td.icon img {
margin-bottom:0;
}

.links.compact a {
margin:0 6px 0 0;
font-size:10px;
}

.links td.icon a {
margin-right:0;
}

.links.vertical a {
margin:0;
}

.links.vertical td {
padding-right:22px;
text-align:center;
}

.quotemark {
font-weight:bold;
color:#eca42b;
}


/* nav menu */

#nav {
position:relative;
float:right;
margin:70px 0 0 0;
z-index:99;
}

.index #nav #bAvaleht {
display:none;
}

#nav li {
list-style:none;
margin:0;
padding:0;
}

#nav ul {
margin:0;
padding:0;
}

#nav a#firstNav {
display:block;
width:90px;
height:90px;
}

#nav li:hover ul {
display:block;
}

#nav a#firstNav span {
display:none;
}

#nav ul li ul {
position:absolute;
right:42px;
top:47px;
border:1px solid #f4bd40;
border-bottom:none;
display:none;
z-index:100;
}

#nav ul li ul li {
background:#fff795 url("../img/bullet_1.gif") no-repeat top left;
}

#nav ul li ul li a {
border-bottom:1px solid #f4bd40;
display:block;
width:102px;
padding:2px 10px 3px 28px;
color:#b53718;
font-size:13px;
font-weight:bold;
}

#nav ul li ul li a:hover {
background:#fff url("../img/bullet_2.gif") no-repeat top left;
}

#nav #bMangud,
#nav #bNouanded,
#nav #bRetseptid,
#nav #bMuinasjutt {
display:none;
}


/* article texts */

.subpage .illustration {
position:absolute;
top:88px;
left:125px;
}

.subpage .illustration.milk {
top:70px;
}

.subpage.article .heading {
padding-top:15px;
height:175px;
}

.subpage.article .heading h1 {
z-index:10;
width:250px;
}

.subpage.article .heading h1 {
padding-left:10px;
}


/* quiz pages */

#quizLocation {
padding:30px 0 10px 30px;
}

#quizQuestion {
margin:0 0 -15px 75px;
width:350px;
text-align:center;
}

#quizQuestion h1 {
font-size:26px;
}

#question1,
#question2,
#question3,
#question4,
#question5,
#question6,
#question7,
#question8,
#question9,
#question10,
#results {
float:left;
border-bottom:2px solid #ebd4a0;
margin:0 8px 0 0;
padding:2px 8px 2px 8px;
background:#f2deb9;
font-size:17px;
color:#e56b2c;
}

#quizLocation .on {
background:#e16529;
color:#f9f2e0;
}

#quizLocation .on a {
color:#fff;
}

#results {
color:#cf2617;
}

#quizAnswers {
text-align:center:
}

#quizAnswers table {
margin:auto;
}

#quizAnswers td {
padding:5px 15px 5px 15px;
text-align:center;
font-size:20px;
line-height:1.3em;
}

#quizResult {
text-align:center;
}

#quizTitle {
position:absolute;
top:150px;
left:220px;
}

#quizIntro {
position:absolute;
top:300px;
left:220px;
width:350px;
text-align:center;
font-size:15px;
}

#quizImage {
position:absolute;
top:425px;
left:210px;
}

#quizIntro a {
font-size:24px;
font-weight:bold;
}


/* book page */

.book .heading {
position:absolute;
top:80px;
left:10px;
}

.book #bodyText {
position:absolute;
top:195px;
left:130px;
width:325px;
font-size:14px;
line-height:1.3em;
}

.book #readMore {
position:absolute;
top:525px;
left:300px;
width:300px;
line-height:1.3em;
}

.book #bodyText p {
margin:0;
}

.book #bodyText p.p2 {
padding-right:100px;
}

.book #bodyText img {
position:relative;
}

.book #book {
position:absolute;
top:190px;
left:385px;
}


/* t-shirts page */

.tshirts #content {
padding-top:165px;
}

.tshirts .heading {
position:absolute;
top:85px;
left:25px;
}

.shirt {
position:relative;
width:480px;
}

.shirt a {
color:#e25f21;
}

.shirt .thumbnail {
float:left;
width:290px;
}

.shirt .thumbnail p {
position:absolute;
margin:0;
width:50px;
top:80px;
left:213px;
text-align:center;
line-height:1.3em;
font-size:11px;
}

.shirt .text {
float:left;
padding:30px 0 0 0;
width:190px;
}

.shirt .text h2 {
margin:0 0 5px 0;
padding:0;
font-size:20px;
font-weight:normal;
}

.shirt .text a {
border-bottom:2px solid #e25f21;
font-size:14px;
font-weight:bold;
}

.tshirts #quizLocation {
position:absolute;
top:538px;
left:300px;
padding-bottom:0;
}


/* coloring page */

.colorings #content {
padding-top:100px;
text-align:center;
}

.colorings #quizLocation {
position:absolute;
top:538px;
left:300px;
padding-bottom:0;
}

.colorings .heading {
position:absolute;
top:85px;
left:25px;
}

.colorings .coloring {
float:left;
padding:0 40px 0 40px;
width:170px;
}

.colorings .coloring h3 {
margin:0;
padding:0;
font-weight:normal;
font-size:15px;
}

.colorings .coloring p {
font-weight:bold;
color:#a8955d;
}

.colorings .coloring a {
color:#e16529;
}