/*
Theme Name:			The Body 5
Theme URI:			http://the-body.biz
Description:		The Body goes 'HTML5'
Version:			5
Author:				Sebastian Berg (logo graphics), Petri Kovalainen & Aslak Junttu (photography) and Kalamuki (stuffing)
Author URI:			http://kalamuki.net
*/
header, nav, footer, aside, section, article { display:	block; }
html, body {
 min-height:		100%;
 height:			auto !important;
 height:			100%;
}
body {
 font:				1em/1.5 Cochin, Constantia, Georgia, Times, "Times New Roman", serif;
 margin:			0 auto;
 padding-bottom:	20px;
 text-align:		center;
 color:				#333;
 background:		#c3c3c3 url(images/taustaa3.jpg) fixed 30% 0;
 text-rendering:	optimizeLegibility;
}

strong { font-weight:bold; }
em { font-style:	italic; }
small { font-size:	80%; }
a {
 color:				rgb(0,113,169);
 background:		transparent;
 font-weight:		bold;
 text-decoration:	none;
 border-bottom:		1px dotted rgb(0,113,169);
}
a:visited { 
 color:				rgb(0,113,169);
 font-weight:		normal;
}
a:hover, a:active {
 color:				rgb(0,113,169);
 border-bottom:		1px solid rgb(0,113,169);
}
h1 a, h1 a:hover {
 border-bottom:		none;
 color:				rgb(255,255,255) !important;
}
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 #777;
}

#container {
 position:			relative;
 width:				800px;
 margin:			0 auto;
 text-align:		left;
 background:		rgb(200,200,200);
 background:		rgba(255,255,255,0.6);
 -webkit-box-shadow:0 5px 20px #333;
 -moz-box-shadow:	0 5px 20px #333;
 box-shadow:		0 5px 20px #333;
 -webkit-border-bottom-right-radius: 5px; 
 -webkit-border-bottom-left-radius: 5px; 
 -moz-border-radius-bottomright: 5px; 
 -moz-border-radius-bottomleft: 5px; 
 border-bottom-right-radius: 5px; 
 border-bottom-left-radius: 5px;
}
header { 
 width:				800px;
 text-align:		left;
 background:		#000 url(http://the-body.biz/wp-content/themes/thebody5/rotate/_d6n0944_thebody_small.jpg) no-repeat 0 -10px;
 height:			277px;
 z-index:			1;
 -webkit-box-shadow:0 1px 5px #555;
 -moz-box-shadow:	0 1px 5px #555;
 box-shadow:		0 1px 5px #555;
}
header h1 {
 width:				250px;
 height:			300px;
 position:			absolute;
 top:				-10px;
 right:				50px;
 color:				rgb(255,255,255);
 background:		rgb(0,113,169);
 z-index:			100;
 font-size:			30px;
 font-weight:		bold;
 text-align:		center;
 text-transform:	uppercase;
 padding:			0;
 margin:			0;
}
header h1 img {
 margin:			0;
 padding:			0;
}
nav {
 position:			relative;
 clear:				both;
 text-align:		center;
 font-weight:		bold;
 height:			27px;
 margin:			-27px 0 0;
 padding-left:		40px;
 background:		transparent;
 overflow:			hidden;
}
nav ul {
 list-style-type:	none;
 margin:			0;
 width:				auto;
 padding:			0;
 text-align:		left;
}
nav li {
 float:				left;
 font-size:			.9em;
 text-align:		left;
 margin-right:		1px;
}
nav li#contact { 
 margin-right:		0;
 padding-right:		0;
}
nav li a {
 display:			block;
 text-decoration:	none;
 font-weight:		bold;
 color:				rgb(0,113,169);
 background:		rgb(200,200,200);
 background:		rgba(255,255,255,0.6);
 border-bottom:		none;
 height:			22px;
 padding:			3px 10px 2px;
 -webkit-border-top-right-radius: 3px; 
 -webkit-border-top-left-radius: 3px; 
 -moz-border-radius-topright: 3px; 
 -moz-border-radius-topleft: 3px; 
 border-top-right-radius: 3px; 
 border-top-left-radius: 3px; 
}
nav li.current a {
 text-decoration:	none;
 background:		rgb(0,113,169);
 color:				#fff;
 border-bottom:		none;
}
nav li a:hover {
 text-decoration:	none;
 background:		#fff;
 color:				rgb(0,113,169);
 border-bottom:		none;
}
li.last { margin-left: 40px; }


#extra {
 position:			absolute;
 top:				0;
 right:				330px;
 height:			27px;
 float:				none !important;
}
#extra li {
 margin:			0 !important;
 float:				left;
}

#extra li a {
 overflow: 			hidden;
 height:			27px;
 padding:			0 3px;
 line-height:		2.3;
 -webkit-border-top-right-radius: 0; 
 -webkit-border-top-left-radius: 0; 
 -moz-border-radius-topright: 0; 
 -moz-border-radius-topleft: 0; 
 border-top-right-radius: 0; 
 border-top-left-radius: 0; 
}
#extra li.first a {
 -webkit-border-top-left-radius: 3px; 
 -moz-border-radius-topleft: 3px; 
 border-top-left-radius: 3px;
}
#extra li.last a {
 -webkit-border-top-right-radius: 3px; 
 -moz-border-radius-topright: 3px; 
 border-top-right-radius: 3px; 
}
#extra li a:hover {
 text-decoration:	none;
 background:		#fff;
 color:				rgb(0,113,169);
 border-bottom:		none;
}
#extra a img {
 width: 			14px;
 filter:			alpha(opacity=50);
 -moz-opacity:		0.5;
 -khtml-opacity:	0.5;
 opacity:			0.5;
 border: 			none !important;
}
#extra a:hover img {
 filter:			alpha(opacity=100);
 -moz-opacity:		1;
 -khtml-opacity:	1;
 opacity:			1;
}

#main {
 clear:				both;
 width:				470px;
 float:				left;
 text-align:		justify;
 color:				#333;
 background:		transparent;
 padding:			20px 0 0;
}

.post {
 clear: 			both;
 padding:			0 0 20px 40px;
 width:				430px;
}
.post header { 
 width:				auto;
 background:		none;
 height:			auto;
 z-index:			auto;
 -webkit-box-shadow:none;
 -moz-box-shadow:	none;
 box-shadow:		none;
}

article div#photos, article div#contact { 
margin: 30px 0; 
padding: 30px 0;
border-top: 1px dotted #eee;
}

#main h1 {
 position: relative;
 top: auto;
 right: auto;
 width: auto;
 height: auto;
 background: transparent;
 color: #333;
 text-align: left;
 margin:			0 0 10px 40px;
 font-size:			1.4em;
 line-height:		1.2;
 font-weight:		bold;
 padding-top:		10px;
 text-transform:	capitalize;
 text-shadow: 1px 1px 2px #aaa;
}
.post h1 { margin-left: 0 !important; }
#main img {
 color:				#272932;
 background:		#fff;
 border:			none;
 padding:			5px;
}
#main a img {
 color:				#272932;
 background:		transparent;
}
#main a:hover img {
 color:				#eee;
 background:		transparent;
}
.video-js-box img {
 background:		transparent;
 padding:			0 !important;
}

.post h1 a, h2 a, h3 a {
 text-decoration:	none;
 border-bottom:		none;
 background:		transparent;
}
.post h1 a:visited, h2 a:visited, h3 a:visited { font-weight: bold; }
.post h1 a:hover, h2 a:hover, h3 a:hover {
 text-decoration:	underline;
 border-bottom:		none;
}
h3 {
 margin:			0;
 font-size:			1.2em;
 line-height: 		1.2;
 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: 0; }
#main li h4, #main li p {
 margin-bottom:		.7em;
 margin-left:		0;
}
.edit { clear: both; }

#sidebar {
 position:			absolute;
 top:				0;
 right:				50px;
 width:				250px;
 text-align:		justify;
 padding:			266px 0 10px;
 margin-bottom:		1em;
 overflow:			hidden;
 font-size:			.9em;
 background:		rgb(0,113,169) url(images/sidebg.jpg) repeat 50% -45px;
 color:				#fff !important;
 -webkit-box-shadow:0 3px 10px #333;
 -moz-box-shadow:	0 3px 10px #333;
 box-shadow:		0 3px 10px #333;
 -webkit-border-bottom-right-radius: 5px;
 -webkit-border-bottom-left-radius: 5px;
 -moz-border-radius-bottomright: 5px;
 -moz-border-radius-bottomleft: 5px;
 border-bottom-right-radius: 5px;
 border-bottom-left-radius: 5px;
 -webkit-font-smoothing: antialiased;
}
#sidebar h3 {
 font-size:			1.5em;
 line-height:		1.3;
 text-align:		left;
 margin:			0 0 10px;
 padding:			0 20px;
}
#sidebar h4 {
 font-size: 		1.2em;
 line-height: 		1.2;
 text-align: 		left;
 padding: 			0 20px;
}
#sidebar p { padding: 0 20px; }
#sidebar ul {
 list-style:		none;
 margin:			.5em 0 1em;
 padding:			0 20px;
}
#sidebar li {
 margin-bottom:		.7em;
 margin-left:		0;
 line-height:		1;
}
#sidebar ul#lineup { margin-bottom: .5em; }
#sidebar ul#lineup li { margin-bottom: .3em; }
#sidebar ul#socialmedia { margin-bottom: 1.5em; }
#sidebar a {
 color:				#fff;
 border-bottom:		1px dotted #fff;
}
#sidebar a:hover { border-bottom: 1px solid #fff; }
#sidebar #jukebox {
 margin:			36px 0 20px;
 text-align:		left;
}
#sidebar #jquery_jplayer {
 position:			relative !important;
 padding:			0 0 0.5em !important;
 margin:			0 !important;
 top:				auto !important;
 height:			auto !important;
 line-height:		0 !important;
}
#sidebar audio, #sidebar #jquery_jplayer div { line-height: 0 !important; height: 0 !important; }
#jquery_jplayer embed { line-height: 0 !important; }
#jquery_jplayer p {
 font-size: 		.8em !important;
 line-height:		1.2 !important;
 }
.play-info { position: relative; }
form { margin:		1em 0; }
input, textarea {
 background-color:	#eee !important;
 border:			1px solid #777;
 padding:			.5em;
 margin:			0;
 -webkit-border-radius:	3px;
 -moz-border-radius: 3px;
 border-radius:3px; }
form label { line-height: 1; }

input#searchsubmit {
 width:				auto;
 padding:			.5em 1em;
 cursor:			pointer;
}

form#commentform textarea { width: 400px; }
form#commentform input#submit {
 width: 			auto;
 padding:			.5em 1em;
 cursor:			pointer;
}

.contactform form {
 text-align:		left !important;
 margin-left:		0 !important;
}
.contactform .contactleft, .contactform .contactright {
 float:				none !important;
 display:			block !important;
 width:				400px !important;
 text-align:		left !important;
 margin:			0 !important;
 padding:			0 !important;
}
.contactform .contactright {
 margin-bottom:		10px !important;
}

.contactform input { width:	200px; }
.contactform textarea {
 width: 			400px;
 height:			 50px;
}
.contactform input#contactsubmit {
 width:				auto;
 padding:			.5em 1em;
 cursor:			pointer;
}

input:focus, textarea:focus { background-color: #fff !important; }

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

div.navigation {
 clear: 			both;
 display:			block;
 margin:			0 auto;
 text-align:		center;
 padding:			10px 0 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 20px;
 text-align:		center;
}

footer p {
 margin:			10px 0;
 padding:			0;
}

/* video/audio & Flashplayer */
.flvPlayer, #player {
 margin:			.7em 0;
 z-index:			1000;
}
p#controls { display: none; }

p#demos { margin-top: -12px; }

/*.gallery { width: 430px !important; }*/
.gallery { padding: 20px 40px 0 !important; }
.gallery .gallery-item {
 width:				auto !important;
 margin:			0 13px 2px 0 !important;
 text-align:		left !important;
 float:				left;
 display:			inline; }
.gallery a { border-bottom: none; }
.post img, .gallery img {
 -webkit-box-shadow:1px 1px 3px #333;
 -moz-box-shadow:	1px 1px 3px #333;
 box-shadow:		1px 1px 3px #333;
 -webkit-border-radius: 3px; 
 -moz-border-radius: 3px; 
 border-radius: 	3px; 
 }
.post a img, .gallery a img {
 border:			1px solid #555 !important;
 padding:			0 !important;
}
.post a:hover img, .gallery a:hover img {
 border:			1px solid rgb(200,200,200) !important;
 -webkit-box-shadow:1px 1px 0 rgb(200,200,200);
 -moz-box-shadow:	1px 1px 0 rgb(200,200,200);
 box-shadow:		1px 1px 0 rgb(200,200,200);
}

img#wpstats { background: transparent; border: 0; padding: 0; height: 1px; }
#sb-wrapper *, #fancy_inner *, div#fancy_title div { font-family: Cochin, Constantia, Georgia, Times, "Times New Roman", serif !important; border: none !important; }
#sb-wrapper-inner { 
 -webkit-box-shadow:0 0 20px #000;
 -moz-box-shadow:	0 0 20px #000;
 box-shadow:		0 0 20px #000;
}