@charset "utf-8";
html, body, 
ul, ol, li, 
h1, h2, h3, h4, h5, h6, 
map, area, 
blockquote, img, a, span, p, 
form, input, select, textarea, fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
	outline-style: none;
}

/**
 * Default styles
 */ 
body {
	background: center top no-repeat url(../gfx/bg.jpg) #001A33;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

div.clear { clear: both; }
div.clear2 { clear: both; display: block; height: 0.1px; overflow: hidden; }

a:link,
a:visited { color: #0097C9; text-decoration: underline; }

a:hover,
a:active { text-decoration: none; }

img { display: block; }
p.icons { margin-top: 15px; }
p.icons img { display: inline; }
ul, ol { margin: 7px 0px 7px 20px; }
ul ul,
ul ol, 
ol ol,
ol ul { margin-bottom: auto; margin-top: auto; }

table {margin: 7px 0px 7px 0px; }

h1,h2,h3,h4,h5,h6 { color: #0097C9; }
h1 { font-size: 19px; font-weight: normal; }
h2 { font-size: 17px; font-weight: normal; }
h3 { font-size: 15px; font-weight: bold; }
h4 { font-size: 13px; font-weight: bold; }
h5 { font-size: 13px; font-weight: bold; font-style: italic; }
h6 { font-size: 13px; font-weight: normal; font-style: italic; }

p { margin: 7px 0px 7px 0px; }
p.lead { font-size: 14px; color: #000000; }

span.blue { font-size: 14px; color: #0097C9; font-weight: bold; }
/**
 * Layout
 */
div.wrap { width: 1000px; margin: 0 auto;  }

/**
 * Content
 */
#content { position: absolute; margin-left: 422px; width: 578px; z-index: 2000; color: #000000; }
#content div.content {  background-color: #FFFFFF; min-height: 700px; padding: 47px; }
/**
 * Menu
 */
#menu { position: absolute; width: 235px; height: 181px; margin: 0px 0px 0px 217px; }

/**
 * Calendar
 */
div.cal-item { margin-bottom: 25px; }
div.cal-today { border: 2px solid #FFCC00; }
div.cal-item div.date { float: left; width: 50px; text-align: center; background-color: #efefef; padding: 5px 0px 5px 0px; }
div.cal-item div.date h4 { font-size: 18px; }
div.cal-item div.date div.name { font-size: 14px; font-weight: bold; text-transform: uppercase; }

div.cal-item div.text { float: left; width: 410px; padding: 10px 0px 10px 20px; border-top: 1px solid #efefef; }
/**
 * twitter-chooser
 */
#twitter-chooser { 
	width: 400px; height: 200px; position: absolute; top: 50%; left: 50%; margin: -100px 0px 0px -200px; background: top left no-repeat url(../gfx/choose-twitter.png);
	z-index: 2000;
}
#twitter-chooser img { display: inline; }
#twitter-chooser div.content { padding: 20px; color: #000000; }
#twitter-chooser a:link,
#twitter-chooser a:visited { color: #000000; text-decoration: none; }
#twitter-chooser a:hover,
#twitter-chooser a:active { text-decoration: underline; }

#lang a:link,
#lang a:visited { text-decoration: none; }
#lang a:hover,
#lang a:active { text-decoration: underline; }

/**
 * Submenu
 */
#submenu { position: absolute; width: 135px; margin: 40px 0px 0px 860px; }
#submenu a:link,
#submenu a:visited { color: #FFFFFF; text-decoration: none; margin: 0px 0px 1px 0px; font-size: 13px; display: block; font-weight: bold; }
/*#submenu a:visited { color: #003955; text-decoration: none; font-size: 16px; display: block; font-weight: bold; }*/

#submenu a.active:link,
#submenu a.active:visited,
#submenu a:active,
#submenu a:hover { color: #FFCC00; text-decoration: none; font-size: 13px; display: block; }

/**
 * Subsubmenu
 */
#subsubmenu { position: absolute; width: 135px; margin: 280px 0px 0px 860px; font-size: 13px; color: #FFFFFF; }
#subsubmenu a:link,
#subsubmenu a:visited { color: #ffffff; text-decoration: none; font-size: 13px; }

#subsubmenu a.active:link,
#subsubmenu a.active:visited,
#subsubmenu a:active,
#subsubmenu a:hover { color: #FFCC00; text-decoration: none; font-size: 13px; }

/**
 * Kaart
 */
#kaart { position: absolute; width: 234px; margin: 20px 0px 0px 20px; }

/**
 * Oluline
 */
#oluline { position: absolute; z-index: 600; width: 234px; margin: 250px 0px 0px 0px; }
#oluline h2 { font-size: 17px; font-weight: normal; color: #FFFFFF; margin: 0px; }
#oluline div.content { width: 170px; height: 70px; padding: 5px 0px 0px 0px; overflow: hidden; }
#oluline div.content p { margin: 0px; padding: 0px; }
#oluline div.content a:link,
#oluline div.content a:visited { color: #ffffff; text-decoration: unerline; }
#oluline div.content a:hover,
#oluline div.content a:active { color: #ffffff; text-decoration: none;  }

#oluline div.time { font-size: 10px; color: #FFFFFF; font-style: italic; }

#oluline a.tweet:link,
#oluline a.tweet:visited { margin: 5px 0px 0px 0px; width: 175px; display: block; height: 20px; background: url(../gfx/blank.gif); text-decoration: none; }
#oluline a.tweet:hover,
#oluline a.tweet:active { text-decoration: none;  }
/**
 * Elujooks
 */
#elujooks { position: absolute; width: 294px; margin: 23px 0px 0px 524px; }

/**
 * Kontakt
 */
#kontakt { position: absolute; z-index: 500; width: 234px; margin: 340px 0px 0px 101px; }

/**
 * Video
 */
#video { z-index: 1500; position: absolute; width: 295px; margin: 412px 0px 0px 664px; }
#video div.left { float: left; width: 200px; }
#video div.right { float: left; width: 95px; }

#video div.item { margin-bottom: 20px; padding-left: 10px; }
#video a:link,
#video a:visited { font-size: 11px; color: #FFFFFF; text-decoration: none; }
#video a:hover,
#video a:active { text-decoration: underline; }
#video a.title:link,
#video a.title:visited { padding: 4px 0px 4px 5px; display: block; font-size: 11px; color: #FFFFFF; text-decoration: none; }
#video a.title:hover,
#video a.title:active { text-decoration: underline; }

#video a.flickr:link,
#video a.flickr:visited { width: 75px; height: 75px; display: block; overflow: hidden; margin-bottom: 10px; text-decoration: none; }
#video a.flickr:hover,
#video a.flickr:active { text-decoration: none; }

#video hr { width: 295px; border: none; height: 1px; background: none; border-top: 1px solid #006699; padding: 0px; margin: 0px 0px 3px 0px; clear: both; }
#video a.more:link,
#video a.more:visited { padding-left: 7px; font-size: 11px; color: #FFFFFF; text-decoration: none; }
#video a.more:hover,
#video a.more:active { text-decoration: underline; }

div.video-item { float: left; width: 141px; overflow: hidden; margin-right: 10px; margin-left: 10px; margin-bottom: 20px; }
/**
 * Toetajad
 */
#toetajad { position: absolute; padding-bottom: 500px; width: 339px; overflow: hidden; text-align: center; margin: 885px 0px 0px 37px; }
#toetajad img { margin-bottom: 25px; display: inline; vertical-align: middle; }
#toetajad hr { width: 339px; border: none; height: 1px; background: none; border-top: 1px solid #ffffff; padding: 0px; margin: 15px 0px 15px 0px; }
#toetajad hr.blue { border-top: 1px solid #006699; }

#toetajad2 { position: absolute; padding-bottom: 500px; width: 260px; overflow: hidden; text-align: center; margin: 670px 0px 0px 0px; }

#blog { position: absolute; width: 348px; padding-bottom: 500px; margin: 830px 0px 0px 529px; }
#blog div.item { padding-bottom: 20px; padding-left: 7px; padding-right: 7px; }
#blog div.item h2 { font-size: 15px; text-transform: uppercase; color: #0099CC; margin-bottom: 0px; }
#blog div.item h2 a:link,
#blog div.item h2 a:visited { text-decoration: none; color: #0099CC; }
#blog div.item h2 a:hover,
#blog div.item h2 a:active { text-decoration: underline; color: #0099CC; }
#blog div.item div.content a:link,
#blog div.item div.content a:visited { color: #FFFFFF; text-decoration: none; }
#blog div.item div.content a:hover,
#blog div.item div.content a:active { color: #FFFFFF; text-decoration: underline; }

#blog hr { width: 348px; border: none; height: 1px; background: none; border-top: 1px solid #006699; padding: 0px; margin: 0px 0px 7px 0px; }
#blog a.more:link,
#blog a.more:visited { padding-left: 7px; font-size: 11px; color: #FFFFFF; text-decoration: none; }
#blog a.more:hover,
#blog a.more:active { text-decoration: underline; }