/* Main stylesheet for sugardrum.com */
/* copyright N.Bunner, Feb 2009 */
/* www.nigelbunner.co.uk */

/* @group common */
body, html, ul, li, dl, dt, dd, form, h1, h2 , h3, h4, h5, p {margin: 0; padding: 0;}
ul, li, ul li {list-style-type: none;}

body {background: #fff url(/images/backgrounds/paper-back.jpg) repeat 0 0; color: #535C61; font: 100.1% "Lucida Grande", Lucida, Verdana, sans-serif;} /* color: #4a6a7e; */
body, html {margin:0; padding:0;}
ul, li {margin: 0; padding: 0;}
a {color: #25976E; text-decoration: none;}
#content_inner a:hover {text-decoration: underline;}
p {font-size: 0.8em;}
#content_inner blockquote {background: url(/images/backgrounds/quote-marks.png) no-repeat 10px 10px; color: #474A50; font-size: 0.8em; line-height: 1.4em; padding: 10px 10px 10px 45px;}
.image_replace {display:-moz-inline-box; display: inline-block; background:transparent none  0 0 no-repeat; text-indent:-3000px; font:0/0 Arial; overflow:hidden; color:rgba(255,255,255,0); vertical-align:bottom;} /*  text-indent set to 0 elsewhere for both IE6 & IE7 */
#rss-link {color: #EB6F11; font-size: 0.8em; float: right;}
#rss-link span {background: url(/images/sprites/sugardrum-side-sprite-ver1.jpg) no-repeat -110px -465px; display: inline-block; height: 15px; margin-right: 3px; width: 15px;}
/* @end */

/* @group Structure */

#main_container {background: url(/images/sprites/sugardrum-main-sprite-ver2.jpg) no-repeat 0 0; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; min-height: 1000px; height: auto !important; height: 1000px; margin: 0 auto; overflow: hidden; padding: 210px 0 0; position: relative; text-align: left; width: 960px;}
#content_outer {float: left; width: 700px;}
#content_inner {overflow: hidden; padding: 10px;} 
body#videos #content_inner {padding-left: 0;}
#side_content {float: right; position: relative; width: 240px;}
#lyrics_container {background: url(/images/sprites/sugardrum-side-sprite-ver1.jpg) no-repeat -120px 0; height: 397px; margin: 8px 0 0; width: 240px;}

.bandcamp_player {float: left; margin: 10px; position: relative; width: 300px;}
.bandcamp_player object {float: none; position: relative;}

#social_networking_links {color: #4a6a7e; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 0.9em; margin: 10px 15px 0 0;}
#social_networking_links a {background-image: url(/images/sprites/sugardrum-side-sprite-ver1.jpg); background-repeat: no-repeat; display: inline-block; height: 32px; margin: 2px; width: 32px;}
#social_networking_links a span {display: none;}
.social_facebook {background-position: -110px -398px;}
.social_twitter {background-position: -143px -398px;}
.social_myspace {background-position: -174px -398px;}
.social_lastfm {background-position: -110px -432px;}
.social_youtube {background-position: -143px -432px;}
#facebook_like_link {left: 100px; position: absolute; top: 60px;}
#footer {background: url(/images/sprites/sugardrum-main-sprite-ver2.jpg) no-repeat -960px 0; clear: both; min-height: 400px; height: auto !important; height: 400px; margin: 100px auto 0; padding: 100px 10px 0 550px; width: 400px;}
#footer p {margin: 20px 0;}
#footer p#footer_links {font-size: 0.8em;}
#footer ul {margin: 20px 0;}
#footer ul li {font-size: 0.8em; margin: 5px 0;}
/* @end */

/* @group text and links and stuff */
h1, h2.past_gigs_heading  {border-bottom: 1px solid #D2D5D6; color: #777064; text-align: left; text-transform: capitalize; margin: 0 0 1em; font: normal 1.1em "Century Gothic", "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif; letter-spacing: 2px; padding-bottom: 4px;}
h2 {font-size: 1em; margin: 0 0 0.5em;}
body#videos h2 {margin-top: 1.5em;}
h3, h4 {color: #999; margin: 1em 0 0.4em; font: 0.95em "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif;}
body#blog #content_inner h3 {margin-top: 1.5em;}
body#gigs #content_inner h3 {margin: 10px 0 0; font: normal 0.9em "Lucida Grande", Lucida, Verdana, sans-serif;}
p {font-size: 0.85em; line-height: 1.5em; margin: 0 0 1em;}

span.tagline_quote {color: #999; display: block; font: 1em/1.6em Georgia, "Times New Roman", Times, serif; margin: 10px 100px 10px 0;}

a#header_home_link {background: url(/images/backgrounds/sugardrum-header-title.jpg) no-repeat 0 0; height: 106px; left: 0; position: absolute; top: 0; width: 363px;}
a#header_home_link:hover {text-decoration: none;}
a.nav_link {background-image: url(/images/buttons/main_links-8bit.png); position: absolute; width: 95px;}
a.nav_link:hover {cursor: pointer;}
a#nav_about, a#nav_listen, a#nav_gigs, a#nav_photos {top: 120px;}
a#nav_contact, a#nav_links, a#nav_blog, a#nav_videos {top: 160px;}
a#nav_about {background-position: 0 0; height: 41px; left: 10px;}
a#nav_listen {background-position: 0 -41px; height: 41px; left: 99px;}
a#nav_gigs {background-position: 0 -82px; height: 43px; left: 192px;}
a#nav_photos {background-position: 0 -125px; height: 43px; left: 285px;}
a#nav_contact {background-position: 0 -168px; height: 42px; left: 50px;}
a#nav_links {background-position: 0 -210px; height: 43px; left: 145px;}
a#nav_blog {background-position: 0 -253px; height: 41px; left: 238px;}
a#nav_videos {background-position: 0 -294px; height: 40px; left: 330px;}
a#nav_about:hover, body#about a#nav_about {background-position: -101px 0; height: 41px;}
a#nav_listen:hover, body#listen a#nav_listen {background-position: -101px -41px; height: 41px;}
a#nav_gigs:hover, body#gigs a#nav_gigs {background-position: -101px -82px; height: 43px;}
a#nav_photos:hover, body#photos a#nav_photos {background-position: -101px -125px; height: 43px;}
a#nav_contact:hover, body#contact a#nav_contact {background-position: -101px -168px; height: 42px;}
a#nav_links:hover, body#links a#nav_links {background-position: -101px -210px; height: 43px;}
a#nav_blog:hover, body#blog a#nav_blog {background-position: -101px -253px; height: 41px;}
a#nav_videos:hover, body#videos a#nav_videos {background-position: -101px -294px; height: 40px;}

.lyrics_links {margin: 10px 20px 0 110px; text-align: right; font: 0.7em "Courier New", Courier, mono;}
#lyrics_container #lyrics_inner {padding: 20px;}
#side_content h3 {margin: 40px 0 0; padding: 0;}
#lyrics_container ul {font: 0.8em "Lucida Grande", Lucida, Verdana, sans-serif; letter-spacing: 1px; margin: 0;}
#lyrics_container ul a {color: #484536; text-decoration: none;}
#lyrics_container ul a:hover {text-decoration: underline;}
#lyrics_container ul li {margin: 2px 0;}

body#contact .soundcloud_player {margin-top: 40px;}
.soundcloud_player {margin: 10px 0 0;}
.mailing_form {margin-top: 8px;}

.download_buttons {background: #FF9933; border: 2px solid #D48637; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; overflow: hidden; padding: 6px; text-align: center;} /* DBA946 */
.download_buttons p {color: #333; margin-bottom: 0;}
.download_buttons a {display: inline-block; font-size: 0.7em; margin: 0 5px 5px 0; position: relative;}
.download_buttons a span {background-image: url(/images/sprites/sugardrum-side-sprite-ver1.jpg); background-repeat: no-repeat; cursor: pointer; display: block; left: 0; position: absolute; top: 0; z-index: 50;}
.itunes_download, .itunes_download span {height: 30px; width: 82px;}
.itunes_download span {background-position: 0 0;}
.amazon_download, .amazon_download span {height: 30px; width: 72px;}
.amazon_download span {background-position: 0 -34px;}
.bandcamp_download, .bandcamp_download span {height: 26px; width: 118px;}
.bandcamp_download span {background-position: 0 -68px;}
.bandcamp_download {clear: left;}

.album {margin: 10px 0 20px; overflow: hidden; width: 240px;}
.album h4 {font-size: 0.8em; margin: 0 0 10px;}
.album p {font-size: 0.7em; line-height: 1.3em; margin: 0 0 10px;}
.album_cover {clear: left; cursor: pointer; display: block; float: left; font-size: 0.4em; height: 100px; margin-right: 10px; overflow: hidden; position: relative; width: 100px; }
.album_cover span {background-image: url(/images/sprites/sugardrum-side-sprite-ver1.jpg); background-repeat: no-repeat; display: block; height: 100px; left: 0; position: absolute; top: 0; width: 100px;}
.album_roads span {background-position: 0 -95px;}
.album_housegig span {background-position: 0 -195px;}
.album_1of1 span {background-position: 0 -295px;}
.album_absence span {background-position: 0 -395px;}

ol.list_decimal {list-style-type: decimal; font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif; font-size: 12px;}
/*ol#cdcover_1of1 {background: url(/images/backgrounds/cdcover_1of1.jpg) 0 50% no-repeat; padding-left: 180px; padding-top: 60px; padding-bottom: 60px; margin-bottom: 4em;}
ol#cdcover_motorway {background: url(/images/backgrounds/cdcover_motorway.jpg) 0 50% no-repeat; padding-left: 180px; padding-top: 50px; padding-bottom: 50px;}
ol#cdcover_absence {background: url(/images/backgrounds/absence_ep.jpg) 0 50% no-repeat; padding-left: 180px; padding-top: 50px; padding-bottom: 50px;}*/

.cd {background-position: 10px 0; background-repeat: no-repeat; clear: left; margin: 0 0 2em; overflow: hidden; padding: 0 0 20px 180px;}
.cdroads {background-image: url(/images/backgrounds/cdcover_roads.jpg);}
.cd1of1 {background-image: url(/images/backgrounds/cdcover_1of1.jpg);}
.cdabsence {background-image: url(/images/backgrounds/absence_ep.jpg);}
.cd h2 {font-size: 0.95em; letter-spacing: 1px; margin-bottom: 0.5em; text-transform: uppercase;}
.cd ul {font-size: 0.8em; margin: 0 0 1em;}
.cd ul li {margin: 0 0 0.2em;}
.cd p {display: block; font-size: 0.7em; margin: 0.5em 0 0;}
.music_player {float: left; margin: 0 10px 1em 5px;}
.music_player iframe {float: left; margin: 0 15px 0 0;}

body#listen #content_outer {width: 960px;}
.half_box {float: left; margin-right: 20px; width: 460px;}
.album_listing {float: left; margin: 20px 20px 20px 0; overflow: hidden; width: 220px;}
.album_listing h3, .album_listing p {margin-left: 5px; margin-right: 5px;} 
.album_listing h3 {color: #494949; font-size: 0.8em; font-weight: bold; margin-top: 0;}
.album_listing ol, .album_listing p {font-size: 0.8em;}
.album_info {font-size: 0.9em;}
.last_box {margin-right: 0;}

body#photos #content_inner ul li {float: left; margin: 10px;}
body#photos #content_inner ul li img {border: 0;}

ul.blog_list {font: 0.8em "Courier New", Courier, mono; padding: 0 0 0 5px;}
ul.blog_list li {margin: 0 0 0.5em;}

body#links #content_inner ul {font-size: 0.8em;}
body#links #content_inner ul li {margin: 1em 0 1em;}
body#links #content_inner ul li strong {display: block;}

body#gigs #content_inner p.gig_details {padding-bottom: 15px;}


body#videos #content_inner ul li {float: left; font-size: 0.9em; min-height: 210px; height: auto !important; height: 210px; margin: 20px; width: 284px;}
body#videos #content_inner ul li em {color: #A0A5A8; display: block; font-size: 0.8em;}
body#videos #content_inner ul li a.video_popup {display: block; margin: 5px 0 0;}
body#videos #content_inner ul li a img {border: 1px solid #cacaca; display: block;}
body#videos #content_inner ul li a:hover img {border-color: #25976E;}

/* form stuff */
form#web_enquiry {margin-left: 20px;}
label {display: block; font-size: 0.7em;}
#content_inner div.form_row, #content_inner div.form_row_textarea {padding: 7px 0;}
#content_inner div.form_row label, #content_inner div.form_row_textarea label {color: #534844; display: block; width: 220px; font: bold 11px "Lucida Grande", Lucida, Verdana, sans-serif; letter-spacing: 1px; padding-right: 4px;} 
#content_inner div.form_row_button {text-align: right; width: 244px;}
#order_form td input, #content_inner .form_row input, #content_inner .form_row_textarea textarea, #content_inner .form_row textarea {background: #fff; border: 3px solid #cacaca;} 
#content_inner div.form_row_textarea textarea {height: 180px; width: 220px;}
.date_of_birth_container {visibility: hidden;}

.date_of_birth_container input {background: #e8ebf1; border: 1px solid #e8ebf1;}
.date_of_birth_container label {color: #e8ebf1; font-size: 0.7em;}

/* @end */