/*layout*/
html, body {
    height:100%;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#fff;
}

@font-face {
	font-family: 'SeanRegular';
	src: url('/fonts/handsean-webfont.eot');
	src: local('?'), url('/fonts/handsean-webfont.woff') format('woff'), url('/fonts/handsean-webfont.ttf') format('truetype'), url('/fonts/handsean-webfont.svg#webfontCC1Lo8CZ') format('svg');
	font-weight: normal;
	font-style: normal;
}

#weather{
position: absolute;
left: 0px;bottom: 4px;
font-family: 'SeanRegular', arial, sans-serif;
font-size: 14px !important;
font-weight: normal !important;
color:#FFF;
}
#weather img{
margin-top: -4px;
vertical-align:middle;
}

a:active, a:focus{outline: 0;}
#header {
	height:247px;
	text-align:center;
	margin:0 auto 0 auto;
	width:990px;
	position:relative;
}

#home #header {
	/* margin:15px auto 0 auto;  15px top margin is needed if the 30A song tab is turned back on */
margin: 0 auto;
}

h1{
width: 0px;
height: 0px;
padding: 0px;
margin: 0px;
}

h1 a{
display: block;
width: 244px;
height: 204px;
position: absolute;
top: 0px;
left: 0px;
background: url(/images/headerSprite5.png) no-repeat -20px 0;
text-indent: -999em;
}

#topAd{
position: absolute;
top: 0px;
right: -10px;
width: 757px;
height: 111px;
background: url(/images/header-banner.png) no-repeat;
}
#topAd div{
padding-left: 1px;
padding-top: 7px;
}
.headerlink {
position: absolute;
top: 90px;
left: 270px;
color:#1a9cb2;
padding-top:25px;
padding-bottom:5px;
}
.headerlink a {
color:#1a9cb2 !important;
}

#facebookBox{
position: absolute;
top: 160px;
left: 89px;
}

#facebookHeader{
display: block;
width: 54px;
height: 54px;
text-indent: -999em;
position: absolute;
top: 143px;
left: 215px;
background: url(/images/facebookBtn.png) no-repeat 0 0;
}
#facebookHeader:hover{background-position: 0 bottom;}
#nav{
position: absolute;
top: 145px;
right: 0px;
}
#navRestaurants, #navEvents, #navHotspots, #navRadio, #navPhotos, #navRentals, #navVideos{
display: block;
float: left;
width: 117px;
height: 53px;
text-indent: -999em;
background: url(/images/headerSprite4.png) no-repeat -395px -141px;
}

#navRestaurants:hover{
background-position: -395px -66px;
}
#navEvents{
width: 117px;
background-position: -274px -141px;
}
#navEvents:hover{
background-position: -274px -66px;
}
#navPhotos{
width: 126px;
background-position: -516px -141px;
}
#navPhotos:hover{
background-position: -516px -66px;
}
#navHotspots{
width: 126px;
background-position: -773px -141px;
}
#navHotspots:hover{
background-position: -773px -66px;
}
#navRentals{
width: 120px;
background-position: -902px -141px;
}
#navRentals:hover{
background-position: -902px -66px;
}
#navVideos{
width: 126px;
background-position: -644px -141px;
}
#navVideos:hover{
background-position: -644px -66px;
}
#navRadio{
position: absolute;
top: -19px;
left: 400px;
width: 266px;
height: 91px;
background-position: -760px -121px;
}
#networkLinks{
padding: 0px;
position: absolute; right:15px;bottom: 0px;
}
#networkLinks li{float: left;color: #fff;list-style: none;}
#networkLinks li a {color: #fff;padding: 0 4px 0 7px}
#social{
position: absolute;
top: 211px;
left: 0px;
width: 100%;
}
#socialLeft{
float: left;
margin-top: -4px;
}
#socialLeft #radio, #socialLeft #android, #socialLeft #iPhone, #socialLeft #store{
display: block;
width: 136px;
height: 40px;
float: left;
text-indent: -999em;
margin-left: 5px;
margin-right: 5px;
background: url(/images/bottomHeaderButtons2.png) no-repeat -7px 0;
}
#socialLeft #android:hover{background-position: -7px bottom;}
#socialLeft #iPhone{background-position: -153px 0;width:141px;}
#socialLeft #iPhone:hover{background-position: -153px -40px;}
#socialLeft #store{width: 140px;background-position: -304px 0px;}
#socialLeft #store:hover{background-position: -304px -40px;}
#socialLeft #radio{width: 122px;background-position: -454px 0px;}
#socialLeft #radio:hover{background-position: -454px -40px;}
#socialRight{
float: right;
color: #fff;
margin-top: 7px;
}
#socialRight a{
color: #fff;
}
#socialRight h3{
float: left;
height: 18px;
width: 94px;
margin: 0 10px 0 0;
text-indent: -999em;
background: url(/images/smSprite.png) no-repeat -324px -7px;
}

/* #newsletterForm{position: absolute; left: 694px;} For Header form */
#newsletterForm{
position: relative;
margin: 30px 0 0 15px;
width: 258px;height: 99px;
background: url(/images/newsletterBgRight.png) no-repeat;
}

#newsletterForm input[type="text"]{
position: absolute;
top: 54px;
left: 14px;
width: 112px;
height: 29px;
border: 0px;
color: #fff;
padding: 0 4px;
font-size: 12px;
background: url(/images/newsletterInputBg.png) no-repeat;
}
#newsletterForm #newsletterSubmit{
display: block;
text-indent: -999em;
position: absolute;
left: 134px;
top: 52px;
border: 0px;
width: 109px;
height: 33px;
cursor: pointer;
background: url(/images/getUpdates.png) no-repeat;
}
#newsletterForm #newsletterSubmit:hover{background-position: bottom;}

#contentcontainer {
	min-height:100%;
	margin-bottom:-250px;
	position:relative;
        background: url(images/headerBg.png) repeat-x;
}
#content {
	margin:0 auto;
	width:980px;
        padding-top: 25px;
}
#content ul li {
	list-style:square;
}
.clearfooter {
	height:250px;
	clear:both;
}

/*link*/
a:link {
	color: #009dd9; text-decoration:none;
}
a:visited {
	color: #009dd9; text-decoration:none;
}
a:active {
	color: #009dd9; text-decoration:none;
}
a:hover {
	color: #009dd9; text-decoration:underline;
}

.contenttable {
	width:980px;
}
.subscription {
	width:208px;
	height:25px;
	color:#FFF;
	background:transparent url(images/search-bg.png) no-repeat;
	border:0px;
	padding:4px 0px 0px 16px;
}
.nocolor {
	margin-left:-20px;
	margin-top:2px;
	background:transparent;
	border:0px;
	color:#FFF;
}

/*sidebar*/
.middledivider {
	width:305px;
	border-right:#00b6ff 2px solid;
	padding-right:20px;

}
.middledivider p{
width: 299px;
}

#rentalsAd{
margin: 0 0 0 -5px;
}

#headerToday{
width: 299px;
height: 34px;
text-indent: -999em;
margin: 1px 0 25px 0;
background: url(/images/30aTodayHeader.png) no-repeat;
}

.sidetopimage {
	margin-top:-10px;
	position:relative;
}

/*content*/
.contentarea {
        padding-left: 20px;
	width:610px;
}
.titleimage {
	padding-bottom:10px;
}
.textgray {
	color:#C4C4C4;
	font-size:11px;
}
.hotspottitle {
	color:#666666;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	margin-left:-42px;
}
ol li {
	margin-left:-19px;
}

/*footer*/
#footer{
position: relative;
clear:both;
background: #fff;
height: 300px;
overflow:hidden;
bottom:0px;
z-index:9999;
}
#footerContent{
width: 980px;
margin: 0 auto;
height: 202px;
position: relative;
margin-top: -242px;
z-index:9999;
}
#cause{
width: 200px;
height: 196px;
margin: 0 0 0 54px;
position: relative;
float:left;
background: url(images/causeBg.png) no-repeat;
}
#ads{
width: 884px;
height: 168px;
margin: 25px 0 0 56px;
position: relative;
background: url(images/adsBgFull.png) no-repeat;
}
.clearFix{
clear:both;
}
#footerLeft{
float:left;
line-height: 0;
color: #bae9f7;
position:relative;
margin-left:57px;
top:3px;
bottom:0;
}
#footerLeft a{
color: #bae9f7;
text-decoration: none;
position:relative;
}
#footerLeft a:hover{
text-decoration: underline;
position:relative;
}
#footerRight{
float:right;
margin-right: 40px;
color: #72d3ef;
line-height: 0;
position:relative;
top:3px;
bottom:0;
}
#footerRight a{
color: #72d3ef;
text-decoration: none;
position:relative;
}
#footerRight a:hover{
text-decoration: underline;
position:relative;
}

#cause1, #ad1, #ad2, #ad3, #ad4{
width: 180px;
height: 150px;
float:left;
position: absolute;
}
#cause1{
top: 36px;
left: 10px;
}
#ad1, #ad2, #ad3, #ad4{top: 10px;}
#ad1{left: 10px;}
#ad2{left: 239px;}
#ad3{left: 467px;}
#ad4{left: 693px;}
.textiefix{
position: relative;
}

/*addthis*/
.addthis_toolbox addthis_default_style {
	margin-left:-3px;
}
.addthis_separator {
	margin-top:2px;
	font-weight:bold;
}
.addthis_button_expanded {
	margin-top:2px;
}

#flagStatus{
position: absolute;
width: 42px;
height: 51px;
left: 10px;
bottom: 40px;
}
#flagStatus img{
border: 0px;
}

#article-title{
font-size: 18px;
font-weight: bold;
color: #333333;
padding-top: 10px;
padding-bottom: 10px;
}
.videoWrap{
float: left;
margin-right: 8px;
}t_style {
	margin-left:-3px;
}
.addthis_separator {
	margin-top:2px;
	font-weight:bold;
}
.addthis_button_expanded {
	margin-top:2px;
}

#flagStatus{
position: absolute;
width: 42px;
height: 51px;
left: 10px;
bottom: 40px;
}
#flagStatus img{
border: 0px;
}

#article-title{
font-size: 18px;
font-weight: bold;
color: #333333;
padding-top: 10px;
padding-bottom: 10px;
}
#videosWrap{
float: left;
margin-left: -15px;
background: url(/images/vidFooter.png) no-repeat center bottom;
}
.videoWrap{
width: 303px;
float: left;
height: 253px;
overflow: hidden;
margin: 0 0 20px 15px;
}
.videoWrap h3{
margin: 10px 0 0 0;
padding: 0;
}
.videoWrap h4{
margin: 0;
font-weight: normal;
padding: 0;
}

/*-------------- upload button ----------*/
a .button-upload{
height:50px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:underline;
color:#644101;
text-align:center;
padding-top:10px;
float:left;
}
a:hover .button-upload{

height:50px;
color:#004e65;
}

#titleFeatured{
width: 351px;
height: 56px;
text-indent: -999em;
background: url(/images/headerFeaturedVid.png) no-repeat;
}
#featuredVid{
width: 629px;
height: 462px;
position: relative;
background: url(/images/videoBg.png) no-repeat;
}
#featuredVid iframe{
position: absolute;
top: 11px;
left: 11px;
}
#featuredVid p{
color: #fff;
position: absolute;
top: 380px;
left: 190px;
font-size: 14px;
width: 426px;
}
#featuredVid a{color: #ffd800;text-decoration: underline;}
#prevVid, #randomVid, #nextVid{
position: absolute;
display: block;
width: 50px;
height: 38px;
top: -38px;
right: 20px;
text-indent: -999em;
background: url(/images/vidButtons.png) no-repeat -113px 0;
}
#prevVid{
right: 136px;
width: 51px;
background-position: 0 0;
}
#randomVid{
right: 70px;
width: 66px;
background-position: -50px 0;
}
#nextVid:hover{background-position: -113px bottom;}
#prevVid:hover{background-position: 0 bottom;}
#randomVid:hover{background-position: -50px bottom;}

#moreVids{
width: px;
height: 56px;
text-indent: -999em;
margin: 30px 0 30px 0;
background: url(/images/headerMoreVideos.png) no-repeat center;
}

#vidPag{
height: 20px !important;
width: 100%;
float: left;
position: relative;
background: url(/images/pagBg.png) no-repeat center;
}
#vidPag #nextVidPage, #vidPag #prevVidPage{
display: block;
width: 78px;
height: 20px;
text-indent: -999em;
position: absolute;
background: url(/images/vidPagination.png) no-repeat;
}
#vidPag #nextVidPage{
right: 0px;
top: -1px;
}
#vidPag #prevVidPage{
left: 1px;
top: -1px;
background-position: -78px 0;
}

/*-------------- PHOTO MODULE ----------*/

#photoBox{
position: relative;
width: 618px;
min-height: 355px;
float: left;
margin: 30px 0 30px 0;
border: 1px solid #00aeef;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #099fd6 url(/images/photoBg.png) repeat-x;
}
#photoBox img{
border: 1px solid #fff;
}
#photoContent{
float: left;
padding: 14px;
margin: 15px 0 15px 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
background: #0382b1;
-moz-box-shadow: 1px 1px 0px #49b8e2, inset 1px 1px 3px #00384f;
-webkit-box-shadow: 1px 1px 0px #49b8e2, inset 1px 1px 3px #00384f;
box-shadow: 1px 1px 0px #49b8e2, inset 1px 1px 3px #00384f;
}
#photoContent span{
clear:both;
display: block;
color: #fff;
text-align: center;
top: 8px;
margin: 30px 0 0 0;
font-weight: bold;
text-shadow: 1px 1px 2px #00384f;
z-index:0;
}
#photoWrapper{
float: left;
padding: 10px;
margin-bottom:10px;
background: #ffd459;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 0px 5px #00384f;
-webkit-box-shadow: 0px 0px 5px #00384f;
box-shadow: 0px 0px 5px #00384f;
}
#photosNav{
position: absolute;
left: 310px;
top: 25px;
width: 298px;
height: 65px;
background: url(/images/photoNavBg.png) no-repeat;
}
#photoPrev, #photoRandom, #photoNext{
display: block;
float: left;
height: 43px;
width: 45px;
text-indent: -999em;
margin: 11px 0 0 25px;
background: url(/images/photoNav.png) no-repeat;
}
#photoPrev{margin-left: 40px;}
#photoPrev:hover{background-position: 0 bottom;}
#photoRandom{
width: 83px;
background-position: -67px 0;
}
#photoRandom:hover{background-position: -67px bottom;}
#photoNext{
background-position: -172px 0;
}
#photoNext:hover{background-position: -172px bottom;}
#photoShareText{
position: absolute;
text-indent: -999em;
width: 274px;
height: 88px;
left: 330px;
top: 90px;
background: url(/images/photosShareText.png) no-repeat;
}
#uploadPhotos, #photoGals{
display: block;
width: 275px;
height: 53px;
text-indent: -999em;
position: absolute;
right: 16px;
top: 105px;
background: url(/images/photoButtons.png);
}
#uploadPhotos{
top: 45px;
background-position: 0 -55px;
}
#photoGals:hover{background-position: 0 -109px;}
#uploadPhotos:hover{background-position: 0 -164px;}
#photoAds{
position: absolute;
width: 234px;
right: 24px;
top: 172px;
padding: 12px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
background: #0382b1;
-moz-box-shadow: 1px 1px 0px #49b8e2, inset 1px 1px 3px #00384f;
-webkit-box-shadow: 1px 1px 0px #49b8e2, inset 1px 1px 3px #00384f;
box-shadow: 1px 1px 0px #49b8e2, inset 1px 1px 3px #00384f;
}
#photoAds img{
margin-top: 10px;
margin-bottom: 10px;
border: 0px;
-moz-box-shadow: 0px 0px 4px #00384f;
-webkit-box-shadow: 0px 0px 4px #00384f;
box-shadow: 0px 0px 4px #00384f;
}
#photoBox #photosHeader{
height: 68px;
margin: -30px 0 0 10px;
text-indent: -999em;
background: url(/images/photosHeader.png) no-repeat;
}

#uploadForm{
float: left;
padding: 10px 0 10px 30px;
margin: 0px;
background: #099fd6 url(/images/photoBg.png) repeat-x;
}
#uploadForm h3{
color: #fff;
font-size: 16px;
margin: 0px;
}
#uploadForm h2{
color: #fff;
font-size: 14px;
margin: 10px 0 5px 0;
}
#uploadForm label{font-weight: bold; color: #fff;}
#uploadForm #caption, #uploadForm #username, #uploadForm #location, #uploadForm textarea{
background: #0083b3;
margin-top: 3px;
color: #fff;
padding: 3px;
border: 2px solid #005e81;
}
#uploadForm #userfile{
background: #0083b3;
border: 2px solid #005e81 !important;
}
#townWiz{
width: 109px;
height: 37px;
display: block;
float: right;
text-indent: -999em;
margin: -22px 0 -5px 15px;
background: url(/images/townWizardPartner.png) no-repeat;
}

#photoTitle{
float: left;
margin: -8px 0 0 0;
width: 288px; height: 68px;
text-indent: -999em;
background: url(/images/photoTitle.png) no-repeat;
}
#photoPageUpload{
display: block;
float: right;
width: 284px; height: 48px;
text-indent: -999em;
background: url(/images/photoUpload.png) no-repeat;
}
#photoPageUpload:hover{background-position: bottom;}

#facebookCounter{
position: absolute;
width: 103px;
height: 40px;
left: 87px;
top: 169px;
}

/* ====== GEAR PAGE ======== */

#map_canvas{border: 4px solid #00adef;float:left;margin: 0 0 30px 0;}

#titleGear, #titleGearLocations{
width: 288px;height: 81px;
text-indent: -999em;
float: left;
background: url(/images/titleGear.png) no-repeat;
}
#titleGearLocations{clear:both;width:313px;background: url(/images/titleLocations.png) no-repeat;}
#gearPoster{float:right;margin-left: 30px;}
#gearBlurb{clear: left;line-height: 1.8;font-size: 16px;color:#787878;}
#gearBlurb strong{color:#00aff2;}
#locations{color:#787878;}

#song{
position: relative;
margin-top: -105px;
height: 87px;
border-bottom: 3px solid #00aeef;
background: #fff url(/images/songBg.png) no-repeat center;
}
#songContent{width: 980px;margin: 0 auto;height: 100px;position: relative;}
#toggle{position: absolute;left:0px;bottom: -5px;height: 15px;z-index: 100;}
#songOpen, #songClose{display: block;text-indent: -999em;height: 15px;background: url(/images/toggleButton.png);cursor: pointer;}
#songClose{width:71px;margin-left: 90px;}
#songOpen{width:298px;background-position: bottom;}) no-repeat;
}
#titleGearLocations{clear:both;width:313px;background: url(/images/titleLocations.png) no-repeat;}
#gearPoster{float:right;margin-left: 30px;}
#gearBlurb{clear: left;line-height: 1.8;font-size: 16px;color:#787878;}
#gearBlurb strong{color:#00aff2;}
#locations{color:#787878;}

#song{
position: relative;
margin-top: -105px;
height: 87px;
border-bottom: 3px solid #00aeef;
background: #fff url(/images/songBg.png) no-repeat center;
}
#songContent{width: 980px;margin: 0 auto;height: 100px;position: relative;}
#toggle{position: absolute;left:0px;bottom: -5px;height: 15px;z-index: 100;}
#songOpen, #songClose{display: block;text-indent: -999em;height: 15px;background: url(/images/toggleButton.png);cursor: pointer;}
#songClose{width:71px;margin-left: 90px;}
#songOpen{width:298px;background-position: bottom;}

#songDownload, #songVideo{
display: block;text-indent: -999em;position: absolute;width: 205px; height: 47px;
}
#songDownload{
right: 177px;top:19px;
}
#songVideo{
width: 138px;
right: 28px;top:19px;
}
/*
.fbFeedbackContent { min-height:0 !important; }
iframe.fb_ltr { height:auto !important; }
*/