/*
Theme Name: The Body blues
Theme URI: http://the-body.biz
Description: The Body - blue
Version: 4
Author: Sebastian Berg & Kalamuki
Author URI: http://kalamuki.net
*/
html, body {
 min-height: 100%;
 height: auto !important;
 height: 100%;
}
/* 006BA7 */
html {
 color: #fff; 
 background: #777 url(/wp-content/themes/thebody/images/taustaa3.jpg) repeat 0 0;
 background: #c3c3c3 url(/wp-content/themes/thebody/images/taustaa4.jpg) repeat 30% 0; 
}
body {
 font: 1em/normal Cochin, Constantia, Georgia, Times, "Times New Roman", serif;
 margin: 0 auto;
 text-align: center;
 color: #fff;
 background: transparent;
}
strong { font-weight: bold; }
em { font-style: italic; }
small { font-size: 80%; }
a {
 color: #fff;
 background: transparent;
 font-weight: bold;
 text-decoration: none;
 border-bottom: 1px dotted #fff;
}
a:visited { color: #fff; font-weight: normal; }
a:hover { color: #ddd; border-bottom: 1px solid #ddd; }
h1 a, h1 a:hover { border-bottom: none; }
p.kuvat a, p.kuvat a:hover { border-bottom: none; }
img { border: none; }

blockquote { margin: 1em 0 1em 5px; padding-left: 13px; border-left: 3px solid #0083bb; }
blockquote { margin: 1em 0 1em 5px; padding-left: 13px; border-left: 3px solid #fff; }

#main img {
 color: #272932;
 background: #fff;
 border: none;
 padding: 5px;
}
#main a img { color: #272932; background: #fff; }
#main a:hover img { color: #eee; background: #0083bb; }
#main .even a:hover img { background: #006BA7 !important; }
#container {
 position: relative;
 width: 800px;
 margin: 0 auto;
 text-align: center;
}
h1 {
 width: 777px;
 padding-top: 30px;
 padding-left: 23px;
 height: 2.7em;
 min-height: 125px;
 position: relative;
 text-align: left;
 text-transform: uppercase;
 font-size: 3em;
 font-weight: bold;
 color: #111;
 background: #fff;
}
#thebody-home h1 { height: 10em; min-height: 480px; }
h1 span {
 background: transparent url(images/head-background-smaller.jpg) no-repeat 0 0;
 position: absolute;
 width: 100%;
 height: 100%;
 margin-top: -30px;
 margin-left: -23px;
}
#thebody-home h1 span { background: transparent url(images/head-background.jpg) no-repeat 0 0; }
#navi {
 position: absolute;
 top: 20px;
 left: 438px;
 text-align: center;
 font-weight: bold;
 text-transform: uppercase;
 width: 340px;
 height: 2em;
 margin: 10px 0 0 0;
 color: #111;
}
#navi ul {
 list-style-type: none;
 margin: 0;
 width: auto;
 height: 25px;
 padding: .1em 0;
 text-align: left;
}
#navi li {
 float: left;
 margin-right: 15px;
 margin-bottom: 0;
 font-size: .9em;
 text-align: left;
 width: 70px;
}
#navi li#contact { margin-right: 0; padding-right: 0; }
#navi li a {
 display: block;
 float: left;
 text-decoration: none;
 font-weight: bold;
 color: #006BA7;
 background: transparent;
 border-bottom: none;
}
#navi li a:hover, #navi li.current a { text-decoration: none; border-bottom: 3px solid #006BA7; }
#info { 
 position: absolute;
 top: 4em;
 left: 438px;
 text-align: left;
 width: 340px;
 margin: 10px 20px 0 0;
 color: #111;
 font-size: .9em;
}
#info a { color: #006BA7; border-color: #006BA7; }
#info a:hover {
 color: #0083bb;
}
#info ul { margin-bottom: 5px; }
#info h3 { margin: 5px 0 !important; }
#main {
 clear: both;
 width: 750px;
 float: none;
 text-align: left;
/* background: #006BA7 url(images/background.jpg) no-repeat 0 0;*/
 background: #777;
 padding: 20px 0;
 border: 25px solid #fff;
 border-top: 0;
}
#main div.post { padding: 1px 30px 10px; }
/*#main .even { background: #777; }*/
#sidebar {
 clear: both;
 width: auto;
 float: none;
 text-align: left;
 margin-top: 0;
 margin-bottom: 2em;
 overflow: hidden;
}
h2 {
 margin: 0 0 15px 30px;
 font-size: 1.5em;
 line-height: 90%;
 font-weight: bold;
 padding-top: 20px;
}
h2 a, h3 a {
 text-decoration: none;
 border-bottom: none;
 color: #fff;
 background: transparent;
}
h2 a:visited { font-weight: bold; }
h2 a:hover, h3 a:hover { text-decoration: underline; border-bottom: none; }
h3 {
 margin: 15px 0 5px;
 font-size: 1.5em;
 font-weight: bold;
}
#main h4 {
 font-size: 1.1em;
 font-weight: bold;
}
p { margin: .2em 0 .5em; line-height: 110%; }
p.date {
 font-size: 90%;
 padding-bottom: .4em;
 margin-bottom: 0;
 font-weight: normal;
 color: #272932;
 background: transparent;
}
p.date-news {
 font-size: 90%;
 font-weight: normal;
 margin: 0 0 .7em;
}
p.meta {
 font-size: 90%;
 text-transform: lowercase;
 margin: -0.5em 0 1em;
}
.more {
 font-size: 90%;
 text-transform: lowercase;
 margin: 0;
}
#main ul, #main ol, #main dl { margin-top: .5em; margin-left: 20px; list-style-type: disc; }
#main li { margin-bottom: .5em; }
#main li h4, #main li p { margin-bottom: .7em; margin-left: 0; }
#sidebar ul {
 list-style: none;
 margin-top: .5em;
 margin-left: 23px;
}
#sidebar li {
 margin-bottom: .7em;
 margin-left: 0;
 line-height: 1;
}
#sidebar ul#lineup { margin-bottom: .4em; }
#sidebar ul#lineup li { margin-bottom: .3em; }
form { margin: 1em 0 1em 23px; }
form#commentform { margin-left: 0; }
#sidebar form { margin-left: 13px; }
form input#s {
 background-color: #fff;
 border-width: 1px;
 padding: .2em;
}
form input#searchsubmit {
 background-color: #ccc;
 border-width: 1px;
 width: 5em;
}
form#commentform textarea { width: 300px; }

ol.commentlist { list-style-type: decimal !important; margin-bottom: 30px; }
ol.commentlist li { margin-bottom: 5px; }

div.navigation {
 display: block;
 margin: 0 auto;
 text-align: center;
 padding: 10px 30px 0;
 height: 30px;
}
.alignright { float: right; }
.alignleft { float: left; }
img.alignright { margin: .2em 0 .2em .5em; }
img.alignleft { margin: .2em .5em .2em 0; }
#footer {
 clear: both;
 margin: 0;
 padding: 0 0 90px;
 text-align: right;
 background: transparent url(images/foot-background-c3c3c3.jpg) no-repeat 50% 0;
/* background: transparent;*/
/*height: 25px;*/
/*background: #fff;*/
}
#footer p { margin: 0; padding: 0; }
/* Flashplayer */
.flvPlayer, #player { margin: .7em 0; z-index: 1000; }
p#demos { margin-top: -12px; }

.contactform form { width: 500px; }
.contactform form input, .contactform form textarea { width: 200px; padding: .5em; background: #fff; border: 1px solid #777; }
.contactform form input#contactsubmit { width: auto; border: 1px solid #333; padding: .5em 1em; cursor: pointer; }
.contactform form div { margin-bottom: 0; }
.gallery .gallery-item { width: 150px; margin: 10px 20px 10px 0 !important; }
.gallery .gallery-item a { border-bottom: none; }
.gallery .gallery-item dd { display: none; }