@charset "utf-8";
/*********************************************************************
CSS RESET
**********************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/*********************************************************************
CONTENT TYPOGRAPHY
**********************************************************************/

h1 { 
	background: url('../img/headline-border.gif') repeat-x 0 100%; 
	color: #30343a;
	font-size: 24px; 
	font-family: Georgia, Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height: 30px;
	margin: 0 0 22px; 
	padding: 0 0 10px;
}
#sidebar h1 {
	background: none;
	margin-bottom: 18px;
	padding: 0;
}
.blogpost-tpl h1 {
	margin: 0 0 10px;
	padding: 0;
	background: none;
}
h2 { clear: both; color: #30343a; font-family: Georgia, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; line-height: 24px; margin: 0 0 22px; }
h3 { clear: both; color: #30343a; font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin: 0; }
h4 { clear: both; color: #30343a; font-size: 12px; font-weight: bold; }

#content p { margin: 0 0 18px; }
#content ul { margin: 0 20px 22px 40px; }
#content a { color: #c93411; text-decoration: none; }
#content a:hover { text-decoration: underline; }
#sidebar p { margin: 0 0 13px; }

#sidebar ul.sponsors {
	background: none;
	list-style-type: none;
	position: relative;
}
#sidebar ul.sponsors li a, #sidebar ul.sponsors li a:hover {
	background: none;
	border: none;
	position: absolute;
	left: 45px;
	padding: 0;
	margin: 0;
	width: 130px;
}
#sidebar ul.sponsors li a span {
	height: 0;
	position: absolute;
	top: -9000px;
	left: -9000px;
}
#sidebar ul.sponsors #spons-01 a { height: 60px; top: 65px; }
#sidebar ul.sponsors #spons-02 a { height: 51px; top: 130px; }
#sidebar ul.sponsors #spons-03 a { height: 50px; top: 195px; }
/*#sidebar ul.sponsors #spons-04 a { height: 50px; top: 205px; }*/
#sidebar ul.sponsors #spons-05 a { height: 70px; top: 260px; }
#sidebar ul.sponsors #spons-06 a { height: 48px; top: 343px; }
#sidebar ul.sponsors #spons-07 a { height: 12px; top: 393px; }
#sidebar ul.sponsors #spons-08 a { height: 38px; top: 418px; }
#sidebar ul.sponsors #spons-09 a { height: 48px; top: 470px; }
#sidebar ul.sponsors #spons-10 a { height: 40px; top: 520px; }
#sidebar ul.sponsors #spons-11 a { height: 70px; top: 570px; }
#sidebar ul.sponsors #spons-12 a { height: 60px; top: 660px; }
/*#sidebar ul.sponsors #spons-13 a { height: 35px; top: 830px; }*/

#slider-container {
	position: relative;
	padding: 18px 18px 0;
	background: url(../img/slider-top.png) repeat-y left top;
}
#slider-container .ribbon {
	position: absolute;
	top: 12px;
	left: 10px;
	z-index: 1;
	width: 135px;
	height: 137px;
	background: url(../img/slider-ribbon.png) no-repeat left top;
}
#slider {
	width: 740px;
	height: 280px;
	background: #000;
	color: #fff;
}
#sponsors {
	padding: 30px 0 0;
	background: url(../img/bg-sponsors-top.png) no-repeat left top;
}
.en #sponsors {
	background-image: url(../img/bg-sponsors-top-en.png);
}
#sponsors .inner {
	min-height: 40px;
	padding: 0px 0 10px 30px;
	background: url(../img/bg-sponsors.png) repeat-y;
}
#sponsors .sponsor {
	position: relative;
	float: left;
	width: 137px;
	height: 99px;
	margin: 0 5px;
	text-align: center;
}
#sponsors .sponsor img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	max-width: 137px;
	max-height: 99px;
	margin: auto;
}

/* Blog */
#sidebar.blog {
	padding: 40px 14px 0 15px;
	width: 190px;
}
#sidebar.blog h3 {
	margin: 18px 0 10px;
}
.tagcloud {
	margin: 0 0 20px;
}
#sidebar.blog  ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
}
#sidebar.blog  ul li {
	margin: 3	px 0;
	padding: 0;
	background: transparent;
}
#sidebar.blog  ul li a {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
}
#sidebar.blog ul li a:hover {
	background: none;
	text-decoration: underline;
}

#content ul.blogpost-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
#content ul.blogpost-list li {
	margin: 25px 0;
	padding: 0;
}
.blogpost-link h1 {
	margin: 0 0 10px;
	padding: 0;
	background: none;
}
.blogpost-list h2 {
	margin: 0 0 5px;
}
.blogpost-info {
	margin: 0 0 13px;
	padding: 0 0 13px;
	background: url(../img/headline-border.gif) repeat-x left bottom;
	color: #8c9094;
}
.blogpost-tpl .blogpost-info {
	margin: 0 0 30px;
}
.blog .pagination {
	margin-top: 30px;
}
.blog .pagination span,
.blog .pagination a {
	padding: 3px;
}
.social-buttons {
	display: inline-block;
}
.social-buttons .button {
	position: relative;
	display: inline-block;
	margin-right: 5px;
}
.social-buttons .button.fb {
	top: 2px;
}
.social-buttons .button.twitter {
	top: 5px;
}
.blogpost-tpl .tags {
	margin-top: 17px;
}
.blogpost-tpl .author {
	margin: 20px 0 0;
}
.blogpost-tpl .author .author-content {
	float: right;
	width: 410px;
}
.comments,
.add-comment {
	margin: 35px 0 0;
}
.comments h2,
.add-comment h2 {
	margin: 0 0 10px;
}


/*********************************************************************
LAYOUT
**********************************************************************/

body {
	background: #18171b url('../img/bg-2012-fi.jpg') no-repeat 50% 0;
	font: 12px/18px "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;
	text-align: center;
}
body.en {
	background: #18171b url('../img/bg-2012-en.jpg') no-repeat 50% 0;
}
#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 800px;
}
#header {
	display: block;
	height: 216px;
	width: 800px;
}
#logo {
	display: block;
	height: 168px;
}
#main-nav {
	height: 38px;
	padding: 9px 9px 0;
	position: relative;
}
#container {
	background: url('../img/bg-container.png') repeat-y;
	padding: 0 10px;
	width: 800px;
}
.home #container {
	background: url('../img/bg-container-home.png') repeat-y;
}
.en.home #container {
	background: url('../img/bg-container-home-en.png') repeat-y;
}
#content {
	float: right;
	min-height: 350px;
	padding: 40px;
	padding-left: 0;
	width: 520px /*561px;*/
}
.home #content {
	padding: 30px 60px 30px 0;
	width: 441px;
	min-height: 200px;
}
.en.home #content {
	float: none;
	margin: 0 auto;
	padding: 30px 40px 0;
}
#sidebar {
	float: left;
	width: 219px;
}
#etusivu.home #sidebar {
	width: 200px;
	padding: 30px;
	padding-right: 0;
	background: none;
	min-height: 0;
}
#etusivu #sidebar {
	background: url('../img/sponssit-2012.gif') no-repeat 50% 15px;
	min-height: 1020px;
	*height: 1020px;
}
.hr { 
	clear: both;
	display: block;
	height: 1px;
}
#footer {
	background: url('../img/bg-footer.png') no-repeat;
	color: #b9b9b9; /*#986807;*/
	display: block;
	font-size: 11px;
	height: 50px;
	height/**/:/**/ 14px;
	margin-bottom: 20px;
	padding: 18px;
}
.home #footer {
	background: url('../img/bg-sponsors-bottom.png') no-repeat;
}
#footer #addthis {
	float: left;
}
#footer #addthis a {
	background: url('../img/social-icons.gif') no-repeat 100% 50%;
	color: #b9b9b9;
	display: block;
	padding-right: 65px;
	text-decoration: none;
}
#footer #addthis a:hover { text-decoration: underline; }
#footer #copyright {
	text-align: right;
}


/*********************************************************************
NAVIGAATIOT
**********************************************************************/

#main-nav ul {
	list-style-type: none;
	margin: 0 10px;
	width: 700px;
}
#main-nav ul li {
	display: inline;
	float: left;
	margin: 0 3px;
}
#main-nav ul li.current {
	background: url('../img/nav-current-left.gif') no-repeat 0 0;
}
#main-nav ul li.current a, #main-nav ul li.current a:hover {
	background: url('../img/nav-current-right.gif') no-repeat 100% 0;
	color: #fff;
	text-decoration: none;
}
#main-nav ul li a {
	color: #fff;
	display: block;
	font-weight: bold;
	padding: 6px 8px 4px;
	text-decoration: none;
	text-shadow: #b69336 -1px -1px 0px;
}
#main-nav ul li a:hover { text-decoration: underline; }

#main-nav #lang {
	list-style-type: none;
	position: absolute;
	top: 15px;
	right: 0px;
	width: 65px;
}
#main-nav #lang li {
	display: inline;
	float: left;
} 
#main-nav #lang .fi {
	background: url('../img/fi.gif') no-repeat;
	height: 18px;
	width: 24px;
}
#main-nav #lang .en {
	background: url('../img/en.gif') no-repeat;
	height: 18px;
	width: 24px;
}
#main-nav #lang a {
	display: block;
	height: 18px;
	width: 24px;
	padding: 0;
}
#main-nav #lang a span {
	position: absolute;
	left: -9000px;
	top: -9000px;
	height: 0;
}


#sidebar ul {
	list-style-type: none;
}
#sidebar ul li a {
	background: #f9f8f5 url('../img/submenu-li.gif') no-repeat 10px 7px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e3dfd1;
	color: #524b3f;
	display: block;
	font-size: 11px; 
	padding: 5px 15px 5px 35px;
	text-decoration: none;
}
#sidebar ul li a:hover { 
	background: #fff url('../img/submenu-li.gif') no-repeat 10px 7px; 
}
#sidebar ul li.current a, #sidebar ul li.current a:hover {
	background: #f9f8f5 url('../img/submenu-li.gif') no-repeat 10px -78px;
}

#sidebar ul li.current ul {
	background: #fff;
	border-bottom: 1px solid #e3dfd1;
}
#sidebar ul li.current ul li {
	margin-left: 33px;
}
#sidebar ul li.current ul li a {
	background: #fff;
	border-bottom: 1px solid #eae6df;
	color: #e3a90a;
	padding: 5px 10px 5px 10px;
}
#sidebar ul li.current ul li a:hover {
	background: #fff;
	color: #c9390d;
}
#sidebar ul li.current ul li.last a { 
	border: none;
}
#sidebar ul li.current ul li.current a {
	color: #c9390d;
	font-weight: bold;
}

#sidebar ul li.current ul li.current ul {
	background: #fff;
	border-bottom: none;
}
#sidebar ul li.current ul li.current ul li {
	margin-left: 20px;
}
#sidebar ul li.current ul li.last.current a { 
	/*border-bottom: 1px solid #eae6df;*/
}
#sidebar ul li.current ul li.last.current ul li.last a { 
	border: none;
}
#sidebar ul li.current ul li.current ul li.last a { 
	border-bottom: 1px solid #eae6df;
}
#sidebar ul li.current ul li.current ul li a {
	color: #c9390d;
	font-weight: normal;
	padding: 5px 20px 5px 10px;
}
#sidebar ul li.current ul li.current a/*,
#sidebar ul li.current ul li.current ul li.current a */ {
	background: #fff url('../img/submenu-li-li-current.gif') no-repeat 95% 10px;
}


/*********************************************************************
EXTRA
**********************************************************************/

#aikataulu {
	color: #333;
	text-align: left;
}
#aikataulu th, #aikataulu td {
	border: solid #e4e1d7;
	border-width: 0 1px 1px 0;
	font: 12px/16px "Lucida Grande", "Lucida Sans", Arial, Verdana, sans-serif;
	padding: 6px;
	vertical-align: top;
}
#aikataulu th {
	background: #f8cd5a;
	border-color: #dfb23a;
	font-weight: bold;
	padding: 10px 6px;
	text-align: center;
	vertical-align: middle;
}
#aikataulu th p, #aikataulu td p {
	margin: 0;
}
#aikataulu td .klo {
	color: #7277a2;
	font-size: 11px;
}
#aikataulu .spacer {
	background: #f6f4ec;
	height: 10px;
	padding: 0;
}
#aikataulu .pariton {
	background: #f6f4ec;
}

.spacer {
	margin: 0 7px;
}

.vasen {
	clear: left;
	float: left;
	margin: 0 15px 15px 0;
}
.oikea { 
	clear: right;
	float: right;
	margin: 0 0 15px 15px;
}