/*
Theme Name: Kuninkaantien pyöräily
Description: Teema Kuninkaantien pyöräily sivulle.
Version: 1.0
Author: EdullinenWebHotelli.com
Author URI: http://www.edullinenwebhotelli.com/

*/

/* Ulkoasu */
body {
	background-image:url("images/background.png");
	font-family: Arial;
	font-size: 14px;
	margin:20px 0 20px 0;
	padding:0;	
}
div.clean {
	clear: both;
	padding-bottom: 20px;	
}
a img {
	border: 0;	
}
#container, div.container_top ,  div.container_bottom{ behavior: url("/iepngfix.htc"); }

#container {
	background-image:url("images/content_bg.png");	
	background-repeat: repeat-y;
	margin: 0 auto;
	width: 922px;
}
div.container_top {
		background-image:url("images/content_top.png");	
		height:17px;
		width:922px;
		margin: 0 auto;
}
div.container_bottom{
		background-image:url("images/content_bottom.png");	
		height:17px;
		width:922px;
		margin: 0 auto;
}


/* Yläosa */
#header {
	position: relative;
	height: 120px;

	/*float:left; */
}
#header div.header_title {
	position: absolute;
	top: 3px;
	left: 182px;	
}
#header p {
	width: 480px;	
	font-weight: bolder;
	margin:0;
	padding:0;
}
#header img {
	margin: 0 40px;	
}

/* Navigaatio */
#navigation {
	float:left;
	margin-left: 19px;
	width: 195px;
	margin-top: 50px;
}
#navigation ul {
	list-style-type: none;
	padding:0;
	margin:0;
}
#navigation ul.login {
	margin-top: 30px;	
}
#navigation ul li {
	padding: 10px 0 10px 20px;
}
#navigation ul li.current_page_item {
	background-image: url("images/navigation_sel.png");
	background-position: left 10px;
	background-repeat: no-repeat;	
}
#navigation ul li.current_page_ancestor {
	background-image: url("images/navigation_sel.png");
	background-position: left 10px;
	background-repeat: no-repeat;
}
#navigation ul li a {
	color: #4C4C4C;
	text-decoration: none;
}

#navigation ul li a:hover {
	text-decoration: underline;	
}
#navigation ul li.current_page_item a{
	color: red;		
}
#navigation ul li.current_page_item li a {
	color: #4C4C4C;
}
#navigation ul li.current_page_ancestor li.current_page_item {
	background-image: none;
}

#navigation ul li.current_page_ancestor li.current_page_item  a {
	color: red;
}

/* Sisältö */
#content {
	float:left;
	width: 550px;
	margin-top: 50px;	
}
/* Ilmoittautuminen , Anna palautetta */
#content input,#content textarea {
	font-family: Arial;	
}
#content input.long {
	width: 450px;
	font-size: 1.2em;	
}
#content input.medium {
	width: 250px;
	font-size: 1.2em;	
}
#content textarea.medium {
	width: 450px;
	height: 60px;
	font-size: 1.2em;		
}
#content textarea.large {
	width: 450px;
	height: 180px;
	font-size: 1.2em;		
}
/* Hinnasto */
#content table.hinnasto {
	font-size: 0.9em;
	border-collapse: collapse;
}
#content table.hinnasto caption {
	font-size: 1.0em;
	font-weight: bold;
	border-bottom: 1px solid #D5D5D5;
	
}
#content table.hinnasto td {
	border-bottom: 1px solid #D5D5D5;
	vertical-align: top;
	padding: 5px;
}
#content table.hinnasto tr.header {
	font-weight: bold;	
}

/* Bannerit */
#banners {
	float:left;
	width: 100px;
	margin-left: 30px;
	margin-top: 50px;
}
#banners h3 {
	margin:0;	
	padding-left: 5px;
	font-weight: lighter;
	font-size: 1.6em;
	padding-bottom: 8px;
}
#banners hr {
	border: 0;
 	color: #4C4C4C;
	background-color:#4C4C4C;
	height: 2px;	
}
#banners a img {
	border: 0;	
}
/* Galleria */
div.gallery {
	
}
dl.gallery-item {
	float:left;
	padding: 2px;
	margin:0;
}
div.gallery img{
	border: 2px solid #4C4C4C;
}
div.gallery br {
	margin:0;
	padding:0;	
}

/* Typographia */
ul {
	padding:0;
	margin:0;	
}
h1,h2 {
	margin:0;
	padding:0;	
}
p {
	margin:0;
	padding: 10px 0;	
}
#header h1 {
		
}

#header h2 {
	color: #2C2C2C;
}
.png {
	background-image: expression(
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + (this.tagName==\'IMG\' ? this[\'src\'] : this.currentStyle[\'backgroundImage\'].split(\'\"\')[1]) + ")",
	this.runtimeStyle.backgroundImage = "none",
	this.src = "images/pixel.gif",
	this.width = this.style.width | this.clientWidth,
	this.height = this.style.height | this.clientHeight
	);
}