/* This file will hold styles that are loaded using the same media query as the narrow grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the normal and widescreen layouts. You may override these styles in the normal 
 *  and widescreen CSS files as appropriate. */

#block-views-slider-block .flexslider {
	height: 284px;
	width: 700px;
}

#block-views-slider-block .flexslider .flexslider-views-slideshow-main-frame-row .views-field-body {
	display: block;
}

@media all and (max-width: 980px) {
	#block-views-slider-block .flexslider .flexslider-views-slideshow-main-frame-row .views-field-body {
		max-width: 340px;	
	}
}	

#block-views-slider-block .flexslider .flexslider-views-slideshow-main-frame-row {
	width: 100%;
}

#block-views-slider-block .views-slideshow-controls-bottom {
	display: block;	
}

#block-views-slider-block .flexslider .views-field-php {
	display:block;
}

.front #block-views-video-block-1 {
	display: block;
}

#block-views-featured-block-1 .views-field-field-header-kuva {
	width: 160px;
	height: 125px;
}

#search-block-form {
	display: block;
}

.responsive-layout-narrow #region-footer-second {
	width: 335px !important;
	margin-left: 45px;
}

.responsive-layout-narrow .block-views-galleria-block-1 {
	margin-top: 30px;
}

.container-12 .grid-3 {
	width: 229px !important;
}

.region-sidebar-first {
	background: url('../images/sidebar-bg.png');
	margin-right: 0px !important;
	border-right: 1px solid #c9c8bf;
}

.region-content {
	background: #f9f7f2;
	margin-left: 0px !important; 
	padding-left: 10px;
}

.front .region-content {
	width: 700px !important;
}

.left-corner {
	position: absolute;
	width: 10px;
	height:10px;
	left:0px;
	bottom:0px;
	background: url('../images/bottom-left.png') no-repeat left bottom;
}

.right-corner {
	position: absolute;
	width: 10px;
	height:10px;
	right:-1px;
	bottom:0px;
	background: url('../images/bottom-right.png') no-repeat left bottom;
}


.region-content {
	width: 470px !important;
	padding-left: 0px;
}

.front.region-content {
	width: 700px !important;
}

.front #block-system-main{
	width: 410px;
	padding-left: 20px;
	padding-bottom: 20px;
	
} 

.front #block-views-video-block-1,
.front #block-block-12 {
	width:270px;
	padding-bottom: 20px;	
}

.front#block-views-featured-block .views-row {
	margin: 0px 10px;
}

.front#block-views-featured-block .views-row.first,
.front#block-views-featured-block .views-row.fourth {
	margin-left: 0px;
}

.front#block-views-featured-block .views-row.third {
	margin-right: 0px;
}

.front#block-views-featured-block .field-name-field-header-kuva{
	width:390px;
}
.front#block-views-featured-block .view-footer {
	position: relative;
	top: 0px;
	width: 100%;
	margin-bottom:20px;
}

.front#block-views-news-block .views-row {
	width: 620px;
}

.front#block-views-news-block .views-field-title{
	width: 340px;
}

.front#block-views-news-block .views-field-body{
	width: 340px;
}

.front#block-views-news-block .views-field-view-node{
	width: 340px;
}

.front#block-views-news-block .views-field-field-header-kuva{
	width: 280px;
}

#block-menu-block-1 {
	width: 700px;
	margin: 0px;
	background: url('../images/navigation.png') no-repeat top center;
}

.responsive-layout-narrow #block-menu-block-1 {
	background-position: top center;
}

#block-views-featured-block .views-row .views-field-field-nostokuva {
	min-height: 190px;
	height: auto !important;	
}

.logo-img {
	margin-left: 20px;
	margin-top: 22px;
}

.logo-img img{
	width: 139px;
	height: 139px;
}

#block-search-form {
	margin: 13px 50px 13px 8px;
}

#block-block-5{
	margin: 13px 8px 8px 8px;
}

#block-menu-block-1 ul.menu {
	margin-left: 165px;
}

#block-menu-block-1 ul.menu li {
	display: inline-block;
	*zoom:1;
	*display: inline;
	float: left;
	z-index: 100;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border-right: 1px solid #225f8e;
}

#block-menu-block-1 ul.menu li.first { border-left: 1px solid #225f8e; }

#block-menu-block-1 ul.menu li.active,
#block-menu-block-1 ul.menu li.active-trail {
	background: url('../images/menu-item-active.png') no-repeat bottom center;
	padding: 0px;
	padding-bottom: 6px;
	border: none;
	margin-right: 1px;
	position: relative;
    z-index: 100;
}

#block-menu-block-1 ul.menu li a {
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;	
	font-size: 13px;
	padding: 21px 10px 20px 10px;

}

#block-menu-block-1 ul.menu li.active a { padding: 21px 17px 21px 17px; }

#block-menu-block-1 ul.menu li a.active,
#block-menu-block-1 ul.menu li a.active-trail {
	border-top: 1px solid #64615e;
	background: #46433f;
	padding-bottom: 26px;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px  0px 5px 5px;
}

.region-footer-first {
	width: 700px!important;
} 

.region-footer-second,
.region-footer-third {
	width: 300px!important;
	margin-left: 40px;
}

.region-footer-third {
	margin-left: 50px;
}

footer #block-block-2, footer #block-menu-menu-footer-links {
	margin-left: 40px;
	width: 310px;
	clear:none;
}

footer #block-menu-menu-footer-links {
	float:right;
	margin-top:9px;
}


.view-cottage .views-row,
.view-galleria .views-row, 
.node-gallery .field-name-field-gallery-image .field-item {
    float: left;
    margin: 10px 9px 0;
}

.view-cottage .views-row-even,
.view-galleria .views-row-even, 
.node-gallery .field-name-field-gallery-image .field-item.odd {
	margin-right: 0px;
}


.view-cottage .views-row-odd,
.view-galleria .views-row-odd, 
.node-gallery .field-name-field-gallery-image .field-item.even {
	margin-left: 0px;
}

 #block-views-featured-block .view-footer .block a.button {
	font-size: 16px;
	padding: 7px 58px 7px 58px;
}

#block-views-featured-block .views-row{
	margin: 10px 15px 10px 0px;
}

.front #block-views-news-block h2 {
	font-size: 26px;
	width: 550px;
}

.front.responsive-layout-narrow #block-views-news-block img {
	max-width: 170px;
}

/* Galleria */
.node-type-gallery .region-content {
	width: 700px !important;
	margin: 0 10px !important;
	float: left;
	display: block;
}

.galleria-container {
	width: 640px !important;
}

.responsive-layout-narrow .galleria-container {
	height: 530px !important;
}

.galleria-stage {
	bottom: 140px;
}