/* Avartti.fi CSS-file. Look and learn if you like, but don't steal. That's naughty. Copyright Ponsi Interactive and Daniel Koskinen 2010, except for the bits marked otherwise */
@media screen,print{
/* 1. Reset, à la Eric Meyer */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body{line-height:1.5;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
table,td,th{vertical-align:top;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a img{border:none;}
h1,h2,h3,h4,h5,h6{font-weight:bold;color:#666;}
h1{font-size:1.5em;line-height:1;margin-bottom:0.75em;}
h2{font-size:1.2em;margin-bottom:1.25em;}
h3{font-size:1em;margin-bottom:1.5em;}
h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5{font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6{font-size:1em;font-weight:bold;}
h1 img,h2 img,h3 img,
h4 img,h5 img,h6 img{margin:0;}
/* 2. Text elements (à la Blueprint)
-------------------------------------------------------------- */
p{margin:0 0 1.5em;}
p img.left{float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right{float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus,
a:hover{color:#444;}
a{color:#0099d8;text-decoration:none;}
blockquote{margin:1.5em;color:#666;font-style:italic;}
strong{font-weight:bold;}
em,dfn{font-style:italic;}
dfn{font-weight:bold;}
sup,sub{line-height:0;}
abbr,
acronym{border-bottom:1px dotted #666;}
address{margin:0 0 1.5em;font-style:italic;}
del{color:#666;}
pre{margin:1.5em 0;white-space:pre;}
pre,code,tt{font:1em 'andale mono','lucida console',monospace;line-height:1.5;}
/* 3. Lists
-------------------------------------------------------------- */
li ul,
li ol{margin:0 1.5em;}
ul,ol{margin:0 1.5em 1.5em 1.5em;}
ul{list-style-type:disc;}
ol{list-style-type:decimal;}
dl{margin:0 0 1.5em 0;}
dl dt{font-weight:bold;}
dd{margin-left:1.5em;}
/* 4. Tables
-------------------------------------------------------------- */
table{margin-bottom:1.4em;width:100%;}
th{font-weight:bold;}
thead{background:#c3d9ff;}
th,td,caption{padding:4px 10px 4px 5px;}
tr.even td{background:#e5ecf9;}
tfoot{font-style:italic;}
caption{background:#eee;}
/* 5. Misc typography classes
-------------------------------------------------------------- */
.small{font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide{display:none;}
.quiet{color:#666;}
.loud{color:#000;}
.highlight{background:#ff0;}
.added{background:#060;color:#fff;}
.removed{background:#900;color:#fff;}
}
@media screen{/*** Debug **/
/*body{background:url(../img/etusivu-debug.jpg) no-repeat center top !important;}
#Frame{opacity:0.8;}
*/
body{text-align:center;background-color:#FFF;font-size:75%;color:#666666;font-family:"Georgia",serif;}
img{border:0;}
hr{border-collapse:collapse;border-color:#cccccc;margin-bottom:18px;margin-top:18px;clear:both;}
/* Accessibility */
#top{display:none;}
#Frame{/*background:#FFF;*/
min-height:100%;height:auto !important;height:100%;margin:0 auto -250px;/* the bottom margin is the negative value of the footer's height */
width:750px;text-align:left;}
#AdminBar{background:#00405e;color:#f9f9f4;overflow:hidden;font-family:Arial;font-size:0.9em;padding:5px 0;}
#AdminBar a{color:#ace1ed;}
#AdminWelcomeMsg{float:left;width:100px;padding-left:10px;}
#AdminLinks{float:right;width:620px;text-align:right;padding-right:10px;}
#AdminLinks ul{list-style:none;margin:0;display:inline;}
#AdminLinks li{display:inline;border-right:1px solid white;padding-right:5px;padding-left:5px;}
#Header{height:102px;position:relative;margin-bottom:18px;border-top:12px solid #0099d8;}
.home #Header{margin-bottom:18px;height:226px;}
#Header img{border:0;}
#Header h1{font-size:1em;line-height:1.5em;margin-bottom:0;font-weight:normal;}
#Navi{font-family:Arial,sans-serif;float:left;margin-top:32px;}
#Navi ul{margin:0;}
#Navi li{list-style-type:none;height:22px;text-align:center;float:left;display:block;font-size:14px;}
#Navi li a{text-decoration:none;}
#Navi li a,#Navi li span{font-weight:bold;display:block;padding:0 5px;border-right:1px solid ;}
#Navi li.page-item-34 a,#Navi li.page-item-34 span{border:none;}
#Navi li a.NaviBasic{color:#0098bc;}
#Navi ul li a:hover,#Navi ul li.current_page_item span,#Navi ul li.current_page_ancestor a{color:#666;}
#Navi ul li a.NaviLogo{padding:0;}
.NaviSlogan{clear:both;float:left;padding-left:5px;margin:0;_zoom:1;}
#SearchWrapper{/*background-color:aqua;*/
width:172px;float:right;background:url(../img/headingsprite.png) no-repeat -2380px -3px;height:35px;}
#Search #s{width:100px;height:16px;float:left;margin-left:8px;}
#Search #submit{background:#ccc;margin-left:5px;margin-top:1px;width:46px;height:22px;color:#444;text-transform:uppercase;border:none;}
#Logo{display:none;}
#Title{float:left;width:218px;z-index:200;margin:0;padding:0;}
#Title a{}
#Login{float:right;background:url("images/loginbg.gif");background-repeat:no-repeat;color:#333;width:128px;text-align:center;font-size:0.9em;padding-top:2px;margin-right:25px;height:19px;}
#Login a{color:#FFFFFF;}
#Login a:hover{color:#333;}
#Endorsement{height:124px;width:750px;bottom:0;border-bottom:1px solid #cdcdcd;}
#Header .hr{display:block;clear:both;width:100%;border-bottom:2px solid #cdcdcd;}
#Content,#MainWide{text-align:left;width:750px;float:left;/* background:url("images/750_18_8.png");*/
_zoom:1;position:relative;}
#Main{float:left;width:527px;margin-left:18px;}
#MainHome{float:left;width:576px;_zoom:1;}
#Main{font-size:15px;width:522px;}
.ContentPane1{float:left;width:270px;margin-right:18px;}
.ContentPane2{float:left;width:270px;margin-right:18px;}
.ContentPane4{float:left;width:557px;margin-right:18px;}
.SideBar{float:right;width:174px;margin-top:42px;}
.home .SideBar{margin-top:0;}
.SideBar h2 a{display:block;width:100%;height:100%;text-indent:-9000px;overflow:hidden;}
#KuukaudenNuori h2{background:url(../img/headingsprite.png) -1780px;}
#MitenMukaan h2{background:url(../img/headingsprite.png) -1980px;}
#Kalenteri h2{background:url(../img/headingsprite.png) -2180px;}
#Kalenteri{}
#Kalenteri ul{list-style:none;margin:0 0 1.5em 0;border-bottom:3px solid #cdcdcd;}
#Kalenteri li{padding:15px 15px 15px 15px;border-top:1px solid #ace1ed;background-color:#f9f9f4;}
#Kalenteri h3{margin-bottom:0;}
.event-date{}
/***** Tapahtumat *****/
.event-list{list-style:none;margin:0;width:80%;}
.event-list li{clear:both;padding-bottom:1.5em;margin-bottom:1.5em;border-bottom:1px solid #cdcdcd;}
.event-list .event-name{}
.event-list .event-date{float:right;margin-right:20px;}
/***** *****/
.ContentPane5{float:left;width:174px;}
.ContentPane1 h2{width:270px;}
.ContentPane1 h2 a{text-indent:-9000px;display:block;width:270px;height:34px;overflow:hidden;}
.ContentPane4 h2{text-indent:-9000px;width:557px;overflow:hidden;}
#AvarttiLyhyesti h2{background-image:url(../img/headingsprite.png);}
#Ystavia h2{background:url(../img/headingsprite.png) -300px 0;}
#StefaninTervehdys h2{background:url(../img/headingsprite.png) -600px 0;}
#AvarttiTodistus h2{background:url(../img/headingsprite.png) -900px 0;}
#Uutiset h2{background:url(../img/headingsprite.png) -1200px 0;height:35px;}
h2.Frontpage{height:35px;color:#FFF;font-weight:bold;font-size:1.2em;line-height:2em;margin:0;}
h2.FrontpageSecondary{height:37px;background-color:#d1cea4;color:#FFF;font-weight:bold;font-size:1.2em;line-height:2.0em;margin-bottom:0;border-top:3px solid #cdcdcd;}
.LiftElement{/*margin-bottom:18px;*/}
.LiftElement p{}
/* Does nothing in IE 6,7 */
.LiftElement:hover{opacity:0.9;filter:alpha(opacity=90);}
.LiftElement .LinkToArchive{display:block;text-align:right;}
.push{height:250px;}
.copyright{color:#999;}
/*************Footer ***************/
#Footer{height:250px;width:750px;clear:both;color:#FFFFFF;margin:0 auto;background:#9a9a9a url(../img/footer-bg.jpg) no-repeat;}
#Footer hr{border:1px solid #333;}
#FooterHeading{padding:9px 18px;text-align:left;}
#FooterContent{position:relative;width:750px;text-align:left;margin:0 auto;clear:both;padding-top:16px;}
#FooterContent ul{margin:0;list-style:none;width:136px;float:left;}
#FooterContent ul ul li{margin-top:18px;}
#FooterContent .Continued{margin-top:32px;margin-bottom:16px;}
#FooterContent li,#FooterContent ul ul{width:107px;text-align:left;font-size:11px;font-weight:bold;margin-right:18px;margin-left:18px;}
#FooterContent li a,#FooterContent li span{display:block;color:white;text-decoration:underline;margin-bottom:16px;}
#FooterContent ul ul li{margin:0;font-weight:normal;}
#FooterContent ul ul a{display:block;margin:0;text-decoration:none;}
#Header img.main{margin-top:16px;height:294px;margin-left:16px;margin-bottom:32px;}
/********** Sub nav *******************/ 
#sidebar-navigation{font-family:Arial,sans-serif;}
#sidebar-navigation ul{list-style:none;margin:0;font-size:11px;}
#sidebar-navigation li{margin:0;}
#sidebar-navigation a{color:#656565;}
#sidebar-navigation a,#sidebar-navigation a:visited,#sidebar-navigation .current_page_item span{display:block;padding:8px 2px;border-top:1px solid #b5b5b5;}
#sidebar-navigation a:hover,#sidebar-navigation a:focus,#sidebar-navigation a:active{/* links hover */
color:#666;}
#sidebar-navigation .current_page_item{/* selected item in side navigation */
color:#444;font-weight:bold;/*background-color:#f6f6f6;*/}
/********** Lift Element *******************/
.NewsLift{margin-bottom:1.5em;clear:both;}
.NewsLift .entry-utility{float:left;width:75px;text-align:right;margin-right:20px;}
.NewsLift .entry-content{float:left;width:460px;}
.NewsLift .entry-title{font-size:1em;line-height:1.5em;font-weight:bold;margin-bottom:0;}
.NewsLift .entry-date{font-weight:bold;}
.NewsLift h2 img{margin-right:8px;display:inline;}
.NewsLift ul li{list-style-type:none;}
.NewsLift ul{}
.NewsLift ul li a{color:#333;display:block;text-decoration:none;}
.NewsLift ul li a:hover{background:#fff;color:#999;}
#Uutiset .ArchiveLink{text-align:right;margin-bottom:0;}
.NewsTeaser,.category-uutiset .full-content p:first-child{font-weight:bold;}
.ThumbnailBig{float:left;margin:0 15px 15px 0;}
.contentClear{clear:both;}
.loginout{position:absolute;bottom:0;font-size:0.8em;font-family:Arial,sans-serif;color:white;padding-left:18px;}
.loginout a{color:white;}
/**** Archives ***/
ol.archive{margin:0;list-style:none;}
ol.archive li{clear:both;list-style:none;overflow:hidden;margin-bottom:18px;}
.KuukaudenNuoriThumb{float:left;margin-right:18px;}
.KuukaudenNuoriInfo{float:left;}
.SearchKeyWord{background:yellow;}
#DebugInfo{font-family:"Courier New",Courier,mono;}
/* Contact list */
#ContactList{font-size:75%;}
#ContactList thead th{background:#0098d8;color:white;}
#ContactList thead th.last{background:#0098d8 url(../img/sininen-kulma.png) no-repeat 100% 0;}
#ContactList th,#ContactList td{background:transparent;padding:8px 10px;}
#ContactList tbody td.last{text-align:center;}
#ContactList tbody td.last a{display:block;width:100%;}
#ContactList tbody tr.odd td{background-color:#f9f9f4;}
#ContactList .first{}
/* tables */
table#ContactList{width:100%;text-align:left;}
table#ContactList thead tr th,table#ContactList tfoot tr th{border-right:1px solid #5ba9e9;}
table#ContactList thead tr .header{background-image:url(../js/blue/bg.gif);background-repeat:no-repeat;background-position:center right;cursor:pointer;}
table#ContactList tbody td{vertical-align:top;}
table#ContactList thead tr .headerSortUp{background-image:url(../js/blue/asc.gif);}
table#ContactList thead tr .headerSortDown{background-image:url(../js/blue/desc.gif);}
table#ContactList thead tr .headerSortDown,table#ContactList thead tr .headerSortUp{background-color:#00bde6;}
/** Gallery overrides **/
.page .ngg-album{border:none;padding-left:0;padding-right:0;border-bottom:1px solid #cdcdcd;}
.page .ngg-albumtitle{font-size:1em;margin-bottom:;}
.page .ngg-description{float:left;width:400px;}
.page .ngg-thumbnail img{margin-left:0;}
}
/* -------------------------------------------------------------- 
print.css
-------------------------------------------------------------- */
@media print{
body{line-height:1.5;color:#000;background:none;font-size:10pt;}
/* Layout
-------------------------------------------------------------- */
#top,#Navi,.SideBar,#AdminBar,#FooterContent,#SearchWrapper{display:None;}
#Content{clear:both;position:static;border-top:1px solid #ccc;padding-top:1.5em;}
hr{background:#ccc;color:#ccc;width:100%;height:2px;margin:2em 0;padding:0;border:none;}
hr.space{background:#fff;color:#fff;}
/* Text
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue",Arial,"Lucida Grande",sans-serif;}
code{font:.9em "Courier New",Monaco,Courier,monospace;}
img{float:left;margin:1.5em 1.5em 1.5em 0;}
a img{border:none;}
p img.top{margin-top:0;}
blockquote{margin:1.5em;padding:1em;font-style:italic;font-size:.9em;}
.small{font-size:.9em;}
.large{font-size:1.1em;}
.quiet{color:#999;}
.hide{display:none;}
/* Links
-------------------------------------------------------------- */
a:link,a:visited{background:transparent;font-weight:700;text-decoration:underline;}
a:link:after,a:visited:after{content:" (" attr(href) ")";font-size:90%;}
#Header a:link:after,#Header a:visited:after{content:"";}
}