/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : The Red Bullets Stylesheet
Author : Darren Lynch / darren.lynch@mediarock.co.uk / Mediarock Ltd

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#000000; color:#000000; text-align:center; padding-top:11px}
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
textarea, input, select{width:260px; border:1px solid #666666; background:#EEEEEE}

/* ----- IDS ----- */
#player { height:32px; width:100%; background:#FFFFFF; background:url(../images/playerBg.gif) top left repeat-x;}
#container { width:800px; margin: 0 auto; text-align:left; font-size:110%; }   
#innerContainer { width:780px; margin:0 auto; background:#666666;}
#innerContainer .padding { padding: 6px 8px 0px 8px;}
#printHeader { display:none;}
#header { position:relative; background:url(../images/headerBg.gif) top left no-repeat; width:764px; height:393px;}
#header #topNav { position:absolute; top:0px; left:41px;}
#header #topNav ul { margin:0; padding:0; list-style:none;}
#header #topNav li { display:block; width:28px; height:393px; float:left;}
#header #topNav a { display:block; width:28px; height:393px; float:left;}
#header #topNav a#home { background:url(../images/navHome.gif) 0px 0px;}
#header #topNav a#home:hover { background:url(../images/navHome.gif) -28px 0px;}
#header #topNav .active a#home { background:url(../images/navHome.gif) -28px 0px;}
#header #topNav a#about { background:url(../images/navAbout.gif) 0px 0px;}
#header #topNav a#about:hover { background:url(../images/navAbout.gif) -28px 0px;}
#header #topNav .active a#about { background:url(../images/navAbout.gif) -28px 0px;}
#header #topNav a#quotes { background:url(../images/navQuotes.gif) 0px 0px;}
#header #topNav a#quotes:hover { background:url(../images/navQuotes.gif) -28px 0px;}
#header #topNav .active a#quotes { background:url(../images/navQuotes.gif) -28px 0px;}
#header #topNav .active a#audio { background:url(../images/navAudio.gif) -28px 0px;}
#header #topNav a#video { background:url(../images/navVideo.gif) 0px 0px;}
#header #topNav a#video:hover { background:url(../images/navVideo.gif) -28px 0px;}
#header #topNav .active a#video{ background:url(../images/navVideo.gif) -28px 0px;}
#header #topNav a#gigs { background:url(../images/navGigs.gif) 0px 0px;}
#header #topNav a#gigs:hover { background:url(../images/navGigs.gif) -28px 0px;}
#header #topNav .active a#gigs { background:url(../images/navGigs.gif) -28px 0px;}
#header #topNav a#gallery { background:url(../images/navGallery.gif) 0px 0px;}
#header #topNav a#gallery:hover { background:url(../images/navGallery.gif) -28px 0px;}
#header #topNav .active a#gallery { background:url(../images/navGallery.gif) -28px 0px;}
#header #topNav a#blog { background:url(../images/navBlog.gif) 0px 0px;}
#header #topNav a#blog:hover { background:url(../images/navBlog.gif) -28px 0px;}
#header #topNav .active a#blog { background:url(../images/navBlog.gif) -28px 0px;}
#header #main { position:absolute; top:10px; left:-18px; width:800px; height:335px;}
#header #myspace { position:absolute; top:345px; right:10px; width:83px; height:35px;}
/*#header #myspace {position:absolute; top:345px; left:470px; width:83px; height:35px;}*/
#header #myspace .myspaceBtn {background:url(../images/myspaceOff.gif) no-repeat; display:block; width:83px; height:35px;}
#header #myspace .myspaceBtn:hover { background:url(../images/myspaceOn.gif) no-repeat; display:block; width:83px; height:35px;}
#header #sternberg {position:absolute; top:345px; left:565px; width:192px; height:35px;}
#header #sternberg .sternBtn {background:url(../images/sternbergOff.gif) no-repeat; display:block; width:192px; height:35px;}
#header #sternberg .sternBtn:hover {background:url(../images/sternbergOn.gif) no-repeat; display:block; width:192px; height:35px;}

#content { border-top: 40px solid #666666; position:relative; padding-bottom:6px; width:764px; background:url(../images/contentBg.gif) top left repeat-y;}
#content #viewBlog { position:absolute; bottom:6px; left:487px; width:276px; height:251px;}
#content #verticalLineTop { position:absolute; top:-35px; left:486px; width:2px; height:251px; z-index:100;}
#content #verticalLineBottom { position:absolute; bottom:0px; left:486px; width:2px; height:251px; z-index:100;}
#content #leftCol { width:487px; float:left;}
#content #leftCol .padding { padding:10px 20px 10px 10px;}
#content #leftCol #latestNews .newsList { background:url(../images/newsDivider.gif) bottom left no-repeat; padding: 15px 0 6px 0;}
#content #leftCol #latestNews .newsList .posted { background:url(../images/newsBg.gif) top left no-repeat; width:80px; float:left; min-height:68px;}
#content #leftCol #latestNews .newsList .posted .date { color:#330000; padding:25px 0 0 8px; line-height:130%; font-family:Georgia, "Times New Roman", Times, serif; font-size:90%;}
#content #leftCol #latestNews .newsList .details { width:390px; float:left;}
#content #leftCol #latestNews .newsList .details .detailsTitle { font-size:150%; font-weight:bold;}
#content #leftCol #latestNews .newsList .details .detailsDescription { font-size:110%; line-height:120%; font-weight:normal;}
#content #leftCol #latestNews .newsList .details .detailsComments { text-align:right; padding-right:10px;}
#content #leftCol #latestNews .newsList .details .detailsComments a { color:#360707; font-size:90%; text-decoration:none;}
#content #leftCol #latestNews .newsList .details .detailsComments a:hover { text-decoration:underline;}
#content #leftCol #view { height:280px; padding-top:60px;}
#content #leftCol #view #viewGallery { width:270px; float:left;}
#content #leftCol #view #viewGallery .title { padding: 4px 0 2px 9px;}
#content #leftCol #view #viewVideos { width:216px; float:left;}
#content #leftCol #view #viewVideos .title { padding: 0 0 9px 40px;}
#content #rightCol { width:277px; float:left; padding-bottom:270px;}
#content #rightCol #upcomingGigs {padding:10px 0 0 21px;}
#content #rightCol #upcomingGigs .title { width:256px; height:32px; position:relative; left:-4px; padding-bottom:6px;}
#content #rightCol #upcomingGigs .title a { color:#FFFFFF; text-decoration:none; position:absolute; left:202px; top:8px; font-size:90%;}
#content #rightCol #upcomingGigs a:hover { text-decoration:underline;}
#content #rightCol #upcomingGigs #middle { background:url(../images/gigsMiddle.gif) top left repeat-y; color:#666666; font-size:110%; line-height:120%; padding-top:10px;}
#content #rightCol #upcomingGigs #middle .listing { padding:0px 10px 12px 20px; }
#content #rightCol #upcomingGigs #middle .listing a { color:#b2b2b2; text-decoration:none;}
#content #rightCol #upcomingGigs #middle a:hover { text-decoration:underline;}

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.galleryImg{margin-right:5px; margin-bottom:5px; width:110px; height:80px; float:left}
.galleryImgRight{margin-bottom:5px; width:110px; height:80px; float:left}
.listingMain{background: #999999; margin-bottom:10px; padding:5px; background:url(../images/gigbg.png) no-repeat; height:90px}
listingMain h3{font-size:20px}
.aboutpicleft{float:left; padding-right:5px; padding-bottom:5px}
.aboutpicright{float:right; padding-left:5px; padding-bottom:5px}
.vids{float:left; padding-right:5px; padding-bottom:15px}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}

/* ----- FOOTER ----- */
#footer { border-top:32px solid #000; border-bottom:45px solid #000; font-size:120%; font-weight:bold; width:780px; margin:0 auto; background:#666666;}
#footer .padding { padding: 5px 12px;}
#footer a { font-weight:bold; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}

/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }

#newsScroll{overflow:auto;height:400px}