/* -- CSS for telfordrocks.co.uk -------------
      By Ben Bosco
      b-bro.net
 --------------------------------------------- */

/* -- HTML Tags ------------------------------ */
body,html {height:100%; margin:0; padding:0;}
body {background:#000000 url(../images/background.jpg) top center no-repeat fixed; color:#ddddcc; font-size:12px; font-family: 'Trebuchet MS','Arial','Tahoma';}

p {margin: 0 0 1em 0;}
h1 {display:none; font-size:1px;}
h2, h3, h4 {font-size: 1.1em; margin: 0;}
h2, h3 {color: #cc976c; font-variant:small-caps;}

a {color: #e9c8a7; text-decoration: underline; font-weight: bold;}
a:hover {color: #ffffff;}

a img {border:none;}

table {width: 100%; margin:0 0 1em 0; padding:0;}
th {font-weight:bold; font-variant:small-caps; color: #cc976c; text-align:left;}
td, tr, th {margin:0; padding:0;vertical-align:top;}

ul {list-style-type:square; padding:0; margin:1em 0 1em 2em;}
form {margin:0 0 1em 0; padding:0;}
fieldset {padding:0; margin:0;border:none;}
label, .label {font-weight:bold; font-variant:small-caps; color: #cc976c;}
input, select {font-size:0.9em;padding:0; margin:0;}
label em {font-weight:normal; font-variant:normal; color:#ddddcc;}
textarea {font-size:0.9em; margin:0; padding:3px; font-family: 'Trebuchet MS','Arial','Tahoma';}

/* -- Misc Classes --------------------------- */
.address {font-style:italic;}
.error {font-weight:bold; font-variant:small-caps; }
.formerror {font-weight:bold; color:#ff0000; }
.posted {font-size:0.9em; color:#999999;}
.posted a {color:#999999; font-weight:normal;}

.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.nomargin {margin:0;}
label.normal {display:inline; float:none; width:100%;}
.checkbox {margin-left:1em;}
.radio {margin-left:1em;}

.flyer {padding: 5px;border: 1px solid #4e4d45;background-color:#000000;max-width:580px;}
.applestyle {background-color:#211009;}

#wrapper {position:relative; width: 800px; margin:0 auto -6em auto; min-height: 100%;}
* html #wrapper {height: 100%;}

/* -- Header --------------------------------- */
#header {position:relative; background-image:url(../images/header.jpg); width: 800px; height: 90px; margin: 3px 0 0 0;}
#header ul {width:0px; height:0px; padding:0; margin:0; position:absolute; top:0; left:0; list-style:none;}
#header ul a {position:absolute; background:none;}
#header #home {position:absolute; top:0px; left:0px; width:500px; height:50px;}

#header #news a {width:72px; height:43px; top:42px; left:38px;}
#header #about a {width:77px; height:41px; top:44px; left:102px;}
#header #gigs a {width:63px; height:43px; top:43px; left:171px;}
#header #bands a {width:83px; height:44px; top:42px; left:226px;}
#header #venues a {width:93px; height:43px; top:44px; left:300px;}
#header #interviews a {width:123px; height:46px; top:39px; left:385px;}
#header #biz a {width:70px; height:47px; top:39px; left:501px;}
#header #links a {width:72px; height:47px; top:39px; left:567px;}
#header #forum a {width: 80px; height: 46px; top: 40px; left: 635px;}

#header #news a:hover {background-image:url(../images/news.png);}
#header #about a:hover {background-image:url(../images/about.png);}
#header #gigs a:hover {background-image:url(../images/gigs.png);}
#header #bands a:hover {background-image:url(../images/bands.png);}
#header #venues a:hover {background-image:url(../images/venues.png);}
#header #links a:hover {background-image:url(../images/links.png);}
#header #interviews a:hover {background-image:url(../images/interviews.png);}
#header #biz a:hover {background-image:url(../images/biz.png);}
#header #forum a:hover {background-image:url(../images/forum.png);}

#header .hidden {position:absolute; width:0px; overflow:hidden;}
#header #userbox {float:right; text-align: right; color: #e9c8a7; font-size: 0.9em; font-weight:bold; font-variant:small-caps; margin: 5px 12px; padding:0;}
#header form {width:20em; margin: 5px 7px; padding:0; float:right; text-align:right;}
#header form label {width: 10em; text-align:right; color: #e9c8a7; font-size: 0.9em;}
#header form .text {background-color: #000000; border:1px solid #cc976c; width:8em; color: #eeeeee;}

#header2 {margin: 3px; padding: 0 7px;}
#header2 p {margin:0; font-variant:small-caps; font-weight:bold; color: #cc976c; text-align: right;}
#header2 a {text-decoration:none; color: #cc976c;}
#header2 .highlight {color:#e9c8a7;}

#subscribe a {float:right; display:block; background-image:url(../images/sub.png); width:94px; height:29px; background-repeat:no-repeat;}
#subscribe a:hover { background-position:0 -29px;}
#unsubscribe a {float:right; display:block; background-image:url(../images/unsub.png); width:120px; height:32px; background-repeat:no-repeat;}
#unsubscribe a:hover { background-position:0 -32px;}

/* -- Content -------------------------------- */
#content {width: 780px; margin: 3px; padding: 7px;}
#gads {border: 1px solid #4e4d45; margin:5px 0 5px 5px; float: left; width: 120px; padding:5px;}

#singlecol {float:left; padding: 5px; margin: 5px; border: 1px solid #4e4d45; width: 620px;}
#singlecol p {text-align:justify; padding-right:20px;}
#singlecol form ul {list-style:none;margin:0; padding:0;}
#singlecol form li {clear:both; margin-bottom:.8em; width:100%;}
#singlecol form label {display:block; float:left; width:10em;}
#singlecol form .text {width:20em; padding:0;}
#singlecol form select {margin: 0 1em 0 0;}
#singlecol form .submit {margin:0; padding:0px 10px;}

#comments {padding:5px; border: 1px solid #4e4d45; clear:both; margin-top:1em;}
#comments p {border-bottom:1px solid #4e4d45; margin:0 1em 1em 1em;}
#comments span {font-size:0.9em; color: #999999;}
#comments form {margin: 1em;}
#comments form label {float:none;}
#comments textarea {background-color:#000000; color: #ddddcc; border: 1px solid #4e4d45; margin-bottom:1em;}

/* -- Index Page ----------------------------- */
#col1 {float: left;}
#latestnews {padding: 5px; margin: 5px; width:300px; border: 1px solid #4e4d45; background: url(../images/divback.gif) repeat-x;}
#latestnews img {padding: 4px; border: 1px solid #4e4d45; background-color:#000000;}
#latestnews ul {padding:0; margin:0; list-style:none;}
#latestnews li p {margin-left:.8em;}
#forumposts {padding: 5px; margin: 5px; width:300px; border: 1px solid #4e4d45;}
#col2 {float: left;}
#upcoming_gigs {padding: 5px; margin: 5px; width:293px; border: 1px solid #4e4d45; background: url(../images/divback.gif) repeat-x;}
#curband {padding: 5px; margin: 5px; width:293px; border: 1px solid #4e4d45; background: url(../images/divback.gif) repeat-x;}
#curband img {padding: 4px; border: 1px solid #4e4d45; background-color:#000000;}
#hotlinks {padding: 5px; margin: 5px; width:293px; border: 1px solid #4e4d45; height:9.75em; }
#quicklinks {float:left; margin-right:1.5em;}
#iacplayer {float: left; padding: 5px; margin: 5px; width:435px; border: 1px solid #4e4d45;}

/* -- Other Pages ---------------------------- */
#bandsort fieldset {display:inline;}
#singlecol #bandsort label {width:5em; margin-bottom:1em;}
#bandsort select {float:left;}
#bandsort #lselband {clear:both;}
table.calendar {width: 150px; font-size:0.9em; margin-bottom:1em;}
table.calendar td {text-align:left;}
table.calendar tr.wdays td {font-weight:bold;}
table.calendar td.curday {font-weight:bold; text-decoration:underline; color: #e9c8a7;}
table.calendar td a {display:block; font-weight:normal; color:#ddddcc; text-decoration:none; width:100%;}
table.calendar td a:hover {text-decoration:underline;}
table.calendar th a {width:100%; display:block; text-decoration:none;}
#calendarstart {float:left; margin-right:4em;}
#newsarticle {padding: 4px; margin: 2em; border: 1px solid #4e4d45; background-color:#000000; float: right;}
#bandbox {float:right; width: 260px; padding:5px; margin:7px 7px 2em 2em; border: 1px solid #4e4d45;}
#bandbox img {padding: 4px; border: 1px solid #4e4d45; background-color:#000000;}

#banneradbottom {
 clear:both;
 float:left;
 margin-top:1em;
 width:100%;
 text-align:center;
}

#banneradtop {
padding: 5px; margin: 5px; border: 1px solid #4e4d45;
 float:left;
 width:620px;
 text-align:center;
}

/* -- Footer --------------------------------- */
#clearfooter {clear: both; height:6em;}
#footer {position:relative; padding-top:3em; width: 800px; margin:0 auto; font-size:0.9em; color:#555555; height:3em;}
#footer a {font-weight:normal; font-variant:small-caps; color:#555555;}
#footer p {padding: 0 1em; float: left; margin: 0;}
#footer ul {padding: 0 1em; float: right; margin: 0;}
#footer ul li {list-style-type: none; float: left;}
#footer ul a {padding: 0 3px;}