/* ###########  Resets  ########### */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }
body { line-height: 1; }
table { border-collapse: collapse; border-spacing: 0; }
iframe,img,figure { float: left; }

/* ###########  General Page Layout  ########### */
html {
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
    height: 100%;
    font-size: 100%;
    font-family: 'Roboto+Condensed', sans-serif;
    color: #593c34;
    background: #dad9d5 url('./../images/pat.jpg');
    background-repeat: repeat;
    -webkit-font-smoothing: antialiased;
}

#wrapper {
    float: left;
	margin-top: 276px;
    width: 960px;
    height: 100%;
    min-height: 100%;
    clear: both;
}

#colA {
    float: left;
    width: 391px;
    position: fixed;
    bottom: 0;
	margin-top: 280px;
    min-height: 100%;
    background: #8c422f url('./../images/leftBg.jpg');
    background-repeat: no-repeat;
    border-right: 1px solid #ddd;
}

#colB {
    float: right;
    width: 565px;
	min-height: 1000px;
    border-left: 4px solid #8d422f;
    border-right: 1px solid #b2b2b1;
    background: url('./../images/pat2.jpg');
    background-repeat: repeat;
    -webkit-box-shadow: 0 20px 20px #000;
    -moz-box-shadow: 0 20px 20px #000;
    -o-box-shadow: 0 20px 20px #000;
    -khtml-box-shadow: 0 20px 20px #000;
    -ms-box-shadow: 0 20px 20px #000;
    box-shadow: 0 20px 20px #000;
	padding-bottom: 42px;
}

a {
	color: #c75333;
    text-decoration: none;
    outline: none;
}
a:hover { color: #F7803C; }
::selection { background: #ddd; }
::-moz-selection { background: #ddd; }



/* ###########  Font & Heading Styles  ########### */

h1 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 3em;
    text-shadow: 0 1px 1px #d7d4c4;
    margin-bottom: 40px;
	border-left: 4px solid #e88a72;
	text-indent: 12px;
}

h2 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 2.4em;
    text-shadow: 0 1px 1px #d7d4c4;
    margin-bottom: 40px;
}

p {
    line-height: 1.5em;
    margin-bottom: 20px;
}

/* ###########  Top Logo Header  ########### */

#header { 
	position:	absolute; top: 0; left: 0;
	margin:		0 auto;
	height:		276px;
	width:		100%;
	background: #110e0f url('./../images/headerBg.gif');
	background-repeat: repeat-x; clear: both;
	border-top: 3px solid #8d422f;
	border-bottom: 1.5px solid #8d422f;
} #header h1 { display: none; } #header h2 { display: none; }
  #header figure {
    margin-top:  8px;
	margin-left: 438px;
	width:		468px;
	height:		264px;
	overflow:	hidden;
  }


/* ###########  Column A (Left) Styles  ########### */

#top {
    float: left;
    width: 312px;
    margin: 40px;
}

#top figure {
    width: 200px;
    margin: 0 0 0 56px;
}

#colA ul {
    float: left;
    width: 312px;
    list-style: none;
    margin: 0 40px 40px 40px;
}

#colA ul li {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    clear: both;
    position: relative;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}

#colA a {
    color: #f5bfb2;
    text-decoration: none;
    outline: none;
}

#colA a:hover {
    color: #ed7a5c;
	text-decoration: underline;
}

.descTitle {
    float: left;
    color: #f0f0f0;
    padding-bottom: 20px;
}

.descTxt {
    float: right;
    padding-bottom: 20px;
}
	.descTxt em {
		font-weight: bold;
		color: #fff;
	}
.txt {
    color: #e88a72;
}

.divLineD {
    float: left;
    width: 100%;
    height: 1px;
    background: #a75b47;
}

.divLineL {
    float: left;
    width: 100%;
    height: 1px;
    background: #e88a72;
}

#minilogo {
	position: absolute;
	left:	8px;
	bottom: -32px;
} #minilogo a {
	display:	block;
	width:	128px;
	height:	128px;
	border: none;
	text-decoration: none;
	background: url('./../images/minilogo.png');
	background-position: 0 0;
 }
 #minilogo a:hover {
	border: none;
	text-decoration: none;
	background: url('./../images/minilogo.png');
	background-position: 0 -128px;
 }
 #minilogo h2 a em { display: none; }

/* ###########  Column B (Right) Styles  ########### */

.bevelLineDark {
    float: left;
    width: 100%;
    height: 1px;
    background: #ccc;
}

.contentBox {
    float: left;
    width: 480px;
    margin: 40px 40px 0 40px;
    background: #c6c3b6;
	border-top: 8px solid #8d422f;
	font-size: 1.0em;

	-webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.3);
    -o-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.3);
    -khtml-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.3);
    -ms-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.3);

} .contentBox p { text-indent: 24px; }
  .contentBox:hover {
	background: #d3d0c2;
  } .contentBox:hover h1 { border-left: 12px solid #e88a72; text-indent: 4px; }

.info {
    float: left;
    width: 478px;
}

article {
    float: left;
    margin: 40px;
    width: 398px;
}

figure#main-video {
    width: 480px;
}


/* ###########  Band History  ########### */

#timeline {
    width: 398px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    background: url('./../images/timeline.gif') left 45px repeat-x;
    margin-top: 40px;
}
	ul#dates {
		width: 398px;
		height: 60px;
		overflow: hidden;
		list-style: none;
	}

	ul#dates li {
		list-style: none;
		float: left;
		width: 160px;
		height: 50px;
		font-size: 1.2em;
		text-align: center;
		background: url('./../images/biggerdot.png') center bottom no-repeat;
	}

	ul#dates a {
		line-height: 1.2em;
		padding-bottom: 20px;
		text-decoration: none;
		font-family: 'Oswald', sans-serif;
		color: #593c34;
		text-shadow: 0 1px 1px #d7d4c4;
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}

	ul#dates a:hover {
		color: #321a13;
		font-weight: bold;
	}

	ul#dates .selected {
		font-size: 1.2em;
		line-height: 1em;
	}

	ul#issues {
		width: 398px;
		overflow: hidden;
		margin-top: 10px;
		float: left;
		list-style: none;
	}

	ul#issues li {
		width: 398px;
		float: left;
	}

	ul#issues p {
		margin-bottom: 0;
		font-size: 0.9em;
	}

/* ###########  MUSIC (PLAYER STYLES ARE IN MUSIC-PLAYER FOLDER)   ###########

#player {
    float: left;
    width: 398px;
}


 ########### ALTERNATIVE MUSIC PLAYER (YAHOO FLASH PLAYER)###########

#playlist {
    float: left;
    width: 398px;
    clear: both;
}

#playlist figure {
    width: 125px;
    margin-right: 40px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, .5);
    -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, .5);
    -khtml-box-shadow: 0px 1px 4px rgba(0, 0, 0, .5);
    -ms--box-shadow: 0px 1px 4px rgba(0, 0, 0, .5);
}

#playlist ul {
    float: left;
    width: 193px;
    list-style: none;
    padding: 20px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15), 0 1px 0 rgba(255, 255, 255, .04);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15), 0 1px 0 rgba(255, 255, 255, .04);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15), 0 1px 0 rgba(255, 255, 255, .04);
    -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15), 0 1px 0 rgba(255, 255, 255, .04);
    -khtml-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15), 0 1px 0 rgba(255, 255, 255, .04);
    -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .15), 0 1px 0 rgba(255, 255, 255, .04);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -khtml-border-radius: 6px;
    -ms-border-radius: 6px;
    background: #303235 url('./../images/tracklist-bg.png') repeat 0 0 scroll;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 0.9em;
}

#playlist ul li {
    background: transparent url('./../images/tracklist-item-bg.png') repeat-x bottom left scroll;
    padding: 10px 0;
}
*/

/* ###########  Photo Slideshow  ########### */

.blueberry {
    float: left;
    width: 100%;
    background: #8c422f;
    border-bottom: 1px solid #ddd;
}
	.slides {
		float: left;
		width: 100%;
		list-style: none;
	}


/* ###########  Table Styles  ########### */

table {
    float: left;
    width: 100%;
}

	tr:nth-of-type(odd) {
		background: #d3d0c2;
	}

	th {
		background: #a0523e;
		font-family: "Oswald", sans-serif;
		text-transform: uppercase;
		color: #f0f0f0;
		text-align: left;
		padding: 0.5em 1em;
		width: 33.3333%;
	}

	td {
		padding: 1em;
		border: 1px solid #cccac0;
		text-align: left;
	}
		td em {
			font-weight: bold;
			font-size: 1.2em;
			padding: 4px;
		}

	tr {
		font-size: 0.9em;
		color: #593c34;
	}