/*

css for medusan nuori taiteilija maarit suomi-väänänen

Copyright: MedusaWorks Oy
Johannes
MiLo

*/


html {
	width: 100%;
	font-size: 100.1%;
	background: #FCFCFC url(./imgs/background_left.jpg) no-repeat left top;
}
body{
	font: normal normal 62.5% Arial, Helvetica, sans-serif;
	color: #555;
	background: transparent url(./imgs/background_right.jpg) no-repeat right top;
/* 	margin-left: 15%; */
}
.container {
	margin-left: 120px;
	width: 860px;
}
h1{
	font: normal bold 2.0em Arial, Helvetica, sans-serif;
}
h2, h3{
	font: normal bold 1.25em Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
	margin-top: 1em;
}
h2{
	font-size: 1.5em;
}
h4{
	font: normal normal 1.25em Arial, Helvetica, sans-serif;
	margin-top: 1em;
}
.Cvotsikko {
	font: normal normal 1.2em Arial, Helvetica, sans-serif;
	margin-top: 1em;
	display: block;
	margin-bottom: 15px;}
h5{
	font: normal bold 1em Arial, Helvetica, sans-serif
}

a{
	outline: none;
}
a:link{
	color: #779;
	text-decoration: none;
}
a:visited{
	color: #777;
	text-decoration: none;
}
a:hover{
	color: #999;
	text-decoration: underline;
}
a:active{
	color: #EEE;
}

ul.circle{
	list-style-type: disc;
	padding-left: 2em;
	line-height: 1em;
}


h1#artist-name{
	padding-top: 2em;
	padding-bottom: 2em;
}
h1#artist-name a{
	color: inherit;
	display: block;
}
h1#artist-name a span{
	display: block;
	float: left;
}
h1#artist-name a span.desc{
	display: none;
}
h1#artist-name a:hover span.desc{
	display: block;
	width: 300px;
}
h1#artist-name a:hover span.title{
	display: none;
}

#navigation{
	clear: left;
	float: left;
	font-size: 1.5em;
	width: 15%;
}
#navigation li{
}
#navigation li a{
	padding-right: 7px;
	background: #FFF url(./imgs/corner_right_top.gif) no-repeat right top;
}
/* css away subnavi*/
#navigation li ul{
	display: none;
}

.menu {
width: 135px;
height:auto;
}
.filmo {
position: relative;
top: 120px;
left: -20px;
display: block;
}

a#filmo{
	position: absolute;
	left: 120px;
	top: 200px;
}
a#language{
	position: absolute;
	left: 120px;
	top: 220px;
}

#content{
	font-size: 1.2em;
	padding-right: 15%;
	padding-bottom: 10em;
	padding-left: 15%;
}
#contento {
	width: 700px;
	}
.otsikko {
	display: block;
	font-size: 1.25em;
	font-weight: bold;
	}
.ingressi {
	display: block;
	margin: 5px 0px 15px 0px;}

.Cvesitykset {
	display: block;
	margin-bottom: 20px;}
/* content formating for työ-listaus */
/* src esim:

div	<div id="sisalto_2_1" class="sisalto_1">
<h2>Lorem Ipsum</h2>
<p>Sarja, 12 teosta
<br />

<br />
<img src="http://kompakki.medusa.fi/maarit_suomi-vaananen/cms/img/text/6/a-bit-scary-really.jpg" border="0" vspace="0" hspace="3" alt="" name="kuva2"></p>

</div>

*/

#sisalto_2_1{
	width: 400px;
}
#sisalto_2_1 p{

}
#sisalto_2_1 h2{
}
#sisalto_2_1 img{

}
#tab1, #tab2, #tab3, #tab4, #tab5 {
	margin-top: 10px;
	
}
.esitykset, .ohjaajan, .data, .kuvaus, .tyoryhma {
	
}
.teoswrapper {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #999999;
	}
.teos {
	margin-bottom: 20px;
	}
.teosnav {
	width: 100%;
	height: 40px;
	display: block;
	}
ul.teos li {
margin-bottom: 10px;}
/*
ul.teos li {float: left;
	width: 240px;
height: 250px;}
.teosnimi {
display: block;} */
.subsection_tabs ul {
	display:inline;}
.subsection_tabs li {
	float: left;
	display: inline;
	}
.subsection_tabs a{
	display: block;
	width: 99px;
	#width: 95px;
	_width: 94px;
	height: 20px;
	border-top: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
	padding: 5px 5px 5px 10px;
	#padding: 5px 0px 5px 0px;
	_padding: 5px 0px 5px 0px;
	text-align:center;
	margin-bottom: 10px;
}
.subsection_tabs a:hover{
	background: #666666;
}
#footer {
	color: #999999;
	display: block;
	height: 23px;
	width: 830px;
	line-height: 23px;
	text-align:right;
	}
#footer img {
	position: relative;
	top: 7px;
	}