/**
* Global Styles
*/
body {
	margin: 0;
	padding: 0;
	background-color: #000;
	background-image: url(../images/common/side_bg.jpg);
	background-position: 767px 0px;
	background-repeat: repeat-y;
	background-attachment: fixed;
	color: #fff;
	font-family: "Verdana", "Arial", "Helvetica", "Bitstream Vera Sans", sans-serif;
	font-size: 63% !important;
}

input, select, textarea {
	font-family: "Verdana", "Arial", "Helvetica", "Bitstream Vera Sans", sans-serif;
	font-size: 100% !important;
}

a { color: #FF3300; text-decoration: none; }
a img { border: 0; }

form, fieldset { margin: 0; padding: 0; border: 0; }


/**
* Hidden Elements
*/
.hidden, hr, #head h1 { display: none; visibility: hidden; }


/**
* Float Clearings
*/
.fixfloat { clear: both; margin: 0; padding: 0; height: 1%; }


/**
* Common Styles
*/
.right { text-align: right; }

p.readmore, p.back { font-weight: bold; text-transform: uppercase; }

p.error { color: red; font-weight: bold; border-bottom: 1px solid #FF3300; }

p.success { font-weight: bold; border-bottom: 1px solid #FF3300; }

img.leftpic { padding: 2px; border: 1px solid #FF3300; float: left; margin: 0 1em .5em 0; }

.narrow { width: 1%; }


/**
* Container
*/
#container {
	background-image: url(../images/common/site_bg.gif);
	background-position: top left;
	background-repeat: repeat-y;
	width: 766px;
	padding-right: 34px;
}


/**
* Pagehead
*/
#head {
	position: relative;
	height: 112px;
	background-image: url(../images/common/header.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-right: 400px;
	border-bottom: 1px solid black;
}
/*
#head img { display: inline; }
#head { margin:0px; }	
#head h1 { margin: 0px; padding:0px; }
*/
#head h1 a:link, 
#head h1 a:visited {
  display: block;
  background: url(../images/common/header.jpg) top left no-repeat;
  height: 112px;
}

#head h1 span {
  display: none;
}
#head h2 {
  display: none;
}



/**
* Navigation
*/
#menu { background-color: #920D08; margin-right: 177px; }

#menu h2 { display: none; visibility: hidden; }

#menu ul {
	padding: 7px 0 7px 10px;
	margin: 0;
	list-style-type: none;
	border-bottom: 1px solid black; 
}

#menu li { text-transform: uppercase; display: inline; }
#menu li.active { padding: 6px; }
#menu li a { padding: 6px; color: white; border-left: 1px solid #920D08; border-right: 1px solid #920D08; }
#menu li.active { background-color: #ff3300; border-left: 1px solid black; border-right: 1px solid black; }
#menu li a:hover { background-color: #ff3300; border-left: 1px solid black; border-right: 1px solid black; }
#menu li a:active { background-color: #ff3300; }


/**
* Content
*/
#cwrapper {
	width: 766px; 
	position: relative;
}

#content {
	float: left;
	width: 560px;
	padding: 15px;
	height: 1%;
}

#content h2 {
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 0 0 0 -3px;
	padding: 25px 0 0 0;
	font-size: 1px;
	color: #1F1F1F;
}

#content h3 {
	font-size: 100% !important;
	margin: .5em 0;
	padding: 0 0 0 16px;
	background-image: url(../images/common/dotbox.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#content h4 { font-size: 100% !important; margin: .5em 0; }


/**
* Side-Content
*/
#xtra {
  margin-top: -28px;
	float: right;
	width: 176px;
}

#xtra p, #content p { line-height: 150%; }

#xtra h2 {
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 0 0 0 -3px;
	padding: 25px 0 0 0;
	font-size: 1px;
	color: #171717;
}

#xtra p { padding: 0; margin: .5em 0; }

/**
* Welcome
*/
#welcome {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #666;
	height: 26px;
}

#welcome p {
	padding: 4px 0 4px 10px;
	margin: 0;
	color: #fff;
}

#welcome p a, #welcome p a:hover, #welcome p a:visited {
  color: #fff;
}
#welcome p a:hover {
  text-decoration: underline;
}

/**
* Usercounter
*/
#usercount {
	border-bottom: 1px solid black;
	background-color: #444;
}

#usercount p {
	padding: 4px 0 4px 10px;
	margin: 0;
}

#usercount p a {
	color: white;
	position: relative;
    z-index: 24;
}

#usercount p a:hover { z-index: 25; border: none; }
#usercount p a span { display: none; }

#usercount p a:hover span {
  display: block;
  position: absolute;
  top: 1.5em;
  left: 2em;
  width: 17em;
  border: 1px solid #ddd;
  background-color: #666;
  padding: 2px 5px;
}


/**
* Tourdates
*/
#onstage, #tourdiary, #shoutbox { padding: 15px; }
#onstage h2 { background-image: url(../images/common/onstage.gif); }
#onstage ul { padding: 0; margin: 0; list-style-type: none; line-height: 150%; }
#onstage li { padding-bottom: .5em; margin-bottom: .4em; }
#onstage ul li a { display: block; font-weight: bold; }
#onstage ul li#nextgighilite { margin-left: -4px; padding: 4px 3px; border: 1px solid #ff3300; }

#tourdiary h2 { background-image: url(../images/common/events.gif); }


/**
* Calendar
*/

table.calendar { font-size: 100% !important; }
table.calendar caption { padding: 1em 0 0 0; font-weight: bold; }

table.calendar td {
    padding: 1px;
    text-align: center;
}

table.calendar td { border: 1px solid #171717; }
table.calendar td a { font-weight: bold; }
table.calendar table a { color: #fff !important; }
table.calendar td.cal_today { border: 1px solid #ff3300; }
table.calendar td.cal_event a { color: #ff3300; }
table.calendar td.cal_othermonth { color: #999; }
table.calendar th { text-align: center; }
table.calendar td.cal_event a.cal_event_gig { color: #6F92D1; }

table.calendar td.cal_event a {
	position: relative;
    z-index: 24;
}

table.calendar td.cal_event a:hover { z-index: 25; border: none; }
table.calendar td.cal_event a span { display: none; }

table.calendar td.cal_event a:hover span {
    display: block;
    position: absolute;
    top: 1em;
	left: 1em;
	width: 15em;
    border: 1px solid #ddd;
    background-color: #666;
	padding: 2px 5px;
	color: white;
	font-weight: normal;
	text-align: left;
}

table.calendar th a {
	color: white;
    font-size: 160% !important;
    font-weight: normal;
}

table.calendar th a:hover { color: #ff3300; }
table.calendar th a#cal_thismonth { color: #fff; font-weight: bold; font-size: 100% !important;}


/**
* Shoutbox
*/
#shoutbox h2 { background-image: url(../images/common/shoutbox.gif); }

#shoutbox h3 { font-size: 100% !important; margin: 0; padding: 0; }
#shoutbox p { margin: 0; padding: 0 0 1em 0; }

#shoutbox legend, #shoutbox label { display: none; visibility: hidden; }

#shoutbox textarea {
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #333;
	margin-top: 5px; 
	color: #fff;
	width: 140px;
}


/**
* Page footer
*/
#footer { background-color: #333; border-top: 1px solid black; margin-right: 177px; }
#footer p { margin: 0; padding: 10px; text-align: right; }
#footer p a { color: white; }


/**
* Page Navigation
*/
div.pagenav { text-align: right; margin: 10px 0; }

div.pagenav a {
	text-decoration: none;
    border: 1px solid #666;
    padding: 1px 3px;
}

div.pagenav span.disabled { border: 1px solid #333; padding: 1px 3px; color: #333; }

div.pagenav a:hover, div.pagenav a.currentpage {
    border: 1px solid white;
    background-color: #FF3300;
	color: #fff;
}

div.pagenav select {
    background-color: #333;
	color: #fff;
}


/**
* News
*/
#news h2 { background-image: url(../images/common/news.gif); }

#news h3 {
	 padding-bottom: .5em;
	 border-bottom: 1px solid #666;
}

#news p { padding: 0; margin: .5em 0; line-height: 135%; }

ul#newsindex {
    margin: 10px 0 0 0;
    padding: 0;
    list-style-type: none;
    border-top: 1px solid #333;
}

ul#newsindex li a {
    margin: 0;
    display: block;
    padding: 7px 0 7px 16px;
	background-image: url(../images/common/dotbox.gif);
	background-position: center left;
	background-repeat: no-repeat;
    border-bottom: 1px solid #333;
    height: 1%;
}

ul#newsindex li a:hover {
    background-color: #333;
    color: white;
}


/**
* Soundsamples
*/
#soundsnippets, #tourpics { margin-top: 3em; }

#soundsnippets { float: left; width: 180px; }
#soundsnippets h2 { background-image: url(../images/common/earshots.gif); }

#soundsnippets ol { margin: 0; padding: 0; list-style-type: none; }
#soundsnippets li { margin: 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #666; }

#soundsnippets ol li a {
	padding: 0 0 0 16px;
	background-image: url(../images/common/dotbox.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}


/**
* Picture gallery
*/
#tourpics { float: right; width: 330px; }
#gallery h2, #tourpics h2 { background-image: url(../images/common/tourpics.gif); }


#gallery h3, #gallery dl dt, #tourpics dl dt, #press dl dt {
	font-weight: bold;
	padding: 0 0 5px 16px;
	background-image: url(../images/common/dotbox.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	border-bottom: 1px solid #666;
}

#gallery dl dd, #tourpics dl dd { margin: 0; }
#gallery dl dd p, #tourpics dl dd p, #links dl dd p { margin: 0; padding: 5px 0; }

#gallery dl dd img, #tourpics dl dd img { 
    float: left;
    width: 100px;
    margin-right: 10px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
}

#gallery dl dd hr, #tourpics dl dd hr { clear: left; height: 10px; display: block; }

#gallery p {
	margin: 0; padding: 0;
}

div#bigpic img, div#picpreview img {
	margin: 2.5%;
	vertical-align: middle;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
}

.CommonTextButton
{
	display: inline-table;
	display: -moz-inline-box;
	display: inline-block;
	margin: 1px;
	padding: 4px;
	border: solid 1px #999;
	border-top-color: #ccc;
	border-left-color: #ccc;
	background-color: #eee;
	color: #333;
	font-size: 80%;
	font-weight: bold;
	white-space: nowrap;
}

.CommonTextButton:LINK, .CommonTextButton:VISITED
{
	text-decoration: none;
	color: #333;
	background-color: #eee;
}

.CommonTextButton:ACTIVE
{
	text-decoration: none;
	color: #333;
}

.CommonTextButton:HOVER
{
	text-decoration: underline;
	color: #333;
	background-color: #ddd;
}


/* FORM */

.CommonFormTitle {
	color: #fff;
	font-size: 180%;
	letter-spacing: -1px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 16px 0;
}

.CommonFormDescription {
	padding: 8px 2px 8px 0;
}

TD.CommonFormFieldName {
	color: #fff;
	padding: 2px 8px 2px 2px;
	font-weight: bold;
}

DIV.CommonFormFieldName {
	color: #fff;
	padding: 8px 2px 2px 2px;
	font-weight: bold;
}

TD.CommonFormFieldDescription {
	padding: 2px;
	font-size: 90%;
	font-weight: normal;
}

DIV.CommonFormFieldDescription {
	padding: 2px;
	font-size: 90%;
	font-weight: normal;
}

TD.CommonFormField {
	color: #fff;
	padding: 2px;
}

DIV.CommonFormField {
	color: #fff;
	padding: 2px;
}