* {margin: 0; padding: 0;}
img {border: none;}
ul {list-style:none;}
fieldset {border: none;}
div.hr {height:1px; background-color: #888888; margin:10px 0;clear:both;}
div.hr hr {display:none;}
a {text-decoration:none;color:#31aac8;}
ul {list-style:none;}
.message {
  padding:10px;
  margin-bottom:10px;
  background-color:green;
}
#authMessage {
  background-color:red;
  color:white;
}
body {
	text-align:center;
	background-color: #717377;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
p,blockquote {
	color: #636a78;
	line-height: 18px;
	margin-bottom: 10px;
}
div.para {color:#636a78;}
h1,h2 {
	font-family: Times,"Times New Roman", serif;
	font-style: italic;
	margin-bottom: 10px;
}
h1 {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1px;
}
h2 {
	font-size: 14px;
}
h2.lighter {color: #636a78;}
ul.lighter li {color:#636a78;}
.snug-bottom {margin-bottom:0;}
.fixer-20 {clear:both; margin-bottom:20px;}
input {
	border: 1px solid #777e8d;
	margin-bottom: 10px;
	height: 24px;
}
#box {
	margin: 0px auto 75px auto;
	text-align:left;
	width: 850px;
}
#masthead {
	border-bottom: 1px solid #31aac8;
}
#logo {
	width: 176px;
	height: 34px;
	background-color: #03153d;
}
#logo img {
	margin: 5px 0 0 20px;
}
#hero {
	width: 850px;
	height: 395px;
}
#content {
	background-image: url('/img/tile.gif');
	background-repeat: repeat-y;
}
#maincontent {
	width: 594px;
	_width:550px;
}

.pad {padding: 27px 23px 23px 23px;}
#sidebar .pad {padding-right: 47px;}
#sidebar {
	width: 256px;
}
#sidebar #email {width: 100%;}
#footer { 
	background-color: #03153d;
}
#footer p {
	color: #777e8d;
	padding: 6px 8px;
	letter-spacing: .5px;
}
.floatright {float: right;}
.floatleft {float:left;}
.clear {clear:both;}
.clearfix {overflow:hidden;}
.shim_15 {margin-bottom: 15px;line-height: 0;}

/* NAV */
#nav {
	width: 674px;
}
#nav li {
	list-style: none;
	float: left;
}
#nav li a {
	display: block;
	background-color: #03153d;
	min-height: 34px;
	_height: 34px;
	color: #fff;
	width: 84px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
}
#nav li#navcontact a {width: 86px;}

#nav li#navhome a {background-color: #03153d;}
#nav li#navbio a {background-color: #636a78;}
#nav li#navmusic a {background-color: #343a47;}
#nav li#navgallery a {background-color: #3f4552;}
#nav li#navpress a {background-color: #535967;}
#nav li#navconcerts a {background-color: #696f7c;}
#nav li#navpatrons a {background-color: #7e8491;}
#nav li#navcontact a {background-color: #9499a6;}

#nav li#navhome a:hover,
#nav li#navbio a:hover,
#nav li#navmusic a:hover,
#nav li#navgallery a:hover,
#nav li#navpress a:hover,
#nav li#navconcerts a:hover,
#nav li#navpatrons a:hover,
#nav li#navcontact a:hover {background-color: #31aac8;}

#nav li a span {
	display: block;
	text-align: center;
	padding-top: 10px;
}

body.home #nav li#navhome a, body.pages #nav li#navhome a {background-color: #31aac8;}
body.bio #nav li#navbio a {background-color: #31aac8;}
body.music #nav li#navmusic a {background-color: #31aac8;}
body.gallery #nav li#navgallery a {background-color: #31aac8;}
body.press #nav li#navpress a {background-color: #31aac8;}
body.concerts #nav li#navconcerts a {background-color: #31aac8;}
body.patrons #nav li#navpatrons a {background-color: #31aac8;}
body.contact #nav li#navcontact a {background-color: #31aac8;}

/********GALLERY************/
body#gallery #maincontent .pad {padding: 27px 13px 23px 20px;}
#photo_frame {
	width: 550px;
	height: 366px;
	padding: 2px;
	background: url('/img/headshotgallery.jpg') no-repeat 2px 2px;
	border: 1px solid #000;
}

#photo_frame img {
	margin: 0;
	border: 0;
}
#thumb_list {
	margin-left: 115px;
	width:350px;
}
.thumbwrap {
  width: 57px;
	margin: 10px 8px 3px 0;
	float: left;
}
.thumbnail {
	width: 57px;
	height: 57px;
	border: 1px solid black;
}


/********FORM**************/
body.contact #maincontent td {vertical-align:top;}
body.contact #maincontent fieldset {border: 1px solid #bbbbbb; background-color: #eeeeee;}
body.contact #maincontent legend {font-weight: bold;}
body.contact #maincontent .required {color: #ff0000;}
body.contact #maincontent body#contact #content input {width: 200px;}
body.contact #maincontent input, body.contact #maincontent textarea {border: 1px solid #bbbbbb;}
body.contact #maincontent #submitted {cursor: pointer;}

/**************ADMIN***************/
body.admin #content {background-image:none;background-color:#fff;}
body.admin #maincontent {width:850px;min-height:500px;}
body.admin input {width:350px;}
body.admin textarea {min-width:350px;min-height:200px;}
.submit input, body.admin .submit input {cursor:pointer;background-color:#31aac8;color:#fff;height:24px;width:100px;}
body.admin option {padding-left:3px;}
body.admin a.back {font-size:16px;float:left;}
body.admin a.new {font-size:16px;float:right;}
body.admin .redirect-links {padding-top:8px;float:right;}
label, legend {display:block;margin-top:10px;margin-bottom:3px;font-weight:bold;}
label:after, legend:after {content:':';}
fieldset label {display:inline;margin-left:4px; margin-right:5px;font-weight:normal;}
fieldset label:after {content:'';}
body.admin fieldset input {width:20px;}
body.admin .checkbox label {display:inline; padding-left:10px; vertical-align:top;}

body.admin .datetime select,body.admin .date select {margin:0 4px 4px 4px;}
body.admin .datetime {width:260px;}
body.admin select#ConcertDateMonth, body.admin select#ConcertDateHour,body.admin select#PressDateMonth {margin-left:0;}

table.ml {border:1px solid #999999;border-collapse:collapse;}
table.ml th {background-color:#dddddd;}
table.ml td, table.ml th {border:1px solid #999999;border-collapse:collapse;padding:10px;}