/* **************************************************** 

Title: 		GetSimple CSS Document
Author: 	Chris Cagle
URL: 			http://www.cagintranet.com/ 
					http://get-simple.info/
Created: 	September 2, 2009

**************************************************** */

/** GLOBAL RESETS **/
:link,:visited {text-decoration:underline;}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:400;}
ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}

/** GLOBAL SETS **/
	body,
	html {
	margin: 10px 0 25px 25px;
	font-family: Verdana, Arial, sans-serif;
		padding:0;
		color:#fff;
		background:#212733;
		font-size:13px;
		
	}
	#wrap {
		width:900px;
		margin: 30px auto;
		background:#212733;
	}

p {
	margin: 1em 0 1em 0;
	}

h2 {font-size:1.5em;
	margin: 0.8em 0;

}

h3 {font-size:1.2em;
	margin: 1em 0;

}

ul {
	margin: 1em 0;

}
	
	
/* Header */

#header {
/*	width: 900px;*/
	height: 100px;
	margin: 0px auto;
	background: #212733;

}

#header a {
	text-decoration: none;
/*
	color: #FFFFFF;
	*/
}



	.main {
		float:left;
		width:430px;
		padding:10px 20px 10px 0px;
		background:#212733;
	}
	h2, h3, h4, h5, dt {
		margin:0 0 1em;
		color:#feb729;
	}

	dd {
		margin:0 0 0.5em 1em;
	}

	.sidebar {
		float:right;
		width:430px;
		padding:10px;
		background:#212733;
	}

	.sidebar img {
		float:right;
	}

	.sidebar img.nofirst {
		float:right;
		margin-top:20px;
	}
	
	.line {
		clear:both;
		padding:5px 10px;
		background:#212793;
		background: url(img/line.gif) repeat-x left top;
	}
	
	#footer {
		clear:both;
		padding:5px 10px;
		background:#212733;
		color:#aaa;
	}
	
	
	#footer p {
		margin:0;
    }
    
	#footer p#contact_left {
		font-size: 0.8em;
		float:left;
		width:430px;
    }

	#footer p#contact_right {
		float:right;
		text-align:right;
		width:200px;
		
    }
    

    
	* html #footer {
		height:1px;
	}


a {
color:#fff;
text-decoration:underline;
}

h2 a {
color:#feb729;
}

/* Logo */

#logo {
	float: left;
	background: url(img/ohjelmamestarit_logo.gif) no-repeat left top;
	padding: 0px;
/* 	width: 400px; */
}

#logo a {
	color: #fff;
}

#logo h1, #logo p {

text-indent:-1000em;
	margin: 0px;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
}

#logo h1 a {
	display:block;
/*
margin: 25px 0px 0px 0px;
*/
	width:338px;
	height:100px;
}




#menu {
	float: right;
/*	background: #243F12;
	border-top: 2px #9BC56F solid;
*/
	margin: 0;

}

#menu ul {
	margin: 0px 0 0 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}





/*==============================
style the list
==============================*/
/* separate the list from surrounding elements */
ul
{
/*
	margin: 0 0 1em 2em;
	padding: 0;
*/
}
ul li
{
	/* Stipulate the height of each item so that 
	vertical return = items * height */
	line-height: 1.4em;

	/* Clear the default margins & padding 
	so we can style the list from scratch */
	margin: 0;
	padding: 0;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there's a level above HTML: */

* html ul li
{
	position: relative;
}
  
/* set the horizontal positions of the columns */
ul li.column1 { margin-left: 0em; }
ul li.column2 { margin-left: 14em; }
ul li.column3 { margin-left: 24em; }

/* Bring the first item of each column back up to the level of item 1.
	Vertical return = items * height.
	Here, 5 items * 1.4em line-height = 6em */
li.reset
{
	margin-top: -4.2em;
}

/* anchor styling */
ul li.column1 a
{
	display: block;
	width: 12em;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
}

ul li.column2 a
{
	display: block;
	width: 7.5em;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
}

ul li a
{
	color: #b9babe;
}

ul li a:hover
{
	color: #feb729;
	text-decoration: underline;

}