@charset "utf-8";
/* Ilmastotalkoot */

* { behavior: url("iepngfix.htc"); border: 0px; margin: 0px; padding: 0px; }

body { background: #fff url(../images/background/body2.jpg) top center repeat-x; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size:62.5%; text-align: center; }
h1, h2, h3, h4, h5, h6 { color: #1671b1; font-size: 1em; margin-bottom: 15px; }

h2 { font-size: 20px; font-weight: normal; margin-top: 30px; }
h3 { font-size: 14px; font-weight: normal; padding-top: 20px; }
ol { margin: 18px; }



a, a:hover, a:visited { color: #1671b1; }
a:hover { text-decoration: none; }

.ingress { color: #555; font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 38px; font-weight: normal; }

.date { color: #919191; font-size: 0.9em; }
.left { float: left; }
.right { float: right; }
.top { margin-top: 0px; }
.inner { background: transparent url(../images/background/cmid.gif) top left repeat-y; height: 1%; overflow: hidden; padding: 18px; }
.content_top { background: transparent url(../images/background/ctop.gif) top left no-repeat; height: 1%; overflow: hidden; padding: 4px 0 0 0; }

.marginleft10 { padding-left: 10px; }
.frontpage .marginleft10 { padding-left: 0px; }


#wrapper { font-size: 1.2em; margin: 0px auto; text-align: left; width: 924px; }
#header { height: 164px; position: relative; width: 924px; }

#header h1 { background: transparent url(../images/logo.png) top left no-repeat; display: block; height: 58px; left: 21px; position: absolute; text-indent: -999em; top: 47px; width: 61px; }

#header #slogan { background: transparent url(../images/background/header.png) top left no-repeat; height: 72px; left: 231px; text-indent: -999em; top: 40px; position: absolute; width: 465px; }

#navigation { background: transparent url(../images/background/navigation.gif) top left no-repeat; clear: both; height: 41px; list-style: none; padding: 0 0 0 18px; width: 906px; }
#navigation li { display: inline; float: left; margin: 0 0 0 0; text-indent: -9999em !important; }
#navigation li a, #navigation li a:visited { outline: none; }


#navigation li a#etusivu, #navigation li a:visited#etusivu { background: transparent url(../images/navigation/etusivu.jpg) top left no-repeat; display: block; height: 41px; width: 62px; }
#navigation li.active a#etusivu, #navigation li.active a:visited#etusivu { background: transparent url(../images/navigation/etusivu_active.jpg) top left no-repeat; display: block; height: 41px; width: 62px; }


#navigation li a#ilmastotalkoot, #navigation li a:visited#ilmastotalkoot { background: transparent url(../images/navigation/ilmastotalkoot.jpg) top left no-repeat; display: block; height: 41px; width: 159px; }
#navigation li.active a#ilmastotalkoot, #navigation li.active a:visited#ilmastotalkoot { background: transparent url(../images/navigation/ilmastotalkoot_active.jpg) top left no-repeat; display: block; height: 41px; width: 159px; }

#navigation li a#linkkeja, #navigation li a:visited#linkkeja { background: transparent url(../images/navigation/linkkeja.jpg) top left no-repeat; display: block; height: 41px; width: 139px; }
#navigation li.active a#linkkeja, #navigation li.active a:visited#linkkeja { background: transparent url(../images/navigation/linkkeja_active.jpg) top left no-repeat; display: block; height: 41px; width: 139px; }

#navigation li a#sponsorit, #navigation li a:visited#sponsorit { background: transparent url(../images/navigation/sponsorit.jpg) top left no-repeat; display: block; height: 41px; width: 278px; }
#navigation li.active a#sponsorit, #navigation li.active a:visited#sponsorit { background: transparent url(../images/navigation/sponsorit_active.jpg) top left no-repeat; display: block; height: 41px; width: 278px; }

#navigation li a#yhteystiedot, #navigation li a:visited#yhteystiedot { background: transparent url(../images/navigation/yhteystiedot.jpg) top left no-repeat; display: block; height: 41px; width: 98px; }
#navigation li.active a#yhteystiedot, #navigation li.active a:visited#yhteystiedot { background: transparent url(../images/navigation/yhteystiedot_active.jpg) top left no-repeat; display: block; height: 41px; width: 98px; }

#navigation li a#seminaari, #navigation li a:visited#seminaari { background: transparent url(../images/navigation/seminaari.jpg) top left no-repeat; display: block; height: 41px; width: 79px; }
#navigation li.active a#seminaari, #navigation li.active a:visited#seminaari { background: transparent url(../images/navigation/seminaari_active.jpg) top left no-repeat; display: block; height: 41px; width: 79px; }

 
#content_wrapper { background: #fff url(../images/background/ctop.gif) top left no-repeat; clear: both; color: #4a4949; height: 1%; margin: 2px 0 0 0; overflow: hidden; padding: 0 0 50px 0; padding: 18px 18px 0 18px;  position: relative; width: 888px; }
#content_wrapper .image { left: 0px; position: absolute; top: 0px; }

#content_wrapper .campaign_info { color: #676767; left: 15px; position: absolute; top: 318px; }
#content_wrapper .campaign_info h2 { color: #1671b1; font-size: 1.6em; margin: 0 0 5px 0; }

#content_wrapper p { margin-bottom: 15px; }

#columns { border-top: 1px solid #e8e8e8; display: block; list-style: none; display: block; margin: 20px 0 0 0; height: 1%; overflow: hidden; padding: 10px 0 0 0; }
#columns li { color: #1671b1; display: inline; float: left; margin: 0 30px 0 0; padding: 10px 0 0 0; }
/*#columns .column { background: transparent url(../images/background/listtop.gif) top left no-repeat; width: 232px !important; }*/
.column { width: 232px !important; }
/*#columns .column_wide { background: transparent url(../images/background/listtop_wide.gif) top left no-repeat; margin-right: 0px; width: 397px !important; }*/
#columns .column_wide {  margin-right: 0px; width: 397px !important; }
#columns .column_wide img {  margin-bottom: 10px; }
#columns h3 { color: #676767; font-size: 1.5em; font-weight: normal; }

#columns li ul { margin: 0 0 0 10px; }
#columns li ul li { clear: both; float: none; display: block; color: #4a4949; display: block; list-style: none; padding: 0 0 10px 0; }
#columns li ul li a, #columns li ul li a:visited, #columns li ul li a:hover { color: #1671b1; }

.frontpage #columns { border-top: 0px; margin-top: 0px; padding-top: 10px; }
.frontpage h3 { padding-top: 0px; }
.poem_background { background: transparent url(../images/background/tommy.jpg) top left no-repeat; padding: 0 0 0 100px !important; }


#footer { border-top: 1px solid #dbdbdb; clear: both; color: #858585; display: block; height: 1%; margin-top: 50px; overflow: hidden; padding: 10px 0 50px 0; } 
#footer li { float: left; display: inline; margin: 0 10px 0 0; }
#footer li a, #footer li a:hover, #footer li a:visited { color: #858585; text-decoration: none; } 
#footer li a:hover { text-decoration: underline; }


.cloud { _display: none; position: absolute; top: 0px; left: 0px; }
.sponsors { height: 1%; overflow: hidden; padding: 0 0 10px 0; }
.sponsors li { border: 1px solid #f0f0f0; float: left; display: inline; height: 84px; list-style: none; margin: 0 3px 3px 0; overflow: hidden; width: 127px; }


#campaign_wrapper { background: transparent url(../images/background/campaignwrapper.gif) top left no-repeat; clear: both; height: 368px; margin: 2px 0 0 0; position: relative; width: 924px; }
#campaign_wrapper .image { left: 0px; position: absolute; top: 0px; }

#campaign_wrapper .campaign_info { color: #676767; left: 15px; position: absolute; top: 318px; width: 910px; }
#campaign_wrapper .campaign_info h2 { color: #1671b1; font-size: 1.6em; margin: 0 0 5px 0; }

#campaign_wrapper .buttons { float: right; display: inline; margin-right: 10px; }
#campaign_wrapper .buttons a, #campaign_wrapper .buttons a:visited, #campaign_wrapper .buttons a:hover { background: transparent url(../images/background/btn.gif) top left no-repeat; color: #bdbdbd; float: left; font-size: 18px; display: inline; height: 41px; line-height: 41px; margin: 0 2px 0 0; outline: none; text-decoration: none; text-align: center; width: 41px; }
#campaign_wrapper .buttons a.current, #campaign_wrapper .buttons a:visited.current,  #campaign_wrapper .buttons a:hover { color: #1671b1; }

.column li h3 { margin-top: 0px !important; padding-top: 0px !important; }

.tooltip { background: #63a7d6; color: #fff; font-size: 14px; padding: 5px; }
.float_wrapper { clear: both; height: 1%; overflow: hidden; }
.float_box { float: left; display: block; margin: 0 20px 0 0; width: 180px; }

/* comments */
#comments { list-style: none; }
#comments li { border-bottom: 1px solid #f0f0f0; padding: 10px 0 0 0; }
#comments span { color: #9d9d9d; font-size: 10px; display: block; }

#comment { border: 1px solid #535353; color: #5a5a5a; font-family: Arial, Helvetica, sans-serif; font-size: 11px; height: 80px; margin: 0 0 10px 0; padding: 5px; width: 560px; }
#comment_hidden { color: #ff0000; }


#comment_name { border: 1px solid #535353; color: #5a5a5a; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0 8px 0 0; height: 14px; padding: 2px; width: 158px;}

#comment_submit input { float: left; }


#tommy_poem { background: transparent url(../images/background/tommy2.jpg) 600px 10px no-repeat; padding-right: 300px; }