/* SETUP */
body { margin:0; padding:0; background:#F6E8CD; color: #FFFFFF; } /* color: #BCBDC0; */
body, th, td { font:12px/1.4em "Century Gothic","Avant Garde",sans-serif; }

/* LAYOUT */
body { margin: 0 0; background-image: url(/images/bg-tile.jpg); background-repeat: repeat; }
#main { margin-left: auto; margin-right: auto; width: 990px; text-align: left; }

#wrapper { float: left; background-image: url(/images/background-three-column.jpg); background-position: top left; background-repeat: repeat-y; }
#wrapper.wide { background-image: url(/images/background-two-column.jpg); }

#column-1 { width: 500px; float: left; }
#column-1.wide { width: 750px; float: left; }
#column-2 { width: 250px; float: left; }
#column-3 { width: 210px; float: left; }
.column-wrapper { margin: 0 14px 14px 14px; }

#border-left { width: 15px; background: #FFF; }
#border-right { width: 15px; background: #FFF; }

table#layout { width: 990px; margin: 0; padding: 0; border-collapse: collapse; }
table#layout td.layout { margin: 0; padding: 0; background-color: transparent; }

td#content { width: 960px; }
td#border-top, td#border-bottom { width: 990px; }
td#border-left, td#border-right { width: 15px; }

td#border-top { height: 24px; background-image: url(/images/border-top-trans.png); background-repeat: none; }
td#border-bottom { height: 39px; background-image: url(/images/border-bottom-trans.png); background-repeat: none; }
td#border-left { background-image: url(/images/border-left.png); background-repeat: repeat-y; }
td#border-right { background-image: url(/images/border-right.png); background-repeat: repeat-y; }

#header { width: 990px; text-align: center;  }
#footer { height: 30px; border-top: #ccc solid; border-width: 1px; }
.caps {	width: 960px; float: left; padding: 0px; background-color: #FFF; }

/* CONTENT */
h1,h2,h3 { margin-top: 5px; margin-bottom: 5px; font-weight: normal; }
h1 { font-size:218%; line-height: 1.1em; }
h2 { font-size:150%; line-height:1.2em; }
h3 { font-size:125%; font-weight:bold; }
h4 { font-size:100%; font-weight:bold; margin-bottom:-3px; margin-top:1.2em; text-transform:uppercase; letter-spacing:1px; }
h4 pre, h4 tt, h4 .literal { text-transform:none; }
h5 { font-size:1em; font-weight:bold; margin-top:1.5em; margin-bottom:3px; }

hr { margin: 15px 0; }

a, a:link, a:visited { color: #FFFFFF; text-decoration: none; }
a:hover, .selected a { color: #BCBDC0; text-decoration: none; }
a img { border: none; }
h3 a { text-decoration: none; }
#column-1 a { text-decoration: underline; }
#column-2 h1 a { text-decoration: underline; }

p, ul, dl { margin-bottom: 0.8em; margin-top: 0.6em; }
p.date { margin: 0; padding: 0; color: #AAAAAA; }

#navigation { font-weight: normal; text-transform: uppercase; font-size: 1.8em; padding: 0; margin: 0 0; }
#navigation li { list-style-type: none; }

.center { text-align: center; }

/* IMAGE REPLACEMENT */
li.image a, h1.image a { display:block; text-indent: -10000px; background-repeat: no-repeat; background-position: 0 -17px; -moz-outline: none;}
li.image a:hover, h1.image a:hover { background-position: 0 0; }
li.image, h1.image { margin: 0; } 

#column-1 h1.image, #column-2 h1.image { padding-bottom: 5px; } /* 1st or 2nd column dont need spacing below headers */
#navigation li.image { padding-bottom: 5px; } /* li headers need to be tightened up manually a lot */
#navigation li.image.tour { padding-top: 25px; }
#navigation li.image.store { padding-top: 0; }
#navigation li.image.news { padding-top: 25px; }
#navigation li.image.contact { padding-top: 5px; }

.image.home a { background-image: url(/images/headers/home.png); background-position: 0 -52px; height: 52px; }
.image.home { padding: 5px 0 40px 0; } /* full ascender */

.image.news a { background-image: url(/images/headers/news.png); height: 17px; }
.image.news { padding: 40px 0 40px 0; } /* no ascender, no descender */ /* 5 px padding + 35 px per full ascender / descender => 40px top and bottom */

.image.tour a { background-image: url(/images/headers/tour.png); background-position: 0 -23px; height: 23px; }
.image.tour { padding: 35px 0 40px 0; } /* quarter ascender */

.image.discography a { background-image: url(/images/headers/discography.png); background-position: 0 -86px; height: 86px; }
.image.discography { padding: 5px 0 5px 0; } /* full ascender and descender */

.image.store a { background-image: url(/images/headers/store.png); background-position: 0 -24px; height: 24px; }
.image.store { padding: 35px 0 40px 0; } /* quarter ascender */

.image.medias a { background-image: url(/images/headers/media.png); background-position: 0 -52px; height: 52px; }
.image.medias { padding: 5px 0 40px 0; } /* full ascender */

.image.photos a { background-image: url(/images/headers/images.png); background-position: 0 -79px; height: 79px; }
.image.photos { padding: 5px 0 40px 0; } /* full ascender and descender */

.image.contact a { background-image: url(/images/headers/contact.png); background-position: 0 -24px; height: 24px; }
.image.contact { padding: 35px 0 40px 0; } /* quarter ascender */

.image.links a { background-image: url(/images/headers/links.png); background-position: 0 -51px; height: 51px; }
.image.links { padding: 5px 0 40px 0; } /* full ascender */

.image.upcoming_tour a { background-image: url(/images/headers/upcoming_tour.png); background-position: 0 -74px; height: 74px; }
.image.upcoming_tour { padding: 15px 0 5px 0; } /* half ascender, full descender */

.image.latest_news a { background-image: url(/images/headers/latest_news.png); background-position: 0 -50px; height: 50px; }
.image.latest_news { padding: 5px 0 40px 0; } /* full ascender */

.image.songs_lyrics a { background-image: url(/images/headers/songs_lyrics.png); background-position: 0 -86px; height: 86px; }
.image.songs_lyrics { padding: 5px 0 5px 0; } /* full ascender and descender */

.image.swoon a { background-image: url(/images/headers/swoon.png); height: 17px; }
.image.swoon { padding: 40px 0 40px 0; } /* no ascender, no descender */

.image.pikul a { background-image: url(/images/headers/pikul.png); background-position: 0 -86px; height: 86px; }
.image.pikul { padding: 5px 0 5px 0; } /* full ascender and descender */

.image.carnavas a { background-image: url(/images/headers/carnavas.png); height: 17px; }
.image.carnavas { padding: 40px 0 40px 0; } /* no ascender, no descender */

.image.more_sspu a { background-image: url(/images/headers/more_sspu.png); background-position: 0 0; height: 52px; }
.image.more_sspu { padding: 40px 0 5px 0; } /* full descender */

.image.twitter a { background-image: url(/images/headers/twitter.png); background-position: 0 0; height: 45px; }
.image.twitter { padding: 0px 0 5px 0; } /* full descender */

/* PAGINATOR */
.paginator { font-size:11px; padding: 10px; line-height:22px; margin:0; }
.paginator a:link, .paginator a:visited, .paginator span.link { padding:2px 6px; color: #000; border:solid 1px #000000; background: #F8EACF; text-decoration:none; }
.paginator span.link.disabled { color:#000; }
.paginator a.showall { padding:0 !important; border:none !important; }
.paginator a.showall:hover { color:#036 !important; background:transparent !important; }
.paginator .end { border-width:2px !important; margin-right:6px; }
.paginator .this-page { padding:2px 6px; font-weight:bold; font-size:13px; vertical-align:top; }
.paginator a:hover { color:white; background:#9b6658; }

/* PAGES */

#logo { padding-top: 13px; }
#blip { margin-top: 40px; margin-bottom: 50px; }
#column-1 p.date { margin-bottom: 40px; }
#column-2 p.date { margin-bottom: 10px; }
table#albums { width: 100%; text-align: center; margin: 0 auto; }
a.album img, .artwork img { border: 1px solid black; }

div.video { width: 220px; height: 165px; border: 1px solid black; }
div.video a { display: block; width: 220px; height: 165px; background-image: url(/images/play.png); background-repeat: no-repeat; background-position: 86px 59px; }
#panic_switch.video { background-image: url(/images/panic-switch.jpg); }

/*
.index #column-1, .index2 #column-1 { margin-top: 60px; }
.index #column-1 a, .index2 #column-1 a { text-decoration: none; }
*/

/* TWITTER */
#twitter_update_list { list-style-type: none; margin-left: 0; padding-left: 0; }
#twitter_update_list li { padding-bottom: 10px; }
#twitter_update_list li > a { color: #AAAAAA; }
#twitter_update_list li span { margin-top: 5px; margin-bottom: 5px; font-weight: normal; font-size:125%; font-weight:bold; }
#twitter_update_list > li > a { font-size: 100% !important; display: block; margin: 0; padding: 0; color: #AAAAAA; height: 16px; margin-bottom: 10px; font-size: 12px; }