/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* COLOR GUIDE */

/* p text: #3F403F lt grey */
/* link/visited text: #b85b5a brown rust  */
/* some headers: #999 gray */
/* sidebar text: #FFFFC9 lt yellow */

/* safety orange: #FF7A00 */


/* p text: #3F403F lt grey */
/* some headers: #78000 maroon */
/* sidebar text: #888 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 - comments */
/* 16 - about */
/* 17 - shikiGallery */
/* 18 - forms and input */
/* 19 - clear */
/* 20 - admin */
/* //////////////////////////////////////////////////////////////////////////////////// */


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

html
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 68%;
	color: white;
	text-align: center;
	background-color: #111;
}

/* ----------------------- */
/* 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: 1.2em; }

/* displayed at 11px */
#sidenav { font-size: 1.1em; }

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

/* displayed at 11px */
#footer { font-size: 1.1em; }

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

/* End hide from IE-mac */
#wrapper
{
	width: 930px;
	position: relative;
	text-align: left;
	margin: 0 auto;
	z-index: 20;
	background-color: black;
}

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

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

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

p
{
	font-size: .9em;
	line-height: 1.5em;
	color: white;
	margin: 0 0 1.5em 0;
}

h1
{
	font-size: 1.4em;
	margin: 0 0 1.5em 0;
	color: #999;
	border-bottom: 1px solid #222;
}

h1 a { color: #999; }

h2
{
	font-size: 1.2em;
	color: #888;
	margin: 0 0 5px 0;
	clear: both;
	font-weight: bold;
}

h2 a:link, h2 a:visited
{
	font-weight: bold;
	background-color: none;
	color: #888;
}

h2 a:hover
{
	color: white;
}

h2 a:active
{
	color: red;
}

h3
{
	font-size: 1.1em;
	color: #999;
	margin: 1.5em 0 1em 0;
	clear: both;
}

h4
{
	font-size: .9em;
	font-weight: bold;
	color: #999;
}

h5
{
	font-size: .85em;
	font-weight: bold;
	color: #999;
}

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

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

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

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

a { padding: 2px; }

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

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

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

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

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 3 - header */
/* //////////////////////////////////////////////////////////////////////////////////// */
#header
{
	width: 900px;
	z-index: 30;
	margin: 0 0 0 0;
}

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

#random
{
	margin: 15px 0 0 15px;
	height: 153px;
	background-repeat: no-repeat;
}

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

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 4 - topnav */
/* //////////////////////////////////////////////////////////////////////////////////// */

#topnav /* content for other browsers */
{
	margin: 15px auto 0 auto;
	text-align: center;
	text-transform: inherit;
	letter-spacing: .3em;
	font-size: .8em;
	height: 30px;
}

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

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

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

#topnav li a:hover
{
	color: #888;
	text-decoration: none;
	font-weight: normal;
}

#topnav li a:active
{
	color: #FFF;
	background-color: #FF7A00;
	text-decoration: none;
	font-weight: normal;
}

/* -- for "here" functionality -- */
#topnav li#here a:link
{
	color: #888;
	text-decoration: none;
	font-weight: normal;
}

#topnav li#here a:visited
{
	color: #888;
	text-decoration: none;
	font-weight: normal;
}

#topnav li#here a:hover
{
	color: #888;
	text-decoration: none;
	font-weight: normal;
}

#topnav li#here a:active
{
	color: #FFF;
	background-color: #FF7A00;
	text-decoration: none;
	font-weight: normal;
}

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

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 5 - sidenav */
/* //////////////////////////////////////////////////////////////////////////////////// */
#sidenav
{
	width: 200px;
	margin: 0 17px 0 0;
	padding: 0 10px;
	float: right;
	display: inline;
	background-color: #111;
}

#sidenav h2
{
	color: #FF7A00;
	margin: 0 0 5px 0;
	background-color: transparent;
	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: #FF7A00;
	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: #333;
	border-width: 0 0 1px 0;
	border-style: none none solid 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: #888;
	margin: 0 0 0 10px;
	line-height: 1.4em;
}

#sidenav a { padding: 0; }

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

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

#sidenav a:hover, #sidenav .more a:hover, #sidenav .title a:hover
{
	color: #FF7A00;
	text-decoration: none;
	background-color: transparent;
	border: #FF7A00;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

p#image a:hover
{
	border-width: 0 0 0 0;
	border-style: none none none none;
}

#sidenav a:active, #sidenav .more a:active, #sidenav .title a:active 
{
	color: red;
	text-decoration: none;
	background-color: transparent;
	border: none;
}

#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
{
	font-style: italic;
	font-weight: bold;
}

#sidenav #search { margin: 0 0 20px 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: 175px; }
#sidenav #search input#and, #sidenav #search input#or { width: 10px; }
#sidenav #search input#Search { width: 50px; }

#sidenav .shows a img {margin: 0 0 10px 0; border: none; text decoration: none;}
#sidenav .shows a:hover img {text-decoration: none;}

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

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

#footer /* content for other browsers */
{
	width: 900px;
	height: 40px;
	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: #FF7A00;
	font-weight: bold;
}

.divider
{
	text-align: center;
	margin: 0 auto;
	height: 1px;
	width: 100%;
	background-color: none;
	border-color: #222;
	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;
}

.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: #888888;
	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;
}

.hide, .hidden {display: none;}

/* MAP stuff */

.bubble
{
	font-size: .9em;
	color: black;
	width: 400px;
}

.bubble .bubbleimg
{
	float: left;
	margin: 0 10px 10px 0;
}

.bubble img
{
	border: 1px black solid;
}

.bubble br
{
	clear: none;
}

.bubble .venue { font-weight: bold; }

.bubble .venue a { font-weight: bold; }

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

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

div.newsdate
{
	margin: 0 0 1em 0;
	white-space: nowrap;
	color: #888;
	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;
}

.editnews p {clear: left;}

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 10 - shows */
/* //////////////////////////////////////////////////////////////////////////////////// */

div.show { margin: 5px 0 10px 0; clear: both; border-bottom: 1px #222 solid; padding-bottom: 10px;}

h2.shows
{
	text-align: center;
	margin: 0 0 0 0;
	padding: 0;
}

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

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

div.showbody img
{
	float: right;
	margin: 10px 10px 10px 10px;
}

div.showbody #addthis img
{
	float: none;
}

div.showbody br { clear: none; }

span.maplink img
{
	float: none;
}

span.shownumber {margin-left: 20px;}

.showbody .showlabel {color: #FF7A00;}

/* //////////////////////////////////////////////////////////////////////////////////// */
/* 11 - tours */
/* //////////////////////////////////////////////////////////////////////////////////// */
.tour
{
	padding: 0;
	margin: 5px 0 10px 0;
	clear: both;
	border-bottom: 1px #222 solid;
	padding-bottom: 10px;
}

div.tourdate
{
	margin: 0 0 1em 0;
	white-space: nowrap;
	color: #888888;
	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#videostuff
{
	border-bottom: 1px #222 solid;
}

#videostuff object
{
	border: 1px #222 solid;
	margin: 0 auto;
	text-align: center;
	display: block;
}

#videostuff h2
{
	margin: 10px 0 10px 0;
}

#videostuff p
{
	margin: 10px auto;
	text-align: center;
}

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

#music p {margin-left: 75px;}

#music h2 {margin-top: 2em;}

#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 - comments */
/* //////////////////////////////////////////////////////////////////////////////////// */

div.comment_link
{
	margin-top: 10px;
	clear: both;
	text-align: center;
}

.comment_link p
{
	font-size: .85em;
	font-style: italic;
	color: #888;
}

#comments
{
	display: none;
	border-top: 1px #222 solid;
	margin: 0 30px 10px 75px;
}

#comments h2
{
	margin: 10px 0 20px 0;
}

.comment
{
	margin: 10px 0 10px 0;
	border-bottom: 1px #222 solid;
	padding: 0 0 10px 0;
}

.comment h3
{
	margin: 0 20px 1em 0; color: white; font-size 2em; float: left;
}

.comment p
{
	margin: 0 0 .5em 50px; clear: left;
}

.comment .commentdate
{
	margin: 0 0 1em 0;
	white-space: nowrap;
	color: #888;
	font-size: .9em;
	font-style: italic;
}

div#addthis
{
	margin: 0 0 .5em 70px; clear: both;
}


#recaptcha
{
	margin: 0 0 20px 140px;
}


/* //////////////////////////////////////////////////////////////////////////////////// */
/* 16 - about */
/* //////////////////////////////////////////////////////////////////////////////////// */

#about h2 {margin: 2em 0 1em 0;}


#about p, #about form {margin-left: 75px;}


/* //////////////////////////////////////////////////////////////////////////////////// */
/* 17 - shikiGallery */
/* //////////////////////////////////////////////////////////////////////////////////// */

.shikiGallery {width: 400px; float: left; padding: 10px; background-color: #111; margin: 5px;}

.shikiGallery:hover {background-color: #333;}

.shikiGallery p
{
	margin: 0 0 1em 0;
	white-space: nowrap;
	color: #888;
	font-size: .9em;
	font-style: italic;

}

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

#homeadmin label,
#newsadmin label, #newsadmin input, #newsadmin textarea,
#showsadmin input, #showsadmin 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,
#photosadmin label, #photosadmin input, #photosadmin textarea,
#maillist_form label, #maillist_form input, #maillist_form textarea,
#login label, #login textarea,
#contactsadmin label, #contactsadmin input, #contactsadmin textarea, #contactsadmin select,
#comment_entry label
{
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}


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

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#bands { width: 600px; height: 50px;}
textarea#body { width: 600px; }
input#email { width: 300px; }
/* input#imageurl { width: 600px; } */
textarea#imageurl { width: 400px; height: 400px;}
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; }

#videosadmin input { width: auto; }
#photosadmin input { 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; }

input#comment_name { width: 600px; font-size: 1.6em;}
input#comment_email { width: 400px; font-size: 1.6em;}
input#comment_subscribe { font-size: 3em;}
textarea#comment_comment { width: 100%; height: 100px;}

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

input#editusers { width: auto; }
input#addusers { width: auto; }
input#deleteusers { width: auto; }

textarea#videocode { width: 600px; height: 200px;}

input { margin-right: 5px; margin-bottom: 5px;}

.homeedit input#image
{
	width: 800px;
	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,
#comment_entry label
{
	text-align: right;
	width: 120px;
	padding-right: 20px;
	font-weight: bold;
	font-size: 1.2em;
}

#addcomment { margin-left: 140px;}

#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: 600px;
}

#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;
}