/* CSS for Secret Genius         */
/* Designed by Stephen Rowling   */
/* http://www.springworks.co.uk/ */
/* (c) 2008  All Rights Reserved */

html {
	/* cf. http://www.hicksdesign.co.uk/journal/535/ */
	height: 100%;
	margin-bottom: 1px;
	}

body {
background: #000;
font-family: "Lucida Grande", "Lucida Grande Unicode", Verdana, sans-serif;
font-size: 84%;
color: #fff;
text-align: center;
margin-top: 0;
}

body * {
margin: 0;
padding: 0;
text-decoration: none;
list-style-type: none;
}

#maincontent img.right {
float: right;
margin: 0 0 20px 40px;
}

#maincontent img.right-full {
float: right;
margin: 0 0 20px 0;
}

/* clearfix patches */
.clearfix:after {
    content: "."; 
    display: block; 
    position:relative; /*works better in IE5.5 or float in float situations*/
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*set font sizes*/
p, ul, ol, li, dl { font-size: 1em;}

p, dl, ul, ol {
margin:0 0 1.5em 0;
line-height: 150%;
text-align: left;
}

p.song {
color: #fc0;
margin:1.5em 0 0 0;
}

#maincontent ul {
margin-left: 1.25em;
}

p+ul {
margin-top: -1em;
}

li em {
color: #999;
margin: 0 0.75em;
}

#maincontent ul li {
list-style-type: square;
list-style-position: outside;
}

#maincontent ol li {
list-style-type: decimal;
list-style-position: outside;
}

p.pagination {
    margin-top: 3em;
    border-top: 1px dotted #fc0;
    padding-top: 1.5em;
    text-align: center;
    clear: both;
}

h2 {
font-size: 1.75em;
font-weight: normal;
color: #f90;
padding: 0 0 0.5em 0;
}

#sidebar h2 {
font-size: 1.4em;
}

h3 {
font-size: 1.4em;
color: #6dcff6;
padding: 0 0 0.5em 0;
}

h4 {
font-size: 1.2em;
color: #6dcff6;
padding: 0 0 0.5em 0;
}

dl.next-gig {
margin: 1em 0;
padding: 0.5em 0;
border-top: 2px dotted #ff3838;
border-bottom: 2px dotted #ff3838;
}

dl.forthcoming-gig {
margin: 0.5em 0;
padding: 0.5em 0;
border-bottom: 2px dotted #f90;
}

dl.next-gig dt {
color: #f90;
display: block;
float: none;
}

dl.next-gig dd {
font-weight: bold;
font-style: normal;
color: #6dcff6;
}

dl.forthcoming-gig dt {
color: #fff;
display: block;
float: none;
}

dl.forthcoming-gig dd {
font-weight: bold;
font-style: normal;
color: #6dcff6;
}

dl {
margin-left: 1.5em;
}

dt {
margin-right: 1em;
float: left;
}

dd {
font-style: italic;
color: #999;
}

strong {
font-weight: bold;
color: #fc0;
}

/*links*/
#maincontent a:link, #footer a:link {
color: #fc0;
border-bottom: 1px dotted #fc0;
}

#maincontent a:visited, #footer a:visited {
color: #fc0;
border-bottom: 1px dotted #fc0;
}

#maincontent a:hover, #footer a:hover {
color: #f90;
border-bottom: 1px dotted #f90;
}

h2 a:link {
color: #f90;
border-bottom: 1px dotted #f90;
}

h2 a:visited {
color: #f90;
border-bottom: 1px dotted #f90;
}

h2 a:hover {
color: #fc0;
border-bottom: 1px dotted #fc0;
}

/*set page structure*/
#container {
margin: 0 auto;
width: 960px;
text-align: left;
padding: 0 0 130px 0;
}

#header {
width: 960px;
background: url(/images/sg-logo-blue.gif) center top no-repeat;
margin: 40px 0 0 0;
}

#header h1 {
height: 80px;
margin-bottom: 20px;
text-indent: -9999px;
}

#tagline {
}

#tagline {
text-align: center;
font-size: 1.75em;
line-height: 1;
font-style: italic;
padding: 5px 0;
color: #f90;
}

#maincontent {
width: 700px;
margin: 0 0 40px 240px;
}

#sidebar {
width: 200px;
padding-right: 20px;
float: left;
border-right: 1px solid #f90;
}

#footer {
margin: 20px auto;
clear: both;
padding: 20px 0;
width: 960px;
border-top: 1px solid #f90;
}

#audio #footer {
margin-top: 80px;
}

#footer p {
font-size: 0.8em;
text-align: center;
}

/*gig listings*/
#gigs #maincontent {
width: 700px;
}

.gig_listing {
border: 2px dotted #fff;
padding: 10px;
margin-bottom: 10px;
}

.next_gig {
border: 2px solid #ff3838;
background: url(/images/next-gig.gif) bottom left no-repeat;
}

.past_gigs {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #f90;
}

.map {
float: right;
margin-left: 10px;
}

p.date {
font-style: italic;
margin-bottom: 0.5em;
}

#maincontent .gig_listing .map p {
margin-bottom: 0;
}

#gig h3 {
color: #6dcff6;
margin-bottom: 0.5em;
font-size: 1.75em;
font-weight: normal;
}

#gig h3.old_gig {
color: #6dcff6;
margin-bottom: 0.5em;
font-size: 1.25em;
font-weight: normal;
}

#maincontent h3.old_gig a:link {
color: #6dcff6;
border-bottom: 1px dotted #6dcff6;
}

#maincontent h3.old_gig a:hover {
color: #00b1f7;
border-bottom: 1px dotted #00b1f7;
}

/*gig archive*/
div.setlist {
float: right;
width: 240px;
border: 1px dotted #fc0;
padding: 12px 12px 0 12px;
margin: 0 0 24px 24px;
}

.divider {
    height: 1px;
    width: 400px;
    border-bottom: 1px dotted #fc0;
    margin-bottom: 12px;
}

/*navigation*/
#nav {
border: 1px solid #6dcff6;
background: url(/images/sg-nav-bg.jpg) top left repeat-x;
margin-bottom: 30px;
margin-top: -10px;
text-align: center;
}

#nav ul {
margin: 0 auto;
text-align: center;
}

#nav li {
float: left;
line-height: 1;
}

#nav a {
display: block;
border-right: 1px solid #6dcff6;
padding: 7px 10px;
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 0.85em;
font-weight: bold;
}

#nav a:link {
color: #000;
background: url(/images/sg-nav-bg.jpg) top left repeat-x;
}

#nav a:visited {
color: #000;
background: url(/images/sg-nav-bg.jpg) top left repeat-x;
}

#nav a:hover {
color: #fff;
background: url(/images/sg-nav-bg-hover.jpg) top left repeat-x;
}

#nav a:active {
color: #fff;
background: url(/images/sg-nav-bg-hover.jpg) top left repeat-x;
}

#home #nav-home, #gigs #nav-gigs, #gig-archive #nav-gig-archive, #setlist #nav-setlist, #audio #nav-audio, #contact-us #nav-contact, #meettheband #nav-band {
color: #fff;
background: url(/images/sg-nav-bg-hover.jpg) top left repeat-x;
}

/* Contact Form */
#contact-us form {
margin-top: 40px;
}

label {
font-size: 0.8em;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #f90;
margin: 1em 0.5em 0.25em 0.25em;
}

input.zemText {
width: 20em;
display: block;
margin-bottom: 1em;
padding: 2px;
}

input.zemSubmit {
margin-top: 1em;
padding: 2px;
}

input#TelephoneNumber {
margin: 0;
}

select {
margin-bottom: 1.6em;
}

form p em {
font-size: 0.8em;
font-style: italic;
}

.zemError, .zemThanks {
font-weight: bold;
color: #ff3838;
}

form p.error {
margin-bottom:-0.5em;
}


h4.comments {
margin: 0.75em 0;
}

ol.comments {
width: 400px;
margin: 0.75em 0 1.5em 0;
}

ol.comments li {
    margin-left: 1.5em;
    margin-bottom: 1em;
}

ol.comments li p {
    margin-bottom: 0.5em;
}

#txpCommentInputForm {
    margin-left: 16px;
}

#txpCommentInputForm td {
    padding: 5px;
}

ol.comments div {
    padding: 5px 10px;
}
ol.comments div.odd {
    background: #222;
}