@import url( headings.css );
@import url( horizontal_rules.css );
@import url( links.css );
@import url( paragraphs.css );
@import url( tables.css );

html
{
   margin: 0;
   padding: 0;
}

body
{
   font-family: baskerville, georgia, "Big Caslon", perpetua, sylfaen, "Palatino Linotype", palatino, utopia, "DejaVu Serif", serif;
   color: #666;
   font-size: small;
   margin: 0em 4em 4em;
   background-color: #fff;
}

acronym, abbr, html\:abbr
{
   cursor: help;
   border-bottom: 1px dotted #f00;
}

.highlight
{
   color: #f00;
}

li.news_archive, li.horizontal_list_item
{
   display: inline;
}

.light_padding
{
   padding: 20px;
}

/* replace headings with images*/
#schedule, #email, #mailing_list, #about, #news, #video, #music, 
#music_electronic, #music_acoustic
{
   margin:   0;
   padding:  0;
   position: relative;
   width:    200px;
   height:   75px;
   overflow: hidden;
}

#schedule span, #email span, #mailing_list span, #about span, 
#news span, #video span, #music span, #music_electronic span,
#music_acoustic
{
   display:   block;
   position:  absolute;
   left:      0;
   top:       0;
   z-index:   1;
   width:     200px;
   height:    75px;
   margin:    0;
   padding:   0;
}

span.schedule
{
   background: url( "../images/headings/schedule-heading.gif" ) top left no-repeat;
}

span.email
{
   background: url( "../images/headings/email-heading.gif" ) top left no-repeat;
}

span.mailing_list
{
   background: url( "../images/headings/mailing_list-heading.gif" ) top left no-repeat;
}

span.about
{
   background: url( "../images/headings/about-heading.gif" ) top left no-repeat;
}

span.video
{
   background: url( "../images/headings/video-heading.gif" ) top left no-repeat;
}

span.music
{
   background: url( "../images/headings/music-heading.gif" ) top left no-repeat;
}

span.acoustic
{
   background: url( "../images/headings/acoustic-heading.gif" ) top left no-repeat;
}

span.electronic
{
   background: url( "../images/headings/electronic-heading.gif" ) top left no-repeat;
}

span.may_two_thousand_eight
{
   background: url( "../images/may-2008-heading.gif" ) top left no-repeat;
}

span.june_two_thousand_eight
{
   background: url( "../images/june-2008-heading.gif" ) top left no-repeat;
}

span.july_two_thousand_eight
{
   background: url( "../images/july-2008-heading.gif" ) top left no-repeat;
}

b.download
{
   color: rgb( 243, 101, 37 );
}

.smaller_font
{
   font-size: small;
}

.grey
{
   background-color: rgb( 190, 190, 190 );
}

.light_grey
{
   background-color: rgb( 210, 210, 210 );
}

.lighter_grey
{
   background-color: rgb( 240, 240, 240 );
}

.inline
{
   display: inline;
}

#music_subheading
{
   padding: 5px;
   margin: 0 auto;
   text-align: center;
   width: 425px;
}

#content>#maintext>div.song_description>p
{
   padding: 0;
   margin-top: 5px;
   margin-bottom: 5px;
}

div.synopsis
{
   clear: left;
   padding: 10px;
}

div.purchase_links
{
   margin: 1px;
   border: 1px solid #888;
   padding: 5px;
   float: right;
   width: 211px;
   background-color: white;
}

div.cc_icons
{
   margin: 1px;
   border: 1px solid #888;
   padding: 5px;
   float: right;
   width: 100px;
   background-color: rgb( 255, 255, 255 );
}

div.purchase_links>a>img, div.cc_icons>a>img
{
   margin:0;
   padding:0;
}

div.all_images
{
   float: right;
   width: 211px;
}

.left
{
   float: left;
   width: 290px;
}

.right
{
   float: right;
   width: 290px;
}

.small
{
   font-size: small;
}

.artist
{
   line-height: 1.2em;
   font-weight: bold;
}

.no_break
{
   display: inline;
}

p
{
   padding: 10px;
   margin: 0;
}

/* ===================================================================

   IMG STYLES

   ================================================================ */
img
{
   border: 0px;
}

/* 
set automatic left and right margins, both of which will be 
automatically divided equally.  display the image in a block.
*/
img.center, img.logo, .centered
{
   margin-left: auto;
   margin-right: auto;
   display: block;
}

p.centered, ul.centered
{
   text-align: center;
}

div.clear_left
{
   clear: left;
   line-height: 0;
   height: 0;
}

div.song_description
{
   margin: 0 auto;
   float: left;
   width: 623px; /* 621 */
}

div.song_description img
{
   float: left;
   margin-right: 10px;
}

/* for news */
dt
{
   margin-left: 20px;
}

dt.date
{
   background-color: rgb( 235, 235, 235 );
   padding: 20px;
   width: 85%;
}

dd.gray_text
{
   color: #999;
}

dd
{
   padding: 10px;
   margin: 20px;
}

.block
{
   padding: .5em .5em .5em .5em;
   border: 1px solid #bbb;
   color: rgb( 100, 100, 100 );
   background-color: rgb( 236, 248, 255 );
   width: 80%;
}

pre
{
   padding: 20px;
   background-color: gray;
}

.menu
{
   background: white;
   margin: 0em 0em 0em 0em;
   text-align: center;
}

.partial_framed
{
   border-top: 1px solid black;
   border-right: 1px solid black;
   border-left: 1px solid black;
}

.framed
{
   border: 1px solid black;
}

.grayish
{
   padding: 1em;
   background: #bbc;
}

.plain
{
   padding: 0px;
   background: white;
}

.box_top_bordered
{
   padding: 1em;
   border-top: 1px solid black;
   border-right: 1px solid black;
   border-left: 1px solid black;
   margin-bottom: 0em;
}

.box_top_bordered_colored
{
   padding: 1em;
   border-top: 1px solid black;
   border-right: 1px solid black;
   border-left: 1px solid black;
   margin-bottom: 0em;
}

.box_bottom_bordered
{
   padding: 1em;
   border-right: 1px solid black;
   border-left: 1px solid black;
   border-bottom: 1px solid black;
   margin-top: 0em;
}

.box_bottom_bordered_colored
{
   padding: 1em;
   border-right: 1px solid black;
   border-left: 1px solid black;
   border-bottom: 1px solid black;
   margin-top: 0em;
}

.gray_background_with_20px_padding
{
   background-color: #eee;
   padding: 20px;
}

.blockquote_side_borders
{
   margin-top: 0em;
   margin-bottom: 0em;
   padding-left: 4em;
   padding-right: 4em;
   padding-top: 1em;
   padding-bottom: 1em;
   font-style: italic;
   border-right: 1px solid black;
   border-left: 1px solid black;
}

.black_box
{
   border: 1px solid black;
}

.box_top
{
   padding: 1em;
   border-top: 1px solid black;
   border-right: 1px solid black;
   border-left: 1px solid black;
}

p.lockquote
{
   border-right: 1px solid black;
   margin-left: 0em;
   margin-right: 0em;
   font-style: italic;
}

.box_sides
{
   padding: 1em;
   border-right: 1px solid black;
   border-left: 1px solid black;
}

.box_bottom
{
   padding: 1em;
   border-bottom: 1px solid black;
}

form
{
   width: 250px;
   background-color: #3B5998;
   margin-left: auto;
   margin-right: auto;
   border-collapse: collapse;
   padding: 5px;
   border: 1px solid black;
}

/* ===================================================================

   IDs

   ================================================================ */
#content
{
   width: 625px;
   position: relative;
   clear: both;
   margin: 10px auto;
}

#maintext
{
   width: 623px;
   border: 1px solid #b0b1ba;
}

#email_list_form
{
   color: #3B5998;
   padding: 5px;
   margin: 5px auto;
   text-align: center;
   float: right;
   width: 300px;
}

#email_list_form p
{
   color: #fff;
}
#fb
{
   float: left;
   padding: 5px;
   margin: 5px auto;
   width: 300px;
   text-align: center;
}

#credits
{
   float: left;
   margin: 0 auto;
   width: 625px;
   text-align: left;
}

#bio
{
   font-size: 85%;
   line-height: 17px;
   margin: 20px;
   padding: 20px;
   border: 1px #b0b1ba solid;
   background-color: #f3f1f4;
}