@import "_styles.css";

/*
	Suggested order:
--------------------------------------------------
	display, position, float, clear
	width, height
	margin, padding
	border, background
	color, font, line-height, text-align, text-decoration
	vertical-align, white-space, overflow, cursor, list-style
*/

BODY, INPUT, SELECT, TEXTAREA, BUTTON, TD, TH, BLOCKQUOTE {
	color: #202020;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
BODY {
	min-width: 840px;
	padding-bottom: 20px;
	background: #fff url(bg_body.jpg) no-repeat 50% 0;
	line-height: 1.5;
	text-align: center;
}

H1, H2, H3, H4, H5, H6 {
	color: #084b88;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
}
H1 {
	font-size: 1.7em;
}
H2 {
	font-size: 1.4em;
}
H3, H4, H5, H6 {
	font-size: 1.2em;
}

A {
	color: #1080c7;
	text-decoration: none;
}
A:hover {
	color: #084b88;
	text-decoration: underline;
}


OL {
	margin-left: 3em;
}
OL OL {
	margin: .3em 0 .5em 3em;
}
UL {
	margin-left: 1.5em;
}
UL LI {
	padding-left: 12px;
	background: url(dot01.gif) no-repeat 0 6px;
}
UL UL {
	margin: .3em 0 .5em 1.5em;
}

/* =layout
-------------------------------------------------- */
#wrap {
	width: 840px;
	margin: 0 auto;
	text-align: left;
}
#header {
	position: relative;
	height: 110px;
}
#content {
	float: left;
	width: 500px;
}
#sidebar {
	float: right;
	width: 320px;
	line-height: 1.3;
}

/* =header
-------------------------------------------------- */
#logo,
#logo A {
	width: 255px;
	height: 61px;
	overflow: hidden;
	background: url(logo.jpg) no-repeat 100% 0;
}
#logo {
	position: absolute;
	left: 0;
	top: 25px;
	z-index: 3;
	margin: 0;
}
#logo A {
	display: block;
	text-indent: -5000px;
}

/* links */

#links {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 1;
	margin: 0;
	font-size: 10px;
}
#links A {
	color: #fff;
}
#links SPAN {
	margin: 0 2px;
	color: #10d0ea;
}

/* nav */

.nav {
	position: absolute;
	right: 0;
	top: 40px;
	z-index: 2;
	width: 447px;
	height: 40px;
	margin: 0;
	background: url(bg_nav.png) no-repeat;
}
.nav li {
	display: inline;
	padding: 0;
	background: none;
}
.nav li a {
	outline: none;
}
.nav li a:link,
.nav li a:visited {
	position: absolute;
	top: 0;
	height: 40px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}

/* esileht */

.nav .home a:link,
.nav .home a:visited {
	left: 0;
	width: 78px;
}
.nav .home a:hover,
.nav .home a:focus {
	background: url(bg_nav.png) no-repeat 0 -40px;
}
.current-home .home a:link,
.current-home .home a:visited {
	background: url(bg_nav.png) no-repeat 0 -80px !important;
}
.nav-home,
.nav-home-click {
	position: absolute;
	top: 0;
	left: 0;
	width: 78px;
	height: 40px;
	background: url(bg_nav.png) no-repeat 0 -40px;
}

/* laadi üles */

.nav .upload a:link,
.nav .upload a:visited {
	left: 79px;
	width: 103px;
}
.nav .upload a:hover,
.nav .upload a:focus {
	background: url(bg_nav.png) no-repeat -79px -40px;
}
.current-upload .upload a:link,
.current-upload .upload a:visited {
	background: url(bg_nav.png) no-repeat -79px -80px !important;
}
.nav-upload,
.nav-upload-click {
	position: absolute;
	top: 0;
	left: 79px;
	width: 103px;
	height: 40px;
	background: url(bg_nav.png) no-repeat -79px -40px;
}

/* Vaata */

.nav .watch a:link,
.nav .watch a:visited {
	left: 183px;
	width: 71px;
}
.nav .watch a:hover,
.nav .watch a:focus {
	background: url(bg_nav.png) no-repeat -183px -40px;
}
.current-watch .watch a:link,
.current-watch .watch a:visited {
	background: url(bg_nav.png) no-repeat -183px -80px !important;
}
.nav-watch,
.nav-watch-click {
	position: absolute;
	top: 0;
	left: 183px;
	width: 71px;
	height: 40px;
	background: url(bg_nav.png) no-repeat -183px -40px;
}

/* reeglid */

.nav .rules a:link,
.nav .rules a:visited {
	left: 255px;
	width: 84px;
}
.nav .rules a:hover,
.nav .rules a:focus {
	background: url(bg_nav.png) no-repeat -255px -40px;
}
.current-rules .rules a:link,
.current-rules .rules a:visited {
	background: url(bg_nav.png) no-repeat -255px -80px !important;
}
.nav-rules,
.nav-rules-click {
	position: absolute;
	top: 0;
	left: 255px;
	width: 84px;
	height: 40px;
	background: url(bg_nav.png) no-repeat -255px -40px;
}

/* tutvustus */

.nav .story a:link,
.nav .story a:visited {
	left: 340px;
	width: 107px;
}
.nav .story a:hover,
.nav .story a:focus {
	background: url(bg_nav.png) no-repeat -340px -40px;
}
.current-story .story a:link,
.current-story .story a:visited {
	background: url(bg_nav.png) no-repeat -340px -80px !important;
}
.nav-story,
.nav-story-click {
	position: absolute;
	top: 0;
	left: 340px;
	width: 107px;
	height: 40px;
	background: url(bg_nav.png) no-repeat -340px -40px;
}

/* =content
-------------------------------------------------- */
#content DIV.content {
	margin-top: 20px;
	padding: 0 20px;
}
DIV.frame-content IFRAME {
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
}
#content DIV.mt20 {
	margin-top: 20px !important;
}

P.info {
	font-size: 11px;
}
P.info SPAN {
	margin: 0 .1em;
	color: #c0c0c0;
}

P.more {
	font-size: 11px;
	line-height: normal;
	overflow: hidden;
}
P.more A {
	float: left;
	padding-left: 12px;
	background: url(bg_more.gif) no-repeat 2px 4px;
}

/*
DIV.group01,
DIV.group01-inner,
DIV.group01 DIV.col1,
DIV.group01 DIV.col2 {
	background: url(bg_group01.png) no-repeat 0 0;
}
DIV.group01 {
	margin-bottom: 20px;
	background-repeat: repeat-y;
}
DIV.group01-inner {
	padding-bottom: 12px;
	background-position: -840px 100%;
}
DIV.group01 DIV.col1 {
	float: left;
	width: 520px;
	background-position: -1680px 0;
	color: #404040;
}
DIV.group01 DIV.col1 P.img {
	margin: 0;
}
DIV.group01 DIV.col1 DIV.content {
	margin-top: 1.5em;
	padding-top: 1.3em;
	border-top: 1px solid #deedfd;
}
DIV.group01 DIV.col2 {
	float: right;
	width: 320px;
	background-position: -2200px 0;
}
DIV.group01 DIV.col2 P.info A {
	color: #084b88;
}
DIV.group01 DIV.col1-inner,
DIV.group01 DIV.col2-inner {
	padding: 20px 20px 0;
}

DIV.group01 H1,
DIV.group01 H2 {
	margin: 0 0 .5em;
}
DIV.group01 P,
DIV.group01 OL,
DIV.group01 UL {
	margin: 0 0 .6em;
}
DIV.group01 P.action {
	padding-top: .2em;
}
*/

/* intro */

DIV.intro,
DIV.intro {
	width: 500px;
	overflow: hidden;
	padding-bottom: 12px;
	background-color: #fff;
	background-position: 0 100%;
}
DIV.intro DIV.a {
	padding: 20px 20px 2px;
}
DIV.intro P {
	margin: 0;
	color: #404040;
}
DIV.intro DIV.content {
	margin-top: 19px;
	padding: 10px 0 0 !important;
	border-top: 1px solid #deedfd;
}

/* important */

DIV.important,
DIV.important DIV.a {
	background: url(bg_important.png) no-repeat 0 0;
}
DIV.important {
	width: 320px;
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 12px;
	background-color: #fff;
	background-position: 0 100%;
}
DIV.important DIV.a {
	padding: 8px 20px;
}
DIV.important A {
	color: #084b88;
}
DIV.important H2 {
	margin-top: .75em;
}
DIV.important P.more {
	margin-top: 1em !important;
}
DIV.important P.action {
	margin-top: 1em !important;
}

/* comment */

DIV.comment DIV.header {
	overflow: hidden;
}
DIV.comment DIV.header P.img {
	float: left;
	width: 44px;
	margin: 0 !important;
}
DIV.comment DIV.header P.img IMG {
	width: 40px;
	height: 40px;
	padding: 1px;
	border: 1px solid;
	border-color: #e0e0e0 #d0d0d0 #d0d0d0 #e0e0e0;
	background: #fff;
}
DIV.comment DIV.header H2 {
	float: right;
	width: 226px;
	margin: 2px 0 0;
}

/* =sidebar
-------------------------------------------------- */
#sidebar P {
	margin-top: .6em;
}
#sidebar UL {
	margin-left: .5em;
}
#sidebar LI {
	display: block;
	padding-bottom: .5em;
}

#sidebar DIV.box {
	margin-bottom: 15px;
	padding: 0 20px 20px;
	background: url(bg_box.gif) no-repeat 20px 100%;
}
#sidebar DIV.box H2 {
	margin: 0;
}

#sidebar P.sponsor {
	margin-top: -14px;
	padding: 20px 0 0 30px !important;
	background: url(bg_box.gif) no-repeat 20px 0;
	overflow: hidden;
}
#sidebar P.sponsor A,
#sidebar P.sponsor IMG {
	float: left;
}
#sidebar P.sponsor A {
	margin-right: 20px;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#sidebar P.sponsor A:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

UL.video {
	margin: 0;
}
UL.video LI {
	display: block;
	padding: 10px 0 0;
	background: none;
}
UL.video P.img {
	float: left;
	width: 104px;
	overflow: hidden;
	margin: 0 !important;
}
UL.video P.img IMG {
	width: 100px;
	height: 75px;
	padding: 1px;
	border: 1px solid;
	border-color: #e0e0e0 #c0c0c0 #c0c0c0 #e0e0e0;
	background: #fff;
}
UL.video P.img A:hover IMG {
	border-color: #4ca0d5 #1080c7 #1080c7 #4ca0d5;
}
UL.video DIV.content {
	float: right;
	width: 166px;
	overflow: hidden;
}
UL.video DIV.content H3 {
	margin: .2em 0;
	font-size: 12px;
}
UL.video DIV.content H3 A {
	color: #084b88;
}
UL.video DIV.content P {
	margin-top: .1em !important;
	color: #606060;
	font-size: 11px;
	line-height: normal;
}
UL.video DIV.content P SPAN {
	color: #c0c0c0;
}
UL.video DIV.content P STRONG {
	color: #202020;
	font-weight: normal;
}

/* =tables
-------------------------------------------------- */
TABLE.data {

}

TABLE.form {

}

/* =inputs & buttons
-------------------------------------------------- */
INPUT.text {

}
INPUT.min {

}
INPUT.small {

}
INPUT.wide {

}
INPUT.max {

}
INPUT.date {

}

INPUT.button {

}

/* =footer
-------------------------------------------------- */
#footer {
	margin-top: 20px;
	border-top: 1px solid #deedfd;
}
#footer P {
	margin-top: .5em;
	color: #606060;
	font-size: 11px;
}

/* =IE fixes
-------------------------------------------------- */
* HTML {  } /* IE6 */
*+HTML {  } /* IE7 */