/* --------------------------------------------------------------  
   Screen Styles Date: June 2009 
-------------------------------------------------------------- */
@import 'screen/reset.css'; /*Resets browser default settings to give all browsers same starting point*/
@import 'screen/typography.css'; /* All styles involving text including tables, links and headings*/
@import 'screen/forms.css'; /* Form styles*/

/*--General Styles--*/
body { background: url(../images/bg.jpg) no-repeat center 57px #000;  }

/*Image Replacement - saves duplication of below through stylesheet*/
.ir { display: block; text-indent: -5000px;}

/*Columns - width is 110px; gutter is 9px;*/
.column1, .column2, .column3, .column4, .column5, .column6, .column7 { margin: 0 9px 0 0; float: left;}
.column1 { width: 110px;}
.column2 { width: 229px;}
.column3 { width: 348px;}
.column4 { width: 467px;}
.column5 { width: 586px;}
.column6 { width: 705px;}
.column7 { width: 824px;}
.column8 { width: 943px; margin: 0; float: none; clear: both;}
.last { margin-right: 0;}
.width_200 { width: 200px;}

.float_l { float: left;}
.float_r { float: right;}

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.txt_align_l { text-align: left;}
.txt_align_r { text-align: right;}

.first_para { font-weight: 700;}

.clear { clear: both; margin: 0; padding: 0; visibility: hidden; height: 0;}

.b2 { border:2px solid #fff; }

/* Standard styles to apply margin and padding the same width/height as the column gutter*/
.marg_t { margin-top:9px;}
.marg_b { margin-bottom: 9px;}
.marg_r { margin-right: 9px;}
.marg_l { margin-left: 9px;}
.marg_0 { margin: 0;}
.marg { margin: 9px;}

.pad_t { padding-top: 9px; }
.pad_b { padding-bottom: 9px;}
.pad_r { padding-right: 9px; }
.pad_l { padding-left: 9px;}
.pad_0 { padding: 0;}
.pad { padding: 9px;}

/*------Site Banner--*/
#site_banner_holder { background-color: #000; height: 55px; margin: 0 auto; border-bottom: 2px solid #324ca0; }
#site_banner { width: 920px; margin: 0 auto;}
#site_banner li { float: left; padding: 0; margin:0 0 0 7px; }
#wrapper { width: 920px; margin:0 auto 0; border-top: 0; padding:0; }
/*------Header--*/
.logo_main { background: url(../images/telegraphs_logo.gif) no-repeat left top; float:left; width: 310px; height: 55px; margin:0; }
/*------Primary Nav--*/
.primary_navigation { margin:0; padding: 24px 0 0 0; }
.primary_navigation ul { margin:0; padding:0; }
.primary_navigation li { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.3em; font-weight: normal; margin:0; padding:0; }
.primary_navigation li a { text-decoration: none; color: #fff; padding: 6px 6px 10px 6px; }
.primary_navigation li a:hover, .primary_navigation li a.primary_on { background: #324ca0 url(../images/nav_bg.jpg) no-repeat center bottom; height:60px; color: #fff; padding:6px 6px 10px 6px; }

a:hover, .footer_navigation li a:hover, .sub_navigation a:hover, .sub_navigation a.sub_on { color: #54dbb7;}
/*------Breadcrumbs--*/
.breadcrumbs { height:17px; padding: 5px 0 4px 12px; }
.breadcrumbs a { color: #fff; text-decoration: none; }
.breadcrumbs a:hover { color: #54dbb7; text-decoration: underline; }
.breadcrumbs li { float: left; margin: 0 5px 0 0; }
/*------Columns--*/
#left_column { width:500px; margin:315px 30px 30px 30px; _margin:315px 17px 30px 30px; float:left; display:inline; }
#right_column { width:320px; margin:13px 30px 40px 0; _margin:13px 20px 40px 30px; float:right; }
#right_column h2 { margin-top:20px; }
#left_column .intro { margin-bottom:30px; }
#left_column .intro p { line-height:1.3; font-size:1.2em; }
.green_highlight { color:#54dbb7; }

.next_live_date { width:311px; height:76px; overflow:hidden; background: url(../images/next_live_datee.jpg) no-repeat left bottom; margin:199px 30px 0 0; padding:7px 0 0 8px; float:right; }
.next_live_date h4 { font-family: "trebuchet MS", verdana, sans-serif; font-size:1.2em; color:#0199cb; font-weight:bold; width:200px; float:left; margin-bottom:8px; }
.next_live_date .see_all { font-family: "trebuchet MS", verdana, sans-serif; font-size:1.0em; font-weight:bold; padding:0; margin-bottom:0; float:right; }
.next_live_date .date { font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.4em; color:#fff; width:299px; text-align:center; clear:both;}

.newslisting_home {	margin:0; padding:0; list-style: none; width: 490px;}
.newslisting_home ul, .newslisting_story ul { list-style: none; margin:0; padding:0; min-height: 90px; clear: both; }
.newslisting_home ul li p { color:#fff; margin: 0;}
.newslisting_home li ul li { width: 390px; padding:0; float: left; }
.newslisting_home li ul li.news_thumb { background: url(../images/news_thumb_bg.jpg) no-repeat;	width: 65px; margin: 0 10px 0 0; padding: 8px 0 0 9px; height: 72px; float:left; }
.newslisting_home h3 { font-family: "trebuchet MS", verdana, sans-serif; font-size: 1.2em; font-weight: bold; margin:0; width: 390px; float: left; line-height: 1.6; }
.newslisting_home h3 a, .newslisting_story h3 a { text-decoration: none; color: #54dbb7; }

.newslisting_home ul li p.news_date, .newslisting_story ul li p.news_date, .bloglisting ul li p.news_date { color:#0199cb; }
.newslisting_home h3 a:hover, .newslisting_story h3 a:hover, .bloglisting h3 a:hover { color: #0199cb; }

.newslisting_story { margin:0; padding:0; list-style: none; width: 320px;}
.newslisting_story li ul li { width: 215px; padding:0; float: left; }
.newslisting_story ul li p { color:#fff; margin: 1px 0 0 0; float:left;}
.newslisting_story li ul li.news_thumb { background: url(../images/news_thumb_bg.jpg) no-repeat; width:65px; margin: 0 5px 0 0; padding: 8px 0 0 9px; height: 84px; clear:both; border:0;}
.newslisting_story h3 { font-family: "trebuchet MS", verdana, sans-serif; font-size: 1.2em; font-weight: bold; margin:0 0 4px 0; width: 320px; line-height: 1.6; }

.video_thumb { width: 250px; float:left; margin:3px 0 27px 0; }
.video_thumb .thumb { background: #000; width:98px; height:68px; margin:0; padding:1px; float:left; display:block; border:solid 1px #54dbb7; }
.video_thumb h3 { font-family: "trebuchet MS", verdana, sans-serif; float:left; padding:4px 0 0 10px; margin:0; width: 112px; height:60px; }

.bloglisting { margin:0; padding:0; list-style: none; width: 490px;}
.bloglisting li ul li { width: 440px; padding:0; float: left; }
.bloglisting ul li p { color:#fff; margin: 2px 0 7px 0; float:left; line-height:1.3; font-size:1.2em; width:490px; }
.bloglisting li ul li.news_thumb { width:40px; margin: 0 7px 0 0; padding: 0; height: 40px; clear:both; border: solid 1px #fff;}
.bloglisting h3 { font-family: "trebuchet MS", verdana, sans-serif; font-size: 1.5em; font-weight: bold; margin:0 0 4px 0; width: 490px; line-height: 1.6;}
.bloglisting h3 a { text-decoration: none;	color: #54dbb7; }
.bloglisting ul li p.news_date { margin:3px 0 8px 0; padding:5px 0; font-size:1.0em; border-bottom:dotted 1px #999999; width:440px; }
.bloglisting ul li.blog_teaser { width:490px; margin-bottom:35px; padding-bottom:12px; border-bottom: solid 1px #333; }

.comment { width:470px; border-bottom:dotted 1px #999999; padding:15px; margin-bottom:5px; } 
.post_comment { margin:20px 0; }
.comment p { margin-bottom:3px; }
.comment .id { font-weight: bold; color:#fff; }
.blog_article { border-bottom: solid 1px #fff; }

.members {	margin:0; padding:0; list-style: none; width: 320px;}
.members ul li h4 { font-family: "trebuchet MS", verdana, sans-serif; font-weight: 600; color:#54dbb7; margin: 0;}
.members ul li p { color:#fff; margin: 3px 0;}
.members li ul { height:140px; width:320px; padding:0; float: left; clear:both; }
.members li ul li.band_member { width: 125px; margin: 0 14px 0 0; padding: 0; height: 125px; float:left; }

.members li ul li.band_myspace, .members li ul li.band_twitter { float:left; margin-top:5px; }
.members li ul li.band_myspace a { width: 150px; height: 30px; background: url(../images/band_myspace.gif) no-repeat; display:block; text-indent: -5000px; }
.members li ul li.band_myspace a:hover { background: url(../images/band_myspace.gif) no-repeat left -30px; }
.members li ul li.band_twitter a { width: 150px; height: 30px; background: url(../images/band_twitter.gif) no-repeat; display:block; text-indent: -5000px; }
.members li ul li.band_twitter a:hover { background: url(../images/band_twitter.gif) no-repeat left -28px; }

.links { margin:0; padding:0; font-size:1.2em; }
.links li { margin-bottom:10px; padding:0; }

.quote_by { display: block; text-align: right; margin: 0 27px 0 0; color: #54dbb7; font-size:1.0em; }
.newslisting_home ul li p.gig_date { display:block; padding:2px 5px; margin:6px 0 3px; width:152px; background-color:#fff; color:#000; font-size:1.1em; font-weight:bold; }
.newslisting_home ul li p.gig_name { margin:0; font-size:1.3em; }

.gallery { list-style: none; }
.gallery ul, .gallery h3 { clear:both; font-family: "trebuchet MS", verdana, sans-serif; }
.gallery li { width:60px; float:left; }

.members img, .gallery img { border:2px solid #fff; }

.submit_btn { float:right; display:block; background: url(../images/btn_save.gif) no-repeat; width:70px; height: 22px;}
.submit_btn:hover { background-position: left -22px; }
.mailing_list { width:320px; margin:0 0 20px 0;}

#twitter_div {  }
#twitter_update_list {   }
#twitter_update_list li { font-size:1.1em; margin:8px 0 0 0; padding:0 0 10px 0; border-bottom:solid 1px #333; }

/*------Footer--*/
#footer { padding: 0; }
#footer_holder { background: url(../images/footer_bg.jpg) no-repeat #000; width:920px; height:140px; margin:0 auto; }
#footer_holder p { height:12px; padding: 34px 0 0 13px; text-align:left; }
#logo_strip { height:47px; padding:0; margin:0; list-style: none; }
#logo_strip li { float: left;	margin:0;	padding:0;	height: 47px; }
#logo_strip li a { display: block; text-indent: -5000px; height: 47px; background-repeat: no-repeat; }
.footer_myspace { background-image: url(../images/footer_01.jpg); width: 98px; }
.footer_facebook { background-image: url(../images/footer_02.jpg); width: 98px; }
.footer_youtube { background-image: url(../images/footer_03.jpg); width: 75px; }
.footer_twitter { background-image: url(../images/footer_04.jpg); width: 95px; }
.footer_lastfm { background-image: url(../images/footer_05.jpg); width: 74px; }
.footer_itunes { background-image: url(../images/footer_06.jpg); width: 71px; }
.footer_amazon { background-image: url(../images/footer_07.jpg); width: 124px; }
.footer_hmv { background-image: url(../images/footer_08.jpg); width: 57px; }
.footer_smalltown { background-image: url(../images/footer_09.jpg); width: 85px; }