/* Guitar Player Style Sheet */ #shop #shopiframe { width:740px; height:600px; margin:0; padding:0; border:0;} /* House Advert Styles */ .houseadvert {text-align:left; background-color:#F2FAFD !important; width:180px; } .houseadvert .header { text-transform:uppercase;background-color:#004A7C; color:#fff; font-size:100%; padding:3px; font-weight:bold;display:block;} .houseadvert .text { padding:5px 10px; color:#009AD5; font-size:110%;border-bottom:1px solid #A8D9EF; border-right:2px solid #A8D9EF;display:block;} .houseadvert .text p {margin:5px 0 10px 0 !important; padding:0 !important;} .houseadvert .text p a {text-decoration:underline; color:#009AD5;} .houseadvert .text p a:visited {color:#009AD5;} .houseadvert .text p a:hover {color:#009AD5;} #playerprofile .maintable .rightcolumn #rightsidepromo .houseadvert {width:160px;} #storycolumn .inner #rightsidepromo div.ad {margin:0;} #storycolumn .inner #rightsidepromo div.ad img {clear: both; float:none; margin:20px 0 0 0;} #storycolumn .inner #rightsidepromo div.ad object {clear: both; float:none; margin:20px 0 0 0;} #story #rightsidepromo .houseadvert {width:160px;} #leftsideadvert .houseadvert {width:155px;} #leftsideadvert .ad {margin:0 0 20px 0;} #rightsidepromo .ad {margin:0 0 20px 0;} /* Player Profile Styles */ #playerprofile .maintable .rightcolumn {width: 160px; padding:0;} #playerprofile .maintable .rightcolumn .adverts {text-align:center;} #playerprofile .maintable .rightcolumn .adverts div {margin-top:20px;} #playerprofile .maintable .rightcolumn .related .headline {font-size:130%; margin:0; font-weight:bold; color:#19A4D9;} #playerprofile .maintable .rightcolumn .related p strong {color:#000; font-size:110%;} #playerprofile .maintable .leftcolumn2 .voteform h2 { font-size:140%; font-weight:bold; display:block; color:#fff; padding:3px 5px 6px 5px; margin:0; font-family:"Courier New", Courier, mono; background: url(graphics/noize_votehead_background.gif) #19A4D9 repeat-x bottom !important; font-size:120%; margin:10px 0 -10px 0!important;} #playerprofile .maintable .leftcolumn2 .voteform .formbox {padding:0 8px 10px 8px;} #playerprofile .maintable .leftcolumn2 .voteform .formbox .note {color:#19A4D9; font-weight:bold; text-transform:uppercase; font-size:90%; position:relative; top:-7px;} #playerprofile .maintable .leftcolumn2 {width:390px;} #playerprofile .maintable .leftcolumn2 .vote { background-color:#F2FAFD; padding:10px;} #playerprofile .maintable .leftcolumn2 .vote p {margin:0;} #playerprofile .maintable .leftcolumn2 .vote span {display:block; margin-top:5px;} #playerprofile .maintable .leftcolumn2 .track{background-color:#fff; padding:7px 4px 10px 4px; margin:10px 0; border-color:#A8D9EF; border-style:solid; border-width:1px 2px 3px 1px;} #playerprofile .maintable .leftcolumn2 .track p {margin-left:25px; margin-top:0; margin-bottom:0;} #playerprofile .maintable .leftcolumn2 .track p img {position:relative; top:5px; margin-left:-25px;} #playerprofile .maintable .leftcolumn2 .track a.flink {font-weight:bold;} #playerprofile .maintable .leftcolumn2 .track .buttons {display:block; margin:5px 0 2px 20px; padding:2px 0 10px 0; background-color:#eee;} #playerprofile .maintable .leftcolumn2 .track .buttons img {margin-left:0px;} #playerprofile .maintable .leftcolumn2 .finfo {display:block; margin:0 0 0 3px;} #playerprofile .maintable .leftcolumn2 .story .storylist {margin:0; padding:0;} /* noize page styles */ #noize .column2 {background:url(graphics/noize_background.gif) repeat-y;} #noize .crumb {background-color:#fff; margin:0;} #noize .sponsor {background-color:#fff; padding-top:15px;} #noize .leftcolumn {width:267px; padding:0; margin:0; position:relative; left:10px;} #noize .rightcolumn {width:267px; padding:0; margin:0; position:relative; right:8px;} #noize .color1, #noize .color2, #noize .color3, #noize .color4, #noize .color5, #noize .color6 {background-image:url(graphics/noize_color_background.gif); background-repeat:repeat-y;} #noize .section2 {width:260px; border:0; background-image:url(graphics/noize_box_botttom.gif); background-position:bottom; background-repeat:no-repeat; padding-bottom:10px;} #noize .color1 h2, #noize .color2 h2, #noize .color3 h2, #noize .color4 h2, #noize .color5 h2, #noize .color6 h2 {background-image:url(graphics/noize_h2_header.gif); background-repeat:no-repeat; font-size:120%; margin:0; font-family:"Courier New", Courier, mono; text-transform:none; font-weight:bold; letter-spacing:1px; width:260px; padding:5px 0 5px 0;} #noize .color1 h2 span, #noize .color2 h2 span, #noize .color3 h2 span, #noize .color4 h2 span, #noize .color5 h2 span, #noize .color6 h2 span {padding:10px;} #noize .section2 .indexpicstory {width:260px;} #noize .section2 .indexpicstory .text {width:200px;} #noize .section2 .indexnopicstory {width:260px;} #noize .section2 .indexnopicstory .text {width:240px;} #noize .section2 .picstory {background-color:#fff;} #noize .section2 .feature {background-color:#fff;} #noize .color3 .section2 .storylist li .date {color:#DB0066;} .section2 .indexnopicstory {position:relative; width:267px; margin:0; line-height: 1.2;} .section2 .indexnopicstory .text {position:relative; z-index:100; top:10px; Left:10px; margin:0 0 10px 0; padding:0 0 10px 0!important; width:247px; clear: both;} #noize .noizevote{border-left:1px solid #19A4D9; border-right:1px solid #19A4D9; border-top:0px; border-bottom:4px solid #bbb; padding:0px; margin:0 0 20px 0; background-color:#FFF;} #noize .noizevote td{padding: 4px; vertical-align:top;} #noize .noizevote td .track .buttons{ margin:5px 0 2px 0px; padding:10px 0 10px 0; background-color:#eee;} #noize .noizevote td .labelsmall{color: #666; font-size:86%; margin:0px; position:relative; top:-2px;font-family:Verdana, Arial, Helvetica, sans-serif;} #noize .noizevote .track a.flink {font-weight:bold;} #noize .noizevote .finfo {display:block; margin:0 0 0 3px;} #noize .noizevote p{margin: 0;} #noize h2.votehead { font-size:140%; font-weight:bold; display:block; color:#fff; padding:3px 5px 6px 5px; margin:0; font-family:"Courier New", Courier, mono; background: url(graphics/noize_votehead_background.gif) #19A4D9 repeat-x bottom;} #noize .noizevote td.vote {padding-top: 40px;} #noize .formbox {margin:0; padding-top:6px; padding-bottom:0;} #noize .formbox p {margin-top:3px; margin-bottom:3px;} #noize .players .playerbut { position:relative; bottom: -6px;} #noize .players p{margin:5px 0 5px 0;} #noize .backtop {margin:0; padding:20px 0 0 0; background-color:#fff; background-position:bottom; position:relative; bottom:-1px;} /* Noize forms*/ #noize #gigsbox {background-color: red !important;} #noize #gigsbox .formbox{background-color: none !important; background-image: url(graphics/gigbg.jpg)} #noize #gigsbox {background-image: url(graphics/gigbg.jpg) !important;} #noize #gigsbox .formbox label, #noize .gigs .formbox p {color: #FFF;} #noize #gigsbox a{color:#FFF;} #noize #gigsbox a:visited{color:#FFF;} #noize .noizead{text-align:center; padding: 5px; margin: 0 0 20px 0; background-image:url(graphics/noize_color_background.gif); background-repeat:repeat-y; background-position: -1px 0px;} /* poll on the noize page*/ #noize .noizepoll {margin:10px 13px 0 13px; background-color:#e5e5FF; padding: 5px; border-color:#603678; border-style: solid; border-width: 1px 3px 3px 1px;} #noize .noizepoll .nl {display:block !important; width: 200px; clear: both; margin: 5px 0 2px 0; font-weight: bold;} #noize .noizepoll h3 {margin: 0; font-size: 120%; color:#603678;} #bandsearch .story h1, #bandresults .story h1, #gigsearch .story h1, #gigresults .story h1, #bandsearch .story h1, #playersearch .story h1, #playerresults .story h1 {background-image:url(graphics/noize_h1_bg.gif); background-repeat:no-repeat; font-size:120%; margin:0; font-family:"Courier New", Courier, mono; text-transform:none; font-weight:bold; letter-spacing:1px; padding:7px; color: #FFF;} /* Forum Styles*/ #forum .maincolumn {width:770px; padding:0;} #forum .maincolumn .forumtable .column1 {background-color:#00FF00; padding:10px;} /* Second navigation for My Profile Page*/ .mynav {background-color:#19A4D9; color:#fff; padding:5px;} .mynav p {margin:5px 0; padding:0;} .mynav a {color:#fff;text-transform:uppercase;} .mynav a:visited {color:#fff;} .mynav a:hover {color:#fff;} /* Data Tables used on My Profile */ .datatable {font-size:100%; margin:20px 0;background-color:#E6F5FB; font-family:Arial, Helvetica, sans-serif !important; text-align:left;} .datatable th {background-color:#85CDEA; padding:2px 2px 2px 4px; color:#fff; font-size:90%; text-transform:uppercase;border-right:1px solid #fff;} .datatable td { vertical-align:top; font-size:90%; color:#000; border-top:2px solid #fff;padding:4px 3px 4px 3px; border-right:1px solid #fff; border-bottom:1px solid #85CDEA; line-height: 150%;} .datatable td img {margin:0; padding:0;} .datatable tbody.subs td a, .datatable tbody.gold td a {font-size: 110%; font-weight: bold;} .datatable tbody.gold td{background-color:#99D7EE; border-bottom:1px solid #24A6D7 !important;} .datatable tbody.subs td{background-color:#C7E9F6;} .datatable tbody.na td {background-color:#CCC; border-bottom:1px solid #999 !important;} /* Comments Page */ #comments .storylist .editor {background-color:#EEE; padding:10px; background-image:none; margin-bottom:20px;} #comments .storylist .date {display:block;color:#19A4D9;font-size:82%; } /* Weblinks Page */ #weblinks .storylist strong { color:#000;} #weblinks .storylist a {color:#19A4D9; font-weight:normal; text-decoration:underline;} /* Back Next Buttons */ .nextbox0 {padding-bottom:5px;color:#19A4D9; width:100%;} .nextbox0 a {color:#19A4D9; text-transform:uppercase; font-size:92%;text-decoration:underline;} .nextbox0 a:visited {color:#19A4D9;text-decoration:underline;} .nextbox0 a:hover {color:#19A4D9; text-decoration:none;} .nextbox1 {float:left;width:33%;text-align:left;} .nextbox2 {float:left;width:33%;text-align:center;} .nextbox3 {float:left;width:33%;text-align:right;} .box {color:#666;font-size:92%;border-top:1px solid #CCBC72;margin:20px 0;padding-top:5px;} /* Form styles*/ .formbox {padding:15px 15px 15px 15px;background-color:#F2FAFD;border:1px solid #19A4D9;margin:15px 0;} .formbox p {margin:10px 0;clear:both;height:1%;margin-left:0;} .formbox .labelnormal {font-weight:bold; font-size:90%; position:relative; top:2px;font-family:Verdana, Arial, Helvetica, sans-serif;} .formbox .labelsmall {font-size:86%; margin:0px; position:relative; top:-2px;font-family:Verdana, Arial, Helvetica, sans-serif;} .formbox .selectnormal {font-size:90%;font-family:Verdana, Arial, Helvetica, sans-serif;} .formbox .inputnormal {font-size:90%;font-family:Verdana, Arial, Helvetica, sans-serif;} .formbox .boxnormal { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%;} .formbox .width0 {width:25px;} .formbox .width1 {width:100px;} .formbox .width2 {width:220px;} .formbox hr { display:block; margin:0; padding:0;} .formbox .disabled {background-color: #CCC;} /* div in forms with padding left width label*/ .formnotes {padding: 0 0 0 100px;} /* .formbox .width3 {width:270px;} .formbox .width4 {width:310px;} .formbox .width5 {width:360px;} */ .formbox .floatleft {float:left;margin-bottom:10px;} .formbox .button {font:86% Verdana, Arial, Helvetica, sans-serif;background-color:#19A4D9;color:#fff;border:0;text-transform:uppercase; padding:2px 1px 2px 1px; cursor:hand;} .formbox .note {color:#666;margin:0 0 10px 0;font-size:92%;} h2.formheader {text-transform: uppercase; padding: 3px; margin: 0 0 0 8px; display: inline; background-color:#19A4D9; color: #FFF;} .formsubheader {font-size:110%;color:#034E8B} /* forms in left column mostly noize page */ .section2 .formbox {margin: 0px !important; border: none; background: none;} .section2 .formbox hr { display:block; margin:0; padding:0;} /* Search pages list within text styles */ .story .box {background-color:#F2FAFD; padding:7px;} .story .box p {font-size:98%; margin:0px;} .story .storylist {margin-bottom:30px;} .story .storylist .date {display:block;color:#19A4D9; font-size:82%;} .story .storylist .date strong {font-weight:normal; text-transform:uppercase; font-size:98%;} .story .storylist .info {display:block;color:#666;} .story .storylist p {font-size:90%; margin:0; line-height:150%;} .story .storylist p .date{font-size:100%;} .story .storylist li {border-bottom:1px solid #eee; margin-bottom:10px; padding-bottom:5px;} .story .storylist a {text-decoration:none;} .story .storylist a:visited {text-decoration:none;} .story .storylist a:hover {text-decoration:underline;} /* {margin:0px;padding:0px;}*/ body {background: #FFFFFF url(graphics/background.gif); margin: 0px; padding: 0px; font:100% Verdana, Arial, Helvetica, sans-serif;} form {margin:0px; padding:0px;} img {border: 0px;} .hide {font-size:0px;margin:0px;padding:0px;position:absolute;top:-500px;left:-500px;} .clear {clear:both; height: 1px; font-size: 0px;} .space20 {height: 20px;} /* Genearl link styles ---------------------------------------------------------------------------*/ a {color:#000; text-decoration: none;} a:visited {color:#000; text-decoration: none;} a:hover {color:#666; text-decoration: underline;} .uppercase {text-transform:uppercase; font-weight:bold; font-size:90%;} .story .uppercase a {text-decoration:none;} .story .uppercase a:visited {text-decoration:none;} .story .uppercase a:hover {text-decoration: underline;} .uppercase img { position:relative; top:6px;} /* left and right hand column adverts */ #leftsideadvert, #rightsidepromo {text-align: center;} .ad {margin-bottom:20px;} /* Google adverts box*/ .googleads { display: none; /*padding:0 20px 20px 20px;*/ } /* dates sets display of all dates used*/ .date {display:none;} #story .date {display: inline;} #events .date{display: block; color:#19A4D9; font-size: 100%;} #genre .date{display: inline;} #lessons .date{display:inline; font-size: 90%; color: #666;} /* effects ALL hedaline styles that are not A HREF's*/ .headline {color: #000;} /* Music Player Networks */ .mpnetwork {border: 1px solid #19A4D9; margin: 20px 0 20px 0;} .mpnetwork img { margin: 8px;} .mpnetwork .storylist {position:relative; top:-5px;} .mpnetwork .storylist li { padding-top:5px; padding-bottom:0px;} .mpnetwork .storylist li a{font-weight:normal;color:#000;} .mpnetwork .storylist li a:visited{font-weight:normal;color:#000;} .mpnetwork .storylist li a:hover{font-weight:normal;color:#000;} /* Crumb trail */ .crumb {color:#aaa; border-bottom:1px solid #ddd; padding:0 0 3px 10px; text-transform:uppercase; font-size:90%; background:url("graphics/grey_arrow.gif") no-repeat 2px 3px; margin-bottom:10px;} .crumb span {color:#666;} .crumb a {color:#aaa;} .crumb a:visited {color:#aaa;} .crumb a:hover {color:#333;} /* re-align sound file image next to headlines*/ .sound img{margin-bottom:-3px; margin-left:2px;} .free img{margin-bottom:-3px; margin-left:2px;} #homepage .toplinks {font-family: Arial, Helvetica, sans-serif; display:block; position:absolute; z-index:52; top:5px; left:510px; color:#666666; font-size:65%;} #homepage .toplinks a{ color:#666666;} #homepage .toplinks a:visited{ color:#666666;} .toplinks { position:absolute; z-index:52; top:115px; left:490px; color:#666; font-size:65%; width:250px; text-align:right;} .toplinks a{ color:#666;} .toplinks a:visited{ color:#666;} .toplinks a:hover{ color:#666;} /* site search bar*/ .sitesearch {width:210px; position:absolute; z-index:50; top:140px; left:535px; text-align:right; color:#666666; font-size: 65%; font-family:Arial, Helvetica, sans-serif;} #homepage .sitesearch {width:200px; position:absolute; z-index:50; top:30px; left:560px;} .sitesearch form {margin:0; font-size:110%;} .sitesearch form img { margin-bottom:-1px;} .sitesearch form #search { position:relative; top:-2px; margin-right:3px;} .sitesearch #search {width:90px; font-size: 90%; padding: 1px;} .sitesearch a{color: #666;} .sitesearch a:visited{color: #666;} /* masthead */ .masthead {width: 770px; height: 70px; background: url(graphics/mastbg.gif) repeat-x bottom;} /* IE on the MAC does not see this - HACK. \*/ .masthead {height: 75px;} /* end hack */ #homepage .masthead {height: 156px;} .masthead div a{color: #666;} .masthead div a:visited{color: #666;} .masthead .logo {position: absolute; top:9px; left: 5px; z-index: 70;} #homepage .masthead .guitar {position: absolute; top:0px; left: 0px; z-index: 10;} #homepage .masthead .maststory {position: absolute; top:80px; left: 250px; z-index: 20; width: 260px; height: 45px; overflow:hidden; line-height: 1.3; font-size: 70%; font-weight: bold; color: #999; padding: 0px; margin: 0px;} #homepage .masthead .logo {position: absolute; top:80px; left: 535px; z-index: 70;} /* top advert*/ .topadvert { width: 770px; height: 110px; text-align: center; background-color: #EEE;} .topadvert .inside img{border: none;} .topadvert .inside{padding:10px 0 5px 0;} /* Top navigation bar----------------*/ #mainnav {vertical-align:middle; width: 770px; background-color: #004B7D; font-size: 65%; font-weight:bold; text-transform:uppercase; color: #FFF;} #mainnav .inner{padding: 3px 10px 3px 10px;} #mainnav form {float: left; width: 220px;} #mainnav form img {position: relative; top: 3px;} #mainnav form select{width: 150px; font-size: 110%;text-transform:uppercase; color:#004B7D;} #mainnav ul {list-style-type: none; display: inline; float: left; width: 520px; padding: 5px 0 0 0; margin: 0px;} #mainnav ul li{display: inline; margin: 0 4px 0 4px;} #mainnav ul li a{color: #FFF; text-decoration:none; padding: 2px 2px 4px 2px; margin: 0px; vertical-align:1px; margin: 0px;} #mainnav ul li a:visited{color: #FFF; text-decoration:none;} #mainnav ul li a:hover{color: #FFF; text-decoration:underline; background-image:url(graphics/buttonBG.gif); background-position: center;} /* Bottom navigation bar----------------*/ #bottomnav{ text-align:center; vertical-align:middle; width: 770px; background-color:#004B7D; font-size: 70%; font-weight:bold; color: #FFF;} #bottomnav .inner{padding: 5px 10px 5px 10px;} #bottomnav ul {list-style-type: none; display:inline; padding: 0px; margin: 0px;} #bottomnav ul li{display: inline; margin: 0 10px 0 0;} #bottomnav ul li a{color: #FFF; text-decoration:none; padding: 2px 2px 4px 2px; vertical-align:top;} #bottomnav ul li a:visited{color: #FFF; text-decoration:none;} #bottomnav ul li a:hover{color: #FFF; text-decoration:underline;} /* Sub navigation ----------------*/ .subnav {border: 1px solid #19A4D9; text-transform:uppercase; letter-spacing: 1px; padding: 0 0 5px 0; margin: 0 0 0 0; width:100%;} .subnav h2 {background-color:#19A4D9; font-size:90%; color: #fff; padding: 3px; margin: 0 0 5px 0; line-height:140%;} .subnav ul { list-style: none; padding: 0; margin:0 8px 8px 8px; font-family:Arial, Helvetica, sans-serif; font-size: 90%;} .subnav ul li{border-bottom: 1px solid #7fccea;} .subnav ul li a{display: block; padding:5px 0 5px 0; color:#004B7D;} .subnav ul li a:visited{color:#004B7D;} /* on state */ .subnav ul li.on{background-color:#7AC5EA; line-height:100%; border-bottom:1px solid #fff; margin:0;} .subnav ul li.on a{color: #fff; padding-left: 5px; } .subnav ul li.on a:visited{color: #fff;} /* sub - sub navigation */ .subnav ul li.on ul{border-top: 1px solid #7fccea; margin:0; padding: 0;font-size: 100%;} .subnav ul li.on ul li {border-bottom: 1px solid #fff !important; padding:0 0 0 5px !important; margin:0px !important; background-color:#C3E6F5;} .subnav ul li.on ul li a{color: #004B7D;} .subnav ul li.on ul li a:visited{color: #004B7D} .subnav ul li.on ul li.on {background-color:#A3DBF2;} /* Sitenav navigation ----------------*/ .sitenav { background-color: #19A4D9; text-transform:uppercase; letter-spacing: 1px; padding: 5px 0 5px 0; margin: 0; width:100%; border: 1px solid #19A4D9;} .sitenav ul { list-style: none; padding: 0; margin:0 8px 8px 8px; font-family:Arial, Helvetica, sans-serif; font-size: 90%;} .sitenav ul li{border-bottom: 1px solid #5abee4;} .sitenav ul li a{display: block; padding:5px 0 5px 0; color:#FFF;} .sitenav ul li a:visited{color:#FFF;} /* on state */ .sitenav ul li.on{background-color:#004B7D;} .sitenav ul li.on a{color: #fff; padding-left: 5px; } .sitenav ul li.on a:visited{color: #fff;} /* sub - sub navigation */ .sitenav ul li.on ul{border-top: 1px solid #5abee4; margin:0; padding: 0;font-size: 100%;} .sitenav ul li.on ul li {border-bottom: 1px solid #5abee4 !important; padding:0 0 0 5px !important; margin:0px !important; background-color:#007FBA;} .sitenav ul li.on ul li a{color: #FFF;} .sitenav ul li.on ul li a:visited{color: #FFF;} .sitenav ul li.on ul li.on{background-color:#00659B;} #footer {font-family:Arial, Helvetica, sans-serif; height: 70px; border-bottom: 1px solid #CCC; width:750px; margin:0px 10px 10px 10px; font-size: 60%; color: #999; background:url(graphics/cmp_logo.gif) no-repeat left top; } #footer p {padding: 10px 10px 0px 90px;} #footer2 { font-family:Arial, Helvetica, sans-serif; font-size: 60%; color: #999; margin: 0px;} #footer2 p {padding: 5px 5px 5px 90px;} #musicplayer{ border-bottom: 1px solid #CCC; width:660px; margin:10px 10px 0px 100px; font-size: 70%; color: #999; font-family:Arial, Helvetica, sans-serif;} #musicplayer p { padding: 5px 0 5px 0px; margin: 0px;} #musicplayer form {float: right; text-align: right; width: 280px;} #musicplayer form select{width: 140px; font-size: 90%; text-transform:uppercase;} /* Advert Styles --------------------------------------------------------------------------------------- */ #homepage #rightsideadvert {position:absolute;left:790px;top:155px;} #rightsideadvert {position:absolute;left:790px;top:185px;} #rightsideadvert p {font-size:62%;color:#C80F9A;} #rightsideadvert p img {margin:0px 5px 0 0;margin-bottom:-1px;} #rightsideadvert img {margin-bottom:10px;} #homepage .maintable .column3 .adverts p{ margin: 0 0 20px 0} #homepage .advert728 {width:730px; text-align:center; margin-top:15px;} .maintable .rightcolumn .adverts p { margin:0 0 20px 0; padding:0;} #homepage .maincolumn {width: 770px; padding: 20px;} .maincolumn {width: 730px; padding:20px 20px 20px 10px;} /* Homepage Styles --------------------------------------------------------------------------------------- */ /*.hptop {margin:0 0 15px 0; width: 730px;} #homepage .hpflash {float:left; margin:0 16px 0 0;} #homepage .advert250 {float:left;}*/ /*.hptop {width:730px; height:270px;} #homepage .advert250 {float:right;padding-bottom: 15px;} #homepage .hpflash {position:relative;padding-bottom: 15px;} #hpflashimg,#hpflashnoscript,#hpflashobject {position:absolute;width:462;height:250;}*/ .hptop {width:730px; height:270px;} #homepage .advert250 {float:right;padding-bottom: 15px;} #homepage .hpflash {padding-bottom: 15px;} #homepage .maintable {width: 730px; margin-bottom: 40px;} #homepage .maintable .column1 {width: 160px; border: 1px solid #19A4D9;} #homepage .maintable .column2 {width: 280px;} /*advert column Home Page*/ #homepage .maintable .column3 {width:250px;} #homepage .maintable .column3 .adverts{margin: 15px 8px 0 8px;} #homepage .maintable .gutter1 {width:20px;} #homepage .maintable .gutter1 img {width: 20px} #homepage .maintable .gutter2 {width:20px;} /*advert column Home Page*/ #homepage .maintable .column3 { vertical-align:top; font-size: 70%;color:#666666;background:url(graphics/advertBG.jpg) repeat-x; border-bottom: 1px solid #ccc;} /* Section pages maintable widths*/ .maintable .column1 {width: 155px !important;} /* spacer image in column for IE on mac bug - adjust width to match col width */ .maintable .gutter1 {width: 18px;} .maintable .gutter1 img {width: 18px} .maintable .column2 {width: 567px;} /* column three is a DIV */ .maintable .rightcolumn {width:180px; float:right; padding: 20px 0 0 10px;} .maintable .leftcolumn {width:367px; float:left; padding: 0 0 0 10px;} .maintable .leftcolumn2 {width:367px; float:left; padding:10px 0 0 0;} #noize .maintable .rightcolumn, #genre .maintable .rightcolumn, #gear .maintable .rightcolumn, #sectionindex .maintable .rightcolumn {width:267px; float:right; padding: 0 0 0 10px;} #noize .maintable .leftcolumn, #genre .maintable .leftcolumn, #gear .maintable .leftcolumn, #sectionindex .maintable .leftcolumn {width:267px; float:left;} #sectionpage .sponsor, #genre .sponsor {margin:0 0 10px 0;} /* Product Spotlight */ #spotlight .maintable .story {width:567px;} #spotlight .maintable .rightcolumn {width:267px; padding:0; float:right;} #spotlight .maintable .leftcolumn {width:280px; padding:0; float:left; border-right:1px solid #ccc;} #spotlight .maintable .leftcolumn .text {margin-right:20px;} #spotlight .maintable .text {border-bottom:1px solid #ccc; margin-bottom:15px; padding-bottom:10px;} #spotlight .maintable .text .picture { float:right; margin:0 0 8px 8px;} #spotlight .maintable .text .headline { font-size:100%; font-weight:bold; color:#19A4D9;line-height:120%;} #spotlight .maintable .text .standfirst { font-size:90%; font-weight: normal; color:#19A4D9; margin:3px 0 0 0; padding:0; line-height:120%; display:block;} #spotlight .maintable .text p {font-size:90%; line-height:120%; margin:4px 0 6px 0;} #spotlight .maintable .text .storylist {margin:-5px 0 0 0;} #spotlight .maintable .text .storylist li {margin:0; border:0;background:url(graphics/bullet.gif) no-repeat 1px 7px; padding-top:2px; padding-bottom:2px;} /* maintable general styles*/ .maintable {width: 740px;} .maintable .column1 {vertical-align:top; font-size: 65%; color:#666666; line-height: 1.2;} .maintable .column2 {vertical-align:top; padding: 0; font-size: 65%; color:#666666;} /* latest column */ .maintable .latest {padding: 10px;} .maintable .latest h2 {font-size: 90%; text-transform: uppercase; padding: 3px; margin: 0 0 10px 0 !important; background-color:#19A4D9; color: #FFF;} .maintable .latest p{margin: 5px 0 0 0} .maintable .latest .headline {font-size: 110%; font-weight:bold;} .maintable .latest .headline a{ text-decoration: none; } .maintable .latest ul{margin:10px 0 0 0; padding: 0px; list-style:none;} .maintable .latest ul li {background:url(graphics/bullet.gif) no-repeat 1px 8px; border-top: 1px solid #19A4D9; margin:0px; padding:5px 0 5px 10px;} .maintable .latest ul li a{font-size: 90%; font-weight:bold; text-decoration: none;} /* centre column blocks */ .block {position:relative; border:1px solid; width:280px; margin:0; line-height: 1.2;clear: both;} .block .text {position:relative; z-index:100; top:10px; Left:50px; margin:0; padding:0 0 20px 0; width:220px; } .block .text p{margin: 5px 0 0 0} .block .text a{text-decoration: underline;} .block .text .headline {font-size: 125%; font-weight:bold;} .block .text .headline a{text-decoration: none;} .block .picture {position:absolute; z-index: 0; top:10px; Left:-10px;} .block .picture img {border: none;} /*headings*/ #homepage .column2 h2, .topstorytable h2, .rightcolumn h2, .leftcolumn h2{font-size: 90%; text-transform: uppercase; padding: 3px; margin: 0 0 0 5px; float: left; clear: both;} /* four columns bottom of HP*/ .promobox {width: 730px; position:relative;} .promocolumns {float: right; width:590px; font-size: 65%; color:#666666; border:1px solid #19A4D9;} .promocolumns .block2 {padding:0 0 10px 15px; float: left; width: 130px; border:none; line-height: 1.2; line-height: 1.2;} .promocolumns .block2 .text2 {position:relative; top: -10px; left: 0px; width: 130px; padding: 0px;} .promocolumns .block2 .text2 p{margin: 5px 0 0 0} .promocolumns .block2 .text2 a{text-decoration: underline;} .promocolumns .block2 .text2 .headline {text-transform:uppercase; font-size: 110%; font-weight:bold;} .promocolumns .block2 .text2 .headline a{text-decoration: none;} .promocolumns .block2 .text2 .headline a:hover{text-decoration: underline;} .promocolumns .block2 .picture2 {position: relative; top: -20px; left: 0px;} .promocolumns .block2 .picture2 img {border: none;} /* latest issue */ .latestissue {float: left; font-size: 65%; position: relative; top: -20px; margin: 0; width: 126px; padding:0;} .latestissue h2 {font-size: 90%; background-color:#19A4D9; color: #FFF; text-transform: uppercase; padding: 3px; margin: 0; border-bottom: 1px solid #fff;} .latestissue h2 a{color:#fff;} .latestissue h2 a:visited{color:#fff;} .latestissue h2 a:hover{color:#fff; text-decoration:underline;} .latestissue img {border-color:#19A4D9; border-width:7px 3px 7px 3px; border-style:solid;} /* Lines */ .line hr {display:none;} .line {border-top:1px solid ;border-bottom:1px solid #fff;margin:10px 0px 10px 0px;clear:both;} .box {padding:10px 10px 10px 10px; border: 1px solid #19A4D9;} /* section container DIV */ .section {border: 1px solid; width: 357px; clear: both; margin: 0 0 20px 0;} /* section story column blocks - with picture */ .indexpicstory {position:relative; width:357px; line-height: 1.2; margin: 0;} .indexpicstory .text {position:relative; z-index:100; top:10px; Left:50px; margin:0 0 10px 0; padding:0 0 10px 0!important; width:297px; clear: both;} .indexpicstory .text p{margin: 5px 0 0 0} .indexpicstory .text a{text-decoration: underline;} .indexpicstory .text .headline {font-size: 125%; font-weight:bold;} .indexpicstory .text .headline a{text-decoration: none; } .indexpicstory .text .headline a:hover{text-decoration: underline;} .indexpicstory .picture {position:absolute; z-index: 0; top:10px; Left:-10px;} .indexpicstory .picture img {border: none;} /* picture without story */ .indexnopicstory {position:relative; width:357px; margin:0; line-height: 1.2;} .indexnopicstory .text {position:relative; z-index:100; top:10px; Left:10px; margin:0 0 10px 0; padding:0 0 10px 0!important; width:337px; clear: both;} .indexnopicstory .text p{margin: 5px 0 0 0} .indexnopicstory .text a{text-decoration: underline;} .indexnopicstory .text .headline {font-size: 125%; font-weight:bold;} .indexnopicstory .text .headline a{text-decoration: none;} .indexnopicstory .text .headline a:hover{text-decoration: underline;} /* GEAR - NOIZE - GENRE PAGEs section container DIV */ .section2 {border: 1px solid; width: 267px; margin: 0 0 20px 0; clear: both; position:relative;} /* section story column blocks - with picture */ .section2 .indexpicstory {position:relative; width:267px; line-height: 1.2; margin: 0;} .section2 .indexpicstory .text {position:relative; z-index:100; top:10px; Left:50px; margin:0 0 10px 0; padding:0 0 10px 0!important; width:207px; clear: both;} /* GEAR - NOIZE - GENRE PAGEs picture without story */ .section2 .indexnopicstory {position:relative; width:267px; margin:0; line-height: 1.2;} .section2 .indexnopicstory .text {position:relative; z-index:100; top:10px; Left:10px; margin:0 0 10px 0; padding:0 0 10px 0!important; width:247px; clear: both;} /* Picture story*/ .picstory {margin: 10px; padding: 13px;} .picstory img {margin:0;} .picstory .text {margin:10px 0 0 0; padding:0; width:310px; clear: both;} /* GEAR - NOIZE - GENRE PAGEs picture story */ .section2 .picstory .text {margin:0; padding:10px; width:227px; clear: both;} .section2 .picstory {margin: 10px; padding: 0px;} .picstory .text p{margin: 5px 0 0 0} .picstory .text a{text-decoration: underline;} .picstory .text .headline {font-size: 125%; font-weight:bold;} .picstory .text .headline a{text-decoration: none;} .picstory .text .headline a:hover {text-decoration: underline;} /* features */ .feature {padding-bottom: 20px; margin-bottom: 10px !important;} .feature .headline a:hover {text-decoration: underline;} .twocolumn td{width: 49%;} .twocolumn {margin: 0 10px 10px 10px; width: 92%} ul.storylist{margin:0 10px 10px 10px; padding:5px 0 0 0; list-style:none;} .twocolumn ul.storylist{margin:0; padding: 0; border-top:none;} ul.storylist li {background:url(graphics/bullet.gif) no-repeat 1px 8px; margin:0px; padding:5px 0 5px 10px;} ul.storylist li p{margin: 5px 0 0 0;} ul.storylist li a{font-size: 90%; font-weight:bold; text-decoration: none;} /* A - Z page storylist less padding than normal*/ #az {border: 1px solid #19A4D9; margin:10px 0; padding:8px;} #az ul {clear:both; margin:0px; padding:0;} #az ul li {list-style-type:none; display:inline;} #az ul li a {color:#fff; text-decoration:none; background-color:#19A4D9; border-right: 1px solid #006699; border-bottom: 1px solid #006699; padding:3px; font-weight:bold; font-size:90%; line-height:220%;} #az ul li a:visited {color: #fff; background-color:#19A4D9;} #az ul li a:hover {background-color:#006699;} #az ul li .on {background-color:#006699 !important;} #atoz ul.storylist {border-bottom:0} /* back print top table */ .backtop {margin: 20px 0 20px 0; width: 100%; background: url(graphics/backtopbg.gif) repeat-x} .backtop td{width: 49%;} /* section pages top story in three column table */ .topstorytable {margin: 20px 0 10px 0;} .topstorytable td.advert{width: 277px; vertical-align:top; text-align:center;} .topstorytable td.advert img {margin: 10px;} .topstorytable td.gutter{width:11px;} .topstorytable td.gutter img{width:11px;} .topstorytable td.topstory{width:277px; vertical-align:top; background: url(graphics/topstorybg.gif) repeat-y;} .topstorytable td.topstory .picture {width: 100%; margin: 0 0 0 10px; border-bottom: 1px solid #fff;} .topstorytable td.topstory h2 a{margin:0 0 0 10px !important;} .topstorytable td.topstory .text {padding:8px 15px 15px 15px; background-color: #FFF; border: 1px solid; margin: 0 5px 5px 0; clear: both;} .topstorytable td.topstory .text p{margin: 5px 0 0 0} .topstorytable td.topstory .text a{text-decoration: underline;} .topstorytable td.topstory .text .headline {font-size: 125%; font-weight:bold;} .topstorytable td.topstory .text .headline a{text-decoration: none;} .topstorytable td.topstory .text .headline a:hover {text-decoration: underline;} #lessons .topstorytable{width:358px;} .topstorytable td.topstory{width:358px;} #lessons .topstorytable td.topstory .picture img {border-right: 1px solid #fff;} .lesson{ text-transform:uppercase; color: #666;} .headline .lesson{ font-weight:normal; font-size: 95%;} /* styles for searches on the page --- */ .pagesearch {background-color:#D4EDF5; padding: 5px; text-transform:uppercase;} .pagesearch label {font-size:0px;margin:0px;padding:0px;position:absolute;top:-500px;left:-500px;} .pagesearch select, .pagesearch input{width: 125px; color:#004B7D; font-size: 105%; font-family:Arial, Helvetica, sans-serif;} .pagesearch .button{position: relative; top: 5px; width: auto;} .pagesearch a{color:#004B7D; padding-left: 10px; background: url() no-repeat top left;} .pagesearch a:visited{color:#004B7D;} /* Poll */ #poll {margin:20px 0px 20px 0px;} #poll form { width:100% !important; background-color:#FFF;border:1px solid #19A4D9;border-top:0;} #poll .header {background-color:#19A4D9;border:1px solid #19A4D9;text-transform:uppercase;padding:2px 3px 3px 5px;line-height:110%;color:#FFF; font-weight:bold;} #poll p {margin:1px 0px 0px 0px;padding:5px;color:#333;} #poll .bar {display:block;padding-left:8px;margin-top:2px;} #poll .block {margin:0px;padding:1px 5px 4px 5px;color:#19A4D9; width:100%; border: none;} #poll .submit {background-color:#19A4D9;border-top:1px solid #FFF;} #poll .submit input {color:#FFF;margin:3px;background-color:#19A4D9; font-size: 90%; font-weight:bold;text-transform:uppercase; border:0px;} /* related publication logos on story page*/ .relatedpub {border: 1px solid #CCC; padding: 0px; width:385px; vertical-align:middle;} .relatedpub img {margin: 3px;} .relatedpub span {position: relative; top: -8px;} /* styles for more section links */ .more {margin:10px 10px 10px 10px; text-align:right; font-size: 95%; font-family:Arial, Helvetica, sans-serif;} /* second line for use in section blocks */ .line2 hr{display: none;} .line2 {border-top: 1px solid; margin: 10px;} /* contacts */ #contacts .storylist .title { text-transform:uppercase;} /* events */ #eventsdate {margin:0px 0px 20px 0px} #eventsdate .subsubhead{ margin:20px 0 0 8px; font-size:92%;color:#FFF; font-weight: bold; background-color:#19A4D9 !important; padding:5px 5px 2px 5px;} #eventsdate ul {margin:0; padding:7px 10px 7px 10px; background-color:#F2FAFD; border:1px solid #19A4D9;} #eventsdate li {display:inline; margin:0px 3px 0px 0px; line-height:200%;} #eventsdate li a { background-color:#fff; border-left:1px solid #ccc; border-right:2px solid #bbb; border-bottom:2px solid #bbb; border-top:1px solid #ccc; color:#666; padding:2px 4px 2px 4px; text-transform:uppercase; font-weight:bold; font-size:85%; text-decoration:none;} #eventsdate li a:visited {color:#666;text-decoration:none;} #eventsdate li a:hover {background-color:#666; color:#FFFFFF; border-left:1px solid #666; border-right:2px solid #666; border-bottom:2px solid #666; border-top:1px solid #666;} #eventsdate p { margin:10px 0 0 0; font-size:92%;} /* Hybrid Table Styles */ table {font-size:100%;} .hybridtable {margin:15px 0px;font-size:92%;} .hybridtable th {background-color:#ccc;color:#000;padding:3px 5px 3px 5px;border-right:2px solid #fff;border-bottom:2px solid #fff;} .hybridtable td {color:#000;padding:3px 5px 3px 5px;border-right:1px solid #fff;border-bottom:1px solid #fff;} .hybridtable .hybrideven {background-color:#ccc;} .hybridtable .hybridodd {background-color:#eee;} .hybridtable .hybridhead {background-color:#19A4D9;color:#FFF;border-right:2px solid #fff;border-bottom:2px solid #fff; font-weight:bold;} /* Hybrid Navigation */ .hybridnav{ background-color: #19A4D9; text-transform:uppercase; letter-spacing: 1px; padding: 5px 0 5px 0; margin: 0; width:155px;} .hybridnav ul { list-style: none; padding: 0; margin:0 8px 8px 8px; font-family:Arial, Helvetica, sans-serif; font-size: 90%;} .hybridnav ul li{border-bottom: 1px solid #5abee4;} .hybridnav ul li a{display: block; padding:5px 0 5px 0; color:#FFF; text-decoration:none;} .hybridnav ul li a:visited{color:#FFF; text-decoration:none;} .hybridnav ul li a:hover{color:#FFF; text-decoration:underline;} .hybridnav ul .on a {background-color:#004B7D !important; padding-left: 5px;} .hybridnav ul .on a:visited {background-color:#004B7D !important;} .hybridnav ul .on a:hover {background-color:#004B7D !important;} .hybridnav h2 { margin: 0px !important; padding:0 2px 2px 3px !important; border-bottom: 1px solid #FFF;} .hybridnav h2 a {font-size: 65%; font-weight:bold !important; color:#fff !important; text-decoration:none;} .hybridnav h2 a:visited {color:#fff !important; text-decoration:none;} .hybridnav h2 a:hover {color:#fff !important; text-decoration:underline;} /* story text / page styles */ .story #storycolumn {z-index: 50; float:right;width:175px; font-size: 90%; line-height: 125%; background-color: #FFF;} .story #storycolumn .inner {margin:0 0 15px 15px; padding: 0px;} .story .award {dsiplay: inline; float: right; padding: 10px 0 0 0;} /* related files */ .relatedhead{ background-color:#19A4D9; color: #FFF; padding: 3px; text-transform:uppercase; font-weight: bold;} .related {border: 1px solid #19A4D9; border-top: none; padding: 8px; margin: 0 0 10px 0;} .related p {margin:5px;} /**/ .related .storylist {margin: 0px; list-style-position:outside;} .related .storylist li{color: #004B7D; border-bottom: 1px solid #CCC; line-height: 100%;} .related .storylist li a{color: #004B7D; text-decoration: none;} .related .storylist li a:visited{color: #004B7D; text-decoration: none;} .related .storylist li a:hover{text-decoration: underline;} .related dl.storylist {margin:10px 0 0 0; padding: 0px; width: 100%;} .related dl.storylist dt{margin: 0px; padding: 0px; float:right; clear: both;} .related dl.storylist dd.flink{margin: 0px; padding: 0 0 0 15px; color: #004B7D; background:url(graphics/bullet.gif) no-repeat 2px 4px; } .related dl.storylist dd.finfo{margin:0 0 5px 0; padding: 0 0 5px 15px; color: #666; border-bottom: 1px solid #CCC;} .related dl.storylist dd a{font-weight: bold; color: #004B7D;text-decoration: none;} .related dl.storylist dd a:visited{color: #004B7D; text-decoration: none;} .related dl.storylist dd a:hover{text-decoration: underline;} /* Gig search results */ ul.piclist{margin:0; padding: 0px; list-style:none;} ul.piclist li {background:url(graphics/bullet.gif) no-repeat 2px 4px; padding: 0 0 0 15px; margin:0 0 15px 0px; border-bottom: 1px solid #ccc; } ul.piclist li a.headline{font-size:100%; font-weight:bold; text-decoration: none;} ul.piclist li .date{display:block; color:#19A4D9;font-size:90%;} ul.piclist li .picture{margin: 0 0 2px 5px; float:right;} ul.piclist li strong {color:#999;} ul.piclist li p {font-size:90%;} /* Story head with picture */ #leadpicture { width:385px; margin-bottom: 10px;} #leadpicture h1.headline {color:#fff;font-size:125%; font-weight:bold; margin:0 !important; padding: 0px !important; } #leadpicture img {border-bottom:1px solid #fff;} #leadpicture span {padding:5px; display:block;} /* story buttons */ .storybuttons {font-size:90%; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-transform:uppercase; padding: 0 0 0 20px; margin:0 0 20px 0;} .storybuttons ul {margin:0;padding:10px;} .storybuttons ul li {list-style:none;margin:5px 0;border-bottom:1px solid #ccc;padding-bottom:6px;} .storybuttons ul li img {margin:0 7px 0 -19px;vertical-align:middle;} .storybuttons ul li a {color:#FFF; text-decoration:none;} .storybuttons ul li a:visited {color:#FFF; text-decoration:none;} .storybuttons ul li a:hover {color:#FFF; text-decoration:underline !important;} .inlinetable .storybuttons {margin:10px 10px 0px 12px;} .inlinetable .storybuttons ul li a {font-size:86%;} .story {font-size: 110%; line-height: 125%;} .story h1 {font-size: 230%; line-height: 125%; font-weight:normal; margin-top:5px; clear: left;} .story h2 {font-size: 150%; line-height: 125%; font-weight:normal; margin: 15px 0 0 0; background:none !important; clear: left;} .story h3 {font-size: 130%; line-height: 125%; font-weight:normal; margin: 15px 0 0 0; clear: left;} .story h4 {font-size: 120%; line-height: 125%; font-weight:normal; margin: 15px 0 0 0; clear: left;} .story hr {border:0; color:#fff; border-bottom:1px solid #ccc; margin: 5px 0 5px 0; padding: 0;} .catchline {font-size: 120%; font-weight: bold; padding:10px 0 0 0; display: block;} .story a{text-decoration: underline;} .story a:visited{text-decoration: underline;} /* Quote Styles */ .quotetable {width:150px;margin:0px 0px 10px 10px;font-size:100% !important;} td .storyquote {padding:0px 8px 2px 8px;} td .storyquote p {line-height:135%;margin-top:5px;} td .quotesource {padding:0px 8px 0px 8px;} td .quotesource p {font-size: 90%; line-height:125%;color:#666;margin:0px 0px 5px 0px;border-top:1px solid #CCC;padding:5px 0 5px 3px;} /* Photo Credit */ .photocredit {font-size:90%;text-align:right;margin:8px 0 0 5px; padding-right:5px; font-family:Arial, Helvetica, sans-serif;} /* Byline picture */ .bylinetable {float:left;position:relative;width:105px;margin:0 10px 10px 0;} .bylinetable td {background-color:#E9E2B9;text-align:right;padding:0px;} .bylinetable img {border-left:2px solid #fff;} .bylinetable p {font-size: 90%; margin:0 !important;background-color:#FFF;border-bottom:1px solid #999;padding:4px 0 4px 0;} /* biography page*/ #bio .picture{float: left; clear: both !important; margin: 0 10px 10px 0;} #bio h2 {clear: both;} /* Inline Picture */ .story .inner .inlinepic {float: left; background-color: #fff;margin:5px 5px 20px 0;padding:10px 5px 5px 0; clear:left;border-top:1px solid;border-bottom:1px solid;} .story .inner .inlinepic .text {font-size:92%; font-family:Arial, Helvetica, sans-serif;} .story .inner .inlinepic h2 {margin:15px 0px 0px 0px;border-top:0px;padding:0;} .story .inner .inlinepic h3 {margin:15px 0px 0px 0px} .story .inner .inlinepic h4 {margin:15px 0px 0px 0px} /* Inline Adverts*/ .inlineadvert {float:left;clear:left;background-color:#fff; margin:10px 10px 10px 0; border-bottom:1px solid; border-top:1px solid; text-align:center; padding:10px 0;} .inlineadvertfull {clear:left;background-color:#fff; margin:10px 0; border-bottom:1px solid; border-top:1px solid; text-align:center; padding:10px 0;} /* Page extra elements */ .standfirst {font-size:100%;font-weight:bold;margin:20px 0 15px 0;} .story .inner .postscript, .story .inner .credit, .story .inner .source, .story .inner .references, .story .inner .reader {font-size:92%;color:#999;font-style:italic; clear:left; font-family:Arial, Helvetica, sans-serif;} .story .inner .postscript span, .story .inner .credit span, .story .inner .source span, .story .inner .references span, .story .inner .reader span {font-weight:bold;display:block;border-bottom:1px solid #bbb; font-family:Arial, Helvetica, sans-serif;} .story .inner .postscript p, .story .inner .credit p, .story .inner .source p, .story .inner .references p, .story .inner .reader p {margin:5px 0px 20px 0px; font-family:Arial, Helvetica, sans-serif;} .story .inner .bookreview {font-size:92%;margin:10px 0px;} /* Factfile */ .story .inner .factfile {margin:0 0 20px 0;border:1px solid #19A4D9; clear: left; clear: both;} .story .inner .factfile h2 {margin:15px 0px 0px 0px;border-top:0px;padding:0;} .story .inner .factfile h3 {margin:15px 0px 0px 0px} .story .inner .factfile h4 {margin:15px 0px 0px 0px} .story .inner .factfile ul,ol {color:#666;} .story .inner .factfile .text {padding:5px 15px 15px 15px;font-size:92%;} .story .inner .factfile .text .picture {margin:10px 10px 10px 0; float:left; width:120px;} /*fact file headings*/ .ffsubsubhead h2 {color: #fff !important; font-size: 90%; font-weight:bold; text-transform: uppercase; padding: 3px; margin: 0 0 0 8px !important; clear: both;} table.tmt{font-size:100%;} /* Inline Table Styles */ html>body div.inlinetable {padding-bottom:0px; overflow:auto;} .inlinetable {width:380px;} /* IE on the MAC does not see this - HACK. \*/ .inlinetable { overflow-x:auto; overflow-y:visible; width:380px; padding-bottom:15px; font-size:120%; margin:15px 10px 15px 0; height:auto; float:left; display:inline; position:relative; scrollbar-arrow-color:#666; scrollbar-face-color:#eee; scrollbar-track-color:#999; scrollbar-highlight-color:#fff; scrollbar-3dlight-color:#666; scrollbar-shadow-color:#666; scrollbar-darkshadow-color:#333; clear: left; } /* end hack */ /* CSS Hack for the story column on IE MAC */ html>body div.storytext {width:570px;} /* //IE/Mac sees this */ html>body div.factfile {width:570px;} html>body div.postscript {width:570px;} html>body div.credit {width:570px;} html>body div.source {width:570px;} html>body div.references {width:570px;} html>body div.reader {width:570px;} /* end hack */ #classified #rightsidepromo .houseadvert {width:160px;} #classified .maincolumn .storytext hr{padding: 0; margin: 0;} #classified .maincolumn .storytext p{ margin:10px 0 10px 0;} sup, sub{font-size:80%;}