/* General Styles */
body { background-color: #2b2b2b; text-align: center; margin: 0; font-family: Arial, sans-serif; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.cursor { cursor: pointer; }
A { color: #810f05; font-weight: bold; text-decoration: none; }
A:hover { text-decoration: underline; }
IMG { border: 0; }
H1, H2, H3, H4, H5, P, UL, LI { font-weight: normal; margin: 0; padding: 0; }
H2 { font-size: 16px; }

.topMarginTen { margin-top: 10px; }
.leftMarginTen { margin-left: 10px; }

/* Wrapper */
.wrapper { width: 1000px; text-align: left; margin: 0 auto; }
#danny-banner { margin-top: 40px; }

/* Navigation */
#navigation { width: 1000px; text-align: left; margin: 0 auto; margin-top: 30px; height: 46px; }
#navigation LI { list-style-type: none; float: left; cursor: pointer; height: 55px; }
#top-nav { list-style-image: none; list-style-position: outside; list-style-type: none; width: 1000px; }
#top-nav LI A { display: block; height: 55px; }
A#news { background: transparent url(images/sprite.gif) repeat scroll 0px 0px; width: 99px; }
A#news:hover, A#news-active { background: transparent url(images/sprite.gif) repeat scroll 0px -55px; width: 99px; }
A#bio { background: transparent url(images/sprite.gif) repeat scroll -101px 0px; width: 79px; }
A#bio:hover, A#bio-active { background: transparent url(images/sprite.gif) repeat scroll -101px -55px; width: 79px; }
A#shows { background: transparent url(images/sprite.gif) repeat scroll -180px 0px; width: 139px; }
A#shows:hover, A#shows-active { background: transparent url(images/sprite.gif) repeat scroll -180px -55px; width: 139px; }
A#records { background: transparent url(images/sprite.gif) repeat scroll -319px 0px; width: 165px; }
A#records:hover, A#records-active { background: transparent url(images/sprite.gif) repeat scroll -319px -55px; width: 165px; }
A#media { background: transparent url(images/sprite.gif) repeat scroll -484px 0px; width: 124px; }
A#media:hover, A#media-active { background: transparent url(images/sprite.gif) repeat scroll -484px -55px; width: 124px; }
A#press { background: transparent url(images/sprite.gif) repeat scroll -609px 0px; width: 123px; }
A#press:hover, A#press-active { background: transparent url(images/sprite.gif) repeat scroll -609px -55px; width: 123px; }
A#store { background: transparent url(images/sprite.gif) repeat scroll -733px 0px; width: 125px; }
A#store:hover, A#store-active { background: transparent url(images/sprite.gif) repeat scroll -733px -55px; width: 125px; }
A#contact { background: transparent url(images/sprite.gif) repeat scroll -859px 0px; width: 140px; }
A#contact:hover, A#contact-active { background: transparent url(images/sprite.gif) repeat scroll -859px -55px; width: 140px; }

#littleFacebook { margin: 0 8px 0 0; }

/* Album Section */
#album { padding: 9px 0 20px 0; background-color: #000;  }
#recordBanner { margin: 20px 0 0 2px; }
#album-buttons { position: absolute; background-color: #000; height: 68px; width: 999px; }
#album-button-bottom { position: absolute; margin-top: 68px; background: transparent url(images/album-bottom.gif) no-repeat scroll 0 0; width: 999px; height: 5px; }
.album-button { margin-left: 20px; }

/* Newsletter Box */
#newsletter-signup { text-align: left; margin-left: 681px; *margin-left: 30px; z-index: 8; position: absolute; width: 311px; background-color: #414141; padding-top: 14px; height: 128px; }
#email-address-signup { font-size: 14px; padding: 6px 2px; margin-bottom: 8px; width: 275px; _width: 283px; height: 20px; _height: 32px; border: 1px solid #191717; }
#newsletter-signup-headline, #newsletter-email-address, #newsletter-signup INPUT, #newsletter-signup-button { margin-left: 14px; }
#newsletter-signup-bottom { z-index: 8; position: absolute; margin: 142px 0 0 681px; *margin-left: 30px; _margin-top: 147px; width: 311px; height: 4px; background: transparent url(images/newsletter-box-bottom.gif) no-repeat scroll 0 0;}

/* News Ticker */
#news-ticker-container { padding-top: 86px; height: 70px;  }
#news-ticker { font-size: 12px; background-color: #fff; width: 770px; padding: 8px 8px 2px 8px; height: 18px; border: 1px solid #090909; margin-top: 6px; }
#ticker-title { margin: 12px 0 0 0; }
#arrow1 { margin: 0 6px 0 20px; }
#arrow2 { margin: 0 0 0 6px; }

/* Next Show Block */
#show-date { margin: 8px 0 0 12px; font-weight: bold; font-size: 14px; }
#show-date IMG { margin: -2px 6px 0 0; }
#next-show { width: 320px; font-size: 12px; line-height: 16px; }
#next-show H2 { font-size: 13px; font-weight: bold; padding-top: 7px; margin-bottom: 8px; line-height: 16px; }
#next-show P { font-size: 13px; line-height: 16px; }
#arrow3 { margin: 6px 10px 0 20px; }
#danny-singing { width: 154px; line-height: 13px; font-size: 11px; margin: 10px 18px 0 10px; }
#danny-singing IMG { margin-bottom: 4px; }
#danny-singing A { font-weight: bold; }
/* Press Block */
#in-the-press { width: 320px; font-size: 13px; line-height: 17px; }
#press-image { margin: 10px 18px 10px 10px; }
#in-the-press H2 { margin: 10px 0 6px 0; line-height: 18px; font-size: 16px; font-weight: bold; }
#in-the-press H2 A { font-weight: bold; color: #000; }
#in-the-press P { margin-left: 10px; font-size: 12px; line-height: 17.8px; }


/* Contact Block */
#contact { width: 610px; }
#contact-par-2 { width: 160px; margin: 38px 0 9px 10px; font-size: 14px; }
#facebook-graphic { margin: 22px 0 0 10px; }
#myspace-graphic { margin: 22px 0 0 10px; }
#contact IMG { margin-right: 12px; }

/* Bio Block */
#who-is-danny-ross { width: 610px; font-size: 14px; line-height: 24px; }
#danny-portrait { margin: 10px 0 0 10px; }
#poprocked { margin: 30px 0 10px 30px; }
#who-is-danny-ross P { margin-left: 30px; width: 380px; }

/* Records Block */
#records-block { width: 610px; font-size: 13px; padding-bottom: 19px; font-weight: bold; }
.cd { margin: 0 20px; _margin: 0 10px; width: 265px; float: left; font-style: italic; }
#records-block IMG { margin-bottom: 4px; }

/* All/Other Blocks */
.blocks { background-color: #808080; float: left; min-height: 280px; margin-bottom: 20px; padding: 0 10px 10px 0;}
.blockheader { display: block; }
.leftblock { margin-right: 30px; }
H2.dates { font-weight: bold; margin-top: 10px; }
.arrow-link { text-transform: uppercase; padding: 9px 0 0 6px; color: white; margin: 10px 0 0 163px; background-image:url(images/arrow.gif); width: 141px; height: 23px; font-size: 12px; }
.arrow-link-next { *margin-left: 176px; *margin-top: -40px; }
.arrow-link A { color: #fff; }
#hipster-tees { width: 320px; }

/* Danny Is On ... Block */
#danny-ross-is-on { width: 980px; padding-right: 0; }
#youtube { margin: 6px 0 0 5px; }
#blogstein { margin: 6px 0 0 10px; }
#merchandise { margin: 10px 0 0 10px; }
.media-boxes { width: 255px; height: 160px; background-color: #fff; float: left; margin: 10px 24px 0 42px; }
#flickrContainer { margin-left: 6px; }
#flickrContainer IMG { margin: 2px 0 0 5px;}
.first-media-box { _margin-left: 22px; }
.last-media-box { margin-right: 0; }
.media-links { margin-left: 21px; }

/* Subpages */
.black-section-wrapper { background-color: #2b2b2b; text-align: left; }
.black-section { padding: 20px; background-image: url(images/distressed-black-background.gif); width: 980px; margin: 0 auto; color: #fff; }

/* Biography */
.bio H1 { letter-spacing: 2px; font-size: 54px; padding-top: 40px; margin: 20px 40px 20px 20px; }
.bio P { font-size: 16px; line-height: 26px; margin: 20px 20px 0 20px; }
#danny-biography { width: 620px; background-color: #808080; color: #000; padding-bottom: 20px; }
#danny-biography IMG#album-cover { margin: 10px 20px 0 20px;}
P#intro-par { font-size: 12px; line-height: 18px; }
P#first-par { font-size: 20px; line-height: 30px; margin: 20px; font-weight: bold; }
#about-danny-pic { margin: 0 40px 0 10px; }

/* Store */
.store-item { padding-bottom: 20px; background-color: #808080; color: #000; margin: 0 60px 20px 0; width: 980px;  }
#store2 { width: 980px; }
#shirts H1 { padding-top: 20px; margin-bottom: 10px; font-size: 20px; }
#shirts IMG { margin-bottom: 10px; }
#shirts IMG.tshirt { margin-left: 20px; border: 1px solid #000;}
#shirts IMG.tshirt1 { margin-left: 200px; }
#shirts IMG.tshirt2 { margin-left: 300px; }
#shirts H2 { font-size: 24px; font-weight: bold; text-align: center; margin: 0 0 10px 20px; }
#shirts P { margin: 0 10px; }
#shirts P.store-text { margin-left: 321px; _margin-left: 160px; }
#shirts SELECT { margin-right: 30px; }

/* Records */
#records-container { width: 690px; float: left; margin-right: 30px;  _margin-right: 20px;}
.records { width: 690px;  padding-bottom: 10px; margin: 0 0 40px 6px; background-color: #808080; color: #000; }
.records IMG { margin: 0px 0px 10px 0px; *margin: 0; }
.album-info { border: 1px solid #000; padding: 0 10px 0 0; margin: 20px 50px 20px 40px; _margin: 20px; background-color: #fff; _width: 640px; }
.album-image { padding-top: 20px; margin: 0 20px; _margin: 0 10px; width: 200px; float: left; }
.album-image IMG { *margin-bottom: 10px; }
.album-image UL LI { width: 200px; list-style-type: disc; text-transform: none; border: 0; margin: 0 0 0 4px; padding: 0; }
.album-image UL LI A { text-transform: none; color: blue; margin: 0; padding: 0; }
.album-image UL { margin-left: 14px; }
.album-image A { font-size: 11px; display: block; cursor: pointer; color: blue; padding: 3px 0; }
.records H3 { margin: 10px 0; font-size: 14px; font-weight: bold; width: 300px; }
A.albumButton { float: left; margin: 3px 10px 10px 0; width: 110px; text-align: center; display: block; _margin: 12px 10px 0 0; cursor: pointer; color: #fff; background-color: #808080; padding: 3px 8px; font-size: 14px; }
.album-image A:hover { text-decoration: none; }
.album-image P { font-size: 11px; margin-bottom: 20px; }
.album-songs { width: 340px; float: left; margin: 10px 0 0 0;}
.album-info H1 { font-size: 20px; }
.album-info LI { list-style-type: none; color: #000; width: 340px; margin: 8px 0 0 0; font-size: 14px; border-top: 1px solid #ccc; padding-top: 6px; }
.album-info LI A { float: right; background-color: #fff; color: #000; text-transform: uppercase; font-size: 12px; margin-left: 6px; }
.records IMG.itunesLogo { float: right;  }
#playFullAlbum { cursor: pointer; font-size: 17px; padding-top: 4px; width: 198px; _padding-top: 16px; }
#playFullAlbum IMG { margin: -9px 6px 0 -4px; _margin: -12px 6px 0 0; }
.album-links { width: 200px; height: 50px; }
.album-links IMG { float: left; margin-right: 8px; }
.album-links SPAN { display: block; float: left; padding-top: 10px; font-size: 14px; }
#namePrice { font-weight: bold; font-size: 12px; }
#namePrice INPUT, #namePrice SELECT { margin-top: 6px; }
#namePrice SELECT { width: 210px; }
.name-price-container { height: 145px; }

/* Press */
.press { color: #000; }
.press UL { margin-top: 30px; }
.press H1 { margin: 20px 0 10px 20px; }
.press-dates UL { margin-left: 40px; }
.press-dates UL LI { font-size: 13px; list-style-type: none; }
.press-dates P { float: left; width: 90px; }
.press-dates { float: left; padding: 0 10px 10px 0; background-color: #808080; width: 570px; margin: 0 10px 10px 11px;}
#all-press { width: 600px; margin-right: 60px; }
#pressQuotes { color: #fff; width: 260px; }
#pressQuotes P { margin-top: 30px; }
#pressQuotes P SPAN { font-weight: bold; font-size: 12px; }

/* Shows */
.upcoming-shows { background-color: #808080; color: #000; padding-bottom: 20px; width: 650px; margin-right: 43px; margin-left: 14px; }
.upcoming-shows H3 { margin: 6px 0 0 30px; font-size: 18px; }
.past-shows { background-color: #808080; margin-top: 20px; color: #000; padding-bottom: 20px; width: 650px; margin-left: 14px; }
.upcoming-shows LI { margin-left: 46px; list-style-type: disc; }
.upcoming-shows LI UL { margin: 0; }
.upcoming-shows LI UL LI { font-size: 12px; }
.upcoming-shows P { font-size: 13px; margin: 20px 40px 0px 0px; }
.upcoming-shows P.date { margin: 20px 0 0 30px; display: block; text-transform: uppercase; font-size: 12px; font-weight: bold; }
.upcoming-shows P#band-members { padding-top: 10px; border-top: 1px solid #333; margin: 30px 30px 0 30px; font-style: italic; font-size: 12px; }
.past-shows LI { margin: 4px 0 0 30px; font-size: 11px; list-style-type: none; }
.past-shows LI P { float: left; width: 100px; }
#sxswShows { font-size: 16px; font-weight: bold; margin-left: 46px; }

/* News Subpage */
#all-events { width: 650px; float: left; background-color: #808080; padding-bottom: 20px; margin-right: 50px; }
#news-picture { width: 250px; float: left; }
.event { color: #000; margin: 30px 0 0 0; width: 560px; float: left; }
.event H1 { clear: both; margin: 3px 20px; font-size: 18px; font-weight: bold; }
.event H4 { font-weight: bold; color: #fff; font-size: 14px; padding: 3px 6px 3px 20px; background-color: #000; margin-bottom: 10px; float: left; }
.event P { margin: 0 20px 0 20px; font-size: 12px; }

/* Media */
.media-type { background-color: #808080; float: right; padding: 6px 8px 3px 8px; margin: 0 14px 16px 0; width: 296px; }
#danny-media H1 { margin: 10px 0 10px 10px; }
#danny-media OBJECT { margin-right: 20px; }
#media-items-flickr { background-color: #808080; color: #000; margin-bottom: 20px; }
#media-items-flickr LI { padding: 10px; float: left; margin: 20px 0 0 20px; width: 180px; list-style-type: none; }
#media-items-flickr LI DIV { background-image: url(images/collection_case_l.gif); width: 187px; height: 146px; padding: 8px 0 0 8px; margin-bottom: 8px; }
#media-items-youtube { margin-right: 30px;  width: 470px; background-color: #808080; color: #000; margin-bottom: 20px; float: left; }
#media-items-youtube IMG { margin-bottom: 20px; }
#media-items-youtube OBJECT { margin: 30px 0 0 20px; }
#media-items-blog { width: 480px; background-color: #808080; color: #000; margin-bottom: 20px; float: left;}
#iframe { display: block; width: 435px; height: 355px; margin: 75px 0 10px 20px; }

/* Contact Page Subpage */
#send-message { margin: 0 40px 20px 0; }
#contact-section FORM { border: 1px solid #2b2b2b; color: #000; padding: 10px 20px; background-color: #808080; width: 400px; }
#contact-section LABEL { display: block; margin-top: 10px; }
#contact-section INPUT { border: 1px solid #eee; display: block; margin-top: 10px; height: 20px; width: 400px; font-size: 14px; }
#contact-section TEXTAREA { margin-top: 10px; display: block; width: 400px; font-size: 14px; height: 100px; }
#contact-section INPUT#submitBtn { padding: 6px 10px; cursor: pointer; width: auto; height: auto; margin-top: 20px; background-color: #000; color: #fff; border: 0; }
#contact-information { background-color: #808080; padding: 0 20px 20px 0; width: 960px; font-size: 20px; line-height: 26px; margin: 20px 0;}
#contact-information P { display: block; margin: 40px 0 10px 0; color: #000; padding-left: 20px; }
#myspace-graphic2 { margin: 30px 0 0 30px;}
#facebook-graphic2 { margin: 30px 40px 0 20px; }


#confirm-signup { text-align: center; background-color: #808080; padding: 20px; width: 940px; font-size: 20px; line-height: 42px; margin: 20px 0; color: #000; }
#confirm-signup H1 { margin: 20px 0 10px 0;}

/* Footer */
#footer { margin: 0 auto; text-align: center; margin-top: 10px; padding-top: 10px; font-size: 12px; height: 40px; }
#footer P { font-size: 11px; color: #fff; margin-top: 20px; padding-bottom: 20px; }
#footer P A { text-decoration: underline; }
#footer A { color: #fff; font-weight: normal; }
#footer A:hover { text-decoration: underline; }
#footer UL LI { display: inline; color: #fff; margin: 0 20px; text-transform: uppercase; padding-bottom: 20px; }