/* Reset */

body {
	margin-top: 50px;
}

.carousel-caption {
    top: 0;
    bottom: auto;
}

.carousel-bk {background-size: cover; min-height:600px; background-position: center; background-repeat: no-repeat;}

.primarybk {background:#158cba;}
.infobk {background:#75caeb;}
.warningbk {background:#ff851b;}
.dangerbk {background:#ff4136;}
.successbk {background:#28b62c;}

.badge {padding:10px;border-radius:100%;margin:0px 0px;}

.tinybadge {padding:10px;border-radius:100%;}

.progress {border-radius: 10px; height:14px;}
.progress-pointer {font-size:8px;}

/* Clearfix */
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
.hidden { display: none; }

.wicon {width:20px;height:20px;}
.tideicon {width:50px;height:50px;}
.breadcrumb {margin-bottom:0px;}

.search-result {margin-top:5px;}
.ave-chart {height:300px;}

/* Icons */
@font-face {
	font-family: 'icons';
		src: url('..fonts/icons.eot');
		src: url('../fonts/icons.eot#iefix') format('embedded-opentype'),
		url('../fonts/icons.woff') format('woff'),
		url('../fonts/icons.ttf') format('truetype'),
		url('../fonts/icons.svg#icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "icons";
	font-style: normal; 
	font-weight: normal; 
	speak: none;
	display: inline-block; 
	text-decoration: inherit; 
	text-align: center; 
	font-variant: normal; 
	text-transform: none; 
	line-height: 1em;
}
.icon-facebook:before { content: '\e802'; } 
.icon-facebook-squared:before { content: '\e800'; } 
.icon-twitter:before { content: '\e801'; } 
.icon-twitter-1:before { content: '\e804'; } 
.icon-facebook-circled:before { content: '\e805'; }
.icon-twitter-circled:before { content: '\e806'; } 
.icon-facebook-rect:before { content: '\e803'; } 

/* Spacing */
.post h1, h3, h5, p, .post-body ul, #post-list li, pre {
margin-bottom: 20px;
}

.rating-score {
	font-size:25px;
}

/*
.breadcrumb {background: rgba(245, 245, 245, 1); border: 6px solid rgba(245, 245, 245, 1); border-radius: 4px; display: block;}
.breadcrumb li {font-size: 14px;}
.breadcrumb a {color: rgba(66, 139, 202, 1);}
.breadcrumb a:hover {color: rgba(42, 100, 150, 1);}
.breadcrumb>.active {color: rgba(153, 153, 153, 1);}
.breadcrumb>li+li:before {color: rgba(204, 204, 204, 1); content: "\002F\00a0";}*/

#wrapper {
	
	padding: 0px 0px;
}

#footer {
	max-width: 600px; 
	margin: 0 auto;
	padding: 40px 40px 100px 40px;
}

#avatar {
	float: right;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

#breadcrumbfooter .breadcrumb {border-style:none;border-width:0px;}




/*Transitions*/
a,
#post-nav a,
#post-list a	{ 
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
}

/*ul 	{ margin:0; padding:0; }*/
/*li	{ list-style-type:circle; list-style-position:inside; }*/

/* Line Height */
#post-body, p { line-height:1.7; font-size:16px; }

b, strong { font-weight: bold; }
em, i { font-style: italic; }

#title {
	display: inline-block;
	line-height: 100%;
	font-weight: 500;
	font-size: 19px;
	margin: 0;
	padding-bottom: 20px;
}



.post h2.headline {
	font: italic 22px/1.3em Georgia,serif;
	
	margin: -5px 0 40px 0;
}


p.small { 
	color: #bbb; 
	font-size: 14px; 
	line-height: 1.5; 
	display: block;
}

blockquote { 
	padding-left: 15px; 
	border-left: 3px solid #eee; 
}

hr {
	display: block;
	border: none;
	height: 3px;
	margin: 40px auto;
	background: #f4f4f4;
}

.modal-backdrop {
  z-index: -1;
}

span.code { font-family:Menlo, Monaco, Courier; background-color:#EEE; font-size:14px; }

pre	{ 
	font-family:Menlo, Monaco, Courier; 
	white-space:pre-wrap; 
	border: 1px solid #ddd; 
	padding:20px; 
	background-color:#fdfdfd; 
	font-size:14px; 
	overflow:auto; 
	border-radius: 3px;
}



.forecastth {background:#158cba; color:#FFF;}

.forecastheading {background:#158cba; color:#FFF; padding: 5px;}

.region {font-size:25px;}

.placethumb {font-size:16px; overflow:hidden;}

.jumbotron {
  margin-bottom: 20px;
  background-position: 0% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
  border: none;
  background:none;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.jumbotron .h1, .jumbotron h1 {
	font-weight:bold;
	font-size:50px;
}

.carousel-caption .h1, .carousel-caption h1 {
	font-weight:bold; color: #FFFFFF; font-size:100px;
}


.top-buffer { margin-top:20px; }

img {
	
	
	border-radius: 3px;
}

.thumb {
	width: 40px;
	
	border-radius: 3%;
}



.logo {
    float: left;
    
    margin: 10px 10px 0px 5px;
    
}

/*=========================================
Post List
=========================================== */
#post-list,#archive-list {
	margin-top: 20px;
}

#post-list li,#archive-list li {
	list-style-type: none;
}

#post-list li:last-child {
	margin-bottom: 0;
}

.center-block {float: none !important}

.col-centered{
    float: none;
    margin: 0 auto;
}



#post-list-footer {
	border-top: 1px solid #555;
	margin-top: 20px;
	padding-top: 100px;
}



.post-header {margin: 7px 0px; font-size:15px; line-height:20px;}

#footer { 
	box-shadow: inset 0 1px 0 #555;
	padding: 40px 0 0 0;
	margin-top: 100px;
}

/* Post Page */
#header {
	border-bottom: 1px solid #eee;
}


#post-meta {
	font-size: 13px;
	font-weight: bold;
	line-height: 1.4;
	border-top: 1px solid #555;
	padding-top: 40px;
	margin-bottom: 40px;
	margin-top: 80px;
	color:#444;
}

#post-meta div span {
	color: #aaa;
	font-weight: 500;
	display: block;
}

#post-meta div {
	margin: 0 25px 0 0;
	float: left;
}

#sharing {
	float: right;
	margin: -2px;
}

#sharing a {
	font-size: 20px;
	font-size: 23px;
	margin-left: 1px;
	margin-top: 4px;
	color: #d4d4d4;
	display: inline-block;
	vertical-align: middle;
}

#sharing a:hover {
	color: #444;
}

/* Post Navigation */
#post-nav {
	border-top:1px solid #555;
	text-align:center;
	padding-top:20px;
	font-size:13px;
	font-weight:500;
}

#post-nav span {
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
	position: relative;
}

#post-nav span.prev {
	float: left;
}

#post-nav span.next {
	float: right;
}

#post-nav span .arrow {
	position: relative;
	padding: 1px;
}

#post-nav span.prev:hover .arrow {
	left: -4px;
}

#post-nav span.next:hover .arrow {
	right: -4px;
}

#post-nav span.prev:hover {
	left: -3px;
}

#post-nav span.next:hover {
	right: -3px;
}

/* Archive */
h1.archive {
	margin-bottom: 0px;
}

.bigthumb {
	margin:5px;
}

.bigthumbicon {color:#FFF; position: absolute; top: 25%; left: 0%; font-size:60px; width: 100%;}

.bigthumb {
	margin:5px;
}

.bigthumbcompact {
	margin:10px 5px;
}

.bestbeachthumb {
	 width:100px; font-size:50px;
}

.bestbeachtop {
	font-size:100px;
}

h2.month {
	width: 100%;
	font: bold 13px/1 "Helvetica Neue",helvetica,Arial,sans-serif;
	text-transform: uppercase;
	margin-top: 40px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

#mapwrapper { position: relative; }
#overmap { position: absolute; top: 10px; left: 0px; z-index: 99; width:100%; }

#indexmap {height:650px; margin-bottom:10px;}

.units {padding: 15px 0px 2px 2px;}

@media all and (max-width: 600px) {
	#indexmap {height:500px; margin-bottom:10px;}
	.units {padding: 18px 0px 10px 10px;}
}

.coverpic {min-height:600px;}

.hotelthumb {width:100%; height:160px; overflow:hidden}

/* Media Queries */
@media screen and (max-width: 540px) {
	
	.bigthumb {
		margin: 0px;
	}
	
	.hotelthumb {width:100%; height:100px; overflow:hidden}
	
	.bestbeachthumb {
		 width:50px; font-size:30px;
	}
	
	.bestbeachtop {
		font-size:50px;
	}
	
	.carousel-caption .h1, .carousel-caption h1 {
		font-weight:bold; color: #FFFFFF; font-size:50px;
	}
	
	.jumbotron .h1, .jumbotron h1 {
		font-weight:bold;
		font-size:30px;
	}
	
	.coverpic {min-height:300px;}
	
	.carousel-bk {background-size: cover; min-height:300px; background-position: center; background-repeat: no-repeat;}
	
	
	.bigthumbicon {color:#FFF; position: absolute; top: 25%; left: 0%; font-size:30px; width: 100%;}
	
	.placethumb {padding-left:10px; padding-right:10px; overflow:hidden;}
	
	#wrapper { padding:20px 20px 20px 20px;}
	#header { margin-bottom: 60px; border-bottom: 1px solid #eee; }
	.post { margin: 40px 0; }
	#footer { margin-top: 60px; }

	#post-list, #archive-list { margin-top: 0; }
	#post-meta { margin-top: 60px; }

	#title { font-size: 17px; }
	#post-list .dates { display: none; }

	#post-list-footer { margin-top: 20px; padding-top: 40px; }

	h1 { font-size: 26px; }
	.post h2.headline { font-size: 20px; }
}