5/*
Theme Name:     KD Sivusto
Description:    
Author:         
Version:        development
License:        Undefined
*/

html { margin: 0; padding: 0; }
body { margin: 0; padding: 0; min-width: 980px; }

/* Subpage themes */
body { background: #013463 url('images/bg.jpg') top center no-repeat; }
body.light { background: #3197E1 url('images/bg-light.jpg') top center no-repeat; }
body.gray { background: #E6E6E6; }

/* Frontpage themes */
body.home { background: white; }
body.home #page { background: #003561 url('images/bg.jpg') top center no-repeat; }
body.home.light #page { background: #3197E1 url('images/bg-light.jpg') top center no-repeat; }
body.home.gray #page { background: #E6E6E6; }

#page { overflow: hidden; }
.page-wrapper { width: 960px; margin: 0 auto; position: relative; }
#header { height: 10px; position: relative; z-index: 400; }
#site-title a { display: block; left: -4px; position: absolute; width: 219px; height: 203px; background: url('images/logo.png'); text-decoration: none; color: #0932A3; z-index: 400; }
#site-title a span { display: block; text-align: center; position: relative; top: 160px; font-size: 16px; }
#site-description { display: none; }

#navigation { background: url('images/navbg.gif') repeat-x 0 0; height: 71px; position: relative; z-index: 200; }
#navigation .menu-container { width: 695px; padding-left: 265px; margin: 0 auto; }
.menu-primary { position: absolute; }
.menu-primary ul { list-style: none; padding: 0; display: inline; }
.menu-primary ul li { display: inline; line-height: 71px; padding-right: 25px;  }
.menu-primary a { text-transform: uppercase; text-decoration: none; font-size: 20px; color: white; text-shadow: #C07F0E 1px 1px 1px; }
.menu-primary a:hover { color: #F8E6CE; }

.menu-languages { float: right; padding: 1em 0 0 0; }
.menu-languages ul { list-style: none; padding: 0; }
.menu-languages li { display: block; }
.menu-languages a { text-decoration: none; font-size: 120%; color: white; text-shadow: #C07F0E 1px 1px 1px;  }
.menu-languages a:hover { color: #F8E6CE; }

#navigation .current_page_parent > a,
#navigation .current_page_item > a,
#navigation .current-menu-item > a { color: black; text-shadow: #FCD692  1px 1px 1px; }

#secondary,
#pages-sidebar { padding-top: 140px; }

#pages-sidebar + #primary + #secondary { padding-top: 10px; }

#pages-sidebar,
#secondary { float: left; width: 21.9%; clear: left; }
#primary { float: right; padding-top: 12px; width: 75%; }
#main #content { padding: 28px 33px; background: #fff url('images/contentbg.png') top center no-repeat; position: relative; }
#secondary { color: #fff; }

.calendar { width: 100%; border-spacing: 0; border-collapse: collapse; }
.calendar .col-week { width: 2%; }
.calendar .col-dayofweek { width: 14%; }
.calendar th { text-transform: uppercase;  vertical-align: top; }
.calendar td { border: 1px solid #aaa; vertical-align: top; padding: 0; }
.calendar .day { min-height: 2.5em; padding: 5px; font-size: 125%; display: block; text-align: right; }
.calendar a { color: #fff; font-weight: bold; display: block; background: #F9A600; border: 1px solid #EC8E00; border-top-color: #F7CD78; border-left-color: #F7CD78; text-decoration: none; }
.calendar a:hover { background: #F99400; }
.calendar .in-next-month a,
.calendar .in-prev-month a { background: #FFD37A; border-right-color: #FFB92E; border-bottom-color: #FFB92E; border-top-color: #FFD37A; border-left-color: #FFD37A; }
.calendar .in-next-month a:hover,
.calendar .in-prev-month a:hover { background: #FFB92E; }
.calendar td.is-today { border: 2px solid #dd0000; }
.calendar td.is-holiday,
.calendar td.dayofweek-0 { color: #aa0000; }
.calendar td.dayofweek-6,
.calendar td.dayofweek-0 { background: #eee; }
.calendar td.is-holiday { font-style: italic; }
.calendar td.in-next-month,
.calendar td.in-prev-month { color: #aaa; }
.calendar td.is-selected { border: 2px solid #145283; }

#front .widget_ownskit_events_calendar .widget-content { padding: 10px; border: 1px solid #D5D2D2; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
#front .widget_ownskit_events_calendar .widget-title { margin: -11px -11px 8px -11px; }
.widget_ownskit_events_calendar .more { padding: 0; }
.widget .calendar-title { text-align: center; }
.widget .calendar-wrapper { padding: 0.3em 0 0.35em 0; }
.widget .calendar .week { display: none; }
.widget .calendar .col-dayofweek { width: 14.2857%; }
.widget .calendar .day { padding: 2px 1px; font-size: 100%; text-align: center; min-height: 0; }
.widget .calendar td { vertical-align: middle; border: 1px solid #eee; }
.widget .nav-calendar a { background: url('images/next-prev-current-small.png') no-repeat 0 0; width: 15px; height: 15px; }
.widget .nav-calendar .next { float: right; background-position: 0 0; }
.widget .nav-calendar .next:hover { background-position: 0 -20px; }
.widget .nav-calendar .next:active { background-position: 0 -40px; }
.widget .nav-calendar .prev { float: left; background-position: -20px 0; }
.widget .nav-calendar .prev:hover { background-position: -20px -20px; }
.widget .nav-calendar .prev:active { background-position: -20px -40px; }
.widget .nav-calendar .current { float: left; margin-left: 5px; background-position: -40px 0; }
.widget .nav-calendar .current:hover { background-position: -40px -20px; }
.widget .nav-calendar .current:active { background-position: -40px -40px; }

.widget .calendar-title,
.dayview .page-title,
.monthview .page-title { text-align: center; }
.widget .calendar-wrapper,
.dayview .calendar-wrapper,
.monthview .calendar-wrapper { position: relative; }
.dayview .nav-calendar,
.monthview .nav-calendar { min-height: 1em; position: absolute; width: 100%; top: -4em;  }
.widget .nav-calendar { position: absolute; width: 100%; top: -15px;  }

.nav-calendar a { background: url('images/next-prev-current.png') no-repeat 0 0; display: block; width: 30px; height: 30px; text-indent: -999em; overflow: hidden; }
.nav-calendar .next { float: right; background-position: 0 0; }
.nav-calendar .next:hover { background-position: 0 -40px; }
.nav-calendar .next:active { background-position: 0 -80px; }
.nav-calendar .prev { float: left; background-position: -40px 0; }
.nav-calendar .prev:hover { background-position: -40px -40px; }
.nav-calendar .prev:active { background-position: -40px -80px; }
.nav-calendar .current { float: left; margin-left: 1em; background-position: -80px 0; }
.nav-calendar .current:hover { background-position: -80px -40px; }
.nav-calendar .current:active { background-position: -80px -80px; }
.is-current-month .nav-calendar .current { display: none; }

.month-events { list-style: none; padding: 0; }
.month-events a { text-decoration: none; color: #013463; }
.month-events a:hover { color: #F99300; }
.month-events a:hover .entry-meta { color: #F99300; }

.events-listed { list-style: none; padding: 0; }
.events-listed .entry-title { font-size: 210%; padding-bottom: 0; }
.events-listed .entry-header { padding-bottom: 0.2em; }
.events-listed li { margin: 0 0 0.5em 0;}
.events-listed .where { font-weight: bold; }

.socialmedia { list-style: none; padding: 0; margin: 8px 0 0 0; }
.socialmedia li { display: block; float: right; padding-left: 7px; }
.socialmedia .facebook { float: left; padding-left: 0; padding-right: 7px; }
.socialmedia .facebook .link { display: block; background: url('images/icon32_facebook.png') 0 0 no-repeat; width: 32px; height: 32px; }
.socialmedia .facebook .link span { display: none; }
.socialmedia .facebook .link:hover { background-position: 0 -32px; }
.socialmedia .twitter { overflow: hidden; position: relative; top: -3px; padding-left: 0; padding-right: 4px; }
.socialmedia .twitter .link { float: left; display: block; background: url('images/icon22_twitter.png') 0 0 no-repeat; width: 22px; height: 22px; margin: 5px 4px; }
.socialmedia .twitter .link span { display: none; }
.socialmedia .twitter .link:hover { background-position: 0 -22px; }
.socialmedia .twitter .tweet-wrapper { border: 2px solid #F99500; border-radius: 5px; }
.socialmedia .twitter .tweet-wrapper { display: table; width: 100%; }
.socialmedia .twitter .tweet-wrapper .link { display: table-cell; width: 22px; vertical-align: middle; }
.socialmedia .twitter .tweet-wrapper .tweet { display: table-cell; width: 100%; vertical-align: middle; padding: 0; font-size: 90%; line-height: 1; }
.socialmedia .twitter .tweet-wrapper .tweet .date { font-style: italic; }
.socialmedia .twitter .tweet-wrapper .tweet a { color: gray; text-decoration: none; }
.socialmedia .twitter .tweet-wrapper .tweet a:hover { color: #000; }
#ie9 .socialmedia .twitter,
#ie8 .socialmedia .twitter,
#ie7 .socialmedia .twitter { padding-right: 4px; }
#ie7 .socialmedia .twitter .tweet-wrapper { display: block; }
#ie7 .socialmedia .twitter .tweet-wrapper .tweet { display: block; float: none; width: auto; }
#ie7 .socialmedia .twitter .tweet-wrapper .link { display: block; float: left; }
.socialmedia .twitter { float: none; }
.socialmedia .btn a { display: block; height: 30px; line-height: 30px; min-width: 175px; text-align: center; background: #F99400 url('images/btn.png') 0 0 repeat-x; border-radius: 5px; text-transform: uppercase; color: white; text-shadow: #C07F0E 1px 1px 1px; text-decoration: none; font-weight: bold; }
.socialmedia .btn a:hover { color: #F8E6CE; }

.socialmedia.has_twobtns .btn a { min-width: 84px; }
.socialmedia.nobtns .twitter { padding-right: 0; } 


.subnav,
.subnav ul { list-style: none; padding: 0; }
.subnav li { display: block; } 
.subnav a { padding: 0.25em 0.75em; margin: 0 0 3px 0; display: block; font-size: 160%; text-decoration: none; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.3); background: #F99400 url('images/btn.png') 0 0 repeat-x; }
.subnav ul a { padding-left: 1.75em; }
.subnav ul ul a { padding-left: 2.75em; }
.subnav a:hover { color: #F8E6CE; }
.subnav .current-cat > a,
.subnav .current_page_item > a { color: #000; text-shadow: 0 1px 1px rgba(255,255,255,0.3);}

.article-list-item h1 { font-size: 26px; padding-bottom: 0.15em; }
.article-list-item { margin-bottom: 26px; }
.article-list-item:last-child { margin-bottom: 0; }
.article-list-item .read-more { display: block; margin-top: 4px; }
.article-list-item .read-more a:after { content: "..."; }

.gallery-press { margin: 0 -10px; overflow: auto; }
.gallery-press-item { width: 33%; height: 20em; float: left; margin: 0; padding: 0; }
.gallery-press-item .preview,
.gallery-press-item .caption, 
.gallery-press-item .downloads { margin: 0 10px; display: block; font-size: 90%; }
.gallery-press-item .downloads { list-style: none; padding: 0; }
.gallery-press-item .downloads a { text-decoration: none; }
.gallery-press-item .preview  { text-align: center; margin-bottom: 0.2em; padding: 10px 10px; background: #F0F0F0; border-radius: 5px; height: 120px; line-height: 120px; }
.gallery-press-item .preview:hover { background: #F9B400; }
.gallery-press-item .preview img { max-width: 100%; max-height: 10em; height: auto !important;  width: auto !important; vertical-align: middle; }
#ie7 .gallery-press-item { width: 23%; }

.rss { position: absolute; display: block; right: 20px; top: 20px; background: url('images/feed.png') 0 0 no-repeat; width: 28px; height: 28px; overflow: hidden; text-indent: -999em; }
.rss:hover { opacity: 0.5; }

#nav-above { margin: 0 0 10px 0; display: none; }
#nav-below { margin: 25px 0 0 0; }
.paged #nav-above { display: block; }
.nav-inside { min-height: 1em; }
.nav-inside a { color: #999999; text-decoration: none; text-transform: uppercase; }
.nav-inside a:hover { color: #666; }
.nav-inside .nav-previous { float: left; }
.nav-inside .nav-next { float: right; }

.entry-meta { color: #666666; }
.entry-meta a { text-decoration: none; color: #666666; }
h1.entry-title { padding-top: 0.55em; }
.entry-header { position: relative; }
.post .entry-header .entry-meta { position: absolute; top: 0; left: 0; font-size: 90%; font-weight: bold; text-transform: uppercase; }
.entry-header .entry-meta .by-author,
.entry-header .entry-meta .sep { display: none; }
.entry-header .entry-meta .post-categories { list-style: none; padding: 0; display: inline; }
.entry-header .entry-meta .post-categories li { display: inline; }
.ownskit-article-list-item .category,
.entry-header .entry-meta .post-categories a { text-decoration: none; color: #F29500; }

.ownskit-article-list { list-style: none; padding: 0; }
.ownskit-article-list-item a { display: block; text-decoration: none; margin: 0 0 0.75em 0; color: #000; }
.ownskit-article-list-item a:hover { color: gray; }
.ownskit-article-list-item .entry-meta { display: block; text-transform: uppercase; color: #000; }
.ownskit-article-list-item .title { font-size: 130%; }

.more { font-size: 120%; text-transform: uppercase; }
.more a { color: #000; text-decoration: none; }
.more a:before { content: "> "; }
.more a:hover { text-decoration: underline; }

.cat-links + .edit-link:before,
.cat-links + .comments-link:before,
.cat-links + .tag-links:before,
.tag-links + .comments-link:before,
.tag-links + .edit-link:before,
.comments-link + .edit-link:before { content: " | "; }

#front-info { border-top: 3px solid orange; background: white; }
#front-info .page-wrapper { padding: 12px 0 0 0; }
#front #content { width: 28%; float: left; }
#frontimg { overflow: visible; }
#frontimg .wrap { margin: -81px -160px 0 -160px; height: 485px; display: block; position: relative; }
#frontimg .voting-number { position: absolute; color: #D1E2F0; top: 20px; left: 400px; z-index: 100; text-shadow: 1px 1px 1px #497AA2; background: url('images/vote-number.png') 0 0 no-repeat; width: 168px; height: 168px; }
.light #frontimg .voting-number { color: white; }
#frontimg .voting-number .number { padding-top: 64px; font-size: 510%; line-height: 1em; text-align: center; display: block; letter-spacing: -2px; }
#frontimg .voting-number .region { font-size: 125%; text-align: center; display: block; position: relative; top: -3px; text-transform: uppercase; font-weight: bold; }
.site-24.light #frontimg .voting-number { color: #2294F4; text-shadow: none; background: none; }
.site-24.light #frontimg .voting-number .number { font-size: 803%;}
#frontimg #headerimg { display: block; position: absolute; top: 0; }
#front #front-blocks { width: 70%; float: right; }
#front1, #front2, #front3 { float: left; margin-right: 2%; width: 35%; }
#front2 { margin-right: 0; }
#front3 { float: right; margin: 0; width: 26%; }
#front .widget-title { padding: 7px 0; margin: -1px -1px 8px -1px; text-align: center; font-size: 160%; text-transform: uppercase; color: #FFFFFF; text-shadow: #C07F0E 1px 1px 1px; background: #F99400 url('images/btn.png') 0 0 repeat-x; }
#front .widget-title + h2 { padding-top: 0; }
#front-below .widget-title { display: none; }
#front h2,
#front h3,
#front h4 { font-size: 120%; font-weight: bold; padding: 0.1em 0 0.1em 0; }
#front-below { }

/* Special fonts */
.cufon-active #site-title { font-family: aller; }

#fancybox-outer,
#fancybox-content { border-radius: 5px; }
#fancybox-content {  background: none; }
#fancybox-content h1 a { text-decoration: none; color: black; }