/*
Theme Name: Bike Town
Theme URI: -
Author: -
Author URI: -
Description: Dedicated WordPress Theme
Version: 1.0
*/

/********************************************************************
=====================================================================

    1. Default Styles
    2. Header
    3. Footer
    4. Content
    4.1 Home page
    4.2 Inside page
    5. Responsive layout

=====================================================================
********************************************************************/


/*******************************************************************/

/* 1. Default styles
 ----------------------------------------------------------------- */

body    {
    padding: 0;
    margin: 0;
    color: #403739;
    background: #000;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
	background-image: url(images/topo.gif);
	background-repeat: repeat;
}

/**  DW WAS...  text-decoration:none;  **/
a   {
    text-decoration:underline;
    color:#474747;
}

a:hover { text-decoration:underline; }

.clear  { clear:both }

.clearfix:after,
header:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

#page {
    width: 1218px;
    margin: 0 auto;
    border: 10px solid #fff;
    border-bottom: 0;
	background: #fff;
}


/*******************************************************************/

/* 2. Header
 ----------------------------------------------------------------- */

header {
    background: #383a3f;
    border-bottom: 10px solid #fff;
}

header a.logo {
    display: block;
    float: left;
    margin: 6px 0 6px 25px;
}

header a.logo img {
    display: block;
    border: none;
}

header nav {
    float: right
}

header nav ul {
    margin: 38px 30px 0 0;
    padding: 0;
    list-style: none;
}

header nav ul li {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 15px;
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

header nav > ul > li {
    float: left;
    margin: 0 0 0 10px;
    padding: 0 0 10px 20px;
    background: url(images/ico.nav.png) no-repeat 0 3px;
}

header nav ul > li > a {
    color: #fff;
}

header nav .sub-menu {
	display: none;
	position: absolute;
	z-index: 10;
	top: 25px;
	left: 0;
	margin: 0;
	background: #fff;
	width: 200px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	z-index: 999;
}

header nav .sub-menu > li {
    display: block;
    float: none;
    margin: 10px;
}

header nav .sub-menu a {
    color: #000;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

header nav ul > li:hover .sub-menu {
    display: block;
}


 /*******************************************************************/

/* 3. Footer
 ----------------------------------------------------------------- */

footer {
    clear: both;
    overflow: hidden;
    padding: 0 0 250px 0;
    background: #383a3f;
    margin-top: 10px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

footer nav {
    float: left;
	margin: 65px 20px 0;
}

footer nav ul {
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

footer nav ul li {
    float: left;
    margin: 0 0 0 8px;
    padding: 0 0 10px 18px;
    font-size: 15px;
    line-height: 15px;
    background: url(images/ico.nav.png) no-repeat 0 3px;
}

footer nav ul li a {
    color: #fff;
}

footer .sponsors {
    float: left;
    height: 55px;
    margin: 24px 25px 0;
    padding: 0 0 0 121px;
    background: url(images/sponsors.png) no-repeat 0 0;
}

footer .sponsors a {
    margin: 0 30px 0 20px;
}


footer .sponsors a img {
    border: 0;
}

footer .footer-mobile {
	display: none;
}
.footer-mobile .mobile-survey {
		display: none;
		
	}

/*******************************************************************/

/* 4. Content
 ----------------------------------------------------------------- */

#page {
    position: relative;
}

.content-home {
    position: relative;
    clear: both;
    overflow: hidden;
    margin: 10px 0 0;
}

.content-home:first-child {
    margin: 0;
}

.content-home .image-area {
    position: absolute;
    margin: 0 10px 0 0;
    padding: 0;
    width: 910px;
    height: 100%;
    overflow: hidden;
}

.content-home figure img {
    display: block;
    width: 100%;
    height: auto;
}

.content-home .sidebar-home {
    float: right;
    width: 296px;
}

.content-home .social {
    margin: 0 0 10px;
    padding: 13px 4px 9px 0;
    overflow: hidden;
    background: #86bf46;
}

.content-home .social .container {
    float: right;
}

.content-home .social a {
    float: left;
    display: block;
    width: 32px;
    height: 32px;
    margin-right: 13px;
    text-indent: -9999px;
}

.content-home .social a.facebook {
    background: url(images/ico_social-fb.png) no-repeat
}

.content-home .social a.twitter {
    background: url(images/ico_social-twit.png) no-repeat
}

.content-home .social a.pinterest {
    background: url(images/ico_social-pin.png) no-repeat
}
.content-home .social a.vimeo {
    background: url(images/ico_social-vimeo.png) no-repeat
}
.content-home .social a.youtube {
    background: url(images/ico_social-youtube.png) no-repeat
}

/** DW WAS...  padding: 10px 10px 5px;  **/
.content-home .featured {
    padding: 0 0 10px 10px;
    background: #5a7383;
    color: #fff;
    font-size: 12px;
	height: 407px;
}

/**  DW WAS...   padding: 0;  AND WAS... color: #231f20;   **/
.content-home .featured h1 {
    margin: 0;
    padding: 5px 0;
    font-size: 21px;
    line-height: 20px;
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-weight: normal;
    text-transform: uppercase;
}

.content-home .featured h1 span {
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
}

.content-home .featured h2 {
    margin: 22px 0;
    font-size: 25px;
	color: #fff;
    line-height: 30px;
    font-weight: normal;
    text-transform: uppercase;
}

.content-home .featured h3 {
	padding: 0;
	font-size: 25px;
	line-height: 25px;
	font-family: 'Arial Black', Arial, Helvetica, sans-serif;
	color: #231f20;
	font-weight: normal;
	text-transform: uppercase;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

.content-home .featured h3 a {
	color: #231f20;
}

.content-home .featured p {
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	text-transform: none;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	height: 30px;
	overflow: hidden;
}

.content-home .featured-link {
    position: relative;
    display: block;
    float: left;
    height: 138px;
    width: 296px;
    margin: 0 0 0 12px;
    padding: 0;
    overflow: hidden;
}

.content-home .featured-link:first-child {
    margin: 0;
}

.content-home .featured-link span {
    position: absolute;
    bottom: 5px;
    right: 12px;
    font-size: 35px;
    line-height: 40px;
    font-family: 'Arial Black', Arial, Helvetica, sans-serif;
    color: #fff;
    text-transform: uppercase;
}

.content-home .featured-link img {
    display: block;
    width: 100%;
    height: auto;
    border: none;
}


.content-home .featured-link.wide {
    width: 602px;
}

.content-home .featured-link.wide span {
    bottom: 70px;
    left: 30px;
    right: auto;
    color: #383A3F;
}

/*******************************************************************/

/* 4.1. Inside Page

 ----------------------------------------------------------------- */
 
.post-banner {
	height: 80px;
	padding: 10px 15px 0 15px;
	background: #8dc63f;
	overflow: hidden;
}
 
.post-banner .breadcrumbs {
	float: left;
	width: 860px;
	font: 25px/30px 'Arial Black', arial, serif;
	color: #241f20;
}

.post-banner .breadcrumbs a {
	font: 25px/30px 'Arial Black', arial, serif;
	color: #241f20;
}
 
.post-banner .sponsor {
	float: right;
	width: 300px;
} 
 
.post-banner .sponsor h3 {
	float: left;
	font: 12px/12px Arial, Helvetica, sans-serif;
	color: #5c7831;
	margin: 65px 0 0 0;
}
 
.post-content {
	clear: both;
	margin-top: 10px;
	overflow: hidden;
}
.post-content-mobile {
	display: none;
}
 
.post-content .text {
	float: right;
	width: 520px;
	padding: 0 15px 0 35px;
	background: #ebecee;
	min-height: 875px;
}
.post-content .text-mobile {
	display: none;
}


.post-content .text h2.title {
	font: 25px/49px Arial, Helvetica, sans-serif;
	color: #241f20;
	margin: 0;
}

.post-content .text ul.meta {
	margin: 0;
	padding: 0;
	list-style: none;
}

.post-content .text ul.meta li {
	font-size: 14px;
	color: #403739;
	line-height: 25px;
}

.post-content .text ul.meta li span {
	font-family: 'Arial Black', arial, serif;
	text-transform: uppercase;
}
 
.post-content .text ul.meta li.print {
	line-height: 48px;
	overflow: hidden;
}

.post-content .text ul.meta li.print span {
	float: left;
	display: block;
}

.post-content .text ul.meta li.print a {
	display: block;
	width: 28px;
	height: 24px;
	background: url(images/print-map.png) no-repeat top left;
	float: left;
	margin: 8px;
}

.post-content .text h3.description {
	color: #241f20;
	margin: 20px 0 15px 0;
	font: 22px/22px 'Arial Black', arial, serif;
}

.post-content .text p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 15px;
}

.post-content .text p.comment-notes {
	display: none;
}

.post-content .text p strong {
	font-family: 'Arial Black', arial, serif;
}

.post-content .comments {
	border-top: 1px #a0ce62 solid;
}

.post-content .comments textarea {
	width: 450px;
	padding: 5px;
	border: none;
	height: 30px;
}

.post-content .text p.form-submit {
	margin: 5px 0;
}

.post-content .comments #submit-btn {
	background: #8dc63f;
	border: none;
	font-size: 12px;
	color: #403739;
}

.post-content .comments h3.recent-comments {
	font: 12px/12px 'Arial Black', arial, serif;
	color: #403739;
	margin: 10px 0;
}

.post-content .comments ul {
	margin: 20px 0;
	padding: 0;
	list-style: none;
	font: 12px/20px Arial,serif;
	color: #403739;
}

.post-content .comments ul li {
	margin: 5px 0;
}

.post-content .comments button.post-comments {
	background: #8dc63f;
	border: none;
	font-size: 12px;
	color: #403739;
}

.post-content .gallery {
	float: left;
	width: 635px;
}

/********************* post-galleria ***********************************/

#container {
	overflow: hidden;
	
}

#container div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	height: 462px;
	width: 635px; 
}
#container div.content-hor {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	height: 800px;
	width: 635px; 
}
#container div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
#container div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
#container div.controls {
	margin-top: 5px;
	height: 23px;
	display: none;
}
#container div.controls a {
	padding: 5px;
}
#container div.ss-controls {
	float: left;
}
#container div.nav-controls {
	float: right;
}
#container div.slideshow-container {
	position: relative;
	clear: both;
	height: 452px; /* This should be set to be at least the height of the largest image in the slideshow */
	padding-right: 3px;
	overflow: hidden;
	margin-bottom: 10px;
}
#container div.slideshow-container-hor {
	position: relative;
	clear: both;
	height: 800px; /* This should be set to be at least the height of the largest image in the slideshow */
	padding-right: 3px;
	overflow: hidden;
	margin-bottom: 10px;
}

#container 

#container div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('http://steamboatbiketown.com/wp-content/themes/biketown/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 635px;
	height: 452px; /* This should be set to be at least the height of the largest image in the slideshow */
}
#container div.slideshow {

}
#container div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

#container div.slideshow span.image-wrapper img {
	width: 635px;
}

#container div.slideshow a.advance-link {
	display: block;
	width: 635px;
	height: 452px; /* This should be set to be at least the height of the largest image in the slideshow */
	height: 452px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}

#container div.slideshow a.advance-link img {
	width: 635px;
	margin-top: -15px;
}
#container div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
#container div.slideshow img {
	vertical-align: middle;
	border: none;
}
#container div.download {
	float: right;
}

#container div.slideshow a.advance-link iframe {
	margin-top: -15px;
}


#container div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
#container span.image-caption {
	display: block;
	position: absolute;
	width: 550px;
	top: 0;
	left: 0;
}
#container div.caption {
	padding: 12px;
}
#container div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
#container div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
#container div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}

#container .blue-bg {
	overflow: hidden;
	background: #5a7383;
	padding: 4px;
	min-height: 405px;
}

#container ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
	background: #5a7383;
	overflow: hidden;
}

#container h5 {
	clear: both;
	font-size: 20px;
	color: #000;
	line-height: 25px;
	margin: 10px 0 0 0;
	font-weight: normal;
}
#container ul.thumbs li {
	float: left;
	padding: 0;
	display: block;
	width: 150px;
	height: 105px;
	margin: 0px 4px 4px 0px;
	list-style: none;
}
#container a.thumb {
	display: block;
}
#container ul.thumbs li.selected a.thumb {

}
#container a.thumb:focus {
	outline: none;
}
#container ul.thumbs img {
	width: 148px;
	height: 100px;
}
#container div.pagination {
	clear: both;
	display: none;
}
#container div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
#container div.navigation div.bottom {
	margin-top: 12px;
}
#container div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
#container div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
#container div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
#container div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

#container li.video {
	position: relative;
	z-index: 9999;
}

#container li.video iframe {
	width: 166px !important;
	height: 115px !important;
}

#container .hidden {
	opacity: 0;
	filter: alpha(opacity=0);
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	width: 166px;
	height: 115px;
}

/* PAGE
 ----------------------------------------------------------------- */

.page-content .post-banner {
	height: 32px;
	padding: 0px 15px;
	background: #8DC63F;
	overflow: hidden;
	line-height: 32px;
}

.page-content .left-column {
	float: left;
	width: 535px;
	overflow: hidden;
}

.page-content .post-content .gallery {
	width: 535px;
}

.page-content .right-column {
	width: 672px;
	float: right;
	overflow: hidden;
}



/**  DW WAS...  min-height: 520px;  **/
.page-content .post-content .text {
	width: 672px;
	/*height: 520px;*/
	min-height: 100px;
	margin-bottom: 10px;
	padding: 0;
}





.page-content iframe {
	width: 535px;
	height: 644px;
}

#LME_maplinks {
	display: none;
}

.green-box {
	clear: both;
	height: 170px;
	padding: 7px 13px;
	background: #8dc63f;
}
/**  DW WAS...  padding: 13px 7px;  **/
.green-box-normal {
	clear: both;
	height: 155px;
	padding: 0;
	background: #8dc63f;
}

/**  DW WAS...  height: 155px;  ...changed to 'min-height' so the box wasn't confined  AND WAS...  padding: 13px 7px;  AND WAS...  margin-bottom: 10px;  **/
.green-box-overview {
	clear: both;
	min-height: 150px;
	padding: 0px;
	background: #8dc63f;
	margin-bottom: 0px;
	}


.green-box p {
	font: 15px/20px Arial, Helvetica, sans-serif;
	color: #241f20;
	margin: 0;
}

.page-content .post-content .text h2.title {
	font: 28px/28px 'Arial Black', arial, serif;
	color: #292223;
	margin: 20px 22px 20px 22px;
	text-transform: uppercase;
}


.page-content .post-content .text .page-text h3 {
	margin: 0 48px;
	font: 17px/35px 'Arial Black', arial, serif;
	color: #241f20;
}

/**  DW WAS...  margin: 0 30px 0 70px;  **/
.page-content .post-content .text .page-text p {
	margin: 0 30px 15px 70px;
	font: 13px/23px  arial, serif;
	color: #241f20;
}

/**  DW ADDED THIS, to adjust alignment of bullets  **/
.page-content .post-content .text .page-text ul {
	margin: 15px 10px 15px 100px;
	font: 13px/23px  arial, serif;
	color: #241f20;
}

.page-content .post-content div.thumbnail {
	margin-top: 10px;
	height: 343px;

}

.page-content .grey-box {
	/*height: 343px;*/
	min-height: 413px;
	background: #5a7383;
	margin-top: 10px;
	clear: both;
}
.page-content .grey-box-normal {
	/*height: 343px;*/
	min-height: 343px;
	background: #5a7383;
	margin-top: 10px;
	clear: both;
}
/**  DW WAS...  min-height: 553px;  AND WAS...  background: #5a7383;  **/
.page-content .grey-box-bikeguide {
	/*height: 343px;*/
	min-height: 200px;
	background: #ffffff;
	margin-top: 10px;
	clear: both;
}

.page-content .grey-box-overview {
	/*height: 343px;*/
	min-height: 375px;
	background: #5a7383;
	margin-top: 10px;
	clear: both;
}
.page-content .grey-box-culture {
	/*height: 343px;*/
	min-height: 630px;
	background: #5a7383;
	margin-top: 10px;
	clear: both;
}

/**  DW WAS...   width: 1215px;  AND WAS... margin-top: -10px;   AND DELETED...  clear: both;  **/ 
.page-content .grey-box-gallery {
	width: 805px;
	float: left;
	height: 160px;
	background: #5a7383;
	margin-top: 0px;
	margin-bottom: 10px;
}

/**  DW WAS...   background: #5a7383;  **/
.page-content .grey-box-events {
	width: 1215px;
	float: left;
	height: 795px;
	background: #ffffff;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}
/**  DW DELETED...  clear: both;  **/
.page-content .green-box-gallery {
	width: 400px;
	float: right;
	height: 160px;
	background: #8dc63f;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FFF;
}

.page-content .post-content .gallery {
	width: 535px;
	height: 654px;
	overflow: hidden;
}


/****************** page blog *****************************/

.posts {
	overflow: hidden;
	float: left;
	width: 935px;
	margin-top: 12px;
}

.posts .single-post {
	overflow: hidden;
	width: 935px;
	background: #ebecee;
	margin-bottom: 11px;
	position: relative;
}

.posts .single-post .date {
	overflow: hidden;
	width: 67px;
	height: 67px;
	float: left;
	margin: 7px;
	background: #8dc63f;
}

.posts .single-post .date h5 {
	font: 24px/23px Arial, Helvetica, sans-serif;
	color: #383a3f;
	text-align: center;
	margin: 5px 0 0 0;
	padding: 0;
}

.posts .single-post .date h6 {
	font: 38px/35px 'Arial Black', Helvetica, sans-serif;
	color: #383a3f;
	text-align: center;
	margin: 0px 0 0 0;
	padding: 0;
}

.posts .single-post .post-content {
	width: 820px;
	float: right;
	height: 100%;
	margin: 0 23px 10px 0;
}

.posts .single-post .post-content .title {
	font: 22px/22px 'Arial Black', arial, serif;
	color: #383a3f;
	text-transform: uppercase;
	padding: 10px 0 16px;
	margin: 0;
	border-bottom: 1px #8dc63f dashed;
}

.posts .single-post .post-content {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #241f20;
}

.posts .single-post .post-content .meta {
	border: none;
	border-bottom: 1px #8dc63f dashed;
	border-top: 1px #8dc63f dashed;
	margin-top: 10px;
	overflow: hidden;
}

.posts .single-post .post-content .meta .basic-info {
	float: left;
	height: 32px;
	font: 11px/32px Arial, Helvetica, sans-serif;
	color: #383a3f;
	line-height: 32px;
	margin-left: 8px;
	width: 400px;
}

.posts .single-post .post-content .meta .comment-button {
	float: right;
	height: 32px;
	font: 11px/32px Arial, Helvetica, sans-serif;
	color: #383a3f;
	line-height: 32px;
	margin-left: 8px;
	margin-right: 5px;
	width: 150px;
	text-align: right;
}

.posts .single-post .post-content .meta .basic-info p {
	text-align: left;
	margin: 0;
	padding: 0;
	clear: both;
	text-transform: uppercase;
}

.posts .single-post .post-content .meta .basic-info p span {
	font-family: 'Arial Black', arial, serif;
}


.posts .single-post .post-content .meta .comment-button {
	float: right;
	height: 32px;
	font: 11px/32px Arial, Helvetica, sans-serif;
	color: #383a3f;
	line-height: 32px;
	margin-left: 8px;
	margin-right: 5px;
	width: 150px;
	text-align: right;
}

.posts .single-post .post-content .meta .comment-button p {
	margin: 0;
}

.posts .single-post .post-content .meta .comment-button p a {
	text-decoration: underline;
}

.blog-sidebar {
	float: right;
	width: 270px;
	margin-top: 12px;
}

.blog-sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog-sidebar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog-sidebar ul li.widget-container {
	margin-bottom: 28px;
}

.blog-sidebar ul li.widget-container .widget-title {
	height: 37px;
	font: 18px/37px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	padding-left: 23px;
	margin: 0;
	background: #5a7383;
}

.blog-sidebar ul li.widget-container li {
	padding-left: 23px;
	font: 12px/33px Arial, Helvetica, sans-serif;
	color: #000;
	border-bottom: 1px #ededed solid;
}

.blog-sidebar ul li.widget-container li a {
	color: #9599c3;
}

/************************************* */

.comments-div  {
	clear: both;
	padding-top: 20px;
	padding-left: 8px;
}

.comments-div textarea {
	width: 450px;
	padding: 5px;
	border: none;
	height: 30px;
}

.comments-div .text p.form-submit {
	margin: 5px 0;
}

.comments-div #submit-btn {
	background: #8dc63f;
	border: none;
	font-size: 12px;
	color: #403739;
}

.comments-div h3.recent-comments {
	font: 12px/12px 'Arial Black', arial, serif;
	color: #403739;
	margin: 10px 0;
}

.comments-div ul {
	margin: 20px 0;
	padding: 0;
	list-style: none;
	font: 12px/20px Arial,serif;
	color: #403739;
}

.comments-div ul li {
	margin: 5px 0;
}

.comments-div button.post-comments {
	background: #8dc63f;
	border: none;
	font-size: 12px;
	color: #403739;
}


#container ul.thumbs li {
	position: relative;
}

#container ul.thumbs li a {
	display: block;
	width: 100%;
	height: 100%;
}

#container ul.thumbs li.video a {
	background: url(images/video-bg.png) no-repeat top left;
	text-indent: 5px;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#container ul.thumbs li.video img {
	width: 148px;
	height: 102px;
}

#container ul.thumbs li.video a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

#container ul.thumbs li a.second-image {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}


/* 5. Responsive media
 ----------------------------------------------------------------- */

@media screen and (max-width: 720px) {
    #page {
		width: auto;
		min-width: 640px;
		border: none;
	}
	
	#page header a.logo {
		display: block;
		width: 640px;
		height: 201px;
		background: url(images/bike-town-mobile.jpg) no-repeat top left;
		margin: 0 auto;
		padding: 0;
		float: none;
	}
	
	#page header a.logo img {
		display: none;
		
	}
	
	
	header nav {
		display: none;
		float: none;
		position: absolute;
		top: 255px;
		z-index: 999;
		margin: 0 auto;
		width: 100%;
	}
	
	
	.home-page header nav {
		display: block;
	}
	
	header nav > ul {
		width: 435px;
		margin: 0 auto;
	}
	
	header nav > ul > li {
		float: none;
		padding: 0;
		margin: 0 0 8px 0;
		background: url(images/nav-bg.png);
	}
	
	header nav > ul > li a {
		display: block;
		width: 435px;
		height: 66px;
		font: 35px/66px 'Arial Black', arial, serif;
		text-indent: 33px;
		color: #000;
	}
	
	header nav ul > li:hover .sub-menu {
		display: none;
	}
	
	.grey-box-normal {
	display: none;	
	}
	
	
	.content-home .image-area {
		position: relative;
		height: 570px;
	}
	
	.content-home .image-area img {
		position: absolute;
		top: 0%;
		left: 0%;
		height: 100%;
		width: 100%;
	}
	
	.content-home .featured {
		display: none;
	}
	
	.content-home.content-home2 {
		display: none;
	}
    
	.content-home .sidebar-home {
		display: none;
	}
	
	
	footer {
		padding-bottom: 20px;
	}
	
	footer nav {
		display: none;
	}
	
	footer .sponsors {
		float: left;
		display: block;
		height: 310px;
	}
	
	footer .footer-mobile {
		width: 100%;
		display: block;
		background: #383A3F;
	} 

	
	.footer-mobile .social {
		margin: 250px auto 5px auto;
		overflow: hidden;
		width: 350px;
		padding-right: 17px;
		
	}
	
	.footer-mobile .social .container {
		float: right;
	}
	
	.footer-mobile .social a {
		float: left;
		display: block;
		width: 51px;
		height: 100px;
		margin-left: 17px;
		text-indent: -9999px;
	}
	
	.footer-mobile .social a.facebook {
		background: url(images/footer-socials-1.jpg) no-repeat 0px 0px;
	}
	
	.footer-mobile .social a.twitter {
		background: url(images/footer-socials-1.jpg) no-repeat -69px 0px;
	}
	
	.footer-mobile .social a.pinterest {
		background: url(images/footer-socials-1.jpg) no-repeat -140px 0px;
	}
	.footer-mobile .social a.youtube {
		background: url(images/footer-socials-1.jpg) no-repeat -207px 0px;
	}
	.footer-mobile .social a.vimeo {
		background: url(images/footer-socials-1.jpg) no-repeat -267px 0px;
	}
	
	.footer-mobile .mobile-survey {
	float: left;
	margin-top: 0;
	display: block;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 104px;		/*margin-right: auto;
		margin-bottom: 0px;
		margin-left: 104px;		background: url(images/survey-btn-mobile.jpg) no-repeat;*/
		
	}
	
	
	.footer-mobile .mobile-copy {
		font: 27px/27px Arial, Helvetica, sans-serif;
		color: #000;
		margin: 0 auto;
		text-align: center;
	}
	
	
	
	/******************* PAGE ************************/
	
	.page-content .post-banner {
		display: none;
	}
	
	.page-content .left-column {
		float: none;
		width: 100%;
	}
	
	.page-content .post-content .gallery {
		width: 100%;
		height: 582px;
	}
	
	.page-content .grey-box {
		display: none;
	}
	.page-content .grey-box-overview {
		display: none;
	}
	.page-content .grey-box-culture {
		display: none;
	}
	.page-content .grey-box-gallery {
		display: none;
	}
	.page-content .green-box-gallery {
		display: none;
	}
	.page-content .green-box-events {
		display: none;
	}
	
	.page-content iframe {
		width: 100%;
		height: 572px;
	}
	
	.page-content .right-column {
		float: none;
		width: 100%;
		margin: 0;
	}
	
	.page-content .post-content .text {
		float: none;
		width: 100%;
		overflow: hidden;
	}
	
	.green-box {
		height: auto;
	}
	
	.green-box p {
		font-size: 19px;
		line-height: 25px;
	}
	
	.page-content .post-content div.thumbnail {
		height: 300px;
		width: 100%;
	}
	
	.page-content .post-content div.thumbnail img {
		width: 100%;
	}
	
	.post-banner {
		display: none;
	}
	
	.post-content .gallery {
		width: 100%;
	}
	
	#container div.content {
		width: 100%;
	}
	
	.post-content .text {
		background: none repeat scroll 0 0 #EBECEE;
		float: none;
		min-height: 875px;
		padding: 0 15px 0 35px;
		width: auto;
	}
	
	#container .blue-bg {
		min-height: 100px;
	}
	
	#container h5 {
		margin-top: 10px;
	}
	
	.post-content .comments {
		padding-bottom: 50px;
	}
	
	#container div.slideshow a.advance-link img {
		width: 100%;
	}
	
	#container div.slideshow span.image-wrapper {
		width: 100%;
	}
	
	#container div.slideshow a.advance-link {
		width: 100%;
	}
	
	.home-page #content {
		height: 570px;
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	
	.home-page .content-home {
		height: 570px;
		overflow: hidden;
		position: relative;
	}
	
	.content-home .image-area {
		width: 100%;
	}
	
	.content-home .image-area img {
		width: 100%;
		height: 100%;
	}
	
		
	.thumbnail_overview {
	width: 550px;
	}
	
	.thumbnail_overview-2 {
	width: 550px;
	height: 825px;
	}
	
	.page-content-gallery .left-column-gallery {
	width: 600px;
	float: left;
	overflow: hidden;

	
}
	.gallery-overview {
	width: 200px;
	float: right;
	overflow: hidden;
	height: 300px;
	padding: 7px 13px;
	background: #8dc63f;

	
}

/*****************************/

.posts  {
	min-width: 640px;
	width: 100%;
}

.posts .single-post {
	min-width: 640px;
	width: 100%;
}

.posts .single-post .post-content {
	width: 520px;
}


.posts .single-post .post-content .meta .basic-info {
	width: 325px;
}

.blog-sidebar {
	float: left;
	width: 100%;
}

.page-content .post-banner.blog-post-banner {
	display: block;
}
	

	
}

@media screen and (-webkit-min-device-pixel-ratio: 2),  
screen and (min--moz-device-pixel-ratio: 2),  
screen and (-o-min-device-pixel-ratio: 2/1),
screen and (min-device-pixel-ratio: 2) {

   
}

#slideshow {
    position:relative;
    height:100%;
	width: 100%;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	width: 100%;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#container div#slideshow span.image-wrapper img {
	opacity: 1.0;
}

.overflow-div {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9999 !important;
}

#container ul.thumbs li {
	max-width: 150px;
	max-height: 105px;
	overflow: hidden;
}

#container ul.thumbs li img {
	width: 150px;
	height: auto;
}

#container ul.thumbs li.video {
	width: 150px;
	height: 105px;
} 


#container div.slideshow a.advance-link img {
	min-height: 465px;

}