/* David Kitt palette
#000 black
#576570 deep blue/grey
#ccc light grey
#acb3b9 mid grey
================================================================*/

/* Defaults
================================================================*/
*, dl, dd, dt { margin: 0; padding: 0; }
img { border: 0; }
a, a:visited { color: #ccc; text-decoration: none;  }
.clear { clear: both; height: 0; line-height: 0; }
html { min-height:100%; margin-bottom:1px; } 
body { margin: 0; font: 71% georgia,serif; color: #ccc; background-color: #000; text-align: center; }

/* Headings,text
================================================================*/
h1 { margin-bottom: 0.9em; color: #ccc; font-size: 1.6em; letter-spacing: 1px; font-weight: normal; }
h2 { font-size: 1em; margin-bottom: 0.3em; }
h3 { font-size: 1em; }
h2.minor { font-weight: normal; margin-bottom: 0.8em; }
h2.major { margin-bottom: 2em; }

h2 span { display: block; font-size: 1em; font-weight: normal; }

#content { line-height: 1.4em; }
#content p, #content ul { clear: left; margin: 0 0 1.5em;  }
#content li { margin-bottom: 0.45em; }
ul, li { list-style: none; }

#content a { border-bottom: 1px dotted #ccc; }
#content a.pic, #content a:hover, #content a.button, #content a.ec_ejc_thkbx { border-bottom: 0; }

/* Structure
================================================================*/
#wrapper { width: 901px; margin: 34px auto; text-align: left; }

#branding { position: relative; height: 39px; }
#logo { position: absolute; top: 0; left: 20px; width: 138px; height: 27px; }

#nav { position: absolute; top: 13px; right: 0; width: 430px; height: 26px; text-transform: lowercase; }
#nav li { float: left; display: inline; margin-left: 21px; }
#nav a { display: block; }
#nav li a:hover, .sectionBio li#navBio a, .sectionContact li#navContact a, .sectionStore li#navStore a, .sectionNews li#navNews a, .sectionPress li#navPress a, .sectionBio li#navBio a:visited, .sectionContact li#navContact a:visited, .sectionStore li#navStore a:visited, .sectionNews li#navNews a:visited, .sectionPress li#navPress a:visited, .sectionVideo li#navVideo a, .sectionVideo li#navVideo a:visited, .sectionBlog li#navBlog a, .sectionBlog li#navBlog a:visited{ border-bottom: 1px solid #ccc; }

#main, #content { float: left; display: inline; }
#main { width: 901px; border: 1px solid #576570; border-width: 1px 0; }
#content { width: 859px; margin: 30px 21px 0; padding-bottom: 30px; min-height: 450px; height: auto; }
* html #content { height: 450px; }

#footer { clear: both; padding: 1em 21px; font-size: .9em; text-align: right; }

/* Special cases
================================================================*/

#splash { display: block; margin: 0 auto; }

.intro { width: 375px; padding-bottom: 25px; }

#credit { font-family: Arial, Helvetica, sans-serif; }
a#credit, a#credit:visited { color: #576570; text-transform: lowercase; }

#pageBio #main { padding-top: 221px; background: url(../images/banners/bio_image.jpg) 0 9px no-repeat; }
#pagePress #main { padding-top: 2px; }

.column { float: left; display: inline; width: 400px; }
div.first { margin-right: 45px; }

#pageContact .column { width: 241px; }
#pageContact div.first { margin-right: 75px; }

#photo, #text { float: left; display: inline; }
#photo { width: 448px; }
#text { width: 411px; }

#gigs h2 { padding-top: 1.6em; }
#pagePress h2 { font-weight: normal; }
#pageContact h2 { padding-top: 1.6em; margin-bottom: 0.7em; }
#pageContact h2.spaced { padding-top: 2.8em; }

/*press*/
#pagePress div.press { padding-bottom: 1em; }
div.press img { margin-bottom: 0.7em; }

/*shop*/
img.catalogue, .item .description { float: left; display: inline; }
img.catalogue { margin-right: 20px; }
#content ul.tracklisting li { margin-bottom: 0.25em; }
ul.tracklisting { padding-bottom: 0.5em; }
.buy { clear: both; padding-top: 15px; }
#content p.price { font-size: 1.2em; margin-bottom: 0.5em;  }
/*.buy label { float: left; margin-right: 5px; }*/
.buy select { width: 150px; }
.buy select { color: #000; }

/*full shop*/
#pageStore .column { width: 354px; }
#pageStore div.first { width: 425px !important; margin-right: 25px; }
#pageStore .column .intro { padding-bottom: 40px; }
#pageStore .column .description { width: 165px; }
#pageStore .column .buy { clear: none; float: left; display: inline; width: 115px; padding-top: 0; }
#content .column .buy p.price { margin-bottom: 0.7em; }
/*#pageStore .actions { clear: left; }*/
#pageStore .album { float: left; display: inline; width: 425px; padding-bottom: 15px; }

ul.products { width: 354px; line-height: 1.2em; }
ul.products li { float: left; display: inline; width: 140px; padding-bottom: 21px; }
ul.products li.first { margin-right: 74px; }
ul.products h2 { font-weight: normal; margin: 6px 0 0; }
#content ul.products p { margin-bottom: 0.6em; }
ul.products div.spaced { padding-top: 14px; }

/*mailing list*/
#subscribe { float: left; display: inline; width: 300px; background-color: #576570; }
#formList { margin: 20px 0 17px 25px; }
#formList { color: #fff; }
label { display: block; padding-bottom: 1.2em; }
#pageContact #formList h2 { padding-top: 0; }
button, input, select, textarea { font-family: georgia,serif; color: #576570; font-size: 1em; }
#formList input { width: 175px; margin-right: 10px; margin-bottom: 8px; }
#formList button { margin-bottom: 8px; }
button, #searchsubmit { background-color: #acb3b9; border: 0; font-size: .9em; font-weight: bold; padding: 1px 0; width: 57px; text-align: center; cursor: pointer; }

/*video*/
#pageVideo h2 { padding: 1em 0; }