/*  
Theme Name: helisto
Theme URI: http://example.com/
Description: Kimmon teema
Version: 1.0
Author: Willy Muumilaakso
Author URI: http://willy.lapanen.org
*/

body
{
  /*text-align: center;*/
  font-family: verdana, arial, sans-serif;
  font-size: 10pt;
  margin: 0px;
  padding: 0px;
  color: #333;
}

h2 {
  color: #666;
}

div.page_footer_page_list {
/*  border-top: 1px black solid;*/
  clear: both;
  width: 900px;
  margin: 0;
  background-color: #f4f4f4;
  padding-top: 5px;
  padding-bottom: 5px;
}

ul.subpage_list {
  margin: 0;
}

ul.subpage_list li {
  display: inline;
  margin-right: 1em;
}




/* CLEARFIX (just in case) */
/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
    display     : block;
    height      : 0;
    clear       : both;
    visibility  : hidden;
    content     : ".";
}

.clearfix
{
    display : inline-table;
}

/* Hides from IE-mac */

* html .clearfix
{
  height  : 1%;
}

.clearfix
{
  display : block;
}
/* End hide from IE-mac */


/* Back to business */
/* common text containers */
div p span td
{
  text-align: left;
  font-family: verdana, arial, sans-serif;
  font-size: 10pt;  
}



/* main area */
.main
{
  margin: 0 auto 0 auto;
  text-align: left;
  width: 900px;
  border: 1px solid #666;
  padding: 0;
}

.bg_image
{
  background-image: url(images/main_new.jpg);
  background-repeat: no-repeat;  
  height: 433px;
}

.nostot
{
  float:left;
  padding: 235px 0 0 10px;
  
}

.nostot img
{
  margin-top: 10px;
}

.nosto
{
  margin: 26px 0 0 30px;
  padding: 0px;
}

.text
{
  width: 360px;
  margin: 0px;
  float: left;
}

.image
{
  float: right;
  width: 420px;
  margin: 1px;
  padding: 0px 1x 1px 0px;
}

.pagetitle
{
  margin-left: 10px;
}

/* top div */
.main_top
{
  margin: 0 auto 0 auto;
  width: 900px;
  border-left: 1px solid #666;
  border-right:1px solid #666;
  height: 120px;
}

.top
{
  height: 75px;
} 

.top_text
{
  float: left;
  margin: 35px 0 0 35px;
}

.counter
{
  float: right;
  font-size: 19px;
  margin: 36px 30px 0 0;
  color: #939598;
}

.navigaatio
{
  margin: 0 0 20px 35px;
}

.bloginostot
{
	width: 200px;
	/*background-color: rgb(255,255,255,127);*/
	float: right;
	margin: 20px 20px 10px 10px;
	border: 0px;
	border-collapse: collapse;
	padding: 0;
	/* for IE */
  	/* filter:alpha(opacity=80); */
  	/* CSS3 standard */
  	/* opacity:0.8; */
}

.bloginostot td
{
	border-style: none;
	padding: 0px;
}
.bloginostot img
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.blogi_nosto_text
{
	background-color: white;
	padding: 10px 10px 0px 10px;
	font-size: 8pt;
	margin: 0px;
	color: black;
}

/* Bannerit */

.bannerit
{
	float:right;
	margin-top: 120px;
}
.amnesty
{
	margin-right: 40px;
}

/* Footer */
.footer
{
  margin: 0 auto 0 auto;
  width: 900px;
  background-image: url(images/vaakalogo.jpg);
  background-repeat: no-repeat;
  height: 30px;
  border-bottom: 1px solid #666;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
}

/* Blog stuff */
.post
{
	margin: 10px 20px 0 35px;
}

/* Menu from http://www.invokemedia.com **************************************/
#nav, #nav ul
{
  padding: 0;
  float: left;
  background-color: white;	
}

	
#nav
{
  	display: block;  
  	margin: 0px;
  	list-style: none;
}

#nav ul
{
  /*border: 1px solid black;*/
}
	
#nav a
{
  display: block;
  color: black;
  text-decoration: none;
  padding:0;
  text-align: left;
  margin-right: 20px;
  font-weight: 400;
  /*letter-spacing: 2px;*/
  font-size: 11px;
}

#nav a:hover
{
 color: #999;
}

#nav li
{
	float: left;
	padding: 5px 0 0 0;
}



#nav li ul
{
	position: absolute;
	left: -999em;
	height: auto;
	width: 13em;
	font-weight: normal;
	margin: 0;
	padding: 0 0 6px 7px; 
	list-style: none;
}

#nav li li
{
	width: 13em;
}

#nav li ul a
{
 
}

#nav li ul ul
{
	margin: -19px 0 0 11em;
}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul
{
	left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul
{
	left: auto;
}

#nav li:hover,
#nav li.sfhover
{
	/*background: #f4f4f4; */
	color: black;
}

#toolbar
{
        width: 900px;
  	margin: 0 0 0 0;
}

/* \Menu *********************************************************************/

.blogi_nosto_text a {
  color: black;
  text-decoration: none;
}
.blogi_nosto_text a:hover {
  text-decoration: underline;
}

a
{
  color:#61BF1A; 
}

.footer
{
  clear: both;
}