/*
Theme Name: LVI-Armek 2015
Theme URI: http://github.com/zencoder/html5-boilerplate-for-wordpress
Description: Theme based on the <a href="http://html5boilerplate.com">HTML5 Boilerplate</a> and Bruce Lawson's <a href="http://html5doctor.com/designing-a-blog-with-html5/">Designing a Blog with HTML5</a>. Tailored for LVI-Armek by Skye Design. The "HTML5 Boilerplate" name is used with permission from Paul Irish.
Version: 1.0.1
Author: Skye Design
Author URI: http://skye.fi
Tags: white, two-columns
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/*
HTML Boilerplate styles can be found in the html5-boilerplate/css directory.
*/

/* Own adjustements */
.skip-link,.description {display:none;}
body, html {margin:0;padding:0;background:#002748;}
body, html, div {font-family: 'Open Sans', Helvetica, Arial, sans-serif;}

#container {width:100%;margin:0;padding:0;float:left;background:#002748;}

#site-header {width:100%;margin:0;padding:0;float:left;height:106px;background:url(./images/header2015.jpg) top center no-repeat;}
#header-wrap {width:960px;height:106px;margin:0 auto;padding:0;}
#header-inside {width:100%;height:106px;margin:0;padding:0;float:left;position:relative;}

#mainnavigation {
	margin:0;
	padding:0;
	float:left;
	width:642px;
	height:36px;
	position:absolute;
	left:317px;
	top:70px;
}


#slideshow {
	width:100%;
	margin:0;
	padding:0;
	float:left;
	background:#fff;
}

#slideshow-inside {
	width:960px;
	height:318px;
	margin:0 auto;
	padding:0;
	z-index:999;
	position:relative;
}
#slideshow-content {
	width:960px;
	height:318px;
	margin:0;
	padding:0;/*
	-webkit-box-shadow: 0px 15px 15px -16px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 15px 15px -16px rgba(0,0,0,0.5);
	box-shadow: 0px 15px 15px -16px rgba(0,0,0,0.5);*/
	z-index:9999;
	position:absolute;
	left:0;top:0;
}

#content-wrap {width:100%;margin:0;padding:0;float:left;background:#fff;}
#content {width:960px;margin:0 auto;padding:0;}
#content-inside {width:100%;margin:0;padding:0;float:left;
}

#main {width:660px;margin:0;padding:0 40px 30px 0;float:left;}
.page #main, #main article.front-page {padding-top:30px;}
#sidebar {width:260px;margin:0;padding:0 0 30px 0;float:left;}
body.page-id-25 #main {width:920px;}
body.page-id-25 #sidebar {display:none;}
#sidebar-inside {width:230px;background:#fff;margin:0 0 40px 0;padding:15px;font-size:85%;float:left;}
.home #sidebar-inside {background:#f6f6f6;} 
#sidebar-inside div.nosto {
	margin-top:-15px;
	display:block;
	float:left;
	width:230px;
	height:153px;
	background:url(./images/mainos-tausta2.gif) top center no-repeat;
	padding-top:22px;
	text-align:center;
}
#sidebar-inside div.nosto .entry {
	padding:0 40px;
	font-size:85%;
}
#sidebar-inside .kuvituskuva {
	margin:30px 0 0 0;
	padding:0;
	float:left;
	width:260px;
	height:195px;
}
/* Sivukohtaiset kuvat */
.kuvituskuva {background:url(./images/auto.jpg) no-repeat top left;}
/* yritys */
.page-id-6 .kuvituskuva {background:url(./images/auto.jpg) no-repeat top left;}
/* palvelut */
.page-id-9 .kuvituskuva, .parent-pageid-9 .kuvituskuva {background:url(./images/auto.jpg) no-repeat top left;}
/* referenssit */
.page-id-143 .kuvituskuva {background:url(./images/auto.jpg) no-repeat top left;}
/* referenssit */
.page-id-143 .kuvituskuva {background:url(./images/auto.jpg) no-repeat top left;}



#sidebar-inside div.additional-info {margin:0;padding:0;float:left;width:100%;text-align:center;}
.additional-info p {line-height:105%;color:#999;}
#main article {margin:0;padding:0;float:left;width:660px;}
#main article header {margin:0;padding:0;float:left;width:660px;}

.page-id-25 #main article {margin:0;padding:0;float:left;width:920px;}
.page-id-25 #main article header {margin:0;padding:0;float:left;width:920px;}

#page-footer {width:100%;margin:0;padding:0;float:left;background:#003a6c;color:#fff;}
#footer-wrap {width:960px;margin:0 auto;padding:0;}
#footer-inside {width:960px;margin:0;padding:40px 0 0 0;float:left;}

#skye-footer {width:100%;margin:0;padding:0;float:left;background:#002748;}
#skye-wrap {width:960px;margin:0 auto;padding:0;}
#skye-inside {width:960px;margin:0;padding:0;float:left;}

#skye-footer a {display:block;text-decoration:none;width:72px;height:28px;text-indent:-9999px;background:url(./images/skyelogo.gif) no-repeat;float:right;margin:15px 0;}

#footer-inside ul {margin:0;padding:0;float:left;list-style:none;}
#footer-inside ul li {float:left;}
#footer-inside #address {margin:0;padding:0;float:left;width:335px;}
#footer-inside #address ul {font-size:80%;width:335px;}
#footer-inside #address ul li {float:left;width:50%;}
#footer-inside ul#footer-navi {font-size:80%;width:625px;}
#footer-inside ul#footer-navi li {border-left:1px solid #3e6b94;min-height:148px;padding:0 18px;font-weight:bold;}
#footer-inside ul#footer-navi li ul li {border-left:0 none;min-height:10px;padding:0 0;font-weight:normal;}
#footer-navi-option1 {width:53px;}
#footer-navi-option2 {width:43px;}
#footer-navi-option3 {width:88px;}
#footer-navi-option4 {width:78px;}
#footer-navi-option5 {width:160px;}

#footer-inside ul#footer-navi ul.sub-navi {width:99px;}


/* WordPress Required Styles */

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft, .left {
	float: left;
}

.alignright, .right {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
}
	
.sticky h2 {
	padding-top: 10px;
}
ul#slider {
	display: block;
	width: 960px;
	height: 359px;
	overflow: hidden; /* needed for Opera and Safari */
}