/*
Theme Name: Teatria
Theme URI: http://www.teatria.com/
Description: Designed by Oikosulku
Version: 1.5
Author: Markus Haataja
Author URI: http://www.oikosulku.net/
*/

html, body {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: arial, sans-serif;
	font-size: 13px;
	line-height: 1.4em;
	background: #000 url('./images/contentbg.jpg') top center repeat-y;
}

#headerbanner {
	background-color: #000;
}

/*---- Topmenu styling ---*/
#topmenuwrap {
	text-align: right;
	background-color: #000;
}

#topmenu
{
	background: url('./images/topmenu.jpg') no-repeat 0 0;
	height: 22px;
	list-style-type: none;
	float: right;
	margin: 0px;
	position: relative;
	width: 565px;
}
#topmenu li a span { position: absolute; top: -9000px; left: -9000px; height: 0; }
#topmenu li { display: inline; position: absolute; }
#topmenu li, #topmenu a { display: block; height: 22px; }

#topmenu #topmenu1 { left: 0; width: 110px; }
#topmenu #topmenu2 { left: 112px; width: 102px; }
#topmenu #topmenu3 { left: 216px; width: 68px; }
#topmenu #topmenu4 { left: 286px; width: 101px; }
#topmenu #topmenu5 { left: 389px; width: 63px; }
#topmenu #topmenu6 { left: 454px; width: 82px; }

#topmenu #topmenu1 a:hover { background: url('./images/topmenu.jpg') 0 -40px; }
#topmenu #topmenu2 a:hover { background: url('./images/topmenu.jpg') -112px -40px; }
#topmenu #topmenu3 a:hover { background: url('./images/topmenu.jpg') -216px -40px; }
#topmenu #topmenu4 a:hover { background: url('./images/topmenu.jpg') -286px -40px; }
#topmenu #topmenu5 a:hover { background: url('./images/topmenu.jpg') -389px -40px; }
#topmenu #topmenu6 a:hover { background: url('./images/topmenu.jpg') -454px -40px; }

#topmenu #topmenu1 a:active { background: url('./images/topmenu.jpg') 0 -40px; }
#topmenu #topmenu2 a:active { background: url('./images/topmenu.jpg') -112px -40px; }
#topmenu #topmenu3 a:active { background: url('./images/topmenu.jpg') -216px -40px; }
#topmenu #topmenu4 a:active { background: url('./images/topmenu.jpg') -286px -40px; }
#topmenu #topmenu5 a:active { background: url('./images/topmenu.jpg') -389px -40px; }
#topmenu #topmenu6 a:active { background: url('./images/topmenu.jpg') -454px -40px; }

#topmenu #topmenu1.active a, #topmenu #topmenu1.active a:hover { background: url('./images/topmenu.jpg') 0 -83px; }
#topmenu #topmenu2.active a, #topmenu #topmenu2.active a:hover { background: url('./images/topmenu.jpg') -112px -83px; }
#topmenu #topmenu3.active a, #topmenu #topmenu3.active a:hover { background: url('./images/topmenu.jpg') -216px -83px; }
#topmenu #topmenu4.active a, #topmenu #topmenu4.active a:hover { background: url('./images/topmenu.jpg') -286px -83px; }
#topmenu #topmenu5.active a, #topmenu #topmenu5.active a:hover { background: url('./images/topmenu.jpg') -389px -83px; }
#topmenu #topmenu6.active a, #topmenu #topmenu6.active a:hover { background: url('./images/topmenu.jpg') -454px -83px; }


#contentheader {
	height: 78px;
	background: transparent url('./images/contentheader.jpg') top left no-repeat;
}

/*---- Header styling ---*/

h1
{
	font-family: Arial, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	color: #000;
	margin: 0 0 20px 0; padding: 0;
}

h2
{
	font-family: Arial, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	margin: 10px 0 20px 0;
	color: #000;
}

h3
{
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	color: #000;
	margin: 0; padding: 0;
}

h4
{
	font-family: Arial, sans-serif;
	font-size: 1.0em;
	color: #000;
	margin: 0; padding: 0;
}

a, a:visited {
	color: #df7d00;
	text-decoration: none;
	background-color: transparent;	
}

a:hover {
	color: #df7d00;
	text-decoration: underline;
}

h1 a {
	color: #000;
}

h1 a:hover {
	text-decoration: underline;
}

ul.news {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

ul.news li {
	height: 50px;
	padding-left: 50px;
	margin: 0 0 20px 0;
	background-image: url('./images/newsbullet.gif');
	background-repeat: no-repeat;
	background-position: 0 .35em;
}

ul.news a {
	color: #df7d00;
}

#sidebar {

}

#liity {
	width: 264px;
	margin: 0 0 20px 0;
	padding: 18px;
	text-align: center;
	background-color: #000;
}

#liityform {
	width: 150px;
	margin: 0 0 0 52px;
	padding: 4px 6px;
	text-align: left;
	background-color: #000;
}

.tulevakeikka h2 {
	font-size: 1.2em;
}

.tulevakeikka .tapahtumathumb {
	width: 150px;
	height: 150px;
	float: left;
	margin: 0 12px 12px 0;
	padding: 4px;
	border: 1px solid #ccc;
}

.tulevakeikka .keikkacontent {
	margin: 0 0 0 162px;
}

.logos {
	width: 300px;
	margin: 0;
	text-align: center;
}

.logos img {
	margin: 10px 25px;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}