/******************************************************************************* * Base Styles - DON'T CHANGE THESE!!! * * * * These rules are used to reset the CSS default properties so things render * * identically (or as close we we can get them) in different browsers. * *******************************************************************************/ body { margin: 10px; padding: 0; font-size: 0.948em; line-height: 1.22 } h1, h2, h3, h4, h5, h6, p, ul, ol, dl, form, fieldset, table, address, blockquote { margin: 0 0 1.22em 0; padding: 0; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0 } ul, ol, blockquote { margin-left: 1.75em } blockquote { margin-right: 2.75em } fieldset { padding: 0.5em } table { border-collapse: collapse; border-spacing:0 } th { text-align: left } select,input,textarea { font: inherit } /******************************************************************************* * Page Structure * *******************************************************************************/ body { margin:0; font-family:trebuchet MS; color:#444; line-height:150%; font-size:.9em } #container { margin: auto; } #header { width: 957px; margin:auto; padding:10px 0 10px 0; position:relative; background:url("images/header-back.png") 0 50% no-repeat; height:102px;} #navigation { background: url("images/nav-wash.png") 0 0 repeat-x #fff; /*border-top:8px solid #4A4842 */ } #footer { background:#F9F9F9; border-top:1px solid #dbdbdb; padding:25px 0 5px 0; } #content { width: 957px; margin:auto; } #preamble { border-top:8px solid #4A4842; height:185px; background:url("images/preamble-back.png") 0 0 repeat-x; } #page { background:url("images/body-back.png") 50% 30em repeat-y; overflow:auto; border-bottom:8px solid #4A4842 } body.wide #page {background:none;} body.wide #substance {width:927px} #footer-content { width: 957px; margin:auto; } .wrap { margin:auto; width: 957px; } #header #banner { position: absolute; left:250px; top:22px } #header #banner img { display: block; border:none } #faderwrap {;display: block;width: 957px;margin:20px auto;} #fader {position:relative;float:left;display: block;width: 957px; height:215px;} #fader img {position:absolute; margin:0 auto;display: block;} #fader img {opacity:0} #fader img:nth-child(1) {opacity:1} /******************************************************************************* * Common Styles * *******************************************************************************/ #substance h1 { font-size:200%; font-weight:normal; line-height:1.2; margin-bottom:15px} #substance h2 { border-top:1px solid #eee; padding-top:10px; line-height:1.2;} #substance h3 { line-height:1.3;} h2 { font-size:145%; font-weight:normal; } #related h2 { border-top:8px solid #333; padding-top:15px; margin-bottom:15px;} #related h3 { font-weight:normal; font-size:120%; margin:0; padding:5px 0; background:#ccc; padding-left:5px} #header h1 { margin: 0 } #header p { margin: 0 } #header p a { display:block; width:200px; height:70px; text-indent:-10000em; position:relative; top:20px; border:none;} #header p img { border:none; display:none; } #header form { float:right; width:255px; } #header fieldset { margin:0; border:0; padding:0; background:url("images/eyeGlass.png") 0 .3em no-repeat; padding-left:25px;} #header input { width:186px; margin-right:4px; } #header input.button { width:30px; margin-right:0; background-color:#007934; border:none; padding:2px; color:#fff; } #header label { display:block; } #header h2 { display:none; } #header label { border:1px solid red; } #navigation a.skip { position: absolute; left:-1000em } #navigation ul { clear:both; list-style: none; margin-left: 0; width: 957px; margin:0 auto; padding:2px 0 0 0; overflow:hidden} #navigation li { display: inline; margin:0; float:left; padding:0px 10px; background:url("images/li-splitter.png") 100% 50% no-repeat;} #navigation li a { color:#000000; text-decoration:none; padding:5px 5px 7px 5px; float:left;} #navigation li a:hover { color:#666; background:url("images/nav-arrow.png") 50% 100% no-repeat; } #footer { font-size:85% } #footer ul { list-style: none; margin-left: 0; } #footer li { display: inline; margin-right: 1em } #footer li a { text-decoration: none; color:#333; text-decoration: underline } #substance { float:left; width:703px; margin-bottom:15px; margin-top:25px;} body.home #substance {margin-top:0px;} #related { float:right; width:220px; margin-bottom:15px; margin-top:25px;} #related img { border:none; margin-bottom:15px; } #related div { position:relative; } #related a.feed { background:url("images/rss-ico.png") 0 0 no-repeat; width:16px; height:16px; text-indent:-10000em; display:block; position:absolute; top:25px; right:0;} #logo-sponsors { width: 957px; margin:auto; clear:both; padding:15px 0; text-align:center; } #logo-sponsors ul { list-style:none; margin:0; } #logo-sponsors ul li { display:inline; margin:0 10px; } #substance ul { list-style:none; margin:0 0 25px 20px; } #substance ul li { background:url("images/bulletts.png") 0 .6em no-repeat; margin-bottom:15px; padding-left:15px;} #substance img { border:none; } #substance img.center { margin:auto; clear:both; display:block; float:none;} #substance img.right { float:right; margin:0 0 25px 25px; clear:right; } #substance img.left { float:left; margin:0 25px 25px 0; clear:left; } #substance form { border:none; margin:0; padding:0; } #substance fieldset { border:1px solid #ddd; padding:15px; background:#f6f6f6; margin: 0 0 20px 0;} #substance fieldset dt { margin:10px 0 0px 0; font-weight: bold; color:#444 } #substance fieldset dd { margin:0 } #substance fieldset h2 { border: none; padding: 0; color:#000 } dd.textinput *, dd.textareainput * { width:660px; } dd.radio, dd.checkbox { position: relative } dd.radio label, dd.checkbox label { padding-left: 24px; } dd.radio input, dd.checkbox input { position: absolute; left: 0; width:16px } dd.dateinput input { width: 31px } dd.captcha * { vertical-align: middle } dd.captcha img { margin-right:30px } #substance dd.captcha img { background:#fff; border: 1px solid #ccc; padding:3px } #related h2 { clear: both } #related ul { list-style:none; margin:0 0 15px 0; border-bottom:1px solid #eee;} #related ul li { _border:1px solid #eee; } #related ul li a { display:block; padding:5px; background:#fff; color:#333; text-decoration:none; border-top:1px solid #eee;} #related ul li ul { margin-bottom:0; } #related ul li ul li a { background:#ddd; color:#333; border:none; font-size:90%; line-height:120%; padding-left:30px } #related a.active { background:#333; color:#fff; } #related form { margin:0; } #related form fieldset { padding:0; margin:0; border:none } #related form fieldset dt { font-weight:bold; margin-bottom:5px;} #related form fieldset dd { margin:0 0 5px 0; } #related form fieldset dd input#name, #related form fieldset dd input#qdhtt-qdhtt, #related form fieldset dd input#CompanyName { margin:0; width:200px} #related div { position:relative; margin:0 0 25px 0 } #related ul li div { margin:0; } #related .events-list span { font-size:90%; color:#666; padding-left:5px; } #substance #form-error { border:3px double #900; padding:10px; background:#FBF5F5; margin-bottom:15px;} #substance #form-error h1 { background:none; color:#900;} #substance #form-error li { padding:0px; margin:0; background: none; list-style: disc } #substance #form-error li a { color: #900 } .breadcrumbs { width: 927px; margin:auto; font-size:80%; padding:117px 15px 5px 15px; border-bottom:1px solid #eee; margin-top:17px; background:url("images/genric-header.jpg") 0 0 no-repeat; } table { border-collapse: separate ;border:none;/*border-color:#666*/ } td, th { border:none;padding: 0.25em 0.5em } th { background: #333; color:#fff } #map_canvas { width:703px; height:350px; margin-bottom:5px; } ul.service-list li { float:left; width:320px; } /******************************************************************************* * Page Specific Styles * *******************************************************************************/ body.home #preamble { background:url("images/home-preamble-back.png") 0 0 repeat-x; height:200px; } body.home #page { } body.home #substance { float:none; width:957px; margin-bottom:0;} body.home #related { float:none; width:957px;} body.home #substance table { margin-bottom:15px; padding:0; float:left; border:1px solid #DBDBDB; background:#f6f6f6} body.home #substance th { padding:15px; color:#333; background:none; width:279px; } body.home #substance th ul { margin:0; } body.home #substance th ul li { margin-bottom:5px; font-size:80%;} body.home #substance th h2 { padding:0; border:none; margin-bottom:10px; font-size:90%; font-weight:bold;} body.home #related .news-articles { } body.home #related .events-list { } body.home #related .events-list span { display:block;font-size:90%; margin-bottom:20px;} body.home #related form { width:309px; float:right; } body.home #related div { margin:0; } body.home #related h2 { border:none; padding-top:0;} body.home #related { border-top:8px solid #444; padding-top:20px; overflow:hidden} body.form .breadcrumbs { background:url("images/contact-us-header.jpg") 0 0 no-repeat #fff; } body.about .breadcrumbs { background:url("images/about-us-header.jpg") 0 0 no-repeat #fff; } body.home #related .panel { } body.home #related .panel.long ul { border-bottom:0; } body.home #related .panel.middle { } body.home #related form fieldset dd input#name, body.home #related form fieldset dd input#qdhtt-qdhtt, body.home #related form fieldset dd input#CompanyName { margin:0; width:290px} /******************************************************************************** * Base Styles * ********************************************************************************/ body.business #substance h1, body.business #substance h2, body.business #substance a, body.business #substance strong, body.business #substance b, .news-article.business h1, .event-details.business h1 { color:#4Bb6d8; } body.business #related a.active { background:#4Bb6d8; color:#fff; } body.business #related .call-to-actions a.active { border:none; background:none;} body.business #substance a, body.business #substance strong, body.business #substance b, body.business #substance h3 { color:#165788; } body.business #substance li { background-position:0 -686px; } body.business #related h2 { border-color:#5BC6E8; } body.business #related a.full-directory { margin:5px 0 0 0; padding:3px; font-weight:bold; text-decoration:none; background-color:#5BC6E8; color:#fff; } body.business th { background-color: #5BC6E8 } body.business .breadcrumbs { background:url("images/business-header-landing.jpg") 0 0 no-repeat #fff; } body.living #substance h1, body.living #substance h2, body.living #substance a, body.living #substance strong, body.living #substance b, .news-article.living h1, .event-details.living h1 { color:#92D400; } body.living #related a.active { background:#92D400; color:#fff; } body.living #substance a, body.living #substance strong, body.living #substance b, body.living #substance h3 { color:#0D793E; } body.living #substance li { background-position:0 -339px; } body.living #related h2 { border-color:#92D400; } body.living #related a.full-directory { margin:5px 0 0 0; padding:3px; font-weight:bold; text-decoration:none; background-color:#92D400; color:#fff;} body.living th { background-color: #92D400 } body.living #substance td a { float:left; background:#007832; padding:3px 7px; color:#fff; text-decoration:none; font-size:85%; color:#fff; margin: 1px 3px; text-align:center } body.living .breadcrumbs { background:url("images/living-header-landing.jpg") 0 0 no-repeat #fff; } body.leisure #substance h1, body.leisure #substance h2, .news-article.leisure h1, .event-details.leisure h1 { color: #F9461C; } body.leisure #substance li {background-position:0 -512px; } body.leisure #substance a, body.leisure #substance strong, body.leisure #substance b, body.leisure #substance h3 { color:#900B23; } body.leisure #related a.active { background:#F9461C; color:#fff; } body.leisure #related h2 { border-color:#F9461C; } body.leisure #related a.full-directory { margin:5px 0 0 0; padding:3px; font-weight:bold; text-decoration:none; background-color:#F9461C; color:#fff;} body.leisure th { background-color: #F9461C } body.leisure .breadcrumbs { background:url("images/leisure-header-landing.jpg") 0 0 no-repeat #fff; } body.perk #substance h1, body.perk #substance h2, body.perk #substance a, body.perk #substance strong, body.perk #substance b, .news-article.perk h1, .event-details.perk h1 { color:#007934; } body.perk #related a.active { background:#007934; color:#fff; } body.perk #substance li { background-position:0 -166px;} body.perk .breadcrumbs { background:url("images/perk-header-landing.jpg") 0 0 no-repeat #fff; } body.perk #related h2 { border-color:#007934; } body.perk #related a.full-directory { margin:5px 0 0 0; padding:3px; font-weight:bold; text-decoration:none; background-color:#007934; color:#fff;} body.perk th { background-color: #007934} body.sitemap #substance ul { list-style:disc; } body.sitemap #substance ul li { background:none; padding-left:10px; } body.sitemap #substance ul ul { margin-top:15px; } body.news .breadcrumbs { background:url("images/news-breadcumb-back.jpg") 0 0 no-repeat #fff; } body.events .breadcrumbs { background:url("images/events-breadcumb-back.jpg") 0 0 no-repeat #fff; } body.business.landing .breadcrumbs { background:url("images/business-header-landing.jpg") 0 0 no-repeat #fff; } body.leisure.landing .breadcrumbs { background:url("images/leisure-header-landing.jpg") 0 0 no-repeat #fff; } body.living.landing .breadcrumbs { background:url("images/living-header-landing.jpg") 0 0 no-repeat #fff; } body.perk.landing .breadcrumbs { background:url("images/perk-header-landing.jpg") 0 0 no-repeat #fff; } /******************************************************************************** * News CSS * ********************************************************************************/ #related .news-articles { position:relative; } #related .events-list h2, #related .news-articles h2 { padding-left:25px; border-bottom:1px dotted #eee; padding-bottom:10px; margin-bottom:10px; } #related .news-articles ul li { background:none; position:relative; } #related .news-articles .categories { margin-top:15px; } body.categorized #substance .news-article { border-bottom:1px solid #999; margin-bottom:3em; padding-bottom:3em } #related .news-articles .business a, #related .news-articles .leisure a, #related .news-articles .living a, #related .news-articles .perk a { font-size:100%; color:#333; display:block; text-decoration:none; margin-bottom:10px; } #related .news-articles .business .categories { background:url("images/business-ico.png") 0 .2em no-repeat; padding-left:20px;} #related .news-articles .leisure .categories { background:url("images/leisure-ico.png") 0 .2em no-repeat; padding-left:20px;} #related .news-articles .living .categories { background:url("images/living-ico.png") 0 .2em no-repeat; padding-left:20px;} #related .news-articles .perk .categories { background:url("images/perk-ico.png") 0 .2em no-repeat; padding-left:20px;} #related .news-articles .business .categories a, #related .news-articles .leisure .categories a, #related .news-articles .living .categories a, #related .news-articles .perk .categories a { font-size:100%; display:inline; } #related .news-articles .business .categories a { color:#5BC6E8; } #related .news-articles .leisure .categories a { color:#F9461C;} #related .news-articles .living .categories a { color:#92D400 } #related .news-articles .perk .categories a { color:#007934; } #related .news-articles .business img { border:1px solid #5BC6E8; padding:3px; } #related .news-articles .leisure img { border:1px solid #F9461C; padding:3px; } #related .news-articles .living img { border:1px solid #92D400; padding:3px; } #related .news-articles .perk img { border:1px solid #007934; padding:3px; } #related .news-articles ul li .meta { } #related .events-list a.feed, #related .events-calendar a.feed, #related .news-articles a.feed { background:url("images/rss-ico.png") 0 0 no-repeat; width:16px; height:16px; text-indent:-10000em; display:block; position:absolute; top:25px; left:0;} body.home #related .events-list a.feed, body.home #related .events-calendar a.feed, body.home #related .news-articles a.feed { top:5px; left:5px; } /**** META INFORMATION STYLES I.E COMMENTS ETC */ #related .news-articles .meta { padding:2px; font-size:95%; margin-bottom:10px; margin-top:25px; _height:25px; _position:relative;} #related .news-articles .meta { overflow:auto; clear:both; } #related .news-articles .meta div { float:left; margin-right:15px; } #substance .news-articles .rating-value { position:relative; } #substance .news-articles .rating-value span { _border:0px solid red; _line-height:0; text-indent:-10000em; background-color:#eee; height:14px; background-repeat:none; width:75px; float:left; position:absolute; top:3px; left:95px; } #substance .news-articles li.business .rating-value span { background-image:url("images/small-stars.png"); background-color:#5BC6E8; } #substance .news-articles li.living .rating-value span { background-image:url("images/small-stars.png"); background-color:#92D400; } #substance .news-articles li.leisure .rating-value span { background-image:url("images/small-stars.png"); background-color:#F9461C; } #substance .news-articles li.perk .rating-value span { background-image:url("images/small-stars.png"); background-color:#007934; } #substance .news-articles .rating-value span.r-0 { width:0px; } #substance .news-articles .rating-value span.r-1 { width:15px; } #substance .news-articles .rating-value span.r-2 { width:30px;} #substance .news-articles .rating-value span.r-3 { width:45px;} #substance .news-articles .rating-value span.r-4 { width:60px;} #substance .news-articles .rating-value span.r-5 { width:75px; } .news-article a.leisure, .news-article a.perk, .news-article a.business, .news-article a.living { padding:7px 3px 7px 35px; background:url("images/branding-circle.png") 0 0 no-repeat; color:#fff; text-decoration:none; font-weight:bold; float:left; margin-right:15px; } .news-article a.leisure:hover, .news-article a.perk:hover, .news-article a.business:hover, .news-article a.living:hover { background-color:#333; } .news-article a.leisure { background-color:#F9461C; } .news-article a.perk { background-color:#007934; } .news-article a.business { background-color:#5BC6E8; } .news-article a.living { background-color:#92D400; } .news-article h2 { clear:both; } /******************************************************************************* * Preambles * *******************************************************************************/ body.home #preamble .wrap { padding-bottom:5px; background:url("images/drop-grad.png") bottom left no-repeat; } body.home #preamble .wrap ul { padding:258px 0 0 0; margin:17px 0 0 0; text-align:center; border-bottom:25px solid red} body.home #preamble .wrap ul li { list-style:none; float:left; font-size:75%; line-height:120% } body.home #preamble .wrap ul li a { float:left; width:209px; color:#fff; text-decoration:none; padding:15px; border-top:2px solid #fff;} body.home #preamble .wrap ul li strong { background:url("images/branding-circle.png") 0 0 no-repeat; display:block; font-size:160%; padding:9px 0 9px 38px; font-weight:normal; text-align:left; margin-bottom:5px} body.home #preamble .wrap ul li.business a { background-color:#5BC6E8; } body.home #preamble .wrap ul li.leisure a { background-color:#F9461C; border-left:1px solid #fff; } body.home #preamble .wrap ul li.living a { background-color:#92D400; border-left:1px solid #fff; } body.home #preamble .wrap ul li.perk a { background-color:#007934; border-left:1px solid #fff; width:207px } body.home #preamble .wrap ul li.business strong { margin-left:40px; } body.home #preamble .wrap ul li.leisure strong { margin-left:40px; } body.home #preamble .wrap ul li.living strong { margin-left:50px; } body.home #preamble .wrap ul li.perk strong { margin-left:60px; } body.home #preamble .wrap ul { background:url("images/generic-header.jpg") 0 0 no-repeat; } body.home #preamble .wrap ul.business { background: #5BC6E8 url("images/business-header.jpg") 0 0 no-repeat; } body.home #preamble .wrap ul.leisure { background: #F9461C url("images/leisure-header.jpg") 0 0 no-repeat; } body.home #preamble .wrap ul.living { background: #92D400 url("images/living-header.jpg") 0 0 no-repeat; } body.home #preamble .wrap ul.perk { background: #007934 url("images/perk-header.jpg") 0 0 no-repeat; } body.home #related a.full-directory, #related .perk-directory-listings a.full-directory { margin:5px 0 0 0; padding:3px; font-weight:bold; text-decoration:none; background-color:#007934; color:#fff; } /******************************************************************************* * Events * *******************************************************************************/ body.home #page { background:none; } body.home .panel { } body.home .panel.middle {} body.home .right { float:right; } body.home .panel li {float:left; width:160px;padding:0 10px;min-height:95px; border-right:1px solid #cccccc;} body.home .panel li:first-child { border-left:1px solid #cccccc;} body.home .panel ul {float:left; width:930px} body.home .panel .more {float:right} body.home .panel .news-articles {display:block} body.home #related {margin:0;} body.home #related li span {display:none} body.home #related .news-articles ul li .meta {display:none} body.home #related .events-list h2 { margin-bottom:0; } body.home #related .events-list ul { list-style:none; margin:0 0 15px 0; } body.home #related .events-list ul li { _border:1px solid #eee; border-bottom:1px solid #eee; margin-bottom:0; } body.home #related .events-list ul li span { margin:0; font-size:85%} body.home #related .events-list ul li a { color:#333; text-decoration:underline; font-weight:bold; } body.home #related ul li a { border:none; } body.home #substance .events-list ul li.business { background-image:url("images/business-ico.png")} body.home #substance .events-list ul li.leisure { background-image:url("images/leisure-ico.png")} body.home #substance .events-list ul li.living { background-image:url("images/living-ico.png")} body.home #substance .events-list ul li.perk { background-image:url("images/perk-ico.png")} body.newsletter #substance form input {width:200px;} body.newsletter #substance form h2 {display:none} /*body.home .panel.long a.more, .events-list a.more, body.home #related .events-list a.more { position:relative; top:-163px; left:749px; font-size:85%; border: 1px solid #aaa; margin:10px 0 20px 0; background:#ccc; color:#222; text-decoration: none; padding:3px 10px; } body.home #related .bottom .events-list a.more { position:relative; top:-163px; left:733px; font-size:85%; border: 1px solid #aaa; margin:10px 0 20px 0; background:#ccc; color:#222; text-decoration: none; padding:3px 10px; } body.home #related .news-articles a.more { position:relative; top:-163px; left:700px; font-size:85%; border: 1px solid #aaa; margin:10px 0 20px 0; background:#ccc; color:#222; text-decoration: none; padding:3px 10px; } body.home #related .middle .events-list a.more {left:733px; float:left; font-size:85%; border: 1px solid #aaa; margin:10px 0 20px 0; background:#ccc; color:#222; text-decoration: none; padding:3px 10px; } */ body.home #related ul {border-bottom:0px} body.home #related .events-list ul li {border-bottom:0px;} .panel.long a.more, .events-list a.more, #related .events-list a.more { float:left; font-size:85%; border: 1px solid #aaa; margin:10px 0 20px 0; background:#ccc; color:#222; position:relative; z-index:10000; text-decoration: none; padding:3px 10px; } .panel.long a.more:hover, .events-list a.more:hover, #related .events-list a.more:hover { background:#888; color:#fff } body.home #substance .news-articles ul { margin-left:0; } .event-details a.leisure, .event-details a.perk, .event-details a.business, .event-details a.living { padding:7px 3px 7px 35px; background:url("images/branding-circle.png") 0 0 no-repeat; color:#fff; text-decoration:none; font-weight:bold; float:left; margin-right:15px; } .event-details a.leisure:hover, .event-details a.perk:hover, .event-details a.business:hover, .event-details a.living:hover { background-color:#333; } .event-details a.leisure { background-color:#F9461C; } .event-details a.perk { background-color:#007934; } .event-details a.business { background-color:#5BC6E8; } .event-details a.living { background-color:#92D400; } .event-details dd { padding:0; margin:0; } /******************************************************************************* * Directory's * *******************************************************************************/ .paging { background:#eee; padding:2px; margin-bottom:25px; font-size:90%; color:#555} .premium-listing a { background:url("images/business-arrow.png") 0 .4em no-repeat; padding-left:10px; } .premium-listing img { margin:5px 0; } body.directory #substance img { float:right; margin-top:-50px; margin-bottom:15px;} body.directory #substance dt { margin-bottom:-1.4em; font-weight:bold} body.directory #substance dd { padding-left:70px; margin-bottom:5px; } body.directory #substance h2 { clear:both; } body.directory #substance #g-map { margin-bottom:25px; } body.perk #substance .perk-directory-listings h2 { background:#007832; padding:5px; _position:relative; color:#fff; } #substance .perk-directory-listings ul { margin-left:0; } #substance .perk-directory-listings li { background:none; padding:0; border:0px solid red; float:left; width:220px; padding:5px;} #substance .perk-directory-listings img { float:right; } #substance .perk-directory-listings a { float:left; width:140px; font-size:130%; color:#666; text-decoration:none; font-weight:bold; margin-bottom:5px;} body.perk #substance .perk-directory-listings strong { width:140px; float:left; margin-top:5px; color:#333; margin-bottom:10px; font-weight:normal } #substance .perk-directory-listings p { clear:both; margin-top:0px;} #substance .perk-directory-listings li { min-height:150px; _height:150px; } /******************************************************************************* * News * *******************************************************************************/ /******************************************************************************* * Comments * *******************************************************************************/ body.news #content .news-article-comments { margin-bottom:15px; clear:both;} body.news #content .news-article-comment { padding:10px;} body.news #content .news-article-comment-form { margin-bottom:15px;} body.news #content #article-rating { clear:both; width:703px; margin:0 ; padding:0; float:left; margin:0 0 10px 0;} body.news #content #article-rating h2 { clear:both; } body.news #content #article-rating p { float:right; font-size:90%; padding-top:10px; width:300px } body.news #content #article-rating ul { list-style:none; margin:0; float:left; } body.news #content #article-rating ul li { margin:0; padding:0; float:left; } body.news #content #article-rating ul li a { float:left; display:block; width:50px; margin:0; height:50px; text-indent:-10000em; background:url("images/star.png") 0 0 no-repeat #ccc; } body.news #content #article-rating ul li a.selected { background-color:#333; } body.news .news-article dt { display:none; } body.news .news-article dd { padding:0; margin:0; } body.news #content #social-bookmarks { width:703px; float:left; margin:20px 0 10px 0;} body.news #content #social-bookmarks ul { list-style:none; margin:0; } body.news #content #social-bookmarks img { margin:0; float:none; } body.news #content #social-bookmarks ul li { width:155px; float:left; border:0px solid red; min-height:25px; padding:0; background:none;} body.news #content #social-bookmarks ul li a { color:#333; text-decoration:none; } .news-article-comment-form h2 { clear:both; } .news-article-comment-form form { padding:0; margin:0; } .news-article-comment-form fieldset { border:1px solid #eee; background:#f6f6f6; padding:15px; margin:0; width:500px; margin-bottom:10px;} .news-article-comment-form fieldset dt { margin:0; } .news-article-comment-form fieldset dd { margin:3px 0 3px 0; } .news-article-comment-form fieldset dd * { width:500px; } .news-article-comment-form fieldset dd textarea { height:200px; } /******************************************************************************* * Living * *******************************************************************************/ #substance #living-selector ul { width:703px; border-bottom:1px solid #eee; float:left; position:relative; z-index:1; margin-bottom:25px; margin-left:0;} #substance #living-selector ul li { display:inline; background:none; padding:0;} #substance #living-selector ul li a { float:left; border:1px solid #eee; border-bottom:none; padding:5px; float:left; margin:0 5px 0 0; background:#92D400; text-decoration:none; color:#fff} #substance #living-selector.overview ul li.overview a, #substance #living-selector.contacts ul li.contacts a, #substance #living-selector.amenities ul li.amenities a { background:#fff; color:#007934; position:relative; bottom:-2px; } #substance #living-selector h1, #substance #living-selector div { clear:both; } #substance #living-selector h2 { border-top:none; padding-top:0; } /*#substance #living-selector td a { display:block; }*/ /************************** * Brand colours * *************************** Business #5BC6E8 Living #92D400 Leisure #F9461C Perk #007934 ***************************/ /************************************************************ * Page Specific * *************************************************************/ body.home #substance h1, body.home #substance h2 { border-top:8px solid #4A4842; padding-top:13px; font-weight:normal} /***************************** PERK DIRECTORY CONTROL CSS & MAIN */ #related .perk-directory-listings h2 { border-color: #007934; } /***************************** PERK DIRECTORY CONTROL CSS & MAIN */ .latest-directory-listings h2 { border-color:#92D400; } /*DIRECTORY-MAP*/ .map-viewer .map { position: relative; /*border:1px solid red;*/ width: 684px; overflow: hidden; } .map-viewer .marker { position: absolute; } #bandd-map { border: 3px solid #ddd; height:600px; position:relative;} .db-map .map-viewer { margin:0px 23px } .db-map fieldset { background:#ddd; border: none; padding:5px 10px } .db-map label { float:left; display:block; width:210px; font-size:85%; color:#000; font-weight: bold} .db-map label input, .db-map label select { width: 195px; font-weight: normal } .db-map .button { float: right; height: 28px; width: 40px; margin-top: 1.2em} a.view-basingstoke { display:block; width:120px; height:30px; position:absolute; top:270px; right:191px; text-indent:-10000em; z-index:1000; overflow:hidden} body.business #bandd-map { height:0; } /* Rounded Borders */ .news-article a.leisure, .news-article a.perk, .news-article a.business, .news-article a.living, .event-details a.leisure, .event-details a.perk, .event-details a.business, .event-details a.living, body.living td a, a.full-directory, #related .perk-directory-listings a.full-directory, a.more { -moz-border-radius: 7px; border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;} .events-calendar { float: left; position: relative; } .events-calendar h2 { padding-left:24px } .events-calendar table { border:1px solid #ccc; font-weight:bold; padding:12px 7px; font-size:90%; border-collapse: separate; background:#f8f8f8 } .events-calendar th { background:none; color:#888 } .events-calendar td, .events-calendar th { border: none; border-right:1px solid #ccc; text-align: right; padding:1px 7px } .events-calendar td:last-child, .events-calendar th:last-child { border: none } .events-calendar td.event { background:#ccc; color:#fff } .events-calendar td.today { background:#5cd; color:#fff } .events-calendar td.event:hover { background:#333 } .events-calendar a { display:block; width:100%; color:#fff; text-decoration:none } #related .events-feeds ul li a { background:url("images/rss-ico.png") 3px 7px no-repeat; padding-left:25px } #events-search-results table, #events-search-results td { border: 1px solid #ccc } #events-search-results ul { list-style: none; padding:0; margin: 0 } #events-search-results ul li { background: none; padding:0 } #events-search-results li.next { float: right } .events-finder .Type {display:none;} #related .events-finder h3 { background: none; padding:0; font-size:100%; font-weight: bold } #related .events-finder ul { border-top :1px solid #eee; background:#eee; padding:3px } h2.open { cursor: pointer; background:url("images/opener-close.png") no-repeat 0 16px; padding-left:20px } h2.closed { cursor: pointer; background:url("images/opener-open.png") no-repeat 0 16px; padding-left:20px } h2 span { font-size:65% } h2.open span { display: none } /* ---- [ Steves Amends 09/12/2011 ] ------ */ /* ---- [ News, Events Etc ] ----- */ body.home iframe { float:left;} body.home iframe.last { float:right;} body.home .panel ul { width:957px; } body.home .panel ul li { width:169px; padding-top:5px; padding-bottom:5px; -webkit-transition: all .2s ease-in-out;} body.home #related .news-articles ul li:hover, body.home .panel ul li:hover { background:#e6e6e6; position:relative; z-index:1000; } body.home #related { border:none; } body.home #related ul li a { background:none; color: #333333; font-weight: bold; text-decoration: underline;} body.home #substance .latest-videos h2, body.home #related .panel h2 { background-color:#444444; color:#fff; padding:5px; margin-bottom:15px; font-size:110%; position:relative; z-index:100} body.home #related .panel h2 { margin-top:0px; } body.home #substance .latest-videos { clear:both; overflow:hidden; margin-bottom:15px;} body.home #substance .latest-videos h2 { padding:5px; border-top:0; position:relative; z-index:100} body.home #related .panel { margin-bottom:25px;float:left; width:957px; position:relative; } body.home #related .panel a { text-decoration:none; } body.home #related .panel a.more { position:absolute; top:5px; right:15px; font-size:12px; color:#fff; font-style:italic; background:none; border:none; padding:0; margin:0; } body.home #related .panel.long a.more { top:5px; } body.home #related .panel a.more:hover { color:#eee;} body.home #related .panel a.more:after { content:' >'} body.home #related .panel a.feed { width:22px; height:22px; background:url('images/rss-icon2.png'); left:97%; top:-15px; z-index:5;} body.home #related .panel a.feed:hover { top:-20px; } body.home #related .panel ul li a { text-decoration:none; } body.home #related #twit {position: absolute; top:-15px; z-index:50; right:50px;} body.home #related #twit:hover { top:-20px; } /* body.home #related .panel {width:970px;float:left;margin-bottom:-50px}*/