/*  
Theme Name: Puhujat.fi
Theme URI: Puhujat.fi
Description: Puhujat.fi
Version: 1.0
Author: Andreas Hamberg
*/
* { margin:0; padding:0;}

body
{
	background-color:#151517;
	color:#fff;
	text-align: center;
	font-size: 75%;
	line-height: 1.7em;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	list-style-image: url(img/li.gif);
	background-image:url(img/bg.gif);
	background-repeat:repeat-x;
	background-position:top;

}


h1, h2, h3, h4, h5 {
	color:#27adeb;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight:normal;
	margin: 0;
	padding: 0;
	
}


h1 {
	line-height: 26px;
	font-size: 20px;
	margin: 0 0 15px 0;
}

h2 {
	line-height: 26px;
	font-size: 17px;
	margin: 0 0 5px 0;
}

p#ingress { 	
	line-height: 26px;
	font-size: 15px;}

a img 
{  border-style: none;
}

* html a img
{  border-style:solid;
border:1;
border-color:#181818;
}

/*h1 {color:#27adeb; margin: 0 0 20px 0; font-size:150%; }
h2 {color:#27adeb; margin: 0 0 10px 0; font-size:130%; }*/
p{ margin: 0 0 15px 0;}
/*page containers*/
#container {
	width: 816px;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;

}

#head {
	width: 816px;
	float:left;
	display:inline;
	height:214px;
	background-image:url(img/head.jpg);
	background-repeat:no-repeat;
	background-position:left;

}

#menu { 
	height:23px;
	width:100%;
	float:left;
	display:inline;
	background-color:#FFFFFF;
	}

#sidebar {

	float:left;
	display:inline;
	width:235px;
	padding-bottom: 200px;
}

#content { 
	float:left;
	display:inline;
	width:581px;}



#content div#margin{ margin-left:70px; }




#content_wrap { float:left; display:inline;
 	background-image:url(img/sidebar_line.gif);
	background-position:left;
	background-repeat:repeat-y;
	margin: 50px 0 0 0;}

#content_wrap2 { float:left; display:inline;
 	background-image:url(img/sidebar_bg.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#ingress { font-size: 120%;
margin:0 0 30px 0;}
#content ul{ color:#27adeb; padding-left:15px; margin-bottom: 30px;}
#content ul li span{ color:#fff;}

#footer { padding: 50px 0 30px 0;
font-size:80%;
text-align:center;
color:#787878;
width: 816px;
float:left;
display:inline;
background-image:url(img/footer_bg.jpg);
background-repeat:no-repeat;
background-position:top left;}

#footer a { color:#eed264; text-decoration:none; list-style:none;}

#footer a:hover {  text-decoration:underline;}
	
/************************* Menu *****************************************/
#menu ul { list-style:none; display:inline; float:left;}
#menu ul li{ display:inline; float:left;}

#menu ul li a{ display:inline; float:left; height:23px; text-indent:-5000px; overflow:hidden;}

body#etusivu #menu ul li#etu a{ display:inline; float:left; background-image:url(img/etu_r.jpg); width:81px; }/* exaple on how to make the current page active */
#menu ul li#etu a{ display:inline; float:left; background-image:url(img/etu.jpg); width:81px; }
#menu ul li#etu a:hover{ display:inline; float:left; background-image:url(img/etu_r.jpg); width:81px; }

body#puhujamme #menu ul li#puh a{ display:inline; float:left; background-image:url(img/puhujamme_r.jpg); width:107px; }
#menu ul li#puh a{ display:inline; float:left; background-image:url(img/puhujamme.jpg); width:107px; }
#menu ul li#puh a:hover{ display:inline; float:left; background-image:url(img/puhujamme_r.jpg); width:107px; }

body#varaa_puhuja #menu ul li#varaa a{ display:inline; float:left; background-image:url(img/varaa_r.jpg); width:122px; }
#menu ul li#varaa a{ display:inline; float:left; background-image:url(img/varaa.jpg); width:122px; }
#menu ul li#varaa a:hover{ display:inline; float:left; background-image:url(img/varaa_r.jpg); width:122px; }

body#kysy_suoraan_puhujalta #menu ul li#kysy a{ display:inline; float:left; background-image:url(img/kysy_r.jpg); width:199px; }
#menu ul li#kysy a{ display:inline; float:left; background-image:url(img/kysy.jpg); width:199px; }
#menu ul li#kysy a:hover{ display:inline; float:left; background-image:url(img/kysy_r.jpg); width:199px; }

body#sinustako_puhujamme #menu ul li#sinustako a{ display:inline; float:left; background-image:url(img/sinustako_r.jpg); width:188px; }
#menu ul li#sinustako a{ display:inline; float:left; background-image:url(img/sinustako.jpg); width:188px; }
#menu ul li#sinustako a:hover{ display:inline; float:left; background-image:url(img/sinustako_r.jpg); width:188px; }

body#yhteystiedot #menu ul li#yhteys a{ display:inline; float:left; background-image:url(img/yhteys_r.jpg); width:119px; }
#menu ul li#yhteys a{ display:inline; float:left; background-image:url(img/yhteys.jpg); width:119px; }
#menu ul li#yhteys a:hover{ display:inline; float:left; background-image:url(img/yhteys_r.jpg); width:119px; }
/************************* Menu END ******************************************/

#company_info { list-style:none; margin: 0 0 20px 15px;}

#company_info, #company_info a { color:#27adeb; text-decoration:none; list-style:none;}

#company_info a:hover {  text-decoration:underline;}




#contact_info {
	list-style:none;
	margin: 0 0 0 15px;
	padding: 0 0 10px 0;
}


#contact_info a{ 
	color:#eed264; text-decoration:none;}

#contact_info a:hover{ 
	color:#eed264; text-decoration:underline;}
	
.nosto { 
	background-image:url(img/nosto_bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
/*	float:left;
	display:inline;*/
	position:relative;
	width:100%;

	overflow:auto;
	margin: 0 0 10px 0;
	padding:0;
	
	 }

.nosto img{ position:absolute; bottom:0; right:0;} 

.nosto p{ width:160px; /*padding: 0 0 5px 0;*/} 

.nosto div{ float:left; display:inline; margin: 10px 0 10px 15px; height:100%; padding:0;} 

.clear { height:1px; clear:both; font-size:1px; margin:0!important; padding:0!important;}

.devider { 
	margin: 0 0 30px 0!important; 
	padding: 0 0 10px 0!important;
	clear:both;
	height:1px!important;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #57575f;
	border-right-color: #57575f;
	border-bottom-color: #57575f;
	border-left-color: #57575f;
	width:100%;
}

.puhujat { width:100%; list-style:none; margin:0!important; padding:0!important;  }

.puhujat li{ float:left; width:80px; margin-right: 20px; margin-bottom:20px; }

.kakkiPuhujat { font-size:120%!important; width:100px!important; clear:both;}

.puhujat li a{
font-size:85%;
color:#eed264; text-decoration:none;}

.puhujat li a:hover{ 
	color:#eed264; text-decoration:underline;}

	a:link,a:active,a:visited{color:#eed264; text-decoration:none;}
	
	a:hover{color:#eed264; text-decoration:underline;}
	
input {
border:0;
vertical-align:middle;
padding-top:3px;
}

textarea {
border:0;
font-family:arial;
font-size:12px;
}
	
input.text {

width:235px;
height:22px;
font-family:arial;
color:#000;
font-size:12px;
}

blockquote {
display:list-item;
margin:0 0 0px 40px;
padding:0 0 0px 0;
}

.puhuja li {
margin:0;
padding:0;
}

.puhuja img {
border:5px solid #fff;
margin:10px;
}

div.puhuja {width:80%;}

ul.puhujat li {line-height:11px; height:100px;}