/* oulunpysakoniti.fi 2010 */

/* ## Basics 
---------------------------------------- */

html {
	background: #3ad9ff url("../img/htmlrepeat.jpg") top center repeat-x;
	}

body {
	background: transparent url("../img/bodybg.jpg") top center no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	}

h1	{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: -1px;
	line-height: 1.2em;
	color: #4a4a4a;
	margin-bottom: 15px;
	}
div#header h1 {
	font-size: 3.4em;
	}
h2  {
	font-size: 1.6em;
	font-weight: 100;
	padding-bottom: 10px;
	color: #4a4a4a;
	margin-bottom: 6px;
	}
h3  {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
	color: #558844;
	margin-bottom: 6px;
	}

h4  {
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
                line-height: 1.2em;
	color: #77aa88;
	margin-bottom: 4px;
	}


a:link,
a:visited {
	color: #a26d3c;
	}
a:hover {
	color: #020202;
	}
p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.2em;
	color: #414042;
	}
div#content p {
	padding-bottom: 1.4em;
}
	
/* ## Structure 
---------------------------------------- */


div#pagewrap {
	width: 960px;
	margin: 0 auto;
	font-size: 1.2em;
	}
div#top {
	padding-top: 35px;
	width: 960px;
}
div#header {
	height: 425px;
	width: 960px;
	background: transparent url("../img/headerbg.png") top center no-repeat;
	overflow: hidden;
	}
	div#slidewrap {
		overflow: hidden;
		width: 920px;
		height: 340px;
        margin-left: 20px;
        padding-top: 35px;
        position: relative;
	}
	div#header div.leftheader {
		width: 380px;
		padding: 10px 35px 0 10px;
                margin-right: 25px;
	}
	div#header div.leftheader p { xheight: 20px; margin-bottom: 17px; }
            div#header ul.timetable { padding-top: 25px; width: 370px; display: inline; }
            div#header ul.timetable li { width: 360px; display: inline; margin: 0; padding: 0; }
            div#header ul.timetable li a { width: 170px; display: block; padding: 3px 0; float: left;}
            
            .time, .cost { text-align: right; font-size: 1.2em; font-weight: bold; }
            .date, .price { text-align: left; font-size: 1.0em; font-weight: normal; }

	div#header div.rightheader {
		width: 440px;
		height: 340px;
        margin-bottom: 25px;
        float: left;
	}
	ul#sliderwindow {
		width: 9000px;
	}
	ul#sliderwindow li {
		width: 920px;
		xheight: 340px;
		xdisplay: block;
	}


ul.fixer {
list-style-type: disc;
	width: auto;
	height: auto;
  list-style-position: inside;
margin-left: 19px;
margin-top: 5px;
}


ul#instructions, ul#pagetitle {
	width: 960px;
	height: 221px;
	background: transparent url("../img/contenttopbg.png") top center no-repeat;
	}
ul#pagetitle { height: 68px; }
	
	ul#instructions li, ul#pagetitle li {
		position: relative;
		left: 38px;
		float: left;
		margin-left: 10px;
		display: inline;
	}
	ul#instructions li { width: 280px; } 
        ul#instructions li h1, ul#pagetitle li h1 {
                font-size: 20px;
                color: #fff;
                padding-top: 30px;
                font-weight: normal;
                text-shadow: 2px 2px 2px #437f3d;
        }
        ul#pagetitle li h1 { margin-bottom: 0;}
        ul#pagetitle li h1 a:link,  ul#pagetitle li h1 a:visited { color: #fff; }
        ul#pagetitle li h1 a:hover { color: #e0eedf; }
        ul#instructions li p {
                color: #fff;
                padding-top: 7px;
                font-size: 13px;
                line-height: 14px;
                height: 80px;
                text-shadow: 2px 2px 2px #437f3d;
        }
        ul#instructions strong {
                display: block;
                color: #dcebda;
                font-size: 13px;
 text-shadow: 1px 1px 1px #437f3d;
        }
        
div#content {
	background: transparent url("../img/contentrepeatbg.png") top center repeat-y;
	margin: 0;
	padding: 0;
	}

	div#leftcontent {
	width: 540px;
	margin: 35px 5px 5px 45px;
	display: inline;
	}
	
	div#rightcontent {
	width: 300px;
    padding: 28px;
    display: inline;
	}
		ul.newslist, ul.subpagelist { width: 295px; padding-left: 5px; }
		ul.newslist li, ul.subpagelist li a { border-bottom: 1px dotted gray; padding: 8px 0 8px 0; }
		ul.newslist li a, ul.subpagelist li a { display: block; }
		ul.newslist li small {
			font-size: 0.9em;
			color: gray;
		}
		ul.subpagelist li { display: block; height: 1%; }
		ul.subpagelist ul li a { text-indent: 25px; }
		
		div#rightcontent span.phone {
			font-size: 0.8em;
			color: #589751;
			padding-top: 4px;
			display: block;
		}
	
div#footer {
	width: 960px;
	height: 120px;
	background: transparent url("../img/footerbg.png") top center no-repeat;
}
	div#footer p {
		margin: 25px 15px 0 0;
		color: #969696;
		font-size: 0.9em;
	}
/* Helpers */

.left {
	float: left;
	}
.right {
	float: right;
	}
.hide {
	display: none;
	}
.img_right {
	float: right;
	margin: 0 0 20px 20px;
	display: inline; /*IE6*/
	}
.img_left {
	float: left;
	margin: 0 20px 20px 0;
	display: inline; /*IE6*/
	}
/* ## Forms 
---------------------------------------- */

div#leftcontent form {
    width: 500px;
    margin: 10px 0;
}
    div#leftcontent label {
        display: block;
        width: 180px;
        float: left;
        color: #589751;
    }
    input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; }
    div#leftcontent input {
        width: 380px;
        padding: 7px 5px;
        margin-bottom: 8px;
        border: 1px solid #d6d6d6;
    }
  
    div#leftcontent textarea {
        width: 380px;
        height: 150px;
        padding: 7px 5px;
        margin-bottom: 8px;
        border: 1px solid #d6d6d6;
    }
    div#leftcontent .submit {
        xfloat: right;
       xmargin-right: 8px;
        width: 392px;
        color: #fff;
        background-color: #589751;
        border: none;
    }
    
/* ## Tables
--------------------------------------------------------- */
table {
	font-size:1.0em;
	background:#fff;
	width:520px;
	border-collapse:collapse;
	text-align:left;
     margin:10px 0;
	}

table th {
	font-size:1.2em;
	font-weight:bold;
	color:#589751;
	border-bottom:1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
	padding:10px 8px;
	vertical-align: top;
	}

table td{
	color:#353535;
	padding:9px 8px;
    border-right: 1px solid #d6d6d6;
	vertical-align: top;
	}

table tbody tr:hover td{
	color:#589751;
        font-weight: bold;
        background-color: #fefefe;
	}

/* ## Logo 
---------------------------------------- */

div#top h1 a {
	display: block;
	height: 93px;
	width: 280px;
	text-indent: -9999px;
	background: url('../img/logo.png') no-repeat top left;
	padding: 5px 10px;
	margin-left: 15px;
	}

/* ## Navigations 
---------------------------------------- */

div#header ul.navigation {
	display: inline; /*IE6*/
	margin-left: 20px;
}
div#top ul.navigation {
	display: inline; /*IE6*/
	margin-top: 25px;
	}
ul.navigation li {
	float: left;
	position: relative;
	}
ul.navigation li a, ul.navigation li a:visited {
	display: block;
	padding: 16px 14px;
	font-size: 1.1em;
	color: #4e4e4e;
	font-weight: bold;
	}
div#top ul.navigation li a:hover, div#top ul.navigation li a.active {
    color: #589751;
}
div#header ul.navigation li a {
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #f2f2f2;
}
	
div#header ul.navigation li.first a { background: transparent url("../img/navigation.png") 0 0 no-repeat; border-left: none; }
div#header ul.navigation li.last a { background: transparent url("../img/navigation.png") 100% 0 no-repeat; border-right: none; }
div#header ul.navigation li a { background: transparent url("../img/navigation.png") -25px 0 no-repeat; }

div#header ul.navigation li a:hover,
div#header ul.navigation li a.active { background: transparent url("../img/navigation.png") -25px -48px no-repeat; color: #488d41; }
div#header ul.navigation li.first a:hover,
div#header ul.navigation li.first a.active { background: transparent url("../img/navigation.png") 0 -48px no-repeat; color: #488d41; }
div#header ul.navigation li.last a:hover,
div#header ul.navigation li.last a.active { background: transparent url("../img/navigation.png") 100% -48px no-repeat; color: #488d41; }

/* ## Clearfix
-------------------------------------------- */

.group:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
	.group {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .group { height: 1%;}
	.group {display: block;}
	/* End hide from IE-mac */