@charset "utf-8";
/* CSS Document */
/* 
font-family: 'Open Sans', sans-serif
font-family: 'Permanent Marker', cursive; */


body{margin-top:35px; font-family: 'Open Sans', sans-serif;  background:url('/img/layout/main-page-bg.jpg') no-repeat center top #f3f3f3; background-attachment: fixed;}
#wrap{background:url('/img/layout/content-bg.png') center top repeat-y;}

/************ NAVBAR *************
***********************************/
.navbar .nav{float:right; margin-right:0;}
.navbar-inverse .navbar-inner{background:#004e71 !important;}

.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
    background-color: #004e71;
    color: #FFFFFF;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    box-shadow: none;
    text-decoration: none;
}
.navbar .nav > li > a{color:#fff;}
.btn-navbar{width:150px; position:relative} .icon-bar-txt{position:absolute; left:44px; top:6px}

/************ LOGO ROW *************
***********************************/
#logo-bar{padding:20px 0 15px 0px;}
#logo{position:relative; margin-top:20px;}
#logo-city-name{font-family: 'Permanent Marker', cursive; font-size:1.6em; color:#6e6e6e; display:block; text-align:right; margin-top:-20px;}

/************ SPOTTED IMAGE ROW *************
********************************************/
#spotted-img{min-height:199px; background:url('/img/spotted-img.jpg') no-repeat;}
#spotted-img p{font-size:2.4em; color:#fff; width:60%; font-weight:300; line-height:1.2em; margin:20px 0 0 290px;}
#spotted-img p strong{color:#34befc; display:block}
#spotted-txt{font-size:1.8em; text-align:center; display:block; line-height:1em;}

/************ SOCIAL ICONS SECTION / SHARE BTN *************
********************************************/
#social-icons{list-style:none; z-index:100; margin:-10px 0 20px 42px}
#social-icons li{display:inline-block; margin-right:3px;}

/************ SPOTTED FILTER ROW *************
********************************************/
#spotted-filter{position:relative; background:#008ece; height:59px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; margin-bottom:20px;}
#spotted-filter #filters{float:right; margin:14px 20px 0 0;}
#spotted-filter select{font-size:0.85em;}

.social-media-hdr{position:relative}


#latest-spots-hdr{font-weight:300; color:#fff; margin:20px 0; display:inline-block; font-size:1.6em; margin-right:30px;}
.latest-spots-ribbon{position:absolute; left:-31px; top:-13px}
.thick-blue-bdr{border-top:21px solid #008ece; position:relative}
.thick-blue-bdr .social-media-tab{position:absolute; top:-21px; right:0px;}
.thick-blue-bdr .social-media-tab-wrap{position:absolute; top:-33px; right:-30px;}
.bar-wrap{position:absolute; left:0; top:-32px}


/************ SPOTS LOOP *************
********************************************/
.spot-separator{margin-top:0px; padding-bottom:30px;}
.spots-section{position:relative; font-size:1.0em;}
.spots-section .spot-social-widgets{text-align:left;}
.spot-city{display:block; margin-top:45px; text-align:right; background:#ededed; padding:8px; font-size:0.9em;}
.spot-date-time{font-size:1.2em; text-align:right; color:#004e71; display:block; margin-top:5px; line-height:1.3;}
.spot-arrow{position:absolute; width:190px; height:43px;}

.row-google-ad{text-align:center; margin-bottom:40px}

.pagination{margin:0 0 5px 0; padding:0;}
.records{font-size:1.2em; display:block; text-align:center; margin-bottom:30px}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #004e71; color:#fff
}

/************ SIDEBAR *************
********************************************/
#sidebar{margin-bottom:40px}
#google-sidebar-ad{background:#f2f1f1; padding:20px 20px; text-align:center;}

/************ SPOTS NEWS *************
********************************************/
#spotted-news h4, #spotted-photos h4{font-size:1.3em; font-weight:bold; margin:20px 0 0 0}
#spotted-news h4 span, #spotted-photos h4 span{font-size:0.75em; font-weight:300}

#spotted-photos{text-align:center}
#spotted-photos h4{margin-bottom:10px; text-align:left}
#spotted-photos #thumbnails img{margin:3px 2px; width:82px; height:82px; overflow:hidden; text-align:center}
#spotted-photos .spotted-photos-footer{margin-top:10px}


/************ FOOTER ROW *************
********************************************/
#footer{background:#004e71; height:40px; color:#fff;}
#footer .container{text-align:center; font-size:0.9em; padding-top:10px;}
#footer .container a{color:#01b0fe;}
.news-article{clear:both; display:block; min-height:65px; padding:10px 0; line-height:1.2em}
.news-article img{float:left; margin-right:5px}
.news-article .news-headline{font-weight:bold}
.news-article .news-excerpt{font-size:0.9em;  display:block;  line-height:1.1em}

.footer-google-ad{padding:20px 0px; margin-bottom:40px; text-align:center; }


/************ ADDITIONAL STYLES *************
********************************************/
.txt-center{text-align:center;}
.no-rt-mar{margin-right:0px}

.fb-comments, .fb-comments span, .fb-comments iframe {width: 100% !important; }

h2{margin-bottom:20px}
textarea{width:90%}   
input{width:50%}
.form-horizontal .control-label{width:auto; font-size:1em}
   

/************ VIDEO CONTAINER *************
******************************************/

.video-container { 
   position: relative; 
   padding-bottom: 56.25%; 
   padding-top: 60px; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/************ MEDIA QUERIES  ***************
********************************************
********************************************
********************************************/

/************ SMALLER DESKTOPS & TABLETS *************
********************************************/

@media (min-width: 980px) and (max-width: 1199px) {
	
	 #logo{position:relative; margin-top:15px;}
	 #spotted-img p{font-size:1.8em; margin:35px 0 0 280px; width:57%}
	 	
	.latest-spots-ribbon{display:none}
	#latest-spots-hdr{padding-left:20px}
	.thick-blue-bdr .social-media-tab{position:absolute; top:-21px; right:-20px;}
	.thick-blue-bdr .social-media-tab-wrap{display:none}
	.bar-wrap{display:none}
	
	.spot-city{margin-top:30px; font-size:0.7em;}
	.spot-arrow{position:absolute; max-width:150px;}
	
	#social-icons{list-style:none; z-index:100; margin:-10px 0 20px 25px}
	#social-icons li img{width:95%}
	
	#spotted-news h4, #spotted-photos h4{font-size:1.1em;}
	#spotted-photos #thumbnails img{margin:1px 1px; width:68px; height:68px; overflow:hidden; text-align:center}
	

}

/************ TABLET PORTRAIT *************
********************************************/

@media (min-width: 768px) and (max-width: 979px) {
	
	body{margin-top:0px; background:none;}
	.navbar-fixed-top {margin:0}
	.navbar .btn-navbar {float:left}
	.navbar .nav {float:left}
	 
	#logo{margin-top:10px;}
	 
	#logo-city-name{font-size:1em;  margin-top:-17px;}
	
	#latest-spots-hdr{font-weight:300; color:#fff; margin:20px 0px 20px 10px; display:inline-block; font-size:1.2em; margin-right:10px;}
	#spotted-filter select{font-size:0.7em;}
	
	#spotted-img p{font-size:1.6em; color:#fff; width:40%; font-weight:300; line-height:1.2em; margin:20px 0 0 290px;}
	
	#spotted-txt{font-size:1.6em; text-align:center; display:block; line-height:1.2em; padding-top:10px}
    
	#social-icons{list-style:none; z-index:100; margin:0px}
	#social-icons li{width:34px;}

	
	.spot-arrow{position:absolute; width:120px; height:43px;}
	.spot-date-time{font-size:1.1em; margin-top:5px; line-height:1.2;}
	
	.spot-city{display:block; margin-top:25px; text-align:right; background:#ededed; padding:8px; font-size:0.8em;}
	
	.latest-spots-ribbon{display:none}
	#latest-spots-hdr{padding-left:5px}
	.thick-blue-bdr .social-media-tab{position:absolute; top:-21px; right:-50px; max-width:80%}
	.thick-blue-bdr .social-media-tab-wrap{display:none}
	.bar-wrap{display:none}
	

	
	/************ SPOTS NEWS *************
	********************************************/
	
	#spotted-news a{clear:both; display:block}
	#spotted-news h4, #spotted-photos h4{font-size:1.6em;}
		
	#spotted-photos #thumbnails img{margin:3px 5px; width:68px; height:68px; overflow:hidden; text-align:center}
	#spotted-photos #thumbnails a:last-child{display:none}
	
	#footer .container{ font-size:0.7em;}
		
	
}

/************ TABLET PORTRAIT *************
********************************************/

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

	body{margin-top:0px; padding:15px; background:none;}
	.navbar-fixed-top {margin:0}
	.navbar .btn-navbar {float:left}
	.navbar .nav {float:left}

	.spots-section .spot-social-widgets{display:none;}
	
	#logo{margin-top:0px; margin-bottom:20px}
	#logo-city-name{font-size:0.8em;  margin-top:-20px;}
	
	.social-media-hdr{text-align:center}
	#social-icons{margin:-10px 0 20px 0px}
	
	#spotted-img{padding-top:200px}
	#spotted-img p{font-size:1.5em; color:#aaa; background:#ededed; width:100%; font-weight:300; line-height:1em; margin:0px 0 30px 0; text-align:center; padding:5px 0}
	
	#spotted-filter{ min-height:200px; clear:both; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; text-align:center}
	#spotted-filter #filters{float:none; margin:5px 0px 0 0; clear:both; display:inline-block;}
	#spotted-filter select{font-size:1.2em; width:100%; height:33px}
	.txt-center{display:block;  clear:both}
	
	#latest-spots-hdr{margin-right:0px; }
	
	.spot-arrow{position:relative; display:block; background:#ccc; text-align:right; margin-top:20px}
	.spot-city{display:block; margin-top:0px; text-align:left; background:#ededed; padding:8px; font-size:1.1em;}
    .spot-date-time {text-align:left; font-size:0.9em; margin-bottom:10px}
	.spot-date-time br{float:left; margin:0 5px}
	
	.spot-social-widgets p{display:inline; float:left; margin-right:10px}

	
	.spot-separator{margin-top:0px; padding-bottom:10px;}
	.spot-separator img{display:none}
	
	.row-google-ad{margin-top:40px}
	
	.pagination{margin-top:40px; text-align:center}
	
	.latest-spots-ribbon{display:none}
	#latest-spots-hdr{padding-left:5px}
	.thick-blue-bdr{border:none}
	.thick-blue-bdr .social-media-tab{display:none}
	.thick-blue-bdr .social-media-tab-wrap{display:none}
	.bar-wrap{display:none}
	
	#sidebar{text-align:center}
	
	#spotted-news{text-align:left}
	#spotted-photos{text-align:center}
	#spotted-photos h4, #spotted-news h4{margin-bottom:10px; text-align:left}
	
	#footer{ height:80px; font-size:0.8em}
	.footer-google-ad{padding:5px; background:#eeeeee; margin-bottom:20px}
	
	
	}