/************************************************************************

	GLOBAL CSS 
	==========
	
	Provides all global styles for the site which more specific sections 
	can be built on using the layered css technique
	
	Author:		Tom Harman		[www.tomharman.co.uk]

	Listing Order:
	==============

	1 - Universal
	2 - Forms
	3 - General Structure / Layout
	4 - Navigation Elements
	5 - Header Elements
	6 - Body Elements
	7 - Footer Elements
	8 - Messages

************************************************************************/

/***********************************************************************
	1 - UNIVERSAL STYLES
************************************************************************/

body {
	background-color: #272727;
	color: #BFBFBF;
	font-size: .7em;
	line-height: 1.3em;
	margin: 10px auto;
}

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, abbr, input, select, textarea, table, td, th {
	font-family: Arial, Helvetica, sans-serif;
}

#content ul {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

a {
	color: #A97A46;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	color: #C88E4D;
	text-decoration: underline;
}

em {
	font-style: normal;
}

/***********************************************************************
	2 - FORMS / CMX (Use: cmxform template Author: Nick Rigby)
************************************************************************/

form.cmxform fieldset { margin-bottom: 10px; }
	
form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
}
	
form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
}
	
form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
}
	
form.cmxform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
}
	
form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}
	
form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}
	
form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
}

form.cmxform em {
	font-weight: bold;
	font-style: normal;
	color: #C71258;
}

form.cmxform label { width: 114px; text-align: left;} /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */

form.cmxform li strong {
	color: #B6A77D;
	display: inline-block;
	font-size: .9em;
	font-weight: normal;
	width: auto;
	vertical-align: top;
}

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

form.cmxform {
	width: 100%;
	font-size: 1em;
	color: #333;
}
	
form.cmxform legend { padding-left: 0; }
	
form.cmxform legend,
form.cmxform label { color: #D1D1D1; }

form.cmxform fieldset {
	border: none;
}
	
form.cmxform fieldset fieldset { background: none; }
	
form.cmxform fieldset li {
	padding: 0;
	margin-bottom: 3px;
}

form.cmxform fieldset li input,
form.cmxform fieldset li textarea,
form.cmxform fieldset li select {
	width: 150px;
	margin-bottom: 4px;
}

div#mailing-list fieldset li input {
	text-align: right;
}

form.cmxform fieldset li textarea {
	height: 120px;
}

form.cmxform fieldset li fieldset input {
	width: auto;
	margin-bottom: 0;
}

form.cmxform fieldset li fieldset label {
	width: 70px;
}

form p input {
	background: #5F2B15;
	border: 1px solid #4B2211;
	color: #fff;
	font-weight: bold;
	padding: 2px 7px;
	position: relative;
}

div#left-side form fieldset {
	border: 0;
}

div#left-side form fieldset legend {
	display: none;
}

form fieldset input, form fieldset textarea {
	border: 1px solid #222;
	padding: 1px;
}

div#left-side form fieldset input, div#left-side form fieldset textarea {
	margin: 3px 0;
}	

div#left-side form fieldset label {
	padding: 2px 0;
}

form fieldset input.zemRequired {
	width: 200px;
}

form fieldset input.zemSubmit {
	background: #5F2B15;
	border: 1px solid #4B2211;
	color: #fff;
	font-weight: bold;
	margin: 2px 0;
	padding: 2px 7px;
	position: relative;
}

/***********************************************************************
	3 - GENERAL STRUCTURE/LAYOUT
************************************************************************/

div#container, div#footer {
	margin: 0 auto;
	width: 770px;
}

div#container {
	background: url('../i/layout/footer-organics.gif') 97% bottom no-repeat;
}

/***********************************************************************
	4 - NAVIGATION
************************************************************************/

div#nav {
	background: url('../i/layout/header-birds.gif') right 3px no-repeat;
	padding-top: 66px;
	padding-bottom: 0;
	
}

div#nav ul {
	background: url('../i/layout/nav.gif') 0 5px no-repeat;
	height: 28px;
	float: right;
	padding:0;
	margin: 0;
	position: relative;
	/*width: 471px;*/
	width: 478px;
}

div#nav ul li {
	height: 28px;
	position: absolute;
}

div#nav ul li a {
	display: block;
	height: 26px;
	position: absolute;
	text-indent: -999em;
	top: 0;
}

div#nav ul li#nav-news a 					{ width: 51px; }
div#nav ul li#nav-about a 					{ width: 58px; left: 52px; }
div#nav ul li#nav-roster a					{ width: 67px; left: 111px; }
div#nav ul li#nav-upcoming-tours a		{ width: 144px; left: 179px; }
div#nav ul li#nav-archive a				{ width: 70px; left: 326px; }
div#nav ul li#nav-contact a				{ width: 76px; left: 397px; }

div#nav ul li#nav-news a:hover 					{ background: url('../i/layout/nav.gif') 0px -25px no-repeat; }
div#nav ul li#nav-about a:hover 					{ background: url('../i/layout/nav.gif') -52px -25px no-repeat; }
div#nav ul li#nav-roster a:hover					{ background: url('../i/layout/nav.gif') -111px -25px no-repeat; }
div#nav ul li#nav-upcoming-tours a:hover		{ background: url('../i/layout/nav.gif') -179px -25px no-repeat; }
div#nav ul li#nav-archive a:hover				{ background: url('../i/layout/nav.gif') -326px -25px no-repeat; }
div#nav ul li#nav-contact a:hover				{ background: url('../i/layout/nav.gif') -397px -25px no-repeat; }

/***********************************************************************
	5 - HEADER ELEMENTS
************************************************************************/

div#header {
	background: transparent url('../i/layout/header-graphic.gif') 0 104% no-repeat;
	padding-bottom: 162px;
	position: relative;
}

div#logo {
	float: left;
	position: relative;
}

div#logo a {
	background: url('../i/layout/logo.gif') 0 0 no-repeat;
	display: block;
	height: 89px;
	text-indent: -999em;
	left: 1px;
	width: 273px;
}

/***********************************************************************
	6 - BODY ELEMENTS
************************************************************************/

div#main h1 {
	color: #fff;
	font-size: 1.3em;
	text-transform: uppercase;
}

div#main h1 a {
	color: #fff;
	text-decoration: none;
}

div#main h2 a {
	color: #743E25;
	text-decoration: none;
}

div#main h1 a:hover,
div#main h2 a:hover {
	/*color: #C88E4D;*/
	color: #A97A46;
}

div#main h2 {
	color: #743E25;
	margin-top: -2px;
	text-transform: uppercase;
}

div#main {
	padding: 14px 5px;
}

div#main p {
	margin: .5em 0 1.2em 0;
}

div#mailing-list p {
	margin: .5em 0 0 0;
}

div#main div div div#news-article-1,
div#main div div#mailing-list, 
div#main div div#further-information {
	border-bottom: 1px solid #505151;
	padding: 0 0 0 0;	
}

div#main div div div.news-article {
	border-bottom: 1px solid #505151;
	padding: 0;
	margin-bottom: 13px;	
}

div#main div div div#news-article-2,
div#main div div#contact-details {
	padding: 13px 0 0 0;	
}

div#main div#left-side {
	border-right: 1px solid #505151;
	float: left;
	position: relative;
	text-align: justify;
	width: 472px;
}

div#main div#left-side div p {
	padding-right: 12px;
}

div#main div#right-side {
	float: left;
	position: relative;
	width: 286px;
}

div#main div#right-side {
	text-align: right;
}

div#main div#latest-news {
	min-height: 350px;
}

/* TOUR DATES */

div#main table {
	border-collapse: collapse;
	width: 100%;
}

div#main table tr td,
div#main table tr th {
	border-bottom: 1px solid #505151;
	padding: 3px 3px 3px 0;
}

div#main table tr th {
	color: #444;
	text-transform: uppercase;
}

div#main table tr:hover td {
	background: #343434;
}

/* BANDS LIST */

div#main ul li a {
	background: transparent url('../i/layout/bullet-bird-2.gif') 0 6px no-repeat;
	border-bottom: 1px solid #505151;
	color: #fff;
	display: block;
	padding: 3px 0;
	text-decoration: none;
	text-indent: 20px;
	text-transform: uppercase;
	width: 100%;	
}

div#main ul li a:hover {
	background: #343434 url('../i/layout/bullet-bird-2.gif') 0 6px no-repeat;
}

/*** HIGHLIGHT *********************************************************/

div#highlight-inner {
	background: url('../i/layout/highlight-organics.gif') 0 bottom no-repeat;
	padding: 2px 12px 12px 12px;
}

div#highlight {
	background: #5F2B15 url('../i/layout/bg-highlight.gif') 0 0 repeat-y;
	color: #C7B5AD;
}

div#highlight a img,
div#highlight img {
	border: 5px solid #C7B5AD;
	clear: both;
	float: right;
	margin-bottom: 8px;
}

div#highlight a:hover img {
	border: 5px solid #fff;
	margin-left: 10px;
}

div#highlight h1 {
	border-bottom: 1px solid #6C3C27;
	color: #fff;
	font-size: 1.5em;
	margin-bottom: 1px;
	padding-bottom: 3px;
	text-transform: uppercase;
}

div#highlight h1 a {
	color: #fff;
	text-decoration: none;
}

div#highlight h1 a:hover {
	color: #A97A46;
	text-decoration: none;
}

div#highlight ul {
	margin: 1em 0;
	line-height: 1.5em;
}

div#highlight ul li {
	background: url('../i/layout/bullet-bird.gif') 0 5px no-repeat;
	padding-left: 20px;
}

div#highlight ul.roster {
	margin: .5em 0;
	margin: 0;
}

div#highlight ul.roster li {
	background: transparent;
	float: left;
	line-height: 17.4px;
	line-height: 17px;
	padding-left: 0;
	position: relative;
	width: 230px;
}

div#highlight ul.roster li a {
	background: url('../i/layout/bullet-bird.gif') 0 5px no-repeat;
	border-bottom: 1px solid #5B2813;
	color: #DFD9D8;
	display: block;
	padding: 2px 0 2px 20px;
	text-decoration: none;
	text-transform: uppercase;
}

div#highlight ul.roster li a:hover {
	background: url('../i/layout/bullet-bird.gif') 0 -37px no-repeat;
	border-bottom: 1px solid #49200F;
	color: #fff;
}

div#highlight p {
	margin: .8em 0;
	padding-right: 10px;
	text-align: left;
	width: 454px;
}

/*** CONTACT DETAILS ***************************************************/

div#contact-details dl, div#further-information dl {
	margin-top: .5em;
}

div#contact-details dl dt, div#further-information dl dt {
	color: #5F2B15;
	line-height: .9em;
}

div#contact-details dl dd, div#further-information dl dd {
	margin-bottom: 1em;
}

div#contact-details a, div#further-information a {
	color: #BFBFBF;
	font-weight: normal;
}

div#contact-details a:hover, div#further-information a:hover {
	color: #fff;
}

div#content div.excerpt table#tour-dates {
	padding-bottom: 15px;
margin-bottom: 15px;
}

/*** TOUR DATES ***************************************************/

table.tour-dates {}

table tr th.tour-dates-date { width: 15%; }
table tr th.tour-dates-country { width: 15%; }
table tr th.tour-dates-city { width: 20%; }
table tr th.tour-dates-venue { width: 50%; }

/*** MAILING LIST ***************************************************/

div#mailing-list p em {
	display: block;
	position: relative;
	margin-bottom: 10px;
}

div#mailing-list p em, div#mailing-list p em a {
	color: #555;
	font-weight: normal;
}

div#mailing-list p em a:hover {
	color: #777;
}

/***********************************************************************
	7 - FOOTER ELEMENTS
************************************************************************/

div#footer {
	background: #212121;
	width: 760px;
}

div#nav-secondary {
	background: url('../i/layout/footer-leaves.gif') 4px 50% no-repeat;
	float: left;
	padding: 16px 0 0 32px;
	position: relative;
}

div#siteinfo-credits {
	background: url('../i/layout/footer-rhodes.gif') 96% 50% no-repeat;
	float: right;
	padding: 16px 42px 16px 0;
	position: relative;
}

div#nav-secondary ul li {
	border-right: 1px solid #BDBDBD;
	float: left;
	padding-right: 5px;
	margin-right: 5px;
	position: relative;
}

div#nav-secondary ul li.last {
	border-right: none;
	padding: 0;
	margin: 0;
}

div#footer a {
	color: #BDBDBD;
	font-weight: normal;
	text-decoration: none;
}

div#footer a:hover {
	color: #fff;
	text-decoration: underline;
}

/***********************************************************************
	8 - MESSAGES
************************************************************************/

.error { 
	color: #a00;
	font-weight: bold;
}

.error ol li {
	list-style-type: lower-roman;
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: 1em;
	font-weight: normal;
}

.notice { 
	font-weight: bold;
}

.message { 
	
}

div#container div#main div#left-side div.excerpt {
   padding-bottom: 25px;
}

div#container div#main div#left-side div.excerpt table thead th:first-child,
div#container div#main div#left-side div.excerpt table tbody td:first-child {
   width: 60px;
}

div#container div#main div#left-side div.excerpt table thead th:last-child,
div#container div#main div#left-side div.excerpt table tbody td:last-child {
   width: 230px;
}

div#container div#main div.concert {
  background: #5F2B15;
  padding: 15px;
  margin: 0 15px 20px 0;
}
div#container div#main div.concert h2 {
	color:#fff;
  font-size: 1.2em;
}

div#container div#main div.concert h3 {
  font-weight: normal;
  margin-bottom: 10px;
}

hr {
border: 1px solid #6C3C27;
height: 1px;
margin: 15px 0;
}

div#container div#main h2.standout {
	border-bottom: 1px solid #333;
	color: #DFD9D8;
	font-size: 19px;
	font-weight: normal;
	height: 18px;
	line-height: 18px;
	padding-top: 10px;
	padding-bottom: 1px;
	margin-bottom: 10px;
}