/*
Theme Name: SuniSoft WP
Theme URI: http://picnom.com/
Description: Theme for WordPress
Author: Kimmo Kovalainen
Version: 3.3.1
Tags: wp3, green, white, one-column
*/


/* RESET DEFAULT CSS -------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both; }
ol, ul { list-style: none; }
blockquote { quotes: none; }
blockquote:before, blockquote:after { content: ''; content: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }
a { text-decoration: none; }
a:focus { outline: none; }


/* GENERAL -------------------------------------------------------------- */
html { overflow-y: scroll; height: 100%; }
body { background: #EEE url(images/arches.png) repeat top center; font: 13px Arial, Helvetica, sans-serif; height: 100%; }
#pagewrapper { background: #FFF; position: relative; width: 910px; min-height: 100%; margin: 0 auto; }
#wrapper { width: 820px; margin: 0 auto; padding: 0 45px 90px;  }

/* HEADER --------------------------------------------------------------- */
#header { width: 820px; height: 290px; position: relative; border-bottom: 1px solid #FFF; }
#logo { position: absolute; top: 13px; left: 0px; z-index: 10; }

#header .fbwrapper { overflow: hidden; width: 200px; height: 70px; position: absolute; top: 19px; left: 220px; }
#header #fbframe { position: absolute; top: 0px; left: -62px; }

#header .fb-page { position: absolute; top: 19px; left: 220px; width: 280px; }

#header #facebookbox { position: absolute; top: 19px; left: 230px; width: 340px; overflow: hidden; height: 70px; }
#header #facebookbox iframe { margin-left: -40px; }

#header .ajanvaraus { position: absolute; right: 127px; top: 28px; font: normal 12px/18px Arial, Helvetica, sans-serif; color: #666; text-align: right; }
#header .ajanvaraus a { color: #92AB3D; }
#header .ajanvaraus a:hover { color: #7B8F34; text-decoration: underline; }

#header .netti { float: right; width: 114px; height: 25px; padding-top: 45px; margin: 19px 0 0 0; font: bold 13px/14px Arial, Helvetica, sans-serif; color: #FFF; background: #58D4F0 url("images/varaa-time.png") no-repeat center 8px / 30px; text-align: center; transition: all 0.15s ease-in-out 0s; }
#header .netti:hover,
#header .netti:focus { background-color: #1AC6EA; }

#menu-main-wrapper { position: absolute; left: 0px; bottom: 0px; }
#menu-main-wrapper .menu { }
#menu-main-wrapper .menu li { clear: both; float: left; width: 199px; margin: 1px 0 0 0; height: 30px; }
#menu-main-wrapper .menu li a { color: #FFF; font: normal 13px/30px Arial, Helvetica, sans-serif; display: block; width: 175px; background: #A7BF4B; height: 30px; padding: 0 12px 0 12px; }
#menu-main-wrapper .menu li a:hover { background: #98AF3F; }
#menu-main-wrapper .menu li.current_page_item {  }
#menu-main-wrapper .menu li.current_page_item a { color: #FFF; background: #98AF3F; }
#menu-main-wrapper .menu li.current-menu-item a { color: #FFF !important; background: #98AF3F; }
#menu-main-wrapper .menu li.current-menu-ancestor a { color: #FFF !important; background: #98AF3F; }
#menu-main-wrapper .menu li ul { display: none; }


#header iframe { width: 620px; height: 185px; position: absolute; bottom: 0; right: 0px; }
#kuvacycle { width: 620px; height: 185px; background: #000; position: absolute; bottom: 0; right: 0px; }
#kuvacycle img { width: 620px; height: 185px; display: block; }


/* CONTENT -------------------------------------------------------------- */
#main { float: right; width: 820px; background: #FFF; border-top: 1px solid #93AB3D; }

#content { float: right; width: 580px; padding: 30px 0 0 40px; }
#content a { color: #7A8E33; }
#content a:hover { text-decoration: underline; }

#content h1 { color: #ACC45B; font: normal 24px Arial, Helvetica, sans-serif; margin: 0 0 12px 0; }
#content h2 { color: #666; font: normal 18px Arial, Helvetica, sans-serif; margin: 30px 0 10px 0; }
#content h3 { color: #333; font: normal 16px Arial, Helvetica, sans-serif; margin: 20px 0 5px 0; }
#content p { margin: 0 0 18px; line-height: 20px; color: #333; }

#content h2 a { color: #444; }

#content .entry-meta { display: none; border-bottom: 1px solid #E9E9E9; padding: 0 0 9px 0; font-size: 10px; color: #777; margin: 1px 0 10px; }
#content .entry-meta a { text-transform: uppercase; color: #444; }

#content .post { margin-bottom: 30px; }
#content .post .entry-meta .comments-link { float: right; }
#content .post .entry-meta a:hover { text-decoration: underline; }

#content #comments { display: none; }

#content ul, #content ol { margin: 0 0 18px 0; }
#content ul li { list-style: disc; margin: 0 0 6px 15px; }

#content table { margin: 0 0 18px 0; }
#content table td { padding: 0 0 10px 50px; }
#content table td:first-child { padding: 0 0 10px 0; }

a[href$=".pdf"] {
	background: url(images/icon_pdf.png) no-repeat left center;
	padding-left: 21px;
}

a[href$=".doc"] {
	background: url(images/icon_doc.png) no-repeat left center;
	padding-left: 21px;
}

a[href$=".docx"] {
	background: url(images/icon_doc.png) no-repeat left center;
	padding-left: 21px;
}



/* SIDEBAR -------------------------------------------------------------- */
#sidebar { float: left; width: 199px; padding: 0; }

#sidebar h2 { clear: both; float: left; margin: 30px 0 14px; color: #999; font: normal 24px Arial, Helvetica, sans-serif; }

#sidebar .sidemenu { float: left; padding: 5px 0 10px; }
#sidebar .sidemenu li { clear: both; float: left; width: 180px; padding: 5px 10px; }
#sidebar .sidemenu li a { font: normal 12px Arial, Helvetica, sans-serif; color: #777; padding-left: 10px; }
#sidebar .sidemenu li a:hover { color: #0099FF; text-decoration: underline; }
#sidebar .sidemenu li.current_page_item a { background: url(images/bullet.png) no-repeat 0px 4px; color: #0099FF; }

ul#ajankohtaista { margin: 30px 0 0 0; }
ul#ajankohtaista li { clear: both; float: left; width: 179px; padding: 10px; margin: 0 0 20px 0; background: #F5F5F5; }
ul#ajankohtaista li h2 { color: #333; font: bold 13px Arial, Helvetica, sans-serif; margin: 0 0 7px 0; }
ul#ajankohtaista li h2 a { color: #333; }
ul#ajankohtaista li p { clear: both; float: left; color: #333; font: 12px/17px Arial, Helvetica, sans-serif; margin: 0 0 7px 0; width: 179px; }
ul#ajankohtaista a.readmore { clear: both; float: left; color: #7A8E33; font: bold 12px/17px Arial, Helvetica, sans-serif; }
ul#ajankohtaista a.readmore:hover { text-decoration: underline; }
ul#ajankohtaista .meta-nav { display: none; }

ul#ajankohtaistalist { clear: both; float: left; margin: 0 0 18px 0; }
ul#ajankohtaistalist li { clear: both; float: left; list-style: disc; margin: 0 0 10px 15px; }
ul#ajankohtaistalist li a { color: #7A8E33; }
ul#ajankohtaistalist li a:hover { text-decoration: underline; }


/* FOOTER -------------------------------------------------------------- */
#footer { position: absolute; bottom: 0; width: 910px; height: 60px; margin: 0 auto; }
#innerfooter { clear: both; position: relative; width: 820px; margin: 0 auto; border-top: 1px solid #93AB3D; height: 59px; }
#innerfooter a:hover { text-decoration: underline; }

p.contact { float: left; margin: 9px 0 0 0; color: #888; text-align: left; font: normal 11px Arial, Helvetica, sans-serif; }

p.iggo { float: right; margin: 9px 0 0 0; color: #888; text-align: right; font: normal 11px Arial, Helvetica, sans-serif; }
p.iggo a { color: #888; }
p.iggo a:hover { text-decoration: underline; color: #333; }

.clear { clear: both; }

#footer .menu { float: left; margin: 0; }
#footer .menu li ul { display: none; }
#footer .menu li { float: left; padding: 0 16px; border-left: 1px dotted #455818; }
#footer .menu li a { color: #455818; }
#footer .menu li:first-child { border: none; }


/* IMAGES -------------------------------------------------------------- */
#content img { margin: 0; max-width: 580px; }
#content .attachment img { max-width: 580px; }

#content .alignleft,
#content img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 6px; }

#content .alignright,
#content img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 6px; }

#content .aligncenter,
#content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

#content img.alignleft,
#content img.alignright,
#content img.aligncenter { margin-bottom: 12px; }

#content .wp-caption { background: #f1f1f1; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px; }
#content .wp-caption img { margin: 5px 5px 0; }
#content .wp-caption p.wp-caption-text { margin: 5px; color: #888; font-size: 12px; }


/* WPCF7 */
.wpcf7-form p { clear: both; float: left; }
.wpcf7-list-item { clear: left; float: left; margin-left: 0 !important; }
.wpcf7-list-item input { margin-left: 1px !important; }
.wpcf7-list-item-label { margin-top: -2px; }
.wpcf7-checkbox { float: left; margin-bottom: 4px; }

div.wpcf7-response-output { float:left; }

.wpcf7-form p { margin-bottom: 11px !important; }
.wpcf7-form-control-wrap textarea { width: 500px; height: 100px; }


/* WPML SWITCHER */
#lang_sel_list { clear: both; float: left; margin: 12px 0 0 0; }
#lang_sel_list .lang_sel_sel { display: none; }

#lang_sel_list ul { border: 0px solid #FFF !important; }

#lang_sel_list a, #lang_sel_list a:visited { text-transform: uppercase; color: #000 !important; font: 13px Arial, Helvetica, sans-serif; background: none !important; border: 0px solid #000 !important; padding: 0px !important; margin: 0 0 0 15px !important; }


/* CBOX */
#cboxTitle { text-align: center !important; width: 100%; color: #EEE !important; position: static !important; margin: 4px 0 0 0 !important; }
#colorbox, #cboxOverlay, #cboxWrapper { overflow: visible !important; }