body, html, form, ul, ul li { margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; font-size: 13px; line-height: 16px; }
ul, ul li { list-style-type: none; }
li { vertical-align: middle; }

body {  background: #FFF; }

.hr { display: none; }
a { color: #000; border-bottom: 1px solid #a21a02; text-decoration: none; }
a.icon { border: none; font-weight: bold; }
#content a:hover { color: #a21a02; }

h1, h2, h3, h4 { letter-spacing: 4px; font-family: "times new roman", serif; text-decoration: none; margin: 0; padding: 0; font-weight: bold; }
#content h1, #content h2, #content h3 { color: #a21a02; /*7e1a02*/ }
h1 { font-size: 26px; line-height: 36px; text-transform: uppercase;  }
h2 { font-size: 20px; line-height: 26px; letter-spacing: 2px; }
h3 { font-size: 14px; line-height: 24px; letter-spacing: 1px; }

img { vertical-align: middle; }
a img { border: none; }

#wrapper { width: 900px; margin: 0 auto; background: url("img/wrapper.png") 0 0 repeat-y; position: relative; }

#navigation { height: 45px; background: #000; color: #FFF; border-bottom: 8px solid #a28d4c; }
#navigation li { float: left; width: 100px; }
#navigation li a { border: none; background: url("img/menu.arrow.png") -20px -20px no-repeat; display: block; text-decoration: none; text-align: center; line-height: 40px; padding-top: 5px; color: #FFF; font-size: 13px; font-family: "arial narrow",sans-serif; font-weight: bold; }
#navigation li a:hover { background-position: 41px 5px; }
#navigation li a:first-letter { font-size: 110%; }

#ctwrap { background: url("img/content.jpg") no-repeat 0 0; min-height: 562px; }
#ctheader { height: 130px; position: relative; }

#langnav { float: left; }
#langnav li { padding: 8px 0 0 8px; height: 14px; line-height: 14px; font-size: 0; }
#langnav a, #langnav a img { border: none; vertical-align: top; }
#langnav a img { border: 1px solid #CCC; } 

#extranav { float: right;  margin-top: 20px; height: 90px; z-index: 100; width: 95px; }
#extranav li { line-height: 25px; height: 25px; padding-bottom: 5px; }
#extranav a { white-space: nowrap; padding: 0 0 0 17px; border: none; background: #000 url("img/menu.arrow.png") -20px -20px no-repeat; display: block; text-decoration: none; color: #FFF; font-size: 13px; font-family: "arial narrow",sans-serif; font-weight: bold; }
#extranav a:hover { background-position: 5px 8px; }

#banner { line-height: 20px; width: 440px; height: 105px; padding: 10px 30px; position: absolute; top: 64px; right: 95px; background: url("img/banner.jpg"); }
#banner span { font-weight: bold;  }
#banner img { vertical-align: top; }
#banner .soldout { position: absolute; top: 5px; right: 45px; }
#banner ul li { clear: left; padding-bottom: 1px; }
#banner ul li span { color: #FFF; display: block; float: left; width: 75px; }
#banner h2 { font-weight: normal; letter-spacing: 1px; font-size: 26px; line-height: 40px; color: #FFF; font-family: "arial black", impact, sans-serif; }
#banner a:hover { color: #FFF; }

#content { padding: 20px 0 0 0; }

#rightcol { float: right; width: 550px; margin-right: 45px; }
#rightcol .inner { padding: 20px 30px 20px 10px; min-height: 345px; }
.foot hr { display: none; }

#rightcol.gray, #leftwcol.gray { background: #caccc9 url("img/gray.wide.png") 0 385px; }
#rightcol.gray .inner, #leftwcol.gray .inner{ background: transparent url("img/gray.wide.top.png") 0 0 no-repeat; padding: 20px 30px }
#rightcol.gray .foot, #leftwcol.gray .foot { height: 12px; background: #caccc9 url("img/gray.wide.bot.png") bottom left no-repeat; }

#left #leftcol { margin-left: 0; }
#leftcol { width: 235px; overflow: hidden; float: left; margin-left: 65px; }
#leftcol.gray { background: #caccc9 url("img/gray.small.png") 0 385px; }
#leftcol.gray .inner { padding: 25px 10px 10px 10px; background: transparent url("img/gray.small.top.png") 0 0 no-repeat; }
#leftcol.gray .foot { height: 12px; background: #caccc9 url("img/gray.small.bot.png") bottom left no-repeat; }

#rightmcol { float: right; width: 415px; margin-right: 45px; }
#rightmcol .inner { padding: 0 30px 20px 10px; min-height: 345px; }

#leftmcol { width: 370px; overflow: hidden; float: left; margin-left: 65px; }
#leftmcol.gray { background: #caccc9 url("img/gray.middle.png") 0 385px; }
#leftmcol.gray .inner { padding: 25px 20px 10px 20px; background: transparent url("img/gray.middle.top.png") 0 0 no-repeat; }
#leftmcol.gray .foot { height: 12px; background: #caccc9  url("img/gray.middle.bot.png") bottom left no-repeat; }

#leftwcol { float: left; width: 550px; margin-left: 65px; }
#rightscol { width: 235px; overflow: hidden; float: right; margin-right: 45px; }


#bot { display: block; background: url("img/div.png") top left no-repeat; height: 9px; }
#bot hr { display: none; }

#footer {  border-top: 8px solid #a28d4c; background: #000; margin: 0 auto; width: 900px; padding: 3px 0; position: relative; }
#footer a { border: none; }
#footer .amnesty { position: absolute; top: -60px; left: 2px; }
#footer .hyves { position: absolute; top: -15px; right: 0; display: block; color: #FFF; background: #a21a02; line-height: 22px; padding: 0 20px 0 5px; font-size: 12px; font-weight: bold; text-decoration: none; }
#footer a.hyves:hover { background: #a21a02 url("img/right.arrow.png") right center no-repeat; }
#footer .copy { margin-left: 5px; }
#footer .copy, #footer .copy a { color: #caccc9; text-decoration: none; font-size: 90%; }

/** eof basic styles -- begin page specific **/
#newsflash { background: url("img/red.wide.png") 0 0 repeat-y; color: #FFF; width: 490px; padding: 5px 30px 10px 30px; position: relative; left: -30px; top: 28px; }
#newsflash label { position: absolute; top: -20px; right: 10px; text-transform: uppercase; font-size: 18px; font-weight: bold; }
#newsflash h2, #newsflash .readmore { color: black; font-size: 110%; }
#newsflash .readmore { white-space: nowrap; }
#newsflash p { margin: 0; padding: 0; }

#bandmembers a { border: none; font: 26px/34px "arial black", impact, sans-serif; color: #000; text-decoration: none; }
#bandmembers a:hover { color: #a21a02; background: none; } 


/** theatre **/
#flashyding { width: 415px; height: 295px; background: black url("img/theatre.png") top left no-repeat; position: relative; left: -10px; top: -3px; text-align: center; padding-top: 16px; margin-bottom: 10px; }



/** gigs **/
#content table.gigs th { text-align: left; border-bottom: 1px solid #999;  }
#content table.gigs h3 { color: #000; font-size: 14px; margin-top: 10px; }
#content table.gigs img { border: 1px solid #666; vertical-align: middle; }
#content table.recent th h3 { color: #666; }
#content table.recent td { color: #444; }
#content table.recent td a { color: #444; }
#content table.recent td a:hover { color: #a21a02; }
#content table .e img { border: none; } 
#content table .a { white-space: nowrap; }
#content .info li { padding: 2px 0; }
#content .info span { display: block; font-weight: bold; float: left; width: 100px; }

.soldout { margin: 5px 0; }

.submenutitle { padding-left: 10px; }
.submenu li a { border: none; background: url("img/right.b.arrow.png") -22px -22px no-repeat; display: block; text-decoration: none; text-align: left; line-height: 22px; padding-left: 10px; color: #000; font-size: 13px; font-family: "impact",sans-serif; letter-spacing: -1px; }
.submenu li a:hover { background-position: -8px 0; }
.submenu li a:first-letter { font-size: 110%; }

/** multimedia **/
#rightcol.av { position: relative; left: -80px; }
#rightcol.av .inner { margin: 0; padding: 0; text-align: center; width: 588px; height: 387px; padding-top: 13px; background: url("img/multimedia.png") 0 0 no-repeat; }
#rightcol.av .inner img { position: relative; top: -13px; }
#playContainer { height: 20px; padding-top: 5px; text-align: center; } 

#galfoto { position: relative; top: -20px; width: 550px; padding-top: 20px; background: #000 url("img/foto.png"); text-align: center; }
#galfoto .bot { height: 20px; background: #000 url("img/foto.png") bottom left no-repeat; }
#slideshow { margin-top: 10px; font-weight: bold; }

/** weblog **/
.submenu li a .date { font-family: "arial narrow", sans-serif; letter-spacing: 0; }
#comments { clear: both; padding-top: 10px; }
#comments h2 { margin-left: 333px; }
span.details { display: block; padding-bottom: 10px; font-weight: bold; }

#comments li { background: url("img/gray.wide.png") 210px top repeat-y; padding: 0 45px 10px 210px; margin: 10px 45px 0 95px; position: relative; }
#comments li.odd { background-position: 210px 200px;}
#comments li div { width: 492px; padding: 5px 29px; margin-right: 25px; }
#comments li div.pers {  background: url("img/red.wide.png"); color: #FFF; font-weight: bold; position: relative;  }
#comments li div.pers .date { position: absolute; right: 25px; top: 5px; }

#add_comment { margin: 10px 55px 10px 323px; padding: 10px; border: 1px solid #000; }
#blogarchive h2 { color: #000; font-size: 14px; margin: 10px 120px 5px 0; border-bottom: 1px solid #999; }



/** news **/
#leftcol img { position: relative; left: -10px; }
#leftcol a img { position: static; left: auto; }


form fieldset { margin: 20px 0; }
form legend { font-size: 14px; line-height: 24px; color: #a21a02; font-family: "times new roman", serif; letter-spacing: 2px; }
form ul li { line-height: 24px; min-height: 24px; clear: left; padding: 2px 0; }
form ul label { float: left; width: 100px; display: block; line-height: 20px; font-weight: bold; }
form ul textarea { width: 350px; height: 100px; }
span.required { display: block; }

/** downloads **/
#download { width: 779px; height: 407px; position: relative; left: 65px; background: #FFF url("img/download.jpg"); }
#download .inner { width: 200px; height: 197px;  position: relative; top: 125px; left: 320px; padding: 10px 0; overflow: auto; }

/** Internationalisations summary **/
#translation { position: relative; bottom: -27px; padding: 0 65px; min-height: 420px; _height: 420px; background: url("img/translation.jpg") 40px bottom no-repeat; }

#empty { padding: 10px 65px;  min-height: 420px; }