/* 
	COLORS
 	orange => #f26700
 	gray => #e2dfdb
 */
* {margin:0;padding: 0;}
html {
	border-bottom: 1px solid transparent;
	height: 100%;
}
body {
	font: 12px/1.5 Tahoma,sans-serif;
	background: #f26700 url('/images/layout/tausta.gif') repeat-x top center;
}
p,ul,ol,table {
	
}
ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {
	color: #333;
	font-family: Tahoma,sans-serif;
}
h1 {
	font-size: 13px;
	margin-bottom: 1em;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 1em;
}
.g8 h2 {
	font-size: 21px;
}
.g8 h2.harmaa {
	font-family: Verdana,sans-serif;
	font-size: 14px;
}
h3,h4,h5,h6 {
	margin-bottom: 1em;
}
a img, fieldset {border:none;}
a { 
	color: #f26803;
	text-decoration: none;}
a:visited {}
a:hover,a:focus {
	text-decoration: underline;
}
label {cursor: pointer;}
p,li {
	margin-bottom: 1em;
}
.kiitos {
	font-size: 20px;
	font-weight: bold;
	color: #339900;
}
.reunus {
	border: 3px solid #339900;
}
/* grid system */
#wrap{
	margin:0 auto;
	width:977px;
	overflow:hidden; 
}
.clear{overflow:hidden;}
.g11,.g10,.g9,.g8,.g7,.g6,.g4,.g3,.g2,.g1{margin:10px;float:left;;overflow:hidden;}.g11{width:860px;}.g10{width:780px;}.g9{width:700px;}.g8{width:630px;}.g7{width:540px;}.g6{width:460px;}.g4{width:300px;}.g3{width:220px;}.g2{width:140px;}.g1{width:60px;}

.floatLeft {
	float: left;
	margin: 5px 10px 10px 0;
}
.floatRight {
	float: right;
	margin: 5px 0 10px 10px;
}
.hide {
	display: none;
}
.red { background: red;}

/* layout */
.g12 {
	overflow: hidden;
}
.g12 #logo {
	background: url('/images/layout/sitra-maamerkit-logo.jpg') no-repeat;
	display: block;
	
	height: 90px;
	width: 390px;
	text-indent: -9999px;
	}
.g12 #nav {
	float: left;
	height: 38px;
	margin-left: 35px;
	width: 759px;
	}
	.g12 #nav li {
		display: inline;
		}		
		.g12 #nav li a {
			background: url('/images/layout/nav-tab-bg.png') repeat-x ;
			color: #F26700;
			float: left;
			font-family: Verdana,sans-serif;
			font-size: 13px;
			padding: 7px 30px;
			margin-right: 10px;
			position: relative;
			top: 5px;
			}
			.g12 #nav li a:hover,.g12 #nav li a:focus,.g12 #nav li a#selected {
				background: #e2dfdb;
				color: #333;
				-moz-box-shadow: 0px -2px 10px #a42500;
				-webkit-box-shadow: 0px -2px 10px #a42500;
				box-shadow: 0px -2px 10px #a42500;
				text-decoration: none;
				}	
.g12 #extra-nav {
	float: left;
	height: 38px;
	width: 156px;
	text-align: right;
	overflow: hidden;
	}
	.g12 #extra-nav li {
		display: inline;
		}		
		.g12 #extra-nav li a {
			color: #fff;
			position: relative;
			top: 4px;
			}
			.g12 #extra-nav li a:hover,.g12 #extra-nav li a:focus {
				text-decoration: underline;
				}	
#content {
	background: #e2dfdb;
	-moz-box-shadow: 0 -2px 10px #a42500;
	-webkit-box-shadow: 0 -2px 10px #a42500;
	box-shadow: 0 -2px 10px #a42500;
	margin: 0 auto;
	width: 960px;
	}
/* content headers with harmaa bg*/
#content .harmaa {
	background: url('/images/layout/harmaa-bg.png') repeat-x;
	padding: 10px 0 10px 20px !important;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;	
	border-radius: 10px 10px 0 0;	
}
#
#content .g4 .harmaa, #content .g8 .harmaa {
	
	font-weight: bold;	
}
#content .g4 .harmaa {
	margin: -15px 0 20px -22px;
	width: 265px !important;
}
#content .g8 .harmaa {
	margin: -20px 0 20px -28px;
	width: 612px !important;
}
#content .g4 {
	margin-right: 0;
	}
	#content .g4 div {
		background: #fff;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		margin: 10px 5px 10px 10px;
		padding: 15px 22px;
		overflow: hidden;
		}
		#content .g4 div p.clearLeft  {
			margin-left: 60px;
		}
#content .g8 {
	margin:10px 0 0 5px !important;
	}
	#content .g8 h1 {
		font-weight: normal;
		margin-bottom: 15px !important;
	}
	#content .g8 h1 span {
		font-size: 21px;
		float: right;
	}		
	#content .g8 div {
		background: #fff;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		margin-bottom: 10px;
		padding: 20px 28px;
		margin: 10px 0;
		}
		#content .g8 .ajatusform textarea,
		#content .g8 .ajatusform .olen,
		#content .g8 .ajatusform .nimi {
			border: 1px solid #b4b4b4;
		}			
		#content .g8 .ajatusform label {
			font-weight: bold;
			font-family: Verdana,sans-serif;
			display: block;
			margin: 10px 0;
			cursor: pointer;
		}
		#content .g8 .ajatusform .olen {
			margin-left: 15px;
		}
		#content .g8 .ajatusform .nimi {
			margin-left: 16px;
		}
		#content .g8 .ajatusform .laheta,
		#content .g8 .ajatusform .huom {
			margin-left: 52px;
		}																								
		#content .g8 div h1,#content .g8 div h2 {
			margin-bottom: 0;
		}					
		#content .g8 div h2 {
			font-weight: normal;
			margin-top: 40px;
		}					
		#content .g8 div a.lueLisaa {
			background: url('/images/layout/nuoli.png') no-repeat left center;
			font-size: 15px;
			font-weight: bold;
			padding-left:16px;
		}
		#content .g8 .flickr {
			background: url('/images/layout/flickr-logo.png') top center no-repeat;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			border-radius: 0;
			padding: 25px 0 0 0;
			margin-right: 10px;
			float: left;
			width: 181px;				
		}	
		#content .g8 .flickr:last-child {
			margin-right: 0;
		}
		#content .g8 .flickr p {
			line-height: 1.4;
			margin: 19px 0;
		}
		#content .g8 .flickr p span {
			font-size: 11px;
			display: block;
			margin-top: 5px;
		}	
		#content .g8 hr {
			color: #b2b2b2;
			background-color: #b2b2b2;
			clear: both;
		}					
		#content .g8 #socialFeeds {
			margin: 15px 0;
			}
			#content .g8 #socialFeeds span {
				font-size: 10px;
				margin-left: 5px;
			}
			#content .g8 #socialFeeds li {
				padding-left: 30px;
				background-position: left 3px !important;					
				background-repeat: no-repeat !important;
			}
			#content .g8 #socialFeeds .twitFeed{
				background: url('/images/layout/twitFeed.png');
			}
			#content .g8 #socialFeeds .faceFeed{
				background: url('/images/layout/faceFeed.png');
			}
		#content #socialPalvelut a {
			margin-right: 20px;
		}
#content .g8 #suodatin {
	clear: both;
	background: url('/images/layout/soudatin-bg.png') repeat-x;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin-top: 30px;
	margin-left: -28px;
	width: 574px;
	}
	#content .g8 #suodatin ul {
		float: left;
		left: -15px;
		margin:0 !important;
		overflow: hidden;
		padding-top: 2px;
		padding:0 !important;
		position: relative;
		top: -5px;
    width: 354px !important;
	}
	#content .g8 #suodatin ul li {
		display: inline;
	}
	#content .g8 #suodatin ul li a {
		background: url('/images/layout/suodatus-a-bg.png') repeat-x;
		border: 1px solid #c3c3c3;
		float: left;
		margin-right: 3px;
		display: block;
		padding: 9px 22px 10px 22px;	
	}
	#content .g8 #suodatin ul li a:hover,
	#content .g8 #suodatin ul li a:focus,
	#content .g8 #suodatin ul li a#suodatettu {
		color: #333;
		border-bottom: none;
		background: #fff;
		position: relative;
		padding: 10px 22px;		
		top: 0px;		
		text-decoration: none;	
	}
	#content .g8 #suodatin form {
		float: left;
	  width: 190px;
	}			
	#content .g8 #suodatin select {
		border: 1px solid #ccc;
		padding: 1px 0 1px 4px;
	}
.idea {
	background: url('/images/layout/idea-bg.png') top right no-repeat !important;
	border: 3px solid #ccc;
	padding: 0 !important;
	overflow: visible !important;
	margin-bottom: 30px !important;
	}
	.idea-txt {
		float: left !important;
		padding: 0 15px!important;
		width: 345px;
	}
	.idea-links {
		clear: both;
		width: 204px;
		border: 3px solid #ccc;
		padding: 10px 15px !important;
		position: relative !important;
		margin-left: 346px !important;
		bottom: -30px !important;
		}
.idea-links .box {
	margin: 10px 0 0 0 !important;
	padding: 0 !important;
}		
		.idea-links h3 {
			margin-bottom: 5px;
		}
		.idea-links li { margin-bottom: 3px; }
		.idea-links a {
			font-weight: bold;
			background: url('/images/layout/nuoli.png') no-repeat left center;
			padding-left: 15px;
		}		
.pagination {
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	text-align: center !important;
	padding: 0 !important;
	}
	.pagination .disabled {
		display: none;
	}
	.pagination a {
		display: block;
		color: #fff;
		padding: 1px 10px;
		background: url('/images/layout/sivut-a-bg.png') repeat-x;
		float: left;
		margin-right: 5px;
		text-decoration: none;
		}
		.pagination a:hover,
		.pagination a:focus,
		.pagination span {
			display: block;
			padding: 1px 10px;
			float: left;
			background: #fff;
			color: #333;
		}
		.pagination a:first-child,	
		.pagination a:last-child {
			background: none !important;
			color: #f26500;
		}
		.pagination a.disabled{
			background: none;
			color: #f26500;
		}
#content #lainauskupla {
	background: url('/images/lainauskupla.png') no-repeat top center;
	height: 144px;
	padding-left: 40px;
	margin-left: 75px;
	width: 144px;
	}
	#content #lainauskupla p {
		color: #666;
		font-size: 17px;
		line-height: 1.1;
		text-align: right;
		margin:0;
		}
		#content #lainauskupla p+p {
			font-size: 13px;
			margin-top: 60px;
		}
#content #aikajana {
	clear: both;
	display: block;
	margin: 0 auto;
	padding: 50px 0 30px 0;
	width: 928px;
}				
#footer {
	border-top: 2px solid #c2bfbe;
	background: #E2DFDB !important;
	color: #685f5b;
	-moz-border-radius-bottomright: 28px;
	-webkit-border-bottom-right-radius: 28px;
	border-radius: 0 0 28px 0;	
	margin: 0 8px 50px 9px;
	padding: 10px 22px 5px;
	}		
	#content #footer p {
		margin: 0 0 3px 0;
	}
	#content #footer p a {
		color: #5F3894;
	}	
.corners {display: none;}

/* lomakkeet */
#yhteystietolomake {
	font-size: 14px;
	width: 440px;
}	
#yhteystietolomake label {
	text-transform: capitalize;
	}			
#yhteystietolomake input {
	border: 1px solid #000;
	padding: 2px;
}
#yhteystietolomake input#osoite {
	width: 410px;
}					
#yhteystietolomake input#osallistu-button {
	border: none;
	margin-top: 20px;
}				
#yhteystietolomake fieldset {
	clear: both;
	margin: 0 0 5px 0;padding:0;
}	
#yhteystietolomake fieldset fieldset {
	clear: none !important;
}	
#yhteystietolomake fieldset.g3 input {
	width: 190px;
}	

/* loppuraportti */
#loppuraportti, #loppuraportti > * {
  margin:0 !important;
  padding:0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}
#loppuraportti div {
  width: 338px;
  float: left;
}
#loppuraportti div h2 {
  margin: 0 !important;
  width: 317px;
}
#loppuraportti div p {
  width: 317px;
}
#lataa_box {
  background: url('/images/lataa_box_tausta.jpg') no-repeat !important;
  float: left;  
  height: 196px;
  width: 186px !important;
  padding: 25px !important;
}
#lataa_box h3 {
  font-size: 17px;
  font-weight: normal;
  line-height: 1.2;
}
#lataa_box h3,
#lataa_box p { 
  color: #666;
  margin: 0 0 10px 3px;
  padding: 0;
}
#lataa_box p {
  line-height: 1.3;
  width: 147px !important;
}
/* puhekuplat */
ul#puhekuplat {
 list-style: none;
 margin:0;padding:0;
 width: 556px;
 clear: both;
}
ul#puhekuplat li {
  padding: 0 !important;
  margin: 0 0 15px 0 !important;

}
ul#puhekuplat li p { margin: 0; padding:0; }
ul#puhekuplat li img {
  width: 69px;
} 
ul#puhekuplat div {
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
} 
ul#puhekuplat div.puhe {
  position: relative;
  padding: 17px 0 0 0 !important;
  width: 487px;
}
ul#puhekuplat div.puheLeft {
  position: relative;
  padding: 17px 0 0 0 !important;
  width: 487px; 
  left: 84px; 
}
ul#puhekuplat div.puhetxt {
  background: url('/images/puhekupla_tausta.jpg');
  padding: 10px 0 25px 25px !important;
}
ul#puhekuplat div.puhetxt p {
  width: 400px;
}
ul#puhekuplat div.top {
  background: url('/images/kulmat.jpg') no-repeat;
  background-position: top;
  height: 17px;
  width: 487px;
  position: absolute;
  top:0;
}
ul#puhekuplat div.bottom {
  background: url('/images/kulmat.jpg') no-repeat;
  background-position: bottom;
  height: 17px;
  width: 487px;
  position: absolute;
  bottom:0;
}
ul#puhekuplat div.puhe div.rightBubble {
  background: url('/images/puhekupla_oikealle.jpg') no-repeat;
  position: absolute;
  top: 20px;
  right: 0;
  height: 20px;
  width: 21px;
}
ul#puhekuplat div.puhe img.rightPic {
  height: 66px;
  width: 69px;
  position: absolute;
  top: 7px;
  right: -65px;
}
ul#puhekuplat div.leftBubble {
  background: url('/images/puhekupla_vasemmalle.jpg') no-repeat;
  position: absolute;
  top: 20px;
  left: -12px;
  height: 18px;
  width: 19px;  
}
ul#puhekuplat img.leftPic {
  height: 66px;
  width: 69px;
  position: absolute;
  top: 7px;
  left: -78px;
}

/* mielipide form */
#mielipide {
  background:url('/images/mielipide_form_tausta.jpg') no-repeat !important;
  height: 320px;
  width: 525px;
  padding: 30px;
}
#mielipide h3 {
  font-size: 21px;
  font-weight: normal;
  margin-bottom: 5px;
}
#mielipide fieldset {
  margin-bottom: 5px;
}
#mielipide textarea {
  margin-bottom: 10px;
}
#mielipide label {
  font-weight: bold;
  margin-left: 5px;
}