/******************************************  
 CUSTOM STYLESHEET
*******************************************/

.entry h2{
	font-family:Arial, sans-serif;
	color:#666;
	margin:0 0 15px;
	font-size:20px;
}
.entry h3{
	font-family:"Bookman Old Style", "Bookman", Georgia, sans-serif;
	color:#123237;
	margin:18px 0 5px;
	font-size:18px;
}
.entry p{
	margin:10px 0;
	font-size:1.1em;
	color:#535556;
}
hr{
	margin:30px 0;
}
 #navbar {float:left;}
a.next{float:right;}
.mejs-container{
width:100% !important;
margin-bottom: 30px;
}
audio{
	width:100% !important;
	margin-top:20px;
	}
#main .post {
    margin: 0;
}
#main.audio {
	padding-top:0;
	}
.page-id-207 #main{
	padding:0;
	}
.stops_grid{
	display:block;
	clear:both;
	}
#sidebar .stops_grid{
	padding:10px;
	}
#header-link{
	display:block;
	}
#header-link img{
	max-width:100%;
	}
.stops_row{
	border-bottom:1px solid #efefef;
	overflow:hidden;
	}
	.stops_sq_wrap{
		float:left;
		width:33.33%;
		}

	.stops_sq{
		}
		.stops_sq a{
		margin:0 10px;
		padding-top:10px;
		display:block;
		padding-bottom:310px;
		margin-bottom:-300px;
		color:#2D1D05;
		}
	.stop_num{
		float:left;
		padding:1px 3px;
		border:2px solid #816b52;
		margin:0 10px 5px 0;
		border-radius:20px;
		background:#a58969;
		font-weight:bold;
		width:15px;
		font-size:11px;
		text-align:center;
		color:#fff;
		}
		#sidebar .stops_sq_wrap{
		width:100%;
		}
		#sidebar .stops_row{
		border:none;
		background:#fff;
		}
		#sidebar .stops_sq a{
		padding:0;
		color:#816b52;
		margin:5px 10px;
		}		
		#sidebar .stops_sq a .stop_num{
		color:#fff;
		}

	.current_page_item .stop_num{
		border-color:#333;
		color:#fff;
		background:#60839b;
		}
		.stops_sq a:hover .stop_num{
		background:#ba9a77;
		border:2px solid #8e765b;		
		}
	.stop_name{margin-left:37px;}
	#mobile_stops{display:none;position: relative;}
	#mobile_stops select{
	width:80%;
	float:left;
	margin:20px 10% 0;
	}
	#mobile_stops .next_stop,
	#mobile_stops .prev_stop{
	width:15%;
	height:100%;
	position:absolute;
	top:0;
	}
	#mobile_stops .next_stop a,
	#mobile_stops .prev_stop a{
	text-align:center;
	height:100%;
	background:#efefef;
	padding:0 10px;
	display:block;
	}
	#mobile_stops .next_stop a span,
	#mobile_stops .prev_stop a span{
		display:block;
		padding-top:40px;
		}
	#mobile_stops .next_stop{
	border-left:1px solid #ccc;
	right:0;
	}
	#mobile_stops .prev_stop{
	border-right:1px solid #ccc;
	left:0;
	}
	.blotch{
	background:url(images/bristol_blotch_left.png);
	display: block;
    height: 100%;
    position: absolute;
    width: 5px;
	}
	.blotch.left{
	background:url(images/bristol_blotch_left.png);
    left: -12px;
    }
	.blotch.right{
	background:url(images/bristol_blotch_right.png);
    right: -12px;
	}
	.main.wrap{margin-bottom:60px;}
	.stoplink{
	width:45%;
	float:left;
	}	
	.stoplink a{
	display:block;
	text-decoration:none;
	}
	.stoplink a h4{
	color:#2C1D05;
	line-height:20px;
	}
	.stoplink.next{
	float:right;
	text-align:right;
	}
	.stoplink.next .btn{
	margin-right:73px;
	}
	.stoplink.prev .btn{
	margin-left:73px;
	}
	.wayfinder{
	width:53px;
	height:53px;
	background:url(images/bristol_wayfinder.png) no-repeat left top;
	float:left;
	}
	.prev .wayfinder{
			margin-right:20px;
	}
	.stop_nav .prev a:hover .wayfinder{
	background-position:0 -53px;
	}
	.next .wayfinder{
		float:right;
		background-position:0 -106px;
		margin-left:20px;
		}
	.stop_nav .next a:hover .wayfinder{
		background-position:0 bottom;
	}
	
		
		#mobile_stops .stop_nav{
			margin-bottom:-53px;
			}
		#mobile_stops .wayfinder.next{
			margin:-5px 10px 0 10px;
			}
		#mobile_stops .wayfinder.prev{
			margin:-5px 10px 0 10px;
			}

.info_nav.starter{
	padding:0;
	-webkit-border-radius: 20px 0 0 20px;
	-moz-border-radius: 20px 0 0 20px;
	border-radius: 20px 0 0 20px;
}			
.info_nav{

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-right:20px;
	margin-right:0;
	}			


#start_tour{
	background:#60839B;
	-webkit-border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	margin:0;
	color:#D8D2C6;
}
#start_tour br{
	display:none;
	}
.info_nav span {
    border-color: transparent transparent transparent #60839B;
    border-style: solid;
    border-width: 20px;
    height: 0;
    margin-top: -8px;
    position: absolute;
    right: -40px;
    width: 0;
}
#player{
	padding-left:40px;
	background:url(images/bristol_player.png) no-repeat 16px center;
	}
	
#bottom_stopnav{
	padding:20px;
	margin-top:20px;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
	}
/********************************************************************************************* 

9. Media Queries 

*********************************************************************************************/   
 
/* Tablet Landscape */
@media screen and (max-width: 1060px) {

    .wrap { width: 90%; }
    .wide { margin-top:25px; }  
    #content { width:100%;}
    #header img { max-width:100%; height:auto; }

    #main { width:68%; }
    #sidebar { width:32%;}
    
    .entry img { max-width: 100%; height:auto;}

     /* Template: Full-width */
    .full-width #content { width: 100%; }
    .full-width h1.archive_title { width:100%; }
    .full-width .entry img { max-width: 100%; }
    .full-width .entry .wp-caption { max-width:100%;  }
    
	#footer div.column { margin-right: 2%;  width: 48%; }
	#footer .column .widget {  width:100%; }	
}

		
/* Tabled Portrait */
@media screen and (max-width: 710px) {
#logo {
	margin: 3px 25px 5px 0;
}
.entry h4{
	padding:0 0 50px;
	 background: url(images/bristol_swash.png) no-repeat bottom center;
	 }
	 	.stops_sq_wrap{width:100%;display:block;}
	.stops_row{
	border:none;
	}
	#sidebar .stops_sq_wrap{
		width:33.33%;
		}
    #main { width:100%; }
    #sidebar { width:100%; margin:0; border:none; }
    #logo h1 a {margin:15px auto 0;}
    #logo {margin:0;}


}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 500px) {

}



@media only screen and (max-width: 780px) {
		.entry p{
			font-size:1em;
		}
		#navbar {    
			color:#fff;
			padding:0 10px;
			background: url(images/bristol_nav.png);
			margin: 0;
				-moz-border-radius:20px;
			-webkit-border-radius:20px;
			border-radius:20px;
		}
		#navbar{
			margin:15px 0;
			}
		#nav_wrap.start{
			background:transparent;
			margin:0;
			}
		.info_nav.starter{
			margin-right:20px;
			}
		nav ul, nav ol, .info_nav ul, #mainmenu, .part-items {
			display: table;
			table-layout: fixed;
			width: 100%;
		}
		.dropdown li, .info_nav li {
			display: table-cell;
			position: relative;
			vertical-align:middle;
			float:none;
			text-align: center;
		}
	

	}

@media only screen and (max-width: 480px) {

#map{
	height:300px !important;
}
#nav_wrap {
	background: transparent;
	margin:0;
	}

#bottom_stopnav{display:none;}

		#secondnav .wayfinder,
	#secondnav .next .wayfinder{
		clear:both;
		margin-bottom:10px;
		}
	#secondnav .stoplink.prev .btn,
	#secondnav .stoplink.next .btn{
		margin:0;
		clear:both;
		}
		#navbar{
		float:none;
		}
		.dropdown {
		float:none;
		width:100%;
		}
		.info_nav{width:100%;margin:0 0 15px 0;padding:0;
		}
	.dropdown li {
		float:none;
		width:100%;
		}
	.info_nav li{
		width:100%;
		}
	.info_nav.starter li{
		width:50%;
		}
	.dropdown a{
	width:80%;
	padding:8px 10%;
	text-align:center;
	}
	.info_nav a{
	text-align:center;
	}
	
    #footer div.column { margin-right: 0;  width: 100%; }
    #footer .column .widget {  width:100%; }
	#sidebar .stops_grid{
		display:none;
		} 
	#mobile_stops{display:block;margin:0 auto;padding:20px 0;}

			#start_tour br{display:inline;}
			#start_tour{
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			}
			.info_nav{
			padding:0;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;
			}
			.info_nav span{
			display: none;
			visibility: hidden;
			}
			.dropdown li{
			float:none;
			display:block;
			}
			.info_nav.starter{
			margin:0;
			}
	}