/* ==========================================================================
   Base
   ========================================================================== */

html { background:transparent url('../img/bg.jpg'); }
body { background:transparent url('../img/body_bg.png') no-repeat center 0px; }
body { font-family: Arial, Helvetica, Tahoma, sans-serif; font-size:12px; color:#4d4d4d; line-height:1.500em; }

h1, h2, h3, h4, h5 { font-family: 'Jockey One', Arial, Helvetica, Tahoma, sans-serif; font-weight:400; color:#090909; text-transform:uppercase; }
h1 { font-size:1.833em; }
h2 { font-size:1.667em; }
h3 { font-size:1.5em; }
h4 { font-size:1.333em; }
h5 { font-size:1.167em; }


/* =============================================================================
   Header
   ========================================================================== */

.topbar { height:17px; background-color:#090909; }

.banner { }
.banner .container { border-bottom:1px solid #c0c0c0; position:relative; height:150px;  }

.herounit { margin:30px 0 20px 0; padding-bottom:30px; border-bottom:1px solid #c0c0c0; color:#fff; font-family: 'Jockey One', Arial, Helvetica, Tahoma, sans-serif;  text-transform:uppercase; font-size:3.333em; line-height:50px; text-shadow:1px 1px 2px #725e4c; }
.firstinfo { margin-left:-8px; margin-bottom:20px; background:transparent url('../img/aatospaja-www-sivut-logot-esitteet-mainokset.jpg') no-repeat left top; padding:30px 0 0 35px; width:942px; height:89px;}
.secondinfo { margin-left:-8px; background:transparent url('../img/aatospaja-luovat-edulliset-ratkaisut-www-sivut.jpg') no-repeat left top; padding:30px 0 0 35px; width:942px; height:145px;}

.brand { position:absolute; left:0; top:20px; }
.tagline { position:absolute; left:382px; top:73px; color:#929292; line-height:14px; overflow:hidden; height:14px; width:400px; }
.nav-main { position:absolute; left:114px; top: 95px; }

.contactemail { font-family: 'Jockey One', Arial, Helvetica, Tahoma, sans-serif; font-size:1.333em; color:#8a8a8a; position:absolute; top:20px; right:0; }

.nav-main { color:#d38c5e; font-family: 'Jockey One', Arial, Helvetica, Tahoma, sans-serif; text-transform:uppercase; font-size:1.667em; }
.nav-main a { color:#d38c5e; }
.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus { background-color:transparent; color:#4a4a48; }
.nav-pills > li > a {
		line-height:20px;
		margin: 0 50px 0 0;
    padding: 0;
}

/* ==========================================================================
   Home
   ========================================================================== */

.boxcontent { background:transparent url('../img/aatospaja-rovaniemi-miika-korppi.jpg') no-repeat right top; min-height:280px;}
.infobox h1 { font-size:1.5em; border-bottom:5px solid #090909; margin:0px; padding-left:20px; line-height:36px; background:transparent url('../img/h1arrow.png') no-repeat left center; } 
.content .blog { margin-top:40px; font-size:1em; }
.content .blog h1 { font-size:1.333em; border-bottom:5px solid #090909; margin:0px; padding-left:27px; line-height:36px; background:transparent url('../img/h1blog.png') no-repeat left center; } 
.content .blog h3 { font-size:1em; margin:10px 0 5px 0; padding:0; line-height:20px; font-family: Arial, Helvetica, Tahoma, sans-serif; text-transform:none; font-weight:700; color:#4d4d4d;  } 
.content .blog h3 a { color:#4d4d4d;  } 
.content .blog h3 span { font-weight:400; padding-left:10px;  } 
#firstp { width:410px; padding-top:15px;}
#secondp {width:340px; padding:15px 0;}
.home .wpcf7 h2 { display:none; }
.home .wpcf7 p { padding:0; margin:0; }
.home input, textarea, .uneditable-input { width:100%; }
.home textarea { height:80px; }
.home .wpcf7-submit { width:100px; }
#lomake { display:none; }
/* ==========================================================================
   Content
   ========================================================================== */

.content { text-shadow:white 1px 1px 0; }
.content h1, .content h2, .content h3 { margin-top:0; padding-top:0; }

.entry-title { line-height: 1em; }

.page-template-template-yhteystiedot-php pre { background:transparent; border:none; font-size:1.667em; line-height:25px; width:450px; float:left; text-align:center;}
.page-template-template-yhteystiedot-php .wpcf7 { width:400px; float:right;}
.page-template-template-yhteystiedot-php input, textarea, .uneditable-input { width:100%; }
.page-template-template-yhteystiedot-php textarea { height:130px; }
.page-template-template-yhteystiedot-php .wpcf7-submit { width:120px; }

.home .some { padding-top:10px; }
.some { list-style-type:none; padding-left:0; margin-left:0; }
.some li {float:left; display:inline; padding-left:0; margin-left:0; }
.some .fb { margin-right:30px;}
/* ==========================================================================
   Primary Content
   ========================================================================== */

.main { margin-top:30px; padding-bottom:30px; }

.home .main { margin-top:0px; }

/* ==========================================================================
   Sidebar
   ========================================================================== */

.sidebar { padding-left:50px; margin-top:30px;}
.span4 { width:265px; } 
.widget { margin-bottom:50px; }
.widget h3 { font-size:1.5em; border-bottom:5px solid #090909; margin:0px 0 15px 0; padding-left:20px; line-height:36px; background:transparent url('../img/h1arrow.png') no-repeat left center; }
.small { color:#909090; font-size:0.917em; line-height:11px; text-shadow:none;}

.home .sidebar { margin-top:0px; }

/* ==========================================================================
   Posts
   ========================================================================== */

.hentry header { }
.hentry time { }
.hentry .byline { }
.hentry .entry-content { }
.hentry footer { }



/* ==========================================================================
   Footer
   ========================================================================== */

/* push footer to the bottom */
body, html { height: 100%;} 
#pagewrap { min-height: 100%; }
.wrap { padding-bottom:101px; }
.content-info { background-color:#e2e2e2; position: relative; margin-top: -101px; height: 101px; clear:both; padding-top:0px; line-height:22px; font-size:1em; text-shadow:white 1px 1px 0; }
.content-info a {color:#4d4d4d; }
.footerleft { float:left; margin-top:26px; }
.footerleft a { }
.footerleft span { margin:0 5px; }
.footerright { float:right; margin-top:23px; width:350px; }
.footerright a { display: block; float: right;  height: 32px; margin-left: 10px; margin-top: 5px; width: 32px; }
.footerright img { margin-right:5px; float:left; }
.footerright a img { margin-right:0; }


/* ==========================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }
figure.alignnone { margin-left: 0; margin-right: 0; }



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (max-width: 767px) {

}