/* CSS Document */ /*---------------------------------- MAIN BODY LAYOUT -------------------------------------------*/ /* DEFAULT BODY --------------------------------------------------------------------------------------------- */ body { font:80% Georgia, "Times New Roman", Times, serif; color : #333; text-align : 2px; } div#Wrapper { position : relative; width : 1000px; margin : 0 auto; text-align : left; } div#LatestWrapper { float:left; margin: 0 0 0 0; padding-bottom: 25px; display: inline; } div#ModuleWrapper { position: relative; padding: 20px 0 1em 0; margin: 0; width: 985px; background: url(images/shadow_body.png) no-repeat 50% 0; } div#MidContentWrapper { position : relative; width : 1000px; margin : 0 auto; background :url(images/bg.gif) repeat-y #fff; } .Wrapper {position: relative; margin-left: 15px; margin-right: 15px; padding-top: 15px; } .Wrapper2 { position: relative; margin: 0 15px 0 15px;} .Wrapper3 { position: relative; margin: 0 15px 15px 15px; } .Wrapper4 { position: relative; margin: 0 0 15px 0; } .Shortcuts .Wrapper2 { position: relative; margin: 0 15px 0 30px;} /*---------------------------------- TOP CONTENT -------------------------------------------*/ /*positions*/ /* Top Ad Banner */ div#AdTopBanner {position : absolute; top : 22px; left : 259px; width : 730px; height : 90px; } div#AdTopBanner a img, div#AdTopBanner a:hover img { border: none;} /*MAIN NAVIGATION POSITIONING & STYLE ELEMENTS*/ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * {margin: 0;padding: 0; list-style: none;} .sf-menu { line-height: 1.0; float:left; width: 740px; margin-top:138px; margin-left: 15px; display:inline; } .sf-menu ul {position: absolute; top: -999em; width: 13em; /* left offset of submenus need to match (see below) */} .sf-menu ul { padding-bottom: 10px;} .sf-menu ul li {width: 100%;} .sf-menu ul li a {font-size: 1.25em; line-height : 35px; } .sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */} .sf-menu li {float: left; position: relative; margin-right: 7px;} .sf-menu a {display: block; position: relative; text-decoration :none; font-weight: bold; font-family: Arial, Helvetica, sans-serif;} ul li.MainMenu a, ul li.MainMenu a:visited {color : #444; font-size: 1.25em;} .MainMenu a:hover {color : #fff;} ul li.MainMenu a.Active {color:#FFF;} .sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 0;top: 2.5em; /* match top ul list item height */z-index:10000;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 10em; /* match ul width */top: 0;} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left: 10em; /* match ul width */top: 0;} /*** DEMO SKIN ***/ .sf-menu {float: left;margin-bottom: 0em;} .sf-menu a {font-size: 1.25em; text-decoration:none; padding:.6em .6em; text-decoration:none;} .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color : #444; } .sf-menu li li {background: #69EE15; } .sf-menu li li a, .sf-menu li li a:visited {color: #fff; font-size: 1.15em; padding: .6em .6em .3em .6em; line-height:1em; } .sf-menu li li a:hover{ color: #444;} .sf-menu li li li {background:#9AAEDB;} .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline: 0;} /*----------------------------------------------------------------------------------------------------------*/ /*positions*/ /*MODULE POSITIONING AND ELEMENTS*/ /*general module positioning*/ #MainContentWrapper { width:835px; float:left; } #firstContentWrapper { width:528px; float:left; margin-bottom: 10px; } .firstContent {width:510px; margin-left:9px;} .firstContentShadow { width:528px; position:relative; background:url(images/main_btm_shadow.jpg) 50% 100% no-repeat; padding-bottom: 9px; } .firstContentShadow2 { width:528px; position:relative; background:url(images/main_btm_shadow_top.jpg) 50% 100% no-repeat; } #secondaryContentWrapper { width:300px; float:right; font-size: 97%; } #thirdContentWrapper { width:120px; float:right; font-size: 97%; } /*---------------------------------- BASE CONTENT -------------------------------------------*/ /*positions*/ div#BaseContent {width : 1000px; float :left; background : #000; min-height: 200px; padding: 25px 0;} div#UpperFooter { width : 975px; float :left; background : #222; margin-top: 15px; height: 185px; padding: 25px 0 25px 25px; } /*---------------------------------- FOOTER CONTENT -------------------------------------------*/ /*positions*/ div#FooterContent {background-color : #0D0D0d; width : 1000px; height: 135px;margin : 0 auto;float: left; padding: 15px 0; text-align: left;} .OurFriends a img { margin-right: 13px; border: none; } .OurFriends a:hover img {border: none;} /*---------------------------------- DEFAULT ELEMENT STYLES -------------------------------------------*/ * { margin : 0; padding : 0; } /*Clear style*/ div.clear {position: relative; clear: both; } .hidden { display: none; } /* default unordered list */ ul {list-style-type : none; padding-left : 0; margin-left : 0px; } /* default box */ .box { text-align: left; } /* default image with border style */ a img {border: none;} a:hover img {border: none;} /*---------------------------------- FONT STYLES -------------------------------------------*/ /* default paragraph */ p { padding : .5em 0; line-height: 1.5em; color: #333333;} /* default headers */ /*Logo*/ h1 { position : absolute; top : 6px; width: 242px; height : 106px; background : url(images/gcn_logo.png) no-repeat; text-indent : -9999px; left: 5px; } h2 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic; font-size: 2em;} h3 {line-height: 1.3em; padding: 0 0 0.5em 0; font-size: 1.5em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic; } h4 {line-height: 1.3em; padding: 0 0 0.5em 0; font-size: 1.5em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic; } .style2 { font-size: 135%; font-weight: bold; line-height: 1.3em; font-family: Arial, Helvetica, sans-serif; } .rss a { position:absolute; top:0; left:451px; display:block; height:28px; width:30px; text-indent:-9999px; background:url(images/feed_icon.gif) no-repeat; border: none;} .PostAdvert a { position:absolute; top:0px; left:396px; display:block; height:28px; width:84px; text-indent:-9999px; background:url(images/post_advert_btn.gif) no-repeat; border: none;} .EditBlog a { position:absolute; top:4px; left:401px; display:block; height:28px; width:84px; text-indent:-9999px; background:url(images/edit_btn2.jpg) no-repeat; border: none;} .dottedline { margin: 15px 0 15px 0; border-bottom: dotted #ccc 1px;} /* default breadcrumbs style */ p.breadcrumbs{ font-size: 90%; padding-top: 0px; } p.breadcrumbs a{ font-size: 96%; text-decoration:none; color: #FF6600; } p.breadcrumbs a:hover, a:visted{font-size: 96%;text-decoration:none; font-weight: bold; color: #999;} /*---------------------------------- SECOND CONTENT MODULE STYLES -------------------------------------------*/ .SecondContent { width:300px; position: relative; padding: 15px 0 15px 0; margin-bottom: 15px; } .SecondContent a:link {font-weight:bold;} .SecondContent a:visited {font-weight:bold; font-style:italic; } .SecondContent a:hover {font-weight:bold; } .SecondContent h4 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style:normal;} .SecondContent p {padding:0 0 .5em 0;} .SecondContent2 { width:300px; position: relative; padding:0; } .SecondContent .Wrapper2 {padding-top: 15px;} .Welcome .Wrapper2 { position: relative; margin: 0 15px 0 15px; padding-top:0;} .Video, .Gallery, .LatestBlogs {background-color: #fff;} .Login {background-color: #000000; position:relative; padding:0; height: 75px;} .Welcome { background-color: #000000; position:relative; padding-bottom: 0px; } .MagPromo { background-color: #c1bbb9; position:relative; padding:0; margin-top: 15px; } .Video h3, .Gallery h3 , .LatestBlogs h3, .LatestFeatures h3, .RelatedFeatures h3, .MyPreviousEntries h3, .OurOtherBloggers h3, .InYourArea h3, .ClassifiedsSearch h3, .Catagories h3, .OurFriends h3, .Shortcuts h3 , .AskOurExperts h3, .Calendar h3 {margin-left: 15px; border-bottom: 1px dotted #ccc ; margin-right:15px;} .Calendar h3 {padding-left: 75px;} .InYourArea {} .InYourArea p {font-size: 120%; font-style:italic;} .Gallery h3 {padding-bottom:5px; border-bottom: 1px dotted #ccc ; padding-right:15px;} .Gallery h4 { padding: 0 15px; font-size: 110%; margin: 12px 0 8px 0; font-family: Arial, Helvetica, sans-serif; } .SecondContent.Gallery p { padding-left:15px; padding-top: 6px;} .SecondContent.Gallery a img {border: 3px solid #000000; width: 50px; height:50px;} .SecondContent.Gallery a:hover img {border: 3px solid #ccc ;} .OurFriends h3 {color:#ccc; margin-left: 30px;} .OurFriends .Wrapper2 { margin-left: 30px; margin-right: 0px; } .OurFriends .Wrapper {margin-left: 30px;} ul.Tabs { display:inline; clear:left; width: 250px; } ul.Tabs li {font-weight: bold; display:inline; float:left; } ul.Tabs li.off, ul.Tabsli.off:visited { color:#3a382b; height:40px; margin-right:3px; line-height:40px; float:left; background:url(images/tabs_0.gif) repeat-x left bottom #f6f2f3; cursor:pointer; position:relative; z-index:20; font-size: 1.2em; display:inline; padding:0 14px; width: 120px; border-bottom: 1px solid #cdcccb; } ul.Tabs li.off:hover { color:#746b5c; } ul.Tabs li.off a, ul.Tabsli.off a:visited { color:#3a382b; } ul.Tabs li.off a:hover { color:#746b5c; } ul.Tabs li.Right {font-weight: bold; display:inline; float:right; } ul.Tabs li.on { color:#222; padding:0 14px 0 14px; margin-right:3px; float:left; background:url(images/tabs_2.gif) repeat-x left bottom #fff; cursor:pointer; border-bottom:1px dotted #ccc; height:40px; line-height:40px; position:relative; z-index:100; font-size: 1.2em; width: 118px; } ul.Tabs li.on:hover { color:#746b5c; } ul.Tabs li.on a{ color:#fc7d00; } ul.Tabs li.on a:hover { color:#746b5c; } div.VideoHolder { width:270px; background-color: #FFFFFF; margin-left: 15px; position: relative; margin-top: 15px; } .LatestFeatures h4 { color : #ff3399; font-size : 100%; font-weight: normal; line-height: 1.3em;} .OurOtherBloggers h4 , .LatestBlogs h4 , .Blogger h4, .MyGcn h4, .AskOurExperts h4 { font-size : 130%; font-weight: bold; line-height: 1.3em; margin-right:10px; margin-left: 65px; padding-top: 0px; font-style:italic; } .SideFeatures { padding-bottom:0; clear: left; background: #fff; } .SideFeatures ul { margin-left: 15px; margin-right: 15px; } .SideFeatures li { height:80px; } .SideFeatures Img { float: left; margin-top: 2px; width: 60px; height: 60px; } .SideFeatures h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size : 125%; font-weight: bold; line-height: 1.3em; margin-right:10px; margin-left: 75px; padding-top: 0px; font-style:italic; } .SideFeatures p {margin-left: 75px; padding:0; line-height: 1em;} .OurOtherBloggers p , .LatestBlogs p , .AskOurExperts p { margin-left: 65px; margin-right:15px;} .OurOtherBloggers img , .LatestBlogs img, .SideFeatures Img { float: left; margin-top: 2px;} .AskOurExperts img { float: left; margin-top: 5px; margin-bottom: 10px;} .AskOurExperts h5 {line-height: 1.3em; margin-right:10px; margin-left: 65px; padding-top: 5px; font-size: 110%;} /* side links style */ div.SideLink { width:142px; height: 120px; position: relative; cursor:hand; background-color: #FFFFFF; display: block; margin-bottom: 15px; } .TellyLink h3, .SceneLink h3, .CommunityLink h3, .BlogLink h3, .ClassifiedsLink h3, .CompetitionsLink h3 { width:132px; height:120px; padding-bottom: 0px; text-indent:-9999px;} .TellyLink h3 a{ background:url(images/telly_link.jpg) 0 0; display:block; width:132px; height:120px;} .TellyLink h3 a:hover{ background:url(images/telly_link.jpg) 0 120px; display:block;} .SceneLink h3 a{ background:url(images/scene_link.jpg) 0 0; display:block; width:142px; height:120px; } .SceneLink h3 a:hover{background:url(images/scene_link.jpg) 0 120px; } .CommunityLink h3 a{ background:url(images/community_link.jpg) 0 0; display:block; width:142px; height:120px; } .CommunityLink h3 a:hover{background:url(images/community_link.jpg) 0 120px;} .BlogLink h3 a{background:url(images/blogs_link.jpg) 0 0; display:block; width:132px; height:120px;} .BlogLink h3 a:hover{background:url(images/blogs_link.jpg) 0 120px; display:block;} .ClassifiedsLink h3 a{ background:url(images/classifieds_link.jpg) 0 0; display:block; width:142px; height:120px; } .ClassifiedsLink h3 a:hover{background:url(images/classifieds_link.jpg) 0 120px; display:block;} .CompetitionsLink h3 a{ background:url(images/competitions_link.jpg) 0 0; display:block; width:142px; height:120px; } .CompetitionsLink h3 a:hover{background:url(images/competitions_link.jpg) 0 120px; display:block;} /*Classifieds Search Box*/ .ClassifiedsSearchBox { margin: 0 15px 0 15px; } .MyDownloads {background:url(images/link_pic.jpg)} .MyArchive {background:url(images/link_pic.jpg)} .MyFreebies {background:url(images/link_pic.jpg)} .MyFreebies {background:url(images/link_pic.jpg)} .NewsGossip { position: relative; margin-top: 0px; } .Archive { position: relative; margin: 55px 0 15px 0; } .Archive h2{ } .Archive h5{ margin :10px 0 5px 15px; font-size : 110%; line-height: 1.3em;} .MyGcn { position: relative; margin: 0 15px 15px 15px;} .MyGcn h2 { } .MyGcn p{ margin: 10px 0 0 195px;} .MyGcn h4{ margin-left: 195px; } .MyGcn img { float: left; height: 180px; height:180px; } .HotOffThePress { height: 230px; background: url(images/favs_panel_bg.png) repeat-x #000; position: relative; margin: 0 15px 15px 15px;} .HotOffThePress h3 { margin-left: 245px; padding: 15px 15px 0 0; font-size : 250%; color: #FFF; line-height: 1.1em;} .HotOffThePress img { float: left; } .HotOffThePress p.more a {position:absolute; left: 245px; top: 193px; font-size: 110%;} #Corner {position:absolute; width:40px; height: 38px; left: 440px; top: 192px; background: url(images/corner.gif) no-repeat;} .ScenePics { position: relative; margin: 0 15px 15px 15px;} .ScenePics h2{ } .ScenePics h3 a, .ScenePics h3 a:visited, .ScenePics h3 a:hover{font-weight: bold; font-style:italic;} .Podcasts, .Downloads, .InOut, .Lifestyle, .Competitions { position: relative; margin: 0 15px 15px 15px;} .Competitions h2 { } .Podcasts h2 { } .Downloads h2 { } .InOut h2 { } .Lifestyle h2 { } .GcnArchive { position: relative; margin: 0 15px 15px 15px;} .GcnArchive h2 { } .Year { position: relative; margin: 15px 0 15px 15px; width: 495px;} .Year h5 { display: block; font-size: 1.5em; color: #69EE15; padding-bottom: 10px;} .sticker { background:url(images/sticker.png) no-repeat; border: none; position:absolute; top:-11px; right:-24px; display:block; height:69px; width:64px; } .StickerMonth { font-size:14px; color:#fff; position:absolute; top:6px; right:-4px; width: 38px; height: 37px; text-align: center; line-height: 1.1em; } ul#pmf {float: left; margin-top:10px; } li#pmf2 { margin-right: 13px; margin-bottom: 10px; width :110px; float : left; } li#pmf2 p { padding:0;} .Cover { position:relative;} .MyGcnLinks, .ForgottenPassword { margin: 15px 0 15px 0;} .Register, .ABitAboutMe { padding-top:20px;} .ABitAboutMe p { margin-left:0px; margin-top: 0px; padding:0;} .Register p { margin-left:0px; margin-top: 0px;} .Blogs { position: relative; margin: 0 15px 15px 15px;} .Blogs h2 { } .Classifieds { position: relative; margin: 0 15px 15px 15px;} { } .Noticeboard { position: relative; margin: 0 15px 15px 15px;} { } .Magazine h3 { display: block; font-size: 1.5em; color: #FF3399; padding: .5em 0 .5em 0; text-indent:0;} .NewsPage, .GossipPage, .SearchResults, .VideoPage { position: relative; margin: 0 0 15px 0;} .Magazine, .Shop { position: relative; margin: 0 0 15px 0;} .SearchResults { position: relative; margin: 75px 0 15px 0;} .SearchResults h2 { } .Shop h2, .Blogs h2, .Lifestyle h2, .InOut h2, .Downloads h2, .Podcasts h2 { padding-bottom: 15px; } .NewsPage h5, .GossipPage h5, .SearchResults h5, .Magazine h5{ display: block; border-bottom: dotted #ccc 1px; line-height: 2em; font-size: 1.5em; color: #FF3399; } .Classifieds h5 { display: block; line-height: 2em; font-size: 1.5em; color: #69EE15; } .Blogger {height:100%;} .Blogger p { margin-left: 130px; margin-right:10px; padding: 0.5em 0 0 0; } .Blogger h4 { margin-left: 130px; margin-right:10px;} .Blogger img {float: left; } .MyDownloads h3 { text-indent : -9999px; background:url(images/tv_link_title.gif) no-repeat; width:110px; height:60px; padding-bottom: 0px;} ul#mcg { list-style-type: none; float: left; display: inline; margin-bottom: 0; width: 100%; } ul#mg { list-style-type: none; float: left; display: inline; margin: 0 0 0 15px; padding:0;} li.topgallery {float : left; margin-right : 13px; margin-bottom : 11px; list-style: none; display: inline; } li.bottomgallery { float : left; display: inline; margin-right : 13px;} /*latest blog style*/ .LatestBlog { margin-left: 15px; margin-right: 15px} .LatestBlog h4 a{ margin-left: 15px; color : #ff3399; font-size : 100%; font-weight: normal; text-decoration:none; line-height: 1em; } .LatestBlog p { margin-left: 65px; margin-right:10px;} .LatestBlog img { float: left; margin-bottom: 10px;} /*news*/ div.News { position: relative; background:url(images/arrow_off.gif) 410px 15px no-repeat; display: block; padding: 15px 0 15px 15px; height:100%; } div.News:hover { background:url(images/arrow_on.gif) 410px 15px no-repeat #CAC4C2; display: block; padding: 15px 0 15px 15px; height:100%;} .News h4 { color : #ff3399; font-size : 130%; font-weight: normal; line-height: 1.3em; margin-right:105px; margin-left: 135px; } .News:hover h4 { color : #ffffff; } .News p { margin-left: 135px; margin-right:105px; color:#000000;} .News img {float: left; ; border: none; } .News:hover img {border: none;} .NewsLink p.NewsTag, .NewsLink p.GossipTag, .NewsLink p.FeatureTag, .NewsLink p.CompTag {position: absolute; height: 65px; width: 65px; top: 5px; left: 5px; text-align:center; padding-top: 23px; margin: 0; font-weight: bold; font-style: italic; color: #FFFFFF;} .NewsLink p.NewsTag {background:url(images/newstag_sticker.png) no-repeat;} .NewsLink p.GossipTag {background:url(images/gossiptag_sticker.png) no-repeat;} .NewsLink p.FeatureTag {background:url(images/featuretag_sticker.png) no-repeat;} .NewsLink p.CompTag {background:url(images/comptag_sticker.png) no-repeat;} .Arrow { position: absolute; height: 124px; width: 85px; text-indent: -9999px; background:url(images/arrow_off.gif); top: 15px; left: 410px;} .Arrow:hover { position: absolute; height: 124px; width: 85px; text-indent: -9999px; background:url(images/arrow_on.gif); top: 15px; left: 410px; } .article1 { width : 232px; float: left; } .article2 { width : 232px; float: right;} .miniarticle1 { width : 127px; float: left; } .miniarticle2 { width : 127px; float: right; } .MainBlog p {} .MainBlog h5 { font-family: Arial, Helvetica, sans-serif; padding-bottom: 7px; font-size: 120%; padding-top: 7px; } .Adverts { padding: 0 0 0 0; } .Latest { padding-bottom:15px; padding-top:15px;} .FrontFeatures h4 a , .FeaturesIndex h4 a{ color : #ff3399; font-size : 130%; font-weight: normal; line-height: 1.3em; } .FrontFeatures a img { margin-bottom: 10px; border: none;} .Features { position: relative; margin: 0 15px 15px 15px;} .Features h2 { padding-bottom: 15px;} .MyGcnLinks a img { border: none; height: 60px; width: 232px;} .LatestFeatures {margin-top:15px;} .LatestFeatures a img { margin-bottom: 5px; border: none; width: 127px; height: 53px; } .LatestFeatures, .RelatedFeatures, .MyPreviousEntries, .OurOtherBloggers, .AskOurExperts, .InYourArea, .ClassifiedsSearch, .Catagories, .Calendar { background : #fff;} .MyPreviousEntries p{ margin-left: 15px; line-height: 1em;} .FeaturesIndex { position: relative; margin: 0 0 15px 0;} .FeaturesIndex h2{ background:url(images/features_title.png) no-repeat; position: absolute; width: 338px; height: 76px; left: -7px; top: -64px; z-index: 1;} .FeaturesIndex a img { margin-bottom: 5px; border: none;} .FeaturesIndex h5{ font-size : 110%; line-height: 1.3em;} ul.list { display : block; line-height: 1.3em; margin: 15px 15px 0 15px;} ul.list li{ padding: 0 0 0.6em 0; } ul.list li a { font-weight:bold; font-family: Arial, Helvetica, sans-serif; } ul.list1 { line-height: 1.3em; margin-right: 15px; width:143px; display: block; float: left; margin-top: 10px; padding: 0; } ul.list1 li{ padding: 0 0 0.4em 0; font:Arial, Helvetica, sans-serif; } ul.list2 { line-height: 1.3em; width:164px; float: left; margin-top: 10px; } ul.list2 li{ padding: 0 0 0.4em 0; font:Arial, Helvetica, sans-serif; } ul.list1 li a, ul.list2 li a { font-size : 12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} ul.list1 li a:visited, ul.list2 li a:visited{ font-weight:bold;} ul.list1 li a:hover, ul.list2 li a:hover{font-weight:bold;} ul.list3 { line-height: 1.3em; margin-right: 30px; display: block; float: left; margin-top: 0px; padding: 0; border-right: ; text-align: left; } ul.list3 li{ padding: 0 0 0.4em 0; } ul.list3 li a{ font-size : 12px; } ul.list3 li a:link{ color: #fff; } ul.list3 li a:visited{ color: #fff; } ul.list3 li a:hover{ color: #666; text-decoration : none ; } li.indent a {padding-left: 1em;} li.indent a:link{ color: #5B5238; } li.indent a:visited{ color: #666; } li.indent a:hover{ color: #666; text-decoration : none ; } ul.ClassifiedsList li{ padding: 0 0 0.4em 0; font:Arial, Helvetica, sans-serif;} ul.ClassifiedsList li a{ } p.comments { padding-left: 24px; background : url(images/comment_icon.gif) no-repeat 0 50%; text-align: left; border-bottom: dotted #ccc 1px; padding-bottom: 1em; } p.comments a, #mail a, #print a{ font-weight:bold; font-style:italic; } .ArrowWrapper {margin-top: 10px;} .prev { padding-top:25px;} .prev a { height:40px; width:83px; text-indent:-9999px; background:url(images/prev_arrow.gif) no-repeat; float: left;} .prev a:hover { background:url(images/prev_arrow_on.gif) no-repeat; } .next a { height:40px; width:83px; text-indent:-9999px; background:url(images/next_arrow.gif) no-repeat; float:right;} .next a:hover { background:url(images/next_arrow_on.gif) no-repeat; } .BannerAd { width: 468px; height: 60px; position: relative; margin: 15px 0 0 24px;} .PageTools { width: 480px; position: relative; margin: 10px 0 10px 24px; } ul.PageTools li {float:left; line-height: 34px; } li#mail { color: #3399cc; background:url(images/mail_icon.jpg) no-repeat 0 50%; height: 34px; padding: 0 15px 0 35px;} li#print { color: #3399cc; background:url(images/print_icon.jpg) no-repeat 0 50%; padding-left:35px; height: 34px;} .ReplyToAdvert { margin: 0 0 15px 24px; position:relative; padding-top: 15px; } .AdvertBox { width: 480px; height: 70px; margin-bottom: 10px; margin-top: 0;} .AdvertButton { width: 120px; height: 23px; float: right; margin-right: 24px} .CommentsWrapper { margin-left: 9px; width: 510px; } .AddYourComments { margin: 0 15px 15px 15px; position:relative; clear: left; } .AddYourComments h4{ padding-top: 15px; font-size: 1.3em; } .ReplyToAdvert h4 { padding-top: 10px;} .CommentBox { width: 480px; height: 70px; margin-bottom: 10px; margin-top: 0px;} .CommentButton { width: 120px; height: 23px; float: right; margin-right: 15px} .Top { position: relative; margin: 45px 15px 0 15px;} .Top2 { position: relative; margin: 28px 15px 0 15px;} .LoginBox { float: right; width: 165px; margin-top: 10px; background : #5A4D44; color: #FFFFFF; border: solid #AAA19C 1px; padding-top : 5px; padding-left : 5px; font : 100% Verdana, Arial, sans-serif;} .LoginText {margin-top: 10px; float: left; font : 90% Arial, sans-serif; color: #FFFFFF; line-height: 25px;} .LoginButton { width: 120px; height: 24px; float: right; margin-top: 10px; } .CheckBox { width: 12px; float: left; margin-right: 5px; height: 12px; border: none; } .CheckText { color: #FFFFFF; font : 90% Arial, sans-serif; float: left; margin-top: 20px; line-height: 12px;} .CommentReplies { margin-left: 15px; margin-right: 15px; } .CommentReplies p { margin:0 0 0 85px; padding:0; } .CommentReplies img { float: left; margin-top: 0.3em; } .ForeverCommentReplies { margin-left: 15px; margin-right: 15px; } .ForeverCommentReplies p { margin:0 0 0 0; padding:0; } .ForeverCommentReplies h4 {padding: .5em 0 0 0;} ul.MainClassifieds {padding-bottom:10px;} ul.MainClassifieds img { margin-left:7px; padding: 0; clear: none; } ul.Classified { margin: 0; padding: 0; display: inline;} ul.Classified li a {font-weight:bold; font-style:italic;} .Login h3 {font-size: 230%; color: #FFFFFF; line-height: 1em; padding: 10px 15px 0 15px;} .Login h3 .SecondLine {font-size: 75%;} a.JoinSticker { position:absolute; left: 195px; top: -10px; width: 93px; height:93px; background:url(images/join_sticker.png) no-repeat; display:block; text-indent:-9999px; } .NewIssue {position:absolute; width:144px; height:107px; left:135px; top:-2px; background:url(images/latest_issue.png); text-indent:-9999px;} .Welcome h3 { color: #FFFFFF; font-size: 200%; padding-bottom: 0.3em; line-height: 1em; padding-left: 77px; } .Welcome h4 { margin-left: 77px; color:#FFFFFF; font-size: 110%; padding-bottom: 0px; } .Welcome p { margin-left:77px; color: #FFF;} .Welcome img { float: left; border: solid #fff 3px;} div .sociable { margin: 15px 0 0 195px!important; } .sociable span { display: block; } .sociable ul {display: inline; margin: 0 !important; padding: 0 !important; } .sociable li { background: none; display: inline; list-style-type: none; margin: 0; padding: 2px; } .sociable ul li:before { content: ""; } .sociable img { float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0;} .sociable-hovers {opacity: .4;-moz-opacity: .4;filter: alpha(opacity=40);} .sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);} img.floatLeft { float: left; margin: .8em 1em 1em 0; } .MainVideoHolder {margin:0;} /*blog style*/ a.NewsLink { position: relative; display: block; padding: 15px 0 15px 15px; height:100%; } a.NewsLink:hover { background:#F8F8F8; display: block; padding: 15px 0 15px 15px; height:100%;} .NewsLink p { margin-left: 135px; padding-right:15px;} .NewsLink img {float: left; ; border: none; } .NewsLink:hover img {border: none;} p.podcast { padding-left: 20px; background : url(images/podcast_attachment_icon.gif) no-repeat left center;} p.pdf { padding-left: 20px; background : url(images/pdf_attachment_icon.gif) no-repeat left center;} p.doc { padding-left: 20px; background : url(images/word_attachment_icon.gif) no-repeat left center;} p.jpg { padding-left: 20px; background : url(images/jpg_attachment_icon.gif) no-repeat left center;} p.gif { padding-left: 20px; background : url(images/gif_attachment_icon.gif) no-repeat left center;} p.copyright { color : #9B8E8A; font-size : 90%; font-weight: normal;} /* Skyscrper Ads */ #AdSide1, #AdSide2, #AdSide3 { width : 120px; } #AdSide1 img, #AdSide2 img, #AdSide3 img {border:none; } #AdSide1:hover img, #AdSide2:hover img, #AdSide3:hover img {border:none; } #AdSide3 { width : 300px; } /* NEW DANNY BITS */ .pink {color: #ff3399;} .ClassifiedsSearch a img { border: none;} .ClassifiedsSearch a:hover img { border: none;} /* NEW CHRIS BITS 17/04/08 */ .Expert {height:100%;} .Expert p { margin-left: 130px; margin-right:10px; padding: 0.5em 0 0 0; } .Expert h4 { margin-left: 130px; margin-right:10px;} .Expert img {float: left; width:115px; height: 115px; } /* NEW DANNY BITS yeah nah*/ #YeahNah {width : 120px; padding-bottom : 33px; background:url(images/yahnah_shadow.jpg) 50% 100% no-repeat #E0D6D4;position:relative;} #YeahNah h2 { background:url(images/yahnah_title.png) no-repeat; position: absolute; width: 62px; height: 62px; left: 75px; top: 66px;} #YeahNah p {margin: 0 14px; padding: 10px 0; font-size: 1.4em; font-weight: bold; line-height: 1em; border-bottom: solid #BCAFAC 1px;} #YeahNahButtons {width : 100px; padding-bottom : 15px; margin-left:10px;} #BaseContent h3, #FooterContent h3 {border:none;} .yahbutton a{ display:inline;height:23px;width: 44px;overflow:hidden;background:transparent url(images/yahbtn.jpg) no-repeat; text-indent : -9999px;float: left; margin-left: 14px; margin-top:10px;} .yahbutton a:link, .yes1button a:visited {} .yahbutton a:hover {background-position: left bottom} .nahbutton a{ display:inline;height:23px;width: 44px;overflow:hidden;background:transparent url(images/nahbtn.jpg) no-repeat; text-indent : -9999px;float: right;margin-right: 14px;margin-top:10px;} .nahbutton a:link, .no1button a:visited {} .nahbutton a:hover {background-position: left bottom} .yahnahShadow{ width:120px; heightposition:relative; background:url(images/yahnah_shadow.jpg) 50% 100% no-repeat;} .Left {float:left;} .Right {float:right;} h1, .Corner, .NewsTag, .GossipTag, /*.InOut h2, .Lifestyle h2, .VideoPage h2, .Podcasts h2, .Downloads h2, .Shop h2, .Competitions h2, img, div, .FrontFeatures h2, .Features h2, .Login h3, .Welcome h4, .HotOffThePress h2, .Archive h2, .MyGcn h2, .ScenePics h2, .GcnArchive h2,*/ .sticker, /*.Blogs h2, .Classifieds h2, .SearchResults h2, .Magazine h2, .NewsPage h2, .GossipPage h2, .FeaturesIndex h2,*/ .AddYourComments h2, .HotOffThePress h2, .NewIssue, .JoinSticker, ul#NavShare li#Twitter a, ul#NavShare li#FaceBook a, a.SignUpSticker, .SignUp h3, .MagPromo h3, a.ReadNow { behavior: url(iepngfix.htc) } p.Forever {padding:0;} .ForeverPage input.ContactImput{font-size:12px; padding:2px 2px; border:solid 1px #999; width:85px; margin:2px 0 2px 0;} .BtnShadow {padding-left:0; margin-bottom: 25px;float:left; width: 230px; margin-right: 10px;} .BtnShadow a:link.Btn, .BtnShadow a:visited.Btn {display:block; background: url(images/btn_bg.gif) repeat-x 0 0; line-height: 31px; width: 230px;border: solid #FD5D06 1px; text-align: center; font-weight: bold; color: #FFFFFF;} .BtnShadow a:hover.Btn {display:block; background: url(images/btn_bg.gif) repeat-x 0 -31px; line-height: 31px; border: solid #FD5D06 1px; text-align: center; font-weight: bold; color: #fff;} .Wrapper3 .ForeverPage h3 {padding: 5px 0 5px 0; font-size: 1.65em; line-height:1.2em;} .ForeverPage input {font-size:12px; padding:2px 2px; border:solid 1px #999; margin:2px 0 10px 0; width:190px;} .ForeverPage select {margin:2px 0 10px 0; width:190px;} .RadioText {padding-bottom: .5em; float:left;} .ForeverPage .RadioText label, label.RadioText {padding-right: 5px;} .ForeverPage .RadioText input {margin-right: 10px; margin-top: 4px; padding:0; border:none; width: 15px;} #ctl00_MainContentPlaceHolder_Feedback_ctl00__field_Address1 {width: 400px;} #ctl00_MainContentPlaceHolder_Feedback_ctl00__field_Address2 {width: 400px;} #ctl00$MainContentPlaceHolder$Feedback$ctl00$_field_Town {width: 400px;} #ctl00_MainContentPlaceHolder_Feedback_ctl00__field_DeliveryAddress1 {width: 400px;} #ctl00_MainContentPlaceHolder_Feedback_ctl00__field_DeliveryAddress2 {width: 400px;} #ctl00_MainContentPlaceHolder_Feedback_ctl00__field_DeliveryTown {width: 400px;} #ctl00_MainContentPlaceHolder_Feedback_ctl00__field_CSC {width: 100px;} a.ReadNow { position:absolute; left:195px; top:238px; text-indent:-9999px; background:url(images/read_now_btn.png) 0 0 no-repeat; display:block; width:116px; height:116px; } a.ReadNow:hover {background:url(images/read_now_btn.png) 0 100% no-repeat; } .MagPromo img { width:270px; padding: 15px; } .MagPromo h3 {position:absolute; left:-1px; top:-1px; text-indent:-9999px; background:url(images/latest_issue_title.png) 0 0 no-repeat; display:block; width:138px; height:138px;} .SignUp {background-color: #9e8f8a; position:relative; padding:0; height: 72px;} .SignUp h3 { background:url(images/signup_title.gif) 15px 13px no-repeat; height: 37px; text-indent: -9999px; display:block;} .SignUp p {font-size: 100%; font-weight: bold; font-style:italic; color:#534b4a; padding: 0 15px 0 15px;} a.SignUpSticker { position:absolute; left: 230px; top: -3px; width: 80px; height:80px; background:url(images/signup_sticker.png) 0 0 no-repeat; display:block; text-indent:-9999px; } a.SignUpSticker:hover {background:url(images/signup_sticker.png) 0 100% no-repeat; } ul#NavShare {float:right; width: 200px; margin-top:136px;} ul#NavShare li {float : left; } ul#NavShare li { display : block; padding: 3px .6em 0 .6em; line-height : 35px; text-decoration : none; font-size: 1.3em; font-weight: bold; margin-right: 7px;font-family: Arial, Helvetica, sans-serif;} ul#NavShare li#FaceBook, ul#NavShare li#Twitter {width:36px; height:36px; padding:0;} ul#NavShare li#FaceBook a {text-indent: -9999px; display:block;width:36px; height:36px; background:url(images/facebook_link.png) 0 0 no-repeat;} ul#NavShare li#FaceBook a:hover {background:url(images/facebook_link.png) 0 100% no-repeat;} ul#NavShare li#Twitter a {text-indent: -9999px; display:block;width:36px; height:36px; background:url(images/twitter_link.png) 0 100% no-repeat;} ul#NavShare li#Twitter a:hover {background:url(images/twitter_link.png) 0 0 no-repeat;} /* Contact form styling elements */ .ContactForm {margin-top: 15px; clear: left;} #Contact.Competition {margin-top: 5px;} #Contact.Competition h4 {font-size: 1.5em;} label.ContactText {display:block; font-weight:bold; width:200px; clear:both; margin-bottom: 5px;} .ContactForm input.ContactImput {font-size:12px; padding:2px 2px; border:solid 1px #aaa; width:270px; margin:2px 0 10px 0; clear:both;} .Competition input.ContactImput {width:475px;} .ContactForm textarea { font-size:12px;padding:4px 2px;border:solid 1px #aaa;width:475px;height: 70px;margin:2px 0 10px 0;clear:both;} .Competition textarea { height: 50px;} #Contact {margin: 15px 0;} .ContactForm select { margin:2px 0 10px 0; width:274px; clear: both; } input.Newsletter {margin-right: 6px; margin-top: 2px;} .ContactForm a:link.Btn, .ContactForm a:visited.Btn { display:block; background: #333; line-height: 31px; width: 160px; text-align: center; font-weight: bold; color: #FFFFFF; padding-left:0; margin-bottom: 10px; float:right; width: 180px; margin-right: 0px; clear: both; } .ContactForm a:hover.Btn {display:block; background: #666; line-height: 31px; text-align: center; font-weight: bold; color: #fff;} .NewsletterCheckBox {float:left; width: 300px;} /* Share Button */ a.Share {text-indent:-9999px; background: url(images/share_btn.gif) no-repeat; width: 93px; height: 22px; display:block; float:right; margin-top: 3px;} a.RSS { text-indent:-9999px; background: url(images/feed_icon2.gif) no-repeat; width: 23px; height: 22px; display:block; float:right; margin-top: 3px;} .OopsPage #MidContentWrapper { position : relative; width : 1000px; margin : 0 auto; background :url(images/bg_oops.gif) repeat-y #fff; } #Oops {width: 450px; height: 146px; background: url(images/oops_badge.gif) no-repeat; padding-left: 156px; margin: 100px 0 100px 150px;} #Oops h3 { font-size: 2em; padding-bottom: .2em; padding-top: 15px;} #Oops p {font-weight: bold; font-size: 1.4em; font-style:italic; padding:0; color: #333; line-height: 1.3em;} .ClassBtnWrapper { border-bottom:solid 1px #aaa; padding-bottom: 15px;margin-bottom: 15px;margin-left: 15px; margin-right:15px;} .ClassBtnWrapper p {float:right; width: 140px; font-weight: bold; font-style:italic; line-height: 1.3em;} a.ClassBtn:link, a.ClassBtn:visited {display:block;font-size: 1.4em; font-style:italic; font-weight:bolder; padding: 10px 15px; width: 295px; color:#fff; } a.ClassBtn:hover { background: #000; } a.ClassBtn:link span, a.ClassBtn:visited span {color:#000;} a.ClassBtn:hover span{color:#fff;} .ClassProblem {background-color: #000000; position:relative; padding:0; height: 65px; margin-top:15px;} .ClassProblem h3 {font-size: 13px; color: #FFFFFF; line-height: 1.35em; padding: 15px 0 0 81px;} .ClassProblem h3 a {font-size: 1.4em;} .OopsSticker { position:absolute; left: -5px; top: -5px; width: 75px; height:77px; background:url(images/oops_sticker.png) no-repeat; } .Classifieds img {max-width:480px; padding:10px 0; clear:left;} ul.Sharing { padding: 20px 0; } ul.Sharing li {float:left;} ul.RelatedFeatures { margin-left: 8px; padding-top: 25px; width: 500px; padding-bottom: 15px; } ul.RelatedFeatures li.Title { float:left; margin-left: 15px; width: 480px; } ul.RelatedFeatures li {float:left; width:147px; margin-left: 18px;} ul.RelatedFeatures li img { width:135px; height:135px; border: 1px solid #ccc; padding: 5px; } ul.RelatedFeatures li h3 {border-bottom: none; margin-left: 0; font-size: 1.1em; padding: .5em 0;} ul.RelatedFeatures li h4 { border-top: 1px solid #ccc; padding-top: 15px; padding-bottom: 0px; color: #444; font-size: 1.3em; } ul.RelatedFeatures li p { padding: 3px 0 15px 0; } li.Listing {border-top: 1px dotted #bbb; padding-top: 12px; padding-bottom: 10px;} li.Listing h4 span { font-style:normal; font-size: 0.8em; font-weight: normal; line-height: 1.2em; } li.Listing p { padding-top: 0em; } p.SelectDate { text-indent: -9999px; width:71px; height:68px; background:url(images/select_arrow.gif) no-repeat; padding: 0; position: absolute; left: 10px; top: -10px;} h4.AreaTitle { background:#666; color:#fff; padding: .2em 10px; font-size: 1.2em; } #likebox-frame{ border:2px solid #222; width:955px; z-index:10; height: 183px; overflow: hidden; position:relative; top:-1px; left:-2px; } #likebox-frame iframe{ left:-5px; overflow:hidden; position:relative; top:-1px;} #TriMenu { background: url(images/dash_line.gif) 0 32px repeat-x; padding-bottom: 25px; clear:both;} #TriMenu li { padding: 0 0 8px 0; } #TriMenu h4 { font-size: 1.3em; padding: 0 0 7px 0; line-height: 24px; } #TriMenu.LatestNews h4 { padding: 0 0 10px 25px; background: url(images/latest_news_icon.gif) no-repeat; line-height: 24px; } #TriMenu.LatestEvents h4 { padding: 0 0 10px 27px; background: url(images/latest_events_icon.gif) no-repeat; line-height: 24px;} #TriMenu p { padding-bottom: 0; padding-top: 0px; font-weight: bold; } #TriMenu.TwitterFeed { background: url(images/twitter_bg.gif) 0 -5px repeat-x #c5bdba; padding-bottom: 10px; margin-bottom: 25px; } #TriMenu.TwitterFeed li.Standard {padding-left: 10px; padding-right: 10px;} #TriMenu.TwitterFeed h4 { padding: 0 0 15px 30px; background: url(images/twitter_feed_icon.gif) no-repeat 0 0; line-height: 24px; } #TriMenu.TwitterFeed li a, #TriMenu.TwitterFeed li a:visited { color: #fff; font-size: 13px; line-height: 1.2em; } #TriMenu.TwitterFeed h4 a, #TriMenu.TwitterFeed h4 a:visited {color:#333; font-size: 17px; } #TriMenu.TwitterFeed h4 a:hover {color:#000;}