/* overall page layout --------------------------------------------------*/
body {background:#fff url(pback.gif) 15px -10px repeat;margin:0px;padding:0px;color:#000;font-family:arial;font-size:12px;text-align:center;}
div {margin:0px 20px;padding:0px;text-align:left;}
#pagewrap {margin:20px auto;width:750px;border:1px solid #770000;background-color:#000;}
#top {position:relative;background-color:#fff;height:160px;margin-top:1px;border:0px solid #000;text-align:center;}
#top img {display:block;border:0px solid #000;margin:0px auto;}
#nav {background-color:#770000;border-bottom:0px solid #33cc33;}
#main{border:0px solid #770000;background-color:#000;margin-top:20px;}
#pagebottom{height:20px;background-color:#770000;text-align:center;font-size:0.8em;line-height:2em;font-weight:bold;}
#pagebottom a{color:#000;}
a.top{display:block;height:160px;}
#nav ul li a.sel {color:#fff;}

/* navigation panel --------------------------------------------------*/
#nav ul {list-style-type:none;margin:0px;padding:0px;padding-left:0px;margin-bottom:0px;display:inline}
#nav ul li {margin:0px;display:inline;border-right:1px solid #000;
			font-variant:small-caps;font-weight:bold;font-size:1.2em;letter-spacing:0.2em;line-height:1em;}
#nav ul li a{padding:0px 10px;color:#000;text-decoration:none;}
#nav ul li a:hover{color:#fff;}

/* content area --------------------------------------------------*/
#pagehead {margin:0px 20px 0px 30px;background-color:#000;border-bottom:1px dotted #770000;}
#pagehead h2 {margin:10px 10px; font-size: 2em;color:#770000;background:#000 url(srlogo.jpg) 8px 1px no-repeat;padding-left:35px;font-family:Georgia, serif;}
#maincontent {position:relative;margin:2px 20px;background-color:#000;overflow:auto;padding:0px 0px;}
#maincontent p {margin-top:1.5em;padding: 0px 20px 0px 0px;margin-left:10px;color:#fff;line-height:1.5em;text-align:justify;}
#maincontent ul {color:#fff;line-height:1.5em;}

/* display of images --------------------------------------------------*/
.rightimg {float:right;margin-left:10px;margin-top:0.5em;}
.leftimg {float:left;margin-right:10px;margin-top:0.5em;}
#linksimg {margin:30px 60px;}

/* news blog --------------------------------------------------*/
#maincontent h3{padding:0px 20px 0px 10px;color:#fff;font-size:1.5em;margin-bottom:0em;}
#maincontent span.byline {padding:0px 20px 0px 10px;color:#333;font-size:0.8em;margin-bottom:0em;}
#maincontent p.news {border-bottom:1px dotted #770000;margin-top:0em;}

/* inner page navigation links --------------------------------------------------*/
span.years{display:block;top:0px;left:0px;margin:10px;color:#770000;}
#photoclick {color:#fff;}

/* display of lists (media/links/shows) --------------------------------------------------*/
ul.giglist, ul.linklist {margin-top:2em;list-style-type:none;}
ul.giglist li, ul.linklist li {line-height:2em;color:#fff;}

/* set the display of dynamic content in shows/media/links/bio --------------------------------------------------*/
#divband, #divmembers, #divfri, #divinf, #divoth {display:none;overflow:auto;}
#y2004, #y2005, #y2006, #y2007, #y2008, #divvideo, #divaudio, #divstudio {display:none;overflow:auto;width:400px;}
#y2004, #divaudio, #divband, #divfri {display:block}
#divvideo, #divaudio, #divstudio {width:300px;}
#link2004 {color:#fff;}
#linkaudio {color:#fff;}
#linkband, #linkfri {color:#fff;}
#divfri, #divinf, #divoth {margin-left:20px;}

/* link settings --------------------------------------------------*/
a:link, a:active, a:visited {color:#770000;text-decoration:none;}
a:hover {color:#770000;text-decoration:underline;}

/* photo gallery display --------------------------------------------------*/
#photos {text-align:left;margin-left:20px;overflow:auto;background-color:#000;}
div#photos img {margin:2px 12px;padding:1px;background-color:#fff;}
div#photos img:hover, div#photos img:focus {background-color:#770000;}

/* link settings --------------------------------------------------*/
#popup {display:none;position:fixed;top:200px;left:580px;height:350px;width:434px;background-color:#000;border:5px solid #333;}

/* biography page settings (display of photos and profiles --------------------------------------------------*/
#divmembers {text-align:center;}
#divmembers span {text-align:center;}
#divmembers span img{width:200px;height:300px;border:1px solid #333;}
#bimgwrap{display:block;position:absolute;top:0px;left:15px;width:740px;margin:0px auto;}
.bimgplace {display:block;position:absolute;top:0px;left:0px;height:40px;width:40px;background-color:#000;border:1px solid #fff;text-align:center;}
.ange{display:block;position:absolute;top:40px;left:120px;height:100px;width:100px;text-align:center;}
.moe{display:block;position:absolute;top:40px;left:320px;height:100px;width:100px;text-align:center;}
.rob{display:block;position:absolute;top:40px;left:520px;height:100px;width:100px;text-align:center;}
#biotext {position:absolute;top:160px;left:0px;width:740px;background-color:#000;height:100px;}
#biotext div {margin:10px;padding:10px;background-color:#333;border:1px dotted #770000;color:#fff;}
#an, #ro, #mo {display:none;color:#fff;}
a.pimg{diplay:block;height:100px;width:100px;}

/* links page elements --------------------------------------------------*/
span.title{display:block;margin-bottom:-1em;}
span.url{}

/* gallery index --------------------------------------------------*/
span.photoindex {float:left;display:block;width:175px;height:130px;background-color:#000;margin-top:10px;text-align:center;}
span.caption {float:left;display:block;width:175px;margin-top:0px;color:#fff;}

#descwrap ul{display:none;}
/* display settings of gig descriptions, links etc --------------------------------------------------*/
#descwrap {display:block;position:absolute;top:0px;width:750px;margin:0px auto;background-color:#000;}
#descplace {display:block;position:absolute;top:300px;left:400px;width:300px;background-color:#000;text-align:justify;color:#fff;}
#descplace ul {margin:0px;padding:0px;}
#descplace ul li {display:none;margin:0px;padding:10px;border:1px dotted #770000;background-color:#333;font-size:1em;overflow:hidden;}
#nextgig {background-color:#333;border:1px dotted #770000;text-align:center;padding:10px;}
#nextgig h2 ,#nextgig h1{font-size:1.4em;font-variant:small-caps}
#nextgig h1 {display:block;padding:5px 10px;margin:1em auto;background-color:#333;color:#000;border-bottom:1px solid #000;font-family:Georgia, serif;}
#nextgig h3 {font-size:1.2em;}
ul.giglist {min-height:300px;overflow:}