/*
 Theme Name:     Pytheas spinoff
 Theme URI:      
 Description:    Uusi uljas Stig
 Author:         Tero Makela
 Author URI:     http://stig.fi
 Template:       wpex-pytheas
 Version:        1.0.0
*/

@import url("../wpex-pytheas/style.css");
@import url(http://fonts.googleapis.com/css?family=Sintony:400,700);
@import url(http://fonts.googleapis.com/css?family=Audiowide);

body a {
	color: #DB001D;
}

body h2 a,
body h2 a:hover {
	color: #0F6A32;
}

#slogani {
	color: white;
	position: relative;
	z-index: 1000;
/*	display: none; */
	height: 83px;
	margin-bottom: -83px;
/*	top: 0px; */
	font-size: 110%;
	bottom: -55px;
/*	background: rgba(0,0,0,0.5);
	line-height: 83px; */
	font-family: 'Audiowide', 'cursive';
	z-index: -1;
}

#slogan1, #slogan2 {
	margin-bottom: 0;
}

#slogan2 {
	text-align: right;
	float: right;
}

body {
   font-family: 'Sintony', sans-serif;
   background: url('http://www.stig.fi/wp-content/uploads/background-2.jpg') no-repeat center center fixed;
  /* background: url('http://farm9.staticflickr.com/8383/8680573515_17d536cce3_b.jpg') no-repeat center center fixed; */
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

.comment-notes {
   font-family: 'Sintony', sans-serif;
}

body.blog .page-header,
p#top {
   display: none;
}

.sidebar_image {
   width: 100%;
   max-width: 213px;
   float: left;
   margin-bottom: 5px;
}

.sidebar-container {
	padding-left:0;
	padding-right: 20px;
}

#top-banner {
	height: 50px;
	background: rgba(0,0,0,0.5);
	display: none;
}

#navbar {
	background: #008731;
}

.nav-menu ul {
	background: #137039;
}

.nav-menu > li > a:hover, .nav-menu > .current-menu-item > a,
.navigation .current-menu-parent > a,
.navigation .current-menu-parent > a:hover,
.nav-menu > .current-menu-item > a:hover,
.nav-menu ul li > a:hover {
	background: #DB001D;
}

.nav-menu {
	border-right: none;
}

.nav-menu > li > a {
	border: none;
}

#masthead {
   padding: 0;
}

#wrap {
   margin: 83px auto 30px auto;
   border-top: 20px solid #DB001D;
   box-shadow: 0px 0px 26px rgba(0, 0, 0, 0.25);

}

#home-slider-wrap {
   margin:0;
   border-bottom:0;
   width:100%;
   background: #111;
}

.logo {
/*   
   background: rgba(0, 0, 0, 0.75);
   border-radius: 0 0 35px;
   height: 0;
   padding: 10px 15px;
   float: left;
*/
   position: absolute;
   z-index: 1000;
   width: 23%;
   max-width: 198px;
   left: 50%;
}

.logo img {
   position: relative;
   margin-left: -50%;
   margin-top: -41%;
}

.logo h1 a,
.logo h2 a,
p.site-description,
.logo h1, .logo h2 {
   color: #fff;
   text-shadow: 1px 1px 0px #222;
}

.logo a { display: inherit; }

.nav-menu a {
   padding: 0px 15px;
}

#social {
   right: 15px;
}

.blog-entry-content ul {
   padding-left: 20px;
   margin-bottom: 20px;
   list-style: disc;
}

.flex-direction-nav li a.flex-next, .flex-direction-nav li a.flex-prev {
   bottom: inherit;
   top: 0;
   background: rgba(0, 0, 0, 0.75);
	z-index: 10;
}

.flex-direction-nav li a.flex-prev {
   right:41px;
   left:inherit;
}

.flex-direction-nav li a.flex-next {
   right: 0;
   left: inherit;
}

.blog-entry-details .meta li:nth-child(1) {
    text-transform: uppercase;
}

.blog-entry-details .meta li:nth-child(2) {
   display: none;
}

.meta li span {
   margin-right: 5px;
}

@media only screen and (max-width: 767px)  {
/*   #wrap { margin: 0; border-top: 50px solid #F15A23; } */
   .container { max-width: 100%; }
	.slogan { display: none; }
	#slogani {
		height: 59px;
		background: rgba(0,0,0,0.5);
	   top: 0;
	}
}

.nav-menu #menu-item-947 > ul {
	width: 245px;
}

.nav-menu #menu-item-955 > ul {
	width: 100px;
}

.ec3_eventday {
   background: #eee;
   border-radius: 2px;
}

.ec3_eventday a.eventday{
   color: #F15A23 !important;
   font-weight: bold;
}

.artikkelikuva {
	padding: 4px;
	width: 25%;
	min-width: 100px;
}