* { margin:0; padding:0; }

body { background:#dfe5ed url(../images/page-bg.png) top left repeat-x; font-family: Helvetica, Arial, sans-serif; font-size:14px; color:#231f20; }

object { outline:none; }

h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:32px; color:#0e2d59; line-height:1.4em; }
h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#0e2d59; }
h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:21px; line-height:1.3em; letter-spacing:-0.05em; color:#0e2d59; padding-top:5px; }
h4 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#0e2d59; }

p { padding-bottom:10px; font-family: Helvetica, Arial, sans-serif; font-size:14px; color:#231f20; line-height:18px; }

a { font-family: Helvetica, Arial, sans-serif; font-size:14px; color:#3e5b83; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }
a img { border:none; }

ul { border:none; }
li { list-style:none; border:none; }
ol li { list-style:decimal; margin-left:20px; }
ol li p { font-weight:normal; }

p.text { margin-bottom:10px; }

/* ----- Element styles ----- */
#wrapper { background:url(../images/page-bg-img.jpg) 50% 0% no-repeat; }

#container { width:794px; margin:0 auto; padding-left:210px; }

#header { height:50px; padding-top:15px; }

#logo { width: 240px; position: absolute; margin:15px 0 0 -240px; }
#logo a { width:240px; height:200px; display:block; overflow:hidden; text-indent:-9999px; }

#main-content { width:794px; height:670px; padding-top:10px; }
#main-content-lg { width:794px; float:left; padding-top:10px; }

#leftcol { width:459px; float:left; }

#rightcol { width:290px; float:right; }

#footer { height:40px; clear:both; }
  #footer ul { display:inline; margin-left:5px; }
  #footer li { padding-right:30px; list-style:none; display:inline; }
  #footer li.right { padding-right:0; }
  #footer a:link, #footer a:visited { padding:0; font-family: Helvetica, Arial, sans-serif; font-size:12px; line-height:40px; text-decoration:none; color:#3e5b83; }
  #footer a:hover { color:#3e5b83; text-decoration:underline; }
  #footer li#active a { color:#000; }

#top_menu_bg { width:643px; height:39px; float:left; padding:1px 0 0 2px; background:url(../images/navi_shadow.png) top left no-repeat; }
#top_menu { width:645px; height:40px; float:left; }
  #top_menu ul { height:40px; }
  #top_menu li { height:40px; list-style:none; line-height:40px; display:inline; }
  #top_menu a span { display:none; }
	
/* ----- nav-item 1 ----- */
#top_menu li a.nav_suomi-ruotsi { float:left; height:40px; width:130px; line-height:40px; text-align:center; background:url(../images/nav_suomi-ruotsi.gif) no-repeat; }
#top_menu li a:hover.nav_suomi-ruotsi { background-position:0 -40px; }
#top_menu li#active a.nav_suomi-ruotsi { background-position:0 -80px; }
#top_menu li#active a:hover.nav_suomi-ruotsi { background-position:0 -40px; }
/* ----- nav-item 2 ----- */
#top_menu li a.nav_mista_on_kyse { float:left; height:40px; width:125px; line-height:40px; text-align:center; background:url(../images/nav_mista_on_kyse.gif) no-repeat; }
#top_menu li a:hover.nav_mista_on_kyse { background-position:0 -40px; }
#top_menu li#active a.nav_mista_on_kyse { background-position:0 -80px; }
#top_menu li#active a:hover.nav_mista_on_kyse { background-position:0 -40px; }
/* ----- nav-item 3 ----- */
#top_menu li a.nav_miksi_tuulisahko { float:left; height:40px; width:138px; line-height:40px; text-align:center; background:url(../images/nav_miksi_tuulisahko.gif) no-repeat; }
#top_menu li a:hover.nav_miksi_tuulisahko { background-position:0 -40px; }
#top_menu li#active a.nav_miksi_tuulisahko { background-position:0 -80px; }
#top_menu li#active a:hover.nav_miksi_tuulisahko { background-position:0 -40px; }
/* ----- nav-item 4 ----- */
#top_menu li a.nav_ilmastotalkoot { float:left; height:40px; width:119px; line-height:40px; text-align:center; background:url(../images/nav_ilmastotalkoot.gif) no-repeat; }
#top_menu li a:hover.nav_ilmastotalkoot { background-position:0 -40px; }
#top_menu li#active a.nav_ilmastotalkoot { background-position:0 -80px; }
#top_menu li#active a:hover.nav_ilmastotalkoot { background-position:0 -40px; }
/* ----- nav-item 5 ----- */
#top_menu li a.nav_porkkanamafia { float:left; height:40px; width:131px; line-height:40px; text-align:center; background:url(../images/nav_porkkanamafia.gif) no-repeat; }
#top_menu li a:hover.nav_porkkanamafia { background-position:0 -40px; }
#top_menu li#active a.nav_porkkanamafia { background-position:0 -80px; }
#top_menu li#active a:hover.nav_porkkanamafia { background-position:0 -40px; }

/* ----- Content styles ----- */
.clear { clear:both; line-height:1px; visibility:hidden; }

/* ----- Left-col ----- */
#text-area { padding:0 0 20px 7px; }

.uutiset-img { margin-bottom:17px; }

#uutiset ul { margin-left:5px; padding-bottom:14px; }
#uutiset li { list-style:none; }
  #uutiset li img { padding-top:5px; padding-right:10px; }
  #uutiset li p { font-size:11px; color:#aaa; padding:0; margin:0; }

.tuulivoima { padding:0 0 5px 0; }

/* ----- Right-col ----- */
#alt-tilanne-laskuri { height:124px; width:290px; margin-top:40px; margin-bottom:15px; text-align:center; }
#tilanne-laskuri { height:124px; width:290px; margin-top:40px; margin-bottom:15px; }

.liputa-asian-puolesta { margin:0 0 15px 4px; }

/* ----- Signup form ----- */
#ilmastomaajoukkue { float:left; width:459px; }
  #ilmastomaajoukkue p { float:left; }
  #ilmastomaajoukkue h3 { width:399px; position:relative; bottom:10px; display:block; }
	
#form_header { height:40px; width:459px; background:url(../images/form_top.png) top left no-repeat; }

#form_content { width:429px; float:left; padding-left:30px; background:url(../images/form_content_bg.png) top left repeat-y; }

#form_footer { width:459px; height:25px; float:left; background:url(../images/form_bottom.png) top left no-repeat; }

#ilmastomaajoukkue_lomake { width:429px; float:left; margin-top:16px; }
  #ilmastomaajoukkue_lomake .label { width:155px; float:left; padding:2px 8px 14px 0; font-weight:bold; color:#231f20; }
  #ilmastomaajoukkue_lomake .field { width:230px; float:left; padding-left:10px; }
    #ilmastomaajoukkue_lomake .field input.text_input { width:220px; }
		#ilmastomaajoukkue_lomake .field input.text_input_2 { width:50px; }
		#ilmastomaajoukkue_lomake .field .radio_l { float:left; }
    #ilmastomaajoukkue_lomake .field .radio_r { float:left; padding-left:30px; }
  #ilmastomaajoukkue_lomake .status { width:20px; float:left; padding:5px 0 0 5px; font-size:18px; font-weight:bold; }
  #ilmastomaajoukkue_lomake .textfield { width:150px; padding-bottom:10px; }
  #ilmastomaajoukkue_lomake label.error { font-weight:bold; color: #EA5200; }
  #ilmastomaajoukkue_lomake .success_msg { float:left; padding-left:10px; font-size:8px; color:#0060BF; }
  #ilmastomaajoukkue_lomake #tiedot_wrap { float:left; margin-top:10px; }
  #ilmastomaajoukkue_lomake #tiedot { float:left; display:block; margin:0; padding:0; }
  #ilmastomaajoukkue_lomake #ltiedot { width:370px; float:left; display:block; font-size:11px; padding-left:10px; }
  #ilmastomaajoukkue_lomake #lsubmit { visibility: hidden; }
  #ilmastomaajoukkue_lomake .submit-button { float:right; margin:10px 33px 0 0; border:none; }
	#ilmastomaajoukkue_lomake #rekisteriseloste { width:210px; float:left; margin-top:15px; display:block; }
	  #ilmastomaajoukkue_lomake #rekisteriseloste a,
		#ilmastomaajoukkue_lomake #rekisteriseloste span { font-size:11px; color:#231f20; }
		
#ilmoita_kaverille_lomake { width:415px; float:left; margin:16px 0 10px 0; }
  #ilmoita_kaverille_lomake .label { width:95px; float:left; padding:2px 8px 14px 0; font-weight:bold; color:#231f20; }
  #ilmoita_kaverille_lomake .field { width:255px; float:left; padding-left:10px; }
    #ilmoita_kaverille_lomake .field input.text_input { width:245px; }
		#ilmoita_kaverille_lomake .field textarea { width:241px; height:100px; padding:2px; font-family: Helvetica, Arial, sans-serif; font-size:12px; color:#231f20; letter-spacing:normal; }
		#ilmoita_kaverille_lomake .field input.text_input_2 { width:50px; }
  #ilmoita_kaverille_lomake .status { width:20px; float:left; padding:2px 0 0 5px; font-size:18px; font-weight:bold; }
  #ilmoita_kaverille_lomake .textfield { width:150px; padding-bottom:10px; }
  #ilmoita_kaverille_lomake label.error { font-weight:bold; color: #EA5200; }
  #ilmoita_kaverille_lomake .success_msg { float:left; padding-left:10px; font-size:8px; color:#0060BF; }
  #ilmoita_kaverille_lomake #lsubmit { visibility: hidden; }
  #ilmoita_kaverille_lomake .submit-button { float:right; margin:10px 50px 0 0; border:none; }
		
ul.ohjeita-liittymisesta { width:459px; float:left; display:inline; margin:18px 0 28px 0; }
ul.ohjeita-liittymisesta li { float:left; display:block; padding:7px 0 0 0; }
ul.ohjeita-liittymisesta li img { float:left; }
ul.ohjeita-liittymisesta li span { display:block; margin:0 0 0 40px; padding:7px 0 7px 0; }
	
.button_lue_lisaa { width:289px; height:40px; float:left; margin-top:15px; background:url(../images/btn_lue_lisaa.png) top left no-repeat; text-align:center; }
  .button_lue_lisaa a { width:289px; height:40px; float:left; line-height:40px; text-decoration:none; font-weight:bold; color:#fff; }
	.button_lue_lisaa a span { display:none; }
		
.add_this_btn { width:125px; height:16px; display:inline; margin:3px 5px 5px 0; float:right; }