* {
	padding: 0;
	margin: 0;
	-webkit-text-size-adjust:none;
}

html {
	font-size: 67.5%;
}

a {
	cursor: pointer;
}

body {
	color: #000;
	font-family: Helvetica;
	font-family: "freight-sans-pro", sans-serif;
	font-size: 62.5%;
	height: 100%;
	line-height: 2em;
}

#page {
}

a { color: #000; 
	text-decoration: none;
}
a:hover { color: #000; }
a:visited { color: #000; }
a:active { color: #000; }

.clear {
	clear: both;
}

.video-container {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%; /* 16/9 ratio */
	padding-top: 30px; /* IE6 workaround*/
	position: relative;
	margin: 0 0 1em 0;
}

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

.video-container-right {
	width: 60%;
	float: right;
}
.video-container-left {
	width: 60%;
	float: left;
}

.small {
	font-size: .8em;
}

.result {
	font-size: .8em;
	display: none;
	border: 1px solid #000000;
	background: #ffcccc;
	width: 80%;
	margin: 0 auto;
	padding: 1em ;
}

.center {
	text-align: center;
}
.wide {
	width: 70%;
}
.narrow {
	width: 25%;
}
.half {
	width: 50%;
}
.fifty {
	width: 46%;
	margin: 0 2%;
}
.eighty {
	width: 75%;
}
.seventy {
	width: 69%;
}
.sixty {
	width: 55%;
}
.thirty {
	width: 28%;
}
.forty {
	width: 38%;
}
.twenty {
	width: 20%;
}

.left {
	float: left;
	height: 100%;
}
.center {
	height: 100%;
}
.right {
	float: right;
	height: 100%;
}

hr {
	clear: both;
	border-style: solid;
	border: 0px;
	border-bottom: 2px solid #000000;
	margin: 1em 0;
}

/* brb */

h1, h2, h3, h4, h5 {
	padding: 0px;
	margin: 0px;
	font-family: "aw-conqueror-inline",sans-serif;
}
#wrapper h1.slogan {
	font-size: 4em;
	font-family: "blakely", "aw-conqueror-inline",sans-serif;
	text-shadow: 2px 2px 2px #855d65, -0px -0px 2px #855d65 ;
	height: 30px;
}
h2 {
	font-size: 1.5em;
	font-weight: normal;
}
h3 {
	font-size: 1.2em;
	padding: 0px;
	margin: 0px;
}
body,td,th {
	color: #cccccc;
	font-family: "omnes-pro", "aw-conqueror-inline",sans-serif;
}
body {
	background-color: #081563;
}
a:link {
	color: #ffffff;
	color: #f6726e;
}
a:visited {
	color: #ffffff;
	color: #f6726e;
}

#primary h2 a, #primary h2 a , #primary h3 a, #primary h4 a 
{
	color: #f6726e;
	text-shadow: 2px 2px 2px #000000, 2px -2px 2px #000000, -2px -2px 2px #000000, -2px 2px 2px #000000 ;
}
#primary h2 a:hover, #primary h2 a:hover, #primary h3 a:hover, #primary h4 a:hover {
	color: #ffffff;
}

#top {
	background: url( images/topslice.png ) repeat-x;
	text-align: center;
	height: 200px;
	background-color: #000000;
	width: 90%;
}

#wrapper {
	width: 96%;
	text-align: center;
	margin: 0em auto;
	padding: 4em 0;
	min-width: 1080px;
}

#wrapper h1 {
}

#console {
	color: #f6726e ;
	color: #cccccc ;
	text-shadow: 0px 0px 0px #855d65;
	text-align: left;
	padding: 100px 60px 40px 60px;
	font-size: 2em;
	line-height: 1.4em;
	background: 
		url( /media/james-cotton-01.png ),
		url( images/jcsh.png ),
		url( images/left-chevron.png ),
		url( images/right-chevron.png ),
		url( images/top-left.png ),
		url( images/top-right.png ),
		url( images/bottom-left.png ),
		url( images/bottom-right.png ),
		url( images/topslice.png ),
		url( images/right-slice.png ),
		url( images/bottomslice.png ),
		url( images/left-slice.png )
			;
	background-repeat: 
		no-repeat,
		no-repeat,
		no-repeat,
		no-repeat,
		no-repeat,
		no-repeat,
		no-repeat,
		no-repeat,
		repeat-x,
		repeat-y,
		repeat-x,
		repeat-y
			;
	background-position: 
		center 130px,
		top center,
		0px 391px,
		right 391px,
		top left,
		top right,
		bottom left,
		bottom right,
		top left,
		top right,
		bottom left,
		bottom left
			;

	background-color: #000000;
	font-family: "omnes-pro", "aw-conqueror-inline",sans-serif;
	position: relative;
}

#primary-photo {
	width: 33%;
}
#primary-photo img {
	width: 100%;
}

table {
	font-size: 1em;
}
#bottom {
}

#disco tr {
}
#disco td,
#tour td {
	color: #cccccc ;
	padding: 1em;
}
	.left { float: left; }
	.right { float: right; }
	.seventy { width: 65%; }
	.clear { clear: both; }

	#nav {
		padding: 0 20px;
		margin: 10px 0;
		font-family: "omnes-pro", "aw-conqueror-inline",sans-serif;
	}
	#nav ul {
		margin: 0px;
		padding: 0px;
	}
	#nav-right ul {
		float: right;
		width: 100%;
	}
	#nav ul li {
		margin: 0 0;
		padding: 0px;
		list-style: none;
		clear: both;
		width: 100%;
		height: 40px;
	}
	#nav a{
		margin: .3em 0;
		text-transform: uppercase;
		-webkit-transition: all .25s ease-in-out;
	}
	#nav a:hover{
		-webkit-transition: all .25s ease-in-out;
	}
	#nav .label {
		font-size: 2em;
	}
	#nav .label a{
		width: 9em;
		height: 2em;
		text-align: center;
		display: block;
		background-size: 9em 1.5em;
		line-height: 1.4em;
		color: #3b4cc6;
		text-decoration: none;
		background-repeat: no-repeat;
	}
	#nav-left .label a{
		float: left;
		background-image: url( images/label-left.png );
	}
	#nav-left .label a:hover, #nav-left .label a.hovered {
		color: #cccccc;
		background-image: url( images/label-left-blue.png );
	}
	#nav-left .current a, #nav-left .current a:hover, #nav-left .current a.hovered {
		float: left;
		background-image: url( images/label-left-red.png );
		color: #fff;
	}


	#nav-right .label a{
		float: right;
		background-image: url( images/label-right.png );
	}
	#nav-right .label a:hover, #nav-right .label a.hovered {
		color: #cccccc;
		background-image: url( images/label-right-blue.png );
	}
	#nav-right .current a, #nav-right .current a:hover, #nav-right .current a.hovered {
		float: right;
		background-image: url( images/label-right-red.png );
		color: #fff;
	}

	#nav .button a{
		display: block;
		height: 1.5em;
		width: 1.5em;
		font-size: 2em;
		line-height: 1.5em;
		border-radius: 50px;
		border: 1px solid #000;
		color: #fff;
		background: #ff0000;
		text-align: center;
		text-decoration: none;

		background-color: #9f1922;
		background-image: -webkit-gradient(radial, 50% 100%,0,50% 100%,200, from(rgb(240, 116, 114)), to(rgb(159, 25, 34)));
		background-image: -webkit-radial-gradient(50% 100%, rgb(159, 25, 34), rgb(240, 116, 114));
		background-image: -moz-radial-gradient(50% 100%, rgb(159, 25, 34), rgb(240, 116, 114));
		background-image: -o-radial-gradient(50% 100%, rgb(159, 25, 34), rgb(240, 116, 114));
		background-image: -ms-radial-gradient(50% 100%, rgb(159, 25, 34), rgb(240, 116, 114));
		background-image: radial-gradient(50% 100%, rgb(159, 25, 34), rgb(240, 116, 114));

		box-shadow: 
			2px 2px 2px #3b4cc6,
			-2px -2px 2px #3b4cc6,
			2px -2px 2px #3b4cc6,
			-2px 2px 2px #3b4cc6
			;


	}
	#nav-left .button a{
		float: left;
	}
	#nav-right .button a{
		float: right;
	}


	#nav .button a:hover{
	}

#stripe {
	background: url( images/stripe.png ) repeat-x;
	height: 29px;
}

#primary {
	margin: 0 .2em;
	padding: 2em 0;
	background: #333333;
	color: #eeeeee;
}
#content {
	margin: 0 1em;
}
#content .post h2 {
	margin: 1em 0;
	font-size: 1.5em;
	line-height: 1.2em;
}
#primary h1 {
	text-shadow: 3px 3px 0px #000000, -3px -3px 0px #000000 ;
	background-image: url( mages/label-left-red.png );
	margin: 0 auto 1em;
	font-size: 2em;
	text-transform: uppercase;
	text-align: center;

		width: 15em;
		height: 2em;
		text-align: center;
		display: block;
		background-size: 15em 2em;
		line-height: 2em;
		text-decoration: none;
		background-repeat: no-repeat;
}
#primary h2, #primary h3 {
	text-shadow: 2px 2px 0px #000000, -2px -2px 0px #000000 ;
}



#primary {
	font-size: 1.5em;
	line-height: 1.3em;
}

#primary p ,
#primary ul {
	text-shadow: 2px 2px 2px #000000, 2px -2px 2px #000000, -2px -2px 2px #000000, -2px 2px 2px #000000 ;
	margin: 0 0 1em;
}
#primary p {
}
#primary ul {
	margin: 0 0 0 2em;
}
#primary li {
	margin: 0 0 1em;
}

#discography li  {
	clear: left;
	list-style: none;
}
#discography li img.buy {
	float: left;
}

#discography li img.cover {
	width: 50%;
	height: auto;
	float: left;
	padding: 0 1em 0 0;
	margin: 0 0 1em 0;
}

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

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

.entry-content img, .entry-content iframe, .entry-content object, .entry-content embed {
	max-width: 100%;
}

#events td {
	padding: .5em;
	vertical-align: top;
}

blockquote {
	clear: both;
	padding: 1em 0 1em;
}

blockquote div {
	clear: left;
	text-align: right;
}

#audio-player {
	text-align: center;
	width: 300px;
	margin: auto;
	background: #000055;
							padding-right: 1em;
}


.mejs-container {
	background: #0000ff !important;
}
@media print {

	.printonly { display: block; }
	.noprint { display: none; }
	.printinline { display: inline; }

	body {
		background: none !important;
		font-size: 10pt;
	}	

	a {
		color: #000000;
		text-decoration: none;
	}

	p {
		margin: 5px 0px 5px 0px;
	}

	#branding-header,
	#branding-footer,
	#colophon,
	#page-footer,
	.bottom-bar,
	.top-bar,
	.thirdcol
	{
		display: none;
	}


	#main .twothirdcol {
		position: absolute;
		width: 100%;
		left: 0px;
		top: 0px;
	}

	#main {
		width: 100%;
	}

	article {
		background: #ffffff;
		border: 0px solid #333333;
		border-radius: 20px;
	}

	#page-footer {
		clear: both;
		text-shadow: none;
	}

}