@import url('/css/sasquatch/navigation.css');

body {
	background-color: #003244;
	color:#e7f1c5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
a:link, a:visited{
	text-decoration: none;
	color:#e3ad49;
}
a:hover{
	color:#E7F1C5;
}
a:focus {
	outline:none;
}

.module.app a,
.module.app h3,
.module.assets a {
	font-size: 14px;
	font-weight: bold;
	color: #eaeae2;
	margin: 0;
	padding: 0;
	text-shadow: 0 1px 0 #005f79;
	text-transform: uppercase;
	}

.module.assets a:hover,
.module.app a:hover {
	color: #E3AD49;
}
	
.module.app p { margin-bottom: 0; padding-bottom: 0; }
.module.assets a {
	display: block;
	height: 40px;
	padding-left: 60px;
}

.module.assets a#schedule {
	background: transparent url(/assets/images/sasquatch_calendar.gif) top left no-repeat;
	margin-bottom: 16px;
}
.module.assets a#map {
	background: transparent url(/assets/images/sasquatch_compass.gif) top left no-repeat;
	padding-top: 8px;
}

hr {
	max-width: 720px;
	height:7px;
	border: none;
	color:#FFFFFF;
	background-color: #FFFFFF;
	margin:0; padding:0;
	margin-top:5px;
	margin-bottom:15px;
	background-image: url(/assets/images/h-rule.gif);
	background-repeat: repeat-x;
}
div.hr {
	max-width: 730px;
	margin:0; padding:0;
	margin-top:5px;
	margin-bottom:15px;
	height: 3px;
	background-color: #006785;
}
#maincontent.sponsors div.hr {
	background-color: #cce1e7;
}

div.hr hr {
  display: none;
}
h1 {
	margin:0;padding:0;
	text-transform: uppercase;
	font-size: 18px;
	color:#5e9992;
}
h1.dArr {
	background-image: url(/assets/images/arr-dwn.gif);
	background-repeat: no-repeat;
	padding-left:26px;
}
h1.rArr {
	background-image: url(/assets/images/arr-rt.gif);
	background-repeat: no-repeat;
	padding-left:24px;
}
h1.noArr {
	background-image: none;
	padding-left:0;
}
h3 {
	margin:0; padding:0;
	margin-bottom:5px;
	margin-top:10px;
	color: #e7f1c5;
}



div #masthead {
	margin:0; padding:0;
	height: 176px;
}
div #navstrip {
	margin:0; padding:0;
}
div #nav {
	margin:0; padding:0;
	width: 980px;
	height: 47px;
	background-color: #003244;
	/*background-image: url(/assets/images/nav-bg-bluematte-noforum.jpg);
	background-repeat: no-repeat;*/
	z-index:10;
}
div #jukebox {
	float:left;
	margin:0; padding:0;
	width: 314px;
	height: 47px;
}
div #playlist {
	margin:0; padding:0;
	background-color:#ecba57;
	height:0;
	top:-346px;
	z-index:1;
}
div #video {
	margin:0; padding:0;
	background-color:#ecba57;
	height:0;
	top:-500px;
	z-index:2;
}
div #footer {
}
div #maincontent {
	min-height:400px;
	background-image: url(/assets/images/triplecol-bg.gif);
	background-repeat: repeat-y;
	background-color: #006d8b;
	margin:0; padding:0;
	padding-bottom:40px;
}

div #maincontent.sponsors {
	background-image: url(/assets/images/sponsors-bg.gif);
}

div #nav-sub {
	margin: 24px 0;
	padding:0;
	color: #003d52;
}
div #nav-sub h2 {
	margin:0;padding:0;
	font-size: 16px;
	text-transform: uppercase;
	color:#e7f1c5;
}
div #nav-sub h2 a, div #nav-sub h2 a:link, div #nav-sub h2 a:hover{
	color:#e78125;
	text-decoration: none;
	margin: 0 8px;
	padding:0;
}
div #nav-sub h2 a.selected {
	color:#e7f1c5;
}
div.gallery, div.lineup {
	background-image: url(/assets/images/doublecol-bg.jpg) !important;
	background-repeat: repeat-y;
}

/* columns */
div #leftcol {
	margin:0; padding-top:20px;
	padding-left:20px; padding-right:20px;
	/*background-color: #037697;*/
}
div #doublecol {
	margin:0; padding-top:20px;
	padding-left:20px; padding-right:20px;
}
div #midcol {
	margin:0; padding-top:20px;
	padding-left:20px; padding-right:20px;
	background-color: transparent;
}
div #rightcol {
	text-align: center;
	margin:0; padding-top:20px;
	background-color: transparent;
}
div.banner-wrap {
	margin:0; padding:0;
}
div.banner-wrap img{
	margin-bottom:10px;
}
div.carbon{
	padding-bottom:10px;
	margin-bottom:10px;
}

/* modules */
div.module{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom: 3px solid #00627f;
}
div.module h1{
	margin-bottom:10px;
}
div.module h3{
	margin:0; padding:0;
	color:#e3ad49;
	font-size: 14px;
	padding-bottom:10px;
}
div.module h4{
	margin:0; padding:0;
	color:#e7f1c8;
	font-size: 16px;
	padding-bottom:10px;
}

div.module img.bordered {
	border: 4px solid #003d52;
}

/* content */
/* gallery */
ul#gallery{
	margin:0; padding:0;
	margin-bottom:200px;
	list-style: none;
	clear:both;
}
ul#gallery li {
	margin-right:10px;
	margin-bottom:20px;
	float:left;
	display:inline;
}
ul#gallery li.thumb {
	margin-right:9px;
	margin-bottom:10px;
}
ul#gallery li h2 {
	font-size: 14px;
	text-transform: uppercase;
	color:#f37100;
}
div#album_slideshow {
	width:725px;
	height:500px;
	margin:0; padding:0;
	margin-bottom:5px;
	display:block;
	position:relative;
	z-index:0;
}
.slideshow-images {
	display:block;
	overflow:hidden;
	position:absolute;
}
.slideshow-images img {
	display:block;
	position:absolute;
	z-index:1;
}
.slideshow-images {
	height:500px;
	width:725px;
}
.slideshow-images-visible {
	opacity:1;
}
.slideshow-images-prev {
	opacity:0;
}
.slideshow-images-next {
	opacity:0;
}
.slideshow-images img {
	float:left;
	left:0;
	top:0;
}
.slideshow a img {
	border:0 none;
}
.slideshow-loader {
	height: 28px;
	left: 345px;
	position: absolute;
	top: 220px;
	width: 24px;
	height:24px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}
div#image_nav{
	width:725px;
	margin-top:15px;
	margin-bottom:10px;
	clear:both;
}
div#back {
	float:right;
	margin:0;
	padding:0;
	font-size: 20px;
	text-align: right;
}

div#back h2 { font-size: 20px; }

div#image_caption {
	float:left;
	margin:0;padding:0;
	margin-left:0px;
}
div#image_caption h2 {
	font-size:20px;
	color:#003547;
	margin:0; padding:0;
	text-transform: uppercase;
}

/* lineup */
ul#lineup {
	margin:0; padding:0;
	list-style: none;
}
ul#lineup li {
	float:left;
	width:720px;
	/*height:185px;*/
	margin-bottom:20px;
	padding-bottom:24px;
	clear:both;
	border-bottom: 3px solid #006785;
}
ul#lineup li {
	float:left;
}
ul#lineup li img {
	float:left;
	margin-right:20px;
}
ul#lineup li h3, ul#lineup li h3 a, ul#lineup li h3 a:visited {
	font-size: 18px;
	color:#e7f1c5;
	margin:0; padding:0;
	margin-bottom:3px;
}
a.lineup-more {
	float:right;
	margin-top:5px;
}

/* BANDS */
h3.sched {
/*	background-image: url(/assets/images/sched.jpg);
	background-repeat: no-repeat;
	background-position:bottom right;*/
}
div.band-desc {
	/*height:500px;*/
	overflow:hidden;
	margin-bottom:10px;
}
table.event{
	margin:0; padding:0;
	margin-top:10px;
	margin-bottom:10px;
}
table.event th {
	margin:0;padding:0;
	padding:4px;
}

table.event tr {
	margin:0; padding:0;
}
table.event td {
	margin:0; padding:0;
	padding:4px;
	border-top:1px dotted #003244;
}
table.event td.date{
	width:150px;
}
table.event td.stage{
	width:150px;
}
table.event td.time{
}


/*blog posts*/
div.post {
	float:left;
	width:100%;
}
div.post small{
	font-size:95%;
	color:#e7f1c5;
	text-transform: uppercase;
}
div.post h2 {
	margin:0; padding:0;
	margin-bottom:15px;
	margin-top:5px;
	line-height:24px;
	font-weight: bold;
	font-size: 25px;
	color:#e3ad49;
}
div.post h2 a:link, div.post h2 a:hover {
	color:#e3ad49;
}
div.postmetadata {
	float:left;
	width:100%;
	font-size:12px;
	padding-top:10px;
	margin-bottom:20px;
	padding-bottom:20px;
	clear:both;
	border-bottom: 3px solid #006785;
}
div.postmetadata a {
	float:left;
}
div.postmetadata a.right{
	float:right;
}
div.navigation {
	float:left;
	clear:both;
	width:100%;
}
div.alignleft {
	float:left;
}
div.alignright {
	float:right;
}

/*IMAGE CLASSES*/

img.sponsor {
	margin:0;padding:0;
	padding-top:10px;
	padding-right:40px;
	padding-bottom:20px;
}
img.band {
	margin:0;padding:0;
	margin-right:17px;
	margin-bottom:10px;
	float:left;
	vertical-align: text-top;
}

/*COMMENTS*/
.commentlist {
	margin:0; padding:0;
	list-style: none;
	margin-top:20px;
	margin-bottom:20px;
}
.respond {
	float:left;
}
.comment {
	margin:0; padding:0;
	padding-bottom:15px;
	padding-top:10px;
	border-bottom: 3px solid #006785;
}
.comment p {
	margin:0; padding:0;
	margin-top:3px;
}

/* sIFR */
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}