/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* COLOR GUIDE */
/* p text: #3F403F lt grey */
/* some headers: #78000 maroon */
/* sidebar text: #FFFFC9 lt yellow */
/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

/* //////////////////////////////////////////////////////////////////////////////////// */
/* Index */
/* 1 - overall settings */
/* 2 - general tags */
/* 3 - header */
/* 4 - topnav */
/* 5 - sidenav */
/* 6 - main */
/* 7 - footer */
/* 8 - misc */
/* 9 - news */
/* 10 - shows */
/* 11 - tours */
/* 12 - videos */
/* 13 - music */
/* 14 - home */
/* 15 - store */
/* 18 - forms and input */
/* 19 - clear */
/* 20 - admin */
/* //////////////////////////////////////////////////////////////////////////////////// */


/* //////////////////////////////////////////////////////////////////////////////////// */
/* 1 - overall settings */
/* //////////////////////////////////////////////////////////////////////////////////// */

html
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: 'Gill Sans', Arial, Verdana, Sans-serif;
	font-size: 90%;
	color: black;
	text-align: center;
	background-image: url(../i/tile.gif);
}

/* ----------------------- */
/* to correct inherited shrinkage  */
/* see http://www.clagnut.com/blog/348/  */
/* rule: child pixels / parent pixels = child ems  */
li li, li p, td p, blockquote p, ul, ul li, td li { font-size: 1em; }

/* ----------------------- */
#header { font-size: 1em; }

/* displayed at 12px */
#sidenav { font-size: 1em; }

/* displayed at 12px */
#main { font-size: 1.1em; }

/* displayed at 15px */
#footer { font-size: 0.9em; }

/* Hides from IE-mac \*/
* html #wrapper { height: 1%; }

/* End hide from IE-mac */
#wrapper
{
	width: 820px;
	position: relative;
	text-align: left;
	margin: 0 auto;
	z-index: 20;
	background-image: url(../i/faux_columns.gif);
	background-repeat: repeat-y;
	background-position: center 0;
}

/* displayed at 11px */
input, select, th, td { font-size: 1em; }

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 2 - general tags */
/* //////////////////////////////////////////////////////////////////////////////////// */

img
{
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
}

p
{
	font-size: .8em;
	line-height: 1.1;
	margin: 5px 0 0 0;
	color: #333333;
}

h1
{
	font-size: 1.3em;
	line-height: 1.2;
	margin: 10px 0 0 0;
	color: #500000;
	border-bottom: 1px dotted #000;
	padding-bottom: 3px;
}

h1 a { color: #500000; }

h2
{
	font-size: 1.1em;
	line-height: 1.4;
	margin: 10px 0 0 0;
	color: #444444;
}

h3
{
	font-size: 1em;
	line-height: 1.3;
	color: #800000;
	margin: 10px 0 0 0;
}

h4
{
	font-size: .9em;
	line-height: 1.2;
	font-weight: bold;
	color: #444444;
	margin: 10px 0 0 0;
}

h5
{
	font-size: .85em;
	line-height: 1.2;
	font-weight: bold;
	color: #A25B1B;
	margin: 10px 0 0 0;
}

h6
{
	font-size: .8em;
	line-height: 1.4;
	color: #FFF;
	background-color: #666666;
	margin: 10px 0 0 0;
	padding: 4px;
}

h6 a, h6 a:link, h6 a:visited, h6 a:active { color: #FFF; }

h6 a:hover
{
	color: #A5A9A6;
	background-color: #000;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
	text-decoration: none;
	background-color: transparent;
}

a { padding: 2px; }

a:link
{
	color: #000000;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;
}

a:visited
{
	color: #000000;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;
}

a:hover
{
	color: #fff;
	background-color: #3F403F;
	font-weight: normal;
	text-decoration: underline;
}

a:active
{
	color: red;
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
}

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 3 - header */
/* //////////////////////////////////////////////////////////////////////////////////// */
#header
{
	width: 820px;
	height: 224px;
	z-index: 30;
	background-image: url(../i/header.gif);
	background-repeat: no-repeat;
	background-position: 50% 0;
	margin: -8px 0 0 0;
}

#header h1
{
	text-indent: -9999px;
	text-transform: inherit;
	display: none;
}

#random
{
	margin: 0;
	position: relative;
	top: 80px;
	left: 15px;
}

#random img
{
	margin: 0;
	padding: 0;
	border: none;
}

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 4 - topnav */
/* //////////////////////////////////////////////////////////////////////////////////// */
* html #topnav /* this is recognized by IE only */
{
	position: relative;
	t\op: 78px;
	/* for other IE */
	right: 0;
	margin: 0 0 0 0;
	text-transform: inherit;
	letter-spacing: .3em;
	font-size: .7em;
}

* html #topnav /* this is skipped by IE 5 Mac only \*/
{
	position: relative;
	top: 68px;
	/* only for IE5.x/Win */
	t\op: 68px;
	/* for other IE */
	right: 0;
}

/* End hide from IE-mac */
#topnav /* content for other browsers */
{
	margin: 0 0 0 0;
	text-transform: inherit;
	letter-spacing: .3em;
	font-size: .7em;
	position: relative;
	top: 80px;
	right: 0;
}

#topnav a
{
	padding: 2px;
	padding-left: 15px;
}

#topnav li a:link
{
	color: #780000;
	text-decoration: none;
	background-color: transparent;
	font-weight: normal;
	background-color: transparent;
}

#topnav li a:visited
{
	color: #780000;
	text-decoration: none;
	font-weight: normal;
	background-color: transparent;
}

#topnav li a:hover
{
	color: #ffc;
	text-decoration: none;
	font-weight: normal;
	background-image: url(../i/diamond.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	background-color: transparent;
}

#topnav li a:active
{
	color: #FFF;
	background-color: #780000;
	text-decoration: none;
	font-weight: normal;
	background-image: url(../i/diamond_red.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	background-color: transparent;
}

/* -- for "here" functionality -- */
#topnav li#here a:link
{
	color: #ffc;
	text-decoration: none;
	font-weight: normal;
	background-image: url(../i/diamond.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

#topnav li#here a:visited
{
	color: #ffc;
	text-decoration: none;
	font-weight: normal;
	background-image: url(../i/diamond.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

#topnav li#here a:hover
{
	color: #ffc;
	text-decoration: none;
	font-weight: normal;
	background-image: url(../i/diamond.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

#topnav li#here a:active
{
	color: #FFF;
	background-color: #780000;
	text-decoration: none;
	font-weight: normal;
	background-image: url(../i/diamond_red.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

#topnav ul li
{
	display: inline;
	margin: 0;
}

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 5 - sidenav */
/* //////////////////////////////////////////////////////////////////////////////////// */
#sidenav
{
	width: 220px;
	margin: 0 17px 0 0;
	float: right;
	display: inline;
}

#sidenav h2
{
	color: #780000;
	margin: 0 0 5px 0;
	background-color: #000;
	font-size: 1em;
	padding: 2px;
}

#sidenav h2 a, #sidenav h2 a:link, #sidenav h2 a:visited, #sidenav h2 a:hover, #sidenav h2 a:active
{
	color: #780000;
	border: none;
	text-decoration: none;
	font-weight: bold;
	background-color: transparent;
}

#sidenav h3
{
	color: #FFF;
	margin: 0 10px 5px 10px;
	text-align: center;
	font-size: .8em;
	padding: 2px;
	border-bottom: white;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
}

#sidenav h3 a, #sidenav h3 a:link, #sidenav h3 a:visited, #sidenav h3 a:hover, #sidenav h3 a:active
{
	color: #FFF;
	border: none;
	text-decoration: none;
	font-weight: bold;
	background-color: transparent;
}

#sidenav .shows p.title, #sidenav .shows p.title a, #sidenav .tours p.title, #sidenav .tours p.title a, #sidenav .news p.title, #sidenav .news p.title a
{
	font-weight: bold;
	margin: 0;
}

#sidenav div.news { margin: 0 0 10px 0; }

#sidenav p, #sidenav label
{
	color: #FFC;
	margin: 0 0 0 10px;
	line-height: 1.4em;
}

#sidenav a { padding: 0; }

#sidenav a:link, #sidenav a:visited
{
	color: #ffc;
	background-color: transparent;
	text-decoration: none;
	border-bottom: #ffffcc;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
}

#sidenav .title a:link, #sidenav .title a:visited
{
	color: #ffc;
	text-decoration: none;
	background-color: transparent;
	border: none;
}

#sidenav a:hover
{
	color: #780000;
	text-decoration: none;
	background-color: #E6DFCA;
}

#sidenav a:active
{
	color: #FFF;
	text-decoration: none;
	background-color: #780000;
}

#sidenav p.today
{
	color: red;
	font-size: .8em;
	font-style: italic;
	font-weight: bold;
	font-family: Courier, Geneva, "Times New Roman", serif;
	text-align: center;
	margin: 0 auto;
}

#sidenav .more, #sidenav .more a
{
	color: #A25B1B;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	border: none;
}

#sidenav #search { margin-left: 10px; }

#sidenav #search label, #sidenav #search input
{
	display: inline;
	float: none;
	padding: 0;
	margin: 5px 5px 0 0;
}

#sidenav #search label { width: 1px; }
#sidenav #search input#searchstring { width: 200px; }
#sidenav #search input#and, #sidenav #search input#or { width: 10px; }
#sidenav #search input#Search { width: 50px; }

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 6 - main */
/* //////////////////////////////////////////////////////////////////////////////////// */
#main
{
	width: 520px;
	margin: 0 0 0 30px;
	float: left;
	display: inline;
}

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 7 - footer */
/* //////////////////////////////////////////////////////////////////////////////////// */
* html #footer /* this is recognized by IE only */
{
	height: 30px;
	margin: 0 0 0 3px;
	background-image: none;
}

#footer /* content for other browsers */
{
	width: 810px;
	height: 30px;
	margin: 0 0 20px 3px;
	color: #999;
	background-color: #000;
	text-align: center;
	line-height: 1.4em;
	text-transform: inherit;
	padding: 10px 0;
	background-image: none;
}

#footer p
{
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	color: #999;
}

#footer a
{
	color: #999;
}

#footer img { border: none; }
#footer a:hover { background-color: transparent; }
#IEWinfooterspacer /* content for other browsers */ { display: none; }
* html #IEWinfooterspacer /* this is skipped by IE 5 Mac only \*/ { display: block; }

/* End hide from IE-mac */


/* //////////////////////////////////////////////////////////////////////////////////// */
/* 8 - misc */
/* //////////////////////////////////////////////////////////////////////////////////// */

div.pagination
{
	text-align: center;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

div.pagination .thispage
{
	color: #780000;
	font-weight: bold;
}

.divider
{
	text-align: center;
	margin: 0 auto;
	height: 1px;
	width: 100%;
	background-color: none;
	border-color: #000;
	border-width: 2px 0 0 0;
	border-style: solid;
	clear: both;
}

.divider2
{
	text-align: center;
	margin: 0 auto;
	height: 1px;
	width: 100%;
	background-color: none;
	border-color: #000;
	border-width: 1px 0 0 0;
	border-style: dashed;
	clear: both;
}

#buynow h3
{
	text-align: center;
	margin: 1em 0;
}

#buynow .buynowitem
{
	text-align: left;
	margin: 0;
}

#buynow .buynowitem ol
{
	display: box;
	margin-left: 155px;
}

#buynow .buynowitem img
{
	float: left;
	padding-right: 10px;
	padding-bottom: 5px;
	width: 20px;
	height: 15px;
}

#buynow .buynowbutton
{
	float: left;
	width: 200px;
	height: 150px;
	text-align: center;
	margin: 0 auto;
}

#buynow .buynowbutton input img
{
	text-align: center;
	margin: 0 auto;
}

.theimage
{
	background-color: none;
	width: 75px;
	height: 50px;
	text-align: center;
	margin: 0 auto;
}

p#message
{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
	font-size: 1em;
	color: red;
}

.more, .more a
{
	color: #A25B1B;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	border: none;
}

#rsslink a, #rsslink a:link, #rsslink a:hover, #rsslink a:visited, #rsslink a:active
{
	padding: 0;
	margin: 0;
	text-decoration: none;
	border: 0;
	background-color: transparent;
	position: relative;
	top: 3px;
}

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 9 - news */
/* //////////////////////////////////////////////////////////////////////////////////// */
div.news
{
	margin: 0 0 30px 0;
	clear: left;
}

div.newstitle { margin: 0 0 0 0; }

div.newstitle h2 a
{
	color: #444;
	font-weight: bold;
}

div.newstitle h2 a:hover
{
	color: white;
}

h2.newsdate
{
	margin: 0 0 0 0;
	white-space: nowrap;
	color: #A25B1B;
	font-size: .9em;
	font-style: italic;
}

div.newsbody { margin: 0 0 0 75px; }
div.newsbody p img { padding: 5px 10px; }

div.newslist img
{
	padding: 5px 10px;
}

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 10 - shows */
/* //////////////////////////////////////////////////////////////////////////////////// */
div.show { margin: 0 0 0 0; }
div.showtitle { margin: 0 0 0 0; }

.showtitle h2 a, h2.showtitle a
{
	font-weight: bold;
	background-color: none;
	color: #444444;
}

div.showtitle h2 a
{
	color: #444;
	font-weight: bold;
}

div.showtitle h2 a:hover
{
	color: white;
}

h2.shows
{
	color: #780000;
	margin: 10px 0 5px 0;
	background-color: #000;
	font-size: 1em;
	padding: 2px;
}

h2.showdate
{
	margin: 0 0 0 0;
	white-space: nowrap;
	color: #A25B1B;
	font-size: .9em;
	font-style: italic;
}

h2.showdate .more a
{
	color: #A25B1B;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	border: none;
}


div.showbody { margin: 0 0 0 75px; }

div.showbody img
{
	float: left;
	margin: 0 10px 5px 0;
}

div.showbody br { clear: none; }

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 11 - tours */
/* //////////////////////////////////////////////////////////////////////////////////// */
div.tour { margin: 0 0 0 0; }
div.tourtitle { margin: 0 0 0 0; }

.tourtitle h2 a, h2.tourtitle a
{
	text-decoration: none;
	font-weight: bold;
	background-color: transparent;
	color: #444444;
}

h2.tourdate
{
	margin: 0 0 0 0;
	white-space: nowrap;
	color: #A25B1B;
	font-size: .9em;
	font-style: italic;
}

div.tourbody { margin: 0 0 0 75px; }

div.tourbody img
{
	float: left;
	margin: 0 10px 5px 0;
}

div.tourbody br { clear: none; }

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 12 - videos */
/* //////////////////////////////////////////////////////////////////////////////////// */

div.video
{
	clear: left;
	margin-top: 30px;
}

div.video h2
{
	margin: 0 0 0 0;
}

div.video h3
{
	margin: 0 0 0 0;
}

div.video img
{
	float: left;
	display: inline;
	margin: 0 10px 10px 0;
	border-width: 0;
}

.video form
{
	clear: left;
	text-align: left;
	margin: 0 0 0 20px;
	width: 133px;
}

.table tr, .videoform tr
{
	font-size: 10px;
	font-family: verdana,trebuchet,sans-serif;
	color: black;
}

tr.table_header { background-color: black; }

.table th, .videoform th
{
	padding: 3px;
	text-align: left;
	white-space: nowrap;
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
}

.table td, .videoform td
{
	padding: 3px 10px 3px 3px;
	vertical-align: top;
}

.videoform th
{
	text-align: right;
	white-space: nowrap;
}


/* //////////////////////////////////////////////////////////////////////////////////// */
/* 13 - music */
/* //////////////////////////////////////////////////////////////////////////////////// */

#music div.record { margin: 10px 0; }

#music div.record img
{
	margin: 10px 0;
	float: left;
}

span.buy a, span.buy a:link, span.buy a:visited
{
	font-size: .7em;
	margin: 0 5px 5px 5px;
	color: #F00;
	text-decoration: none;
	background-color: #000;
	font-weight: bold;
	border-color: #F00;
	border-width: 1px;
	border-style: solid;
	padding: 3px;
}

span.buy a:hover, span.buy a:active
{
	font-size: .7em;
	margin: 0 5px 5px 5px;
	color: #000;
	text-decoration: none;
	background-color: #fff;
	font-weight: bold;
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	padding: 3px;
}

#music div.recordinfo { margin: 0 0 0 160px; }
#music div.recordinfo li { font-size: .8em; }

.mp3
{
	text-transform: inherit;
	list-style: inside url(/i/gen/mp3_logo.gif);
	list-style-type: circle;
	padding-bottom: 2px;
}

.mp3 li
{
	font-size: .8em;
}

#music pre
{
	font-size: .8em;
}

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 14 - home */
/* //////////////////////////////////////////////////////////////////////////////////// */

#homestuff
{
	text-align: center;
	margin: 0 auto;
	width: 500px;
}

#homestuff img
{
	text-align: center;
	margin: 10px;
	max-width: 500px;
}

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 15 - store */
/* //////////////////////////////////////////////////////////////////////////////////// */

#store img.itemimg
{
	margin: 0;
	float: left;
}

#store div.record { margin: 0 0 0 160px; }

#store div.record ol
{
	list-style-type: default;
	list-style-position: inside;
}

#store div.record li
{
	font-size: .8em;
}

#store pre
{
	font-size: .8em;
}


/* //////////////////////////////////////////////////////////////////////////////////// */
/* 18 - forms and input */
/* //////////////////////////////////////////////////////////////////////////////////// */



.record label
{
	font-weight: bold;
	margin: 5px;
}

#homeadmin label, #showsadmin input, #showsadmin textarea,
#newsadmin label, #newsadmin input, #newsadmin textarea,
#showsadmin label, #showsadmin input, #showsadmin textarea,
#toursadmin label, #toursadmin input, #toursadmin textarea,
#usersadmin label, #usersadmin input, #usersadmin textarea,
#videosadmin label, #videosadmin input, #videosadmin textarea,
#maillist_form label, #maillist_form input, #maillist_form textarea,
#login label, #login input, #login textarea,
#contactsadmin label, #contactsadmin input, #contactsadmin textarea, #contactsadmin select
{
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}


input, textarea, select, #userfile
{
	font-size: 10px;
	background-color: #FFC;
}

input#venue { width: 400px; }
input#title { width: 400px; }
input#address1 { width: 400px; }
input#address2 { width: 400px; }
input#st { width: 50px; }
input#zip { width: 100px; }
input#bands { width: 600px; }
textarea#description { width: 600px; }
textarea#body { width: 600px; }
input#email { width: 300px; }
input#imageurl { width: 600px; }
input#imagelink { width: 600px; }
textarea#review { width: 600px; }

input#addshow { width: auto; }
input#editshow { width: auto; }
input#deleteshow { width: auto; }
input#listshows { width: auto; }

input#addtour { width: auto; }
input#edittour { width: auto; }
input#deletetour { width: auto; }
input#listtours { width: auto; }

input#addnews { width: auto; }
input#editnews { width: auto; }
input#deletenews { width: auto; }
input#listnews { width: auto; }

input#addcontacts { width: auto; }
input#editcontacts { width: auto; }
input#deletecontacts { width: auto; }
input#listcontacts { width: auto; }
textarea#notes { width: 600px; }
input#street1 { width: 400px; }
input#street2 { width: 400px; }
input#stprov { width: 50px; }
input#zipcode { width: 100px; }
select#type { width: auto; }


input#edithome { width: auto; }

#maillist_form input#submit,
#maillist_form input#unsub,
#login input#login
{ width: auto; }

.homeedit input#image
{
	width: 600px;
	text-align: left;
}

.homeedit #homeimage
{
	max-width: 500px;
	text-align: center;
	margin: 0 auto;
}

#homeadmin label,
#newsadmin label,
#showsadmin label,
#toursadmin label,
#usersadmin label,
#videosadmin label,
#maillist_form label,
#login label,
#contactsadmin label
{
	text-align: right;
	width: 120px;
	padding-right: 20px;
	font-weight: bold;
	font-size: .8em;
}

#image
{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

br { clear: left; }

/* # # # # # # # # # # # # # # # #  */
/* 19 - clear */
/* # # # # # # # # # # # # # # # #  */

.clearthefloats
{
	clear: both;
	height: 0;
}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after
{
	content: ".";
	/* the period is placed on the page as the last thing before the div closes */
	display: block;
	/* inline elements don't respond to the clear property */
	height: 0;
	/* ensure the period is not visible */
	clear: both;
	/* make the container clear the period */
	visibility: hidden;
	/* further ensures the period is not visible */
}

.clearfix { display: inline-block; }

/* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }

/* End hide from IE-mac */
.clearfix { display: block; }

/* end of "no-extra-markup" clearing method */





/* //////////////////////////////////////////////////////////////////////////////////// */
/* 20 - admin */
/* //////////////////////////////////////////////////////////////////////////////////// */

#showsadmin .editdelete input { margin: -10px 0 0 0; }

.fitwithlabel
{
	margin: 0;
	display: inline;
}

#siteadmin p
{
  margin-left: 50px;
  width: 400px;
}

#siteadmin h3 a
{
	font-weight: bold;
	color: #800000;
	text-decoration: none;
}

#siteadmin h3 a:hover, #siteadmin h3 a:active
{
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background-color: #000;
}