/* Body */ 

body
{
    margin:0px;
    margin-left:auto;
	margin-right:auto;
    min-width:320px;
    background-color:#ACAAA4;
    background-image:url('../img/noise.png');
}

/* Wrapper */ 

#wrapper
{
	position:relative;
	width:100%;
    height:100%;
    margin-left:auto;
    margin-right:auto;
    min-width:320px;
    max-width:1000px;
    margin-top:70px;
    border:8px solid #333333;
    /*border-color:hsla(0,0%,20%,0.95); /* Dark grey with opacity */
    background-color:#D4D3CF;
    background-color: hsla(47,2%,83%,0.7); /* Very light grey with opacity */
    padding:5px 20px 5px 20px;
    font-family:"belwe4", sans-serif;
    color:#333333;
}

/* Primary Navigation */

#primary_navigation
{
	position:fixed;
	top:0px;
    padding:9px 13px 0px 10px;
    z-index:99;
    width:100%;
    background-color:#333333;
    /*background-color: hsla(0,0%,20%,0.95); /* Dark grey with opacity */
    color:#D4D3CF;
    font-family:"GillSans", sans-serif;
    font-size:0.95em;
    /*overflow:hidden;*/
    letter-spacing: 8px;
    text-transform: uppercase;
}

#nav_links
{
	min-width:300px;
    max-width:995px;
    margin-left:auto;
    margin-right:auto;
}
	
ul 
{
    margin:0; 
    padding:0; 
    list-style:none; 
    width:100%; 
    text-align:justify; 
    list-style-type:none;
    line-height:0%;
}
ul li 
{
    display:inline; 
    text-align:justify;
    font-weight:bold;
}

ul > li:after 
{
    content:' '; 
    display:inline;
}

ul > li:last-child:after 
{
    display:inline-block; 
    margin-left:100%; 
    content:' ' 
}


/* Links */ 

/* unvisited navigation link */
#primary_navigation a:link 
{
    color:#D4D3CF;
    text-decoration: none;
}      

/* visited navigation link */
#primary_navigation a:visited 
{
    color:#D4D3CF;
    text-decoration: none;
}  

/* mouse over navigation  link */
#primary_navigation a:hover 
{	
    color:#54887e;
    text-decoration: none;
}  

/* selected navigation link */
#primary_navigation a:active 
{
    color:#54887e;
    text-decoration: none;
}  

/* unvisited link */
a:link 
{
    color:#915454;
    text-decoration:none;
    font-weight:bold;
}      

/* visited link */
a:visited 	
{
    color:#915454;
}  

/* mouse over link */
a:hover 
{	
    color:#B26767;
}  

/* selected link */
a:active 
{
    color:#B26767;
}

/* unvisited footer link */
#site_footer a:link 
{
    color:#D4D3CF;
}      

/* visited footer link */
#site_footer a:visited 
{
    color:#D4D3CF;
}  

/* mouse over footer link */
#site_footer a:hover 
{	
    color:#B8181B;
}  

/* selected footer link */
#site_footer a:active 
{
    color:#EA2027;
}  

/* Highlight Current Page */

#primary_navigation a.current
{
    color:#54887e;
    text-decoration: none;	
}

/* Main Content */   

hr
{
    height:3px;
    background-color:#333333;
    clear:both;
    border:none;
}

h1, h2, h3
{
    color:#333333;
    font-family:"itc_souvenir_demiregular", sans-serif;

}

h4, h5, h6
{
    color:#555555;
    font-family:"GillSans", sans-serif;

}

.news
{
    margin-bottom: 40px;
}

.article
{
	font-size:1.1em;
}

.no_margin
{
	margin-top:0px;
}

p.article:first-letter
{
    font-size:5em;
	font-weight:bold;
	float: left;
	line-height:0.67em; /* Fix for IE and Chrome */
    padding-right:4px;
}

.boxed
{
	background-color:#AFAFAF;
	margin:10px 0px 10px 0px;
	padding:2px 15px 4px 15px;
}

.smart_align
{
	text-align:center;

}

/* Footer */

#site_footer
{
    color:#333333;
    padding:20px 0px 0px 0px;
    text-align:center;
}

#copyright
{
    color:#333333;
    font-family:"GillSans", sans-serif;
}


/* Video */

.video_wrapper
{
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}

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


/* Audio */

audio 
{ 
    width: 100%; 
}


/* Images */

a img
{
    border:0;
    padding-bottom:10px;
    vertical-align:middle; 
}

img 
{
    max-width:100%;
}

.float_left
{
	float:left;
	margin:0px 18px 0px 0px;
}

.float_right
{
	float:right;
	margin:0px 0px 0px 18px;
}

/* Table */

table 
{
    width: 100%;
}

th
{
    font-family:"GillSans", sans-serif;
    font-size:105%;
    text-align: left;
}

caption
{
	font-family:"GillSans", sans-serif;
	font-weight:bold;
	font-size:110%;
}

/* Input */

input:focus, textarea:focus
{
    border-color:#B8181B;
    border-style:solid;
    border-width:2px;
    outline:none;
}

/* Gig Map */

#map_wrapper
{
    border:4px solid #333333;
    margin-top:20px;
}

#map_wrapper img
{
    max-width:none;

}

/* Discography Toggles */

#toggles
{
	background-color:#AFAFAF;
    text-align:center;
    font-family: "GillSans", sans-serif;
    font-size:1.2em;
    font-weight: bold;
    padding:10px 0px 5px 0px;
    margin-top:10px;
}


/*
  Simple Grid
  Learn More - http://dallasbass.com/simple-grid-a-lightweight-responsive-css-grid/
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - dallasbass.com
*/

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

[class*='col-'] {
	float: left;
	padding-left: 12px; /* column-space */
	padding-right: 12px; /* column-space */
}

.grid {
	width: 100%;
	max-width: 1140px;
	min-width: 755px;
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding-top: 20px;
	padding-left: 20px; /* grid-space to left */
	padding-right: 20px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
}

.push-right {
	float: right;
}

/* Content Columns */

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}



/* Pushing blocks */

.push-2-3, .push-8-12 {
	margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
	margin-left: 50%;
}

.push-1-3, .push-4-12 {
	margin-left: 33.33%;
}

.push-1-4, .push-3-12 {
	margin-left: 25%;
}

.push-1-5 {
	margin-left: 20%;
}

.push-1-6, .push-2-12 {
	margin-left: 16.667%;
}

.push-1-7 {
	margin-left: 14.28%;
}

.push-1-8 {
	margin-left: 12.5%;
}

.push-1-9 {
	margin-left: 11.1%;
}

.push-1-10 {
	margin-left: 10%;
}

.push-1-11 {
	margin-left: 9.09%;
}

.push-1-12 {
	margin-left: 8.33%
}


@media handheld, only screen and (max-width: 798px) {
	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px; /* grid-space to left */
		padding-right: 0px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
	}
	
	[class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 0px;
		padding-right: 0px; /* column-space */
	}
	
	
	/* Mobile Layout */
	
	[class*='mobile-col-'] {
		float: left;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 10px;
		padding-left: 0px;
		padding-right: 0px; /* column-space */
		padding-bottom: 0px;
	}
	
	.mobile-col-1-1 {
		width: 100%;
	}
	.mobile-col-2-3, .mobile-col-8-12 {
		width: 66.66%;
	}

	.mobile-col-1-2, .mobile-col-6-12 {
		width: 50%;
	}

	.mobile-col-1-3, .mobile-col-4-12 {
		width: 33.33%;
	}

	.mobile-col-1-4, .mobile-col-3-12 {
		width: 25%;
	}

	.mobile-col-1-5 {
		width: 20%;
	}

	.mobile-col-1-6, .mobile-col-2-12 {
		width: 16.667%;
	}

	.mobile-col-1-7 {
		width: 14.28%;
	}

	.mobile-col-1-8 {
		width: 12.5%;
	}

	.mobile-col-1-9 {
		width: 11.1%;
	}

	.mobile-col-1-10 {
		width: 10%;
	}

	.mobile-col-1-11 {
		width: 9.09%;
	}

	.mobile-col-1-12 {
		width: 8.33%
	}

	/* Layout Columns */

	.mobile-col-11-12 {
		width: 91.66%
	}

	.mobile-col-10-12 {
		width: 83.333%;
	}

	.mobile-col-9-12 {
		width: 75%;
	}

	.mobile-col-5-12 {
		width: 41.66%;
	}

	.mobile-col-7-12 {
		width: 58.33%
	}
	
	.hide-on-mobile {
		display: none !important;
		width: 0;
		height: 0;
	}

	#primary_navigation
	{
	    font-size:80%;
	    letter-spacing: 2px;
	    text-transform: uppercase;
	}
}

/* Adjustments For Small Screens */

@media handheld, only screen and (max-width: 1000px) {

	#wrapper
	{
    	margin-top:38px;
	}
	
	table 
	{
		font-size:80%;
	}
}

/* Fonts */

@font-face{
	font-family:'GillSans';
	src: url('../fonts/gillsans-webfont.eot');
	src: url('../fonts/gillsans-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/gillsans-webfont.woff') format('woff'),
         url('../fonts/gillsans-webfont.ttf') format('truetype'),
         url('../fonts/gillsans-webfont.svg#gill_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'belwe4';
    src: url('../fonts/belwe-light-webfont.eot');
    src: url('../fonts/belwe-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/belwe-light-webfont.woff2') format('woff2'),
         url('../fonts/belwe-light-webfont.woff') format('woff'),
         url('../fonts/belwe-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'itc_souvenir_demiregular';
    src: url('../fonts/souvenir-demi-webfont.eot');
    src: url('../fonts/souvenir-demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/souvenir-demi-webfont.woff2') format('woff2'),
         url('../fonts/souvenir-demi-webfont.woff') format('woff'),
         url('../fonts/souvenir-demi-webfont.ttf') format('truetype'),
         url('../fonts/souvenir-demi-webfont.svg#itc_souvenir_demiregular') format('svg');
    font-weight: normal;
    font-style: normal;

}