/*------------------------------------------------------------------------/ * The Moment Magazine * styles.css * * Stylesheets for website. * * Copyright Exists (c) Brave Creative, all rights reserved. * http://www.bravecreative.co.uk **------------------------------------------------------------------------*/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,400italic,700,600italic,700italic); @import url('../fancybox/jquery.fancybox-1.3.4.css'); @import url('font-awesome.min.css'); /* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } h1,h2,h3,h4,h5,h6 {font-weight: normal;} /*i, em {font-style: normal;} b i, i b, em b, b em {font-style: normal; font-weight: normal;}*/ body { line-height:1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } /* SOHO GOTHIC PRO */ @font-face { font-family: 'SohoGothicPro'; src: url('../fonts/sohogothicpro/SohoGothicPro-Bold.eot'); src: local('?'), url('../fonts/sohogothicpro/SohoGothicPro-Bold.woff') format('woff'), url('../fonts/sohogothicpro/SohoGothicPro-Bold.ttf') format('truetype'), url('../fonts/sohogothicpro/SohoGothicPro-Bold.svg') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'SohoGothicPro'; src: url('../fonts/sohogothicpro/SohoGothicPro-Medium.eot'); src: local('?'), url('../fonts/sohogothicpro/SohoGothicPro-Medium.woff') format('woff'), url('../fonts/sohogothicpro/SohoGothicPro-Medium.ttf') format('truetype'), url('../fonts/sohogothicpro/SohoGothicPro-Medium.svg') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'SohoGothicStd'; src: url('../fonts/sohogothicpro/SohoStd-Bold.eot'); src: local('?'), url('../fonts/sohostd/SohoStd-Bold.woff') format('woff'), url('../fonts/sohostd/SohoStd-Bold.ttf') format('truetype'), url('../fonts/sohostd/SohoStd-Bold.svg') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'SohoGothicStd'; src: url('../fonts/sohogothicpro/SohoStd-Medium.eot'); src: local('?'), url('../fonts/sohostd/SohoStd-Medium.woff') format('woff'), url('../fonts/sohostd/SohoStd-Medium.ttf') format('truetype'), url('../fonts/sohostd/SohoStd-Medium.svg') format('svg'); font-weight: 500; font-style: normal; } /* TIPSY */ .tipsy { padding: 5px; font-size: 12px; opacity: 0.9; filter: alpha(opacity=90); background-repeat: no-repeat; background-image: url(../images/tipsy.gif); } .tipsy-inner { padding: 5px 8px 4px 8px; background-color: #fff200; color: black; max-width: 200px; text-align: center; font-weight: bold; } .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; } .tipsy-north { background-position: top center; } .tipsy-south { background-position: bottom center; } .tipsy-east { background-position: right center; } .tipsy-west { background-position: left center; } /* Let's begin shall we? OOOOOOOOOOOOOOOSHHHH! motmotmotmotmot --------------------------------------------------------------------------*/ body {background: #fff; font: 14px/17px 'Open Sans', 'Helvetica Neue', Helevetica, Arial, sans-serif;} /* Form REQ Asterix */ .req {color: #AB2400; font-weight: bold;} /* Error 404 */ body.error-404 {background: #000; color: #FFF;} body.error-404 #error-wrap {width: 800px; margin: 200px auto;} body.error-404 .error-image {float: left; border-right: #999 2px dashed; padding-right: 30px;} body.error-404 .error-text {float: right; width: 465px; font-family: SohoGothicPro; font-size: 14px; line-height: 18px;} body.error-404 .error-text p {margin-bottom: 15px;} body.error-404 .error-text a {color: #999;} body.error-404 .error-text a:hover {color: #FFF;} body.error-404 .error-text h3 { font-size: 18px; font-family: SohoGothicPro; margin-top: 15px; margin-bottom: 15px;} body.error-404 .error-nav {border-bottom: #999 2px dashed; margin-bottom: 15px; padding-bottom: 45px;} body.error-404 .error-nav li {display: block; float: left; font-family: SohoGothicPro; text-transform: uppercase; margin-right: 20px;} body.error-404 .error-nav li a {color: #999; font-size: 18px; vertical-align: middle; display: block; padding-top: 5px;} body.error-404 .error-nav li a:hover {color: #FFF;} body.error-404 #error-wrap input {float: left;} body.error-404 #error-wrap .input {border-radius: 3px; padding: 10px; font-family: Arial, helvetica, sans-serif; font-size: 15px; color: #999; border: 0; width: 250px; margin-right: 15px;} body.error-404 #error-wrap .input:focus {color: #000;} body.error-404 #error-wrap .submit {background: #fff200; border-radius: 3px; padding: 10px; border: 0; font-weight: bold; font-size: 13px; font-family: Arial, helvetica, sans-serif; text-transform: uppercase; cursor: pointer;} body.error-404 #error-wrap .submit:hover {background: #999; color: #FFF;} /* Virtual Magazine */ html.virtualmag{ height: 100%; width: 100%;} html.virtualmag body {height: 100%!important; width: 100%!important; background: #FFF;} html.virtualmag body #viewer, html.virtualmag body #viewer div {height: 100%; width: 100%;} html.virtualmag body #viewer div {margin: 0!important;} html.virtualmag body #viewer p {} #virtual-menu {background: #000; padding: 10px 0 23px 0; width: 100%; height: 1%; overflow: hidden;} #virtual-menu .inner {width: 960px; margin: 0 auto;} #virtual-menu .title {color: #fff; float: left;} #virtual-menu a.m {display: inline-block; float: left; width: 30px; height: 18px; background: url('../images/m-virtual.jpg') no-repeat 0 0; margin-right: 15px;} #virtual-menu a.right {float: right; color: #fff; font-weight: bold; } /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { body.virtualmag #viewer {height: 20%; width: 100%;} } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { body.virtualmag #viewer {height: 20%; width: 100%;} } /* Jetpack Smiley Face! */ #wpstats {display:none;} /* XMAS Styles */ /*body.xmas {background: url('../images/xmas-bg.gif') repeat 0 0;}*/ body.xmas .ballball {position: absolute; top: 83px; left: 97px; background: url('../images/xmas-ballball.png') no-repeat 0 0; width: 48px; height: 93px; display: none;} /* Helper Classes --------------------------------------------------------------------------*/ .clear {clear: both;} /* Spacers */ .spacer {display: block; width: 100%; margin: 5px 0;} .spacer.full {background: url('../images/spacer-full.gif') no-repeat 0 0; height: 6px;} .spacer.middle {background: url('../images/spacer-middle-medium.gif') no-repeat 0 0; height: 6px; margin: 10px 0;} /* Link Styles --------------------------------------------------------------------------*/ a {color: #000; -webkit-transition: color 0.20s ease-in; -moz-transition: color 0.20s ease-in; -o-transition: color 0.20s ease-in; transition: color 0.20s ease-in; text-decoration: none;} a:hover {color: #004a80;} /* Headings & Formatting --------------------------------------------------------------------------*/ h1.title, h2.title, h3.title, h4.title, h5.title, h6.title {font-family: SohoGothicStd; padding: 15px 14px 13px 15px; color: #FFF; font-size: 18px; margin-bottom: 13px; background: url('../images/title-m.png') no-repeat right bottom; position: relative;} h1.title span, h2.title span, h3.title span, h4.title span, h5.title span, h6.title span {position: absolute; left: 7px; bottom: -7px; width: 13px; height: 7px; display: block;} h1.title a, h2.title a, h3.title a, h4.title a, h5.title a, h6.title a {color: #FFF;} .ie7 .title {padding-top: 4px;} .ie7 .title span {bottom: -4px;} #middle .title {} #right .title {width: 183px;} #right.sub .title {width: 271px;} .title.large {font-size: 28px; line-height: 28px; background: url('../images/m-large.png') no-repeat right bottom; padding: 15px 13px 13px 15px; } .title.large span {left:10px;} .ie7 .title.large span {bottom: 0px;} .ie7 .title.large, .ie8 .title.large {padding-bottom: 10px;} .adslot.leaderboard {width: 728px; height: 90px;} /* Black */ .title.black {background-color: #000;} .title.black span {background: url('../images/black-nib.gif') no-repeat 0 0;} /* Grey */ .title.grey {background-color: #c2c2c2; color: #444;} .title.grey span {background: url('../images/grey-nib.gif') no-repeat 0 0;} /* Super Light Grey */ .title.light-grey {background-color: #ebebeb; color: #666;} .title.light-grey span {background: url('../images/light-grey-nib.gif') no-repeat 0 0;} /* Blue */ .title.livemusic {background-color: #004a80;} .title.livemusic span {background: url('../images/blue-nib.gif') no-repeat 0 0;} /* Brown */ .title.brown {background-color: #736357;} .title.brown span {background: url('../images/brown-nib.gif') no-repeat 0 0;} /* Twitter Title */ .title.twitter {background: #33ccff;} .title.twitter span {background: url('../images/twitter-nib.gif') no-repeat 0 0;} /* Gold */ .title.gold {color: #000; background-color: #f3ba1a;} .title.gold span {background: url('../images/gold-nib.gif') no-repeat 0 0;} /* Videos */ .title.videos {background-color: #00746a;} .title.videos span {background: url('../images/nib-videos.gif') no-repeat 0 0;} /* Shop */ .title.shop {background-color: #942390;} .title.shop span {background: url('../images/shop-nib.gif') no-repeat 0 0;} /* Pets */ .title.pets {background-color: #d7007f;} .title.pets span {background: url('../images/navs/fashion-nib.png') no-repeat 0 0;} /* Education */ .title.education {background-color: #8b6aed;} .title.education span {background: url('../images/navs/fashion-nib.png') no-repeat 0 0;} /* * Category Colours Specific */ /* Orange */ .title.orange {background-color: #eb6300;} .title.orange span {background: url('../images/navs/gadgets-nib.png') no-repeat 0 0;} /* Red */ .title.red {background-color: #e32600;} .title.red span {background: url('../images/navs/health-nib.png') no-repeat 0 0;} /* Dark Blue */ .title.livemusic {background-color: #004c97;} .title.livemusic span {background: url('../images/navs/motoring-nib.png') no-repeat 0 0;} /* Pink */ .title.lifestyle {background-color: #85b900;} .title.lifestyle span {background: url('../images/navs/garden-nib.png') no-repeat 0 0;} /* Green */ .title.green {background-color: #008700;} .title.green span {background: url('../images/navs/food-nib.png') no-repeat 0 0;} /* Dark Brown */ .title.darkbrown {background-color: #6d4722;} .title.darkbrown span {background: url('../images/navs/history-nib.png') no-repeat 0 0;} /* Purple Blue */ .title.purpleblue {background-color: #3b4b6c;} .title.purpleblue span {background: url('../images/navs/motorcycling-nib.png') no-repeat 0 0;} /* Dark Red */ .title.darkred {background-color: #960a0d;} .title.darkred span {background: url('../images/navs/freetime-nib.png') no-repeat 0 0;} /* Dark Grey */ .title.darkgrey {background-color: #636363;} .title.darkgrey span {background: url('../images/navs/legaladvice-nib.png') no-repeat 0 0;} /* Cyan */ .title.community {background-color: #00aeef;} .title.community span {background: url('../images/navs/travel-nib.png') no-repeat 0 0;} /* Garden */ .title.garden {background-color: #85b900;} .title.garden span {background: url('../images/garden-nib.png') no-repeat 0 0;} /* Sidebar Headings */ h3.sub {font-size: 13px; font-family: SohoGothicPro; margin-bottom: 10px;} h3.sub a {color: #000;} h3.std {font-size: 16px; font-family: SohoGothicPro; color: #333; text-transform: uppercase;} h2.sub {font-size: 19px; margin-bottom: 10px; font-family: SohoGothicPro; } h2.sub span {font-size: 13px; color: #666; text-transform: none; font-family: Georgia; font-style: italic; font-weight: bold;} h3.search-count {font-size: 22px; font-family: SohoGothicPro; color: #999; margin:10px 0 20px 0; } /* Buttons!! --------------------------------------------------------------------------*/ .button {display: inline-block; font-family: SohoGothicStd; margin-top: 10px; position: relative; border-radius: 6px;} .button:hover {border: 0;} .button span {background: url('../images/button-nib.png') no-repeat 0 0; position: absolute; top: 6px; right: -5px; display: block; width: 5px; height: 11px;} .button:hover span {background-position: 0 -11px;} /* Small Buttons */ .button.small { font-size: 11px; color: #FFF; padding: 2px 5px 3px 5px; line-height: 18px;} /* Medium Buttons */ .button.medium {font-size: 13px; color: #FFF; padding: 9px 14px;} .button.medium i {font-size: 11px; margin-left: 3px;} /* Large Buttons */ /* Specific Bespoke Buttons Styles */ .button.extramargtop {margin-top: 10px;} .button.extramargbot {margin-bottom: 10px;} .button.competition {background: #AB2400; color: #FFF; padding: 5px 10px 7px; font-size: 16px; width: 251px; margin-top: -29px; margin-left: 1px; border-top-left-radius: 0px; border-bottom-left-radius: 15px; border-top-right-radius: 0; border-bottom-right-radius: 0;} .button.competition:hover {background: #000;} /* Button Colours */ /** Black **/ .button.black {background: #000;} .button.black:hover {background: #fff200; color: #000;} /** Yellow **/ .button.yellow {background: #fff200; color: #000;} .button.yellow:hover {background: #333; color: #EFEFEF;} /** Green */ .button.green {background: #73a334!important;} /** Green */ .button.orange {background: #EB6300!important;} .button.orange:hover {background: #222!important;} /* Layout --------------------------------------------------------------------------*/ #header {background: url('../images/header-background.jpg') repeat-x 0 0; /*width: 990px;*/ margin:auto; height: 303px; min-width: 1035px; max-height: 303px;} #header header {width: 960px; margin: 0px auto; position: relative; z-index: 6;} #wrapper {width: 960px; margin: 0px auto; position: relative; z-index: 5; } #wrapper .toTheEnd {background: url('../images/content-bottom.jpg') no-repeat 0 0; display: block; position: absolute; bottom: 0; left: 0; width: 960px; height: 27px; z-index: 20; display: none;} #content {padding: 10px 0px 0px 0px; position: relative; z-index: 50;} #footer {margin-top: 25px; /*width: 990px;*/ margin-left:auto; margin-right: auto; background: #111;} #footer footer {width: 960px; margin: 0px auto; padding: 22px 0 0px 0; position: relative; overflow: hidden; z-index: 10;} /* Content Elements --------------------------------------------------------------------------*/ #main {position: relative; margin-top: 15px;} /* Max 3 Columns */ #left {float: left; width:635px; margin-right:25px;} #middle {float: left; width: 300px;} #right {float: right; width: 200px;} #left.sub {} #left.sub.page #post-article {background: transparent!important; margin-bottom: 0; padding-bottom: 0;} #right.sub {width: 300px;} #left.full {float: none; margin-right: 0; width: 960px;} /* Widgets -----------------------------------------*/ .widget-container {margin-bottom: 20px;} .widget-container:last-child {margin-bottom: 0;} /* Don't miss! */ .widget_dont_miss {} .widget_dont_miss ul {height: 1%; overflow: hidden; list-style: none;} .widget_dont_miss ul li {height: 115px; background: #eee; margin-bottom: 3px;} .widget_dont_miss ul li:hover {background: #000;} .widget_dont_miss ul li:hover a {color: #fff;} .widget_dont_miss ul li img {width: 155px; height: 115px; display: block; float: right;} .widget_dont_miss ul li span {display: block; float: left; width: 120px; padding: 10px 0 0 10px;} .widget_dont_miss ul li h3 {font-weight: 600; font-size: 12px; font-family: SohoGothicPro; line-height: 14px;} .widget_dont_miss ul li i {color: #666;} .widget_dont_miss ul li p {font-size: 12px; color: #666; margin-top: 5px;} .widget_dont_miss ul li .section-label {font-size: 10px; margin-bottom: 5px; line-height: 12px;} .widget_mm_sidebar_sky {text-align: center;} .widget_houseadvirtual {} .widget_houseadvirtual img {display: block;} .plain-links {list-style: none;} .plain-links li { border-bottom: #ccc 1px dotted; padding: 8px 0;} .plain-links li a {font-weight: bold;} .plain-links li i {color: #999; font-size: 11px;} /* Header ------------------------*/ /* Leaderboard Ad Slot */ #header .leaderboard {float: left; width: 728px; height: 90px; overflow: hidden; margin-bottom: 9px;} /* Small Links top right */ #header .siteMeta {float: right; font-size: 10px; color: #666; margin-top: 8px;} #header .siteMeta a {color: #A1A1A1; text-decoration: none; font-size: 10px; font-weight: 500;} #header .siteMeta a:hover {color: #FFF; text-decoration: none; } /* Logo */ #header .logo {float: left; width: auto; height: auto; margin-right: 34px;} /* Search */ #header .search {width:283px; position: relative; float: left; margin-top: 21px;} #header .search .wrapper {} #header .search input {color: #666; background: #fff; border-radius: 6px; font-size: 11px; padding: 5px 9px; border: 0; width: 265px; font-family: inherit;} .ie8 #header .search input {padding-top: 4px;} #header .search input:focus {color: #000;} #header .search button {background: transparent; border: 0; cursor: pointer; font-size: 13px; display: block; position: absolute; top:12px; right: 0; color: #666;} #header .search button:hover {color: #000;} #header .search .weather {color: #ccc; font-size: 11px; margin-bottom: 7px; height: 1%; overflow: hidden;} #header .search .weather span {color: #ccc;} #header .search .weather img {float: left; width: 16px; height: auto; margin-top: 2px; margin-right: 5px;} /* Search Category Selector */ #header .search .cat-selector {margin-top: 1px; text-align: right; position: relative; z-index: 9000; font-size: 11px; text-transform: uppercase; color: #777; font-weight: bold;} #header .search .cat-selector .cat {position: relative; padding-right: 12px; cursor: pointer;} #header .search .cat-selector .cat span {background: url('../images/search-drop.gif') no-repeat 0 0; height: 5px; width: 9px; position: absolute; display: block; right: 2px; top: 5px;} #header .search .cat-selector .cat.active {color: #FFF;} #header .search .cat-selector .cat.active span {background-position: 0 -5px; top: 4px;} #header .search .cat-selector .drop-search { display: none; position: absolute; top: -1px; right: 13px; z-index: 9000; width: 125px; height: 76px; overflow: scroll; overflow-x: hidden; border-color: #999; border-left: 2px solid; border-right: 2px solid; border-bottom: 2px solid;} .ie7 #header .search .cat-selector .drop-search {top: -3px; z-index: 9000;} #header .search .cat-selector .drop-search ul {background: #FFF; } #header .search .cat-selector .drop-search ul li {list-style: none; text-align: left; display: block; padding: 1px 8px; cursor: pointer; font-size: 10px;} #header .search .cat-selector .drop-search ul li:hover {background: #EFEFEF;} /* In this months issue teaser */ #header .issue-teaser {float: left; margin-left: 37px; max-width: 205px; position: relative; z-index: 10; height: 78px; overflow: hidden; cursor: pointer; display: none;} #header .issue-teaser h2 {color: #FFF; font-weight:bold; font-size: 14px; line-height: 17px; padding-left: 3px;margin-bottom: 3px;} #header .issue-teaser em {display:none;color: #777; font-family: Georgia, serif; font-size: 14px; line-height: 14px; padding-left: 3px; font-style: italic;} #header .issue-teaser div {display: none;} /* Latest Issue */ #header .latest-issue {position: absolute; right: -19px; top: 38px; z-index: 1; width: 236px; height: 195px;} /* Primary Navigation */ #header #primary {margin-top: 3px; float: left;margin-bottom: 9px;} .ie8 #header #primary {margin-bottom: 0px;} #header #primary ul li {float: left; font-size: 12px; margin-right: 3px; font-weight: 500;} #header #primary ul li a {-webkit-transition:all 0.17s linear; -moz-transition:all 0.17s linear; display: block; color: #ccc; text-decoration: none; padding: 5px 0px; font-weight: 600; margin-right: 17px;} #header #primary ul li.menu-item-4370 a {color: #fff200;} #header #primary ul li a:hover { color: #fff;} #header #primary ul li.home a {text-indent: -9999px; width: 15px; height: 12px; background:transparent url('../images/home-icon.gif') no-repeat 0 0; margin-top: 7px; padding: 0;} #header #primary ul li.home a:hover {background-position: 0 -12px; border: 0;} /* Social Media */ #header .social {float: left; position: relative; z-index: 10; margin-top: 9px; margin-left: 7px;} /* Secondary Navigation */ #header #secondary {margin-top: 0px; position: relative; height: 61px;} #header #secondary > ul {} #header #secondary > ul > li {float: left; height: 37px; background: url('../images/navs/nav-spacer.jpg') no-repeat right center; position: relative; z-index: 1;} #header #secondary > ul > li > span, #header #secondary > ul > li.current-menu-item > span, #header #secondary > ul > li.current-menu-parent > span {position: absolute; left: 10px; bottom: -6px; display: none; width: 12px; height: 6px;} #header #secondary > ul > li.active > span, #header #secondary > ul > li.current-menu-item > span, #header #secondary > ul > li.current-menu-parent > span {display: block;} #header #secondary > ul > li.active {} #header #secondary > ul > li > a {display: block; padding: 10px; font-family: SohoGothicStd; color: #FFF; font-size: 13px; line-height: 20px;} /* Secondary Nav Colour Specifics */ #header #secondary ul li.livemusic {background: #004c97!important;} #header #secondary ul li.livemusic span {background: url('../images/navs/motoring-nib.png') no-repeat 0 0;} #header #secondary ul li.whatson {background: #eb6300!important;} #header #secondary ul li.whatson span {background: url('../images/navs/gadgets-nib.png') no-repeat 0 0;} #header #secondary ul li.health {background: #e32600!important;} #header #secondary ul li.health span {background: url('../images/navs/health-nib.png') no-repeat 0 0;} #header #secondary ul li.lifestyle {background: #85b900!important;} #header #secondary ul li.lifestyle span {background: url('../images/navs/garden-nib.png') no-repeat 0 0;} #header #secondary ul li.food {background: #008700!important;} #header #secondary ul li.food span {background: url('../images/navs/food-nib.png') no-repeat 0 0;} #header #secondary ul li.history {background: #6d4722!important;} #header #secondary ul li.history span {background: url('../images/navs/history-nib.png') no-repeat 0 0;} #header #secondary ul li.freetime {background: #960a0d!important;} #header #secondary ul li.freetime span {background: url('../images/navs/freetime-nib.png') no-repeat 0 0;} #header #secondary ul li.legaladvice {background: #636363!important;} #header #secondary ul li.legaladvice span {background: url('../images/navs/legaladvice-nib.png') no-repeat 0 0;} #header #secondary ul li.garden {background: #85b900!important;} #header #secondary ul li.garden span {background: url('../images/navs/garden-nib.png') no-repeat 0 0;} #header #secondary ul li.community {background: #00aeef!important;} #header #secondary ul li.community span {background: url('../images/navs/travel-nib.png') no-repeat 0 0;} #header #secondary ul li.pets {background: #d7007f!important;} #header #secondary ul li.pets span {background: url("../images/navs/fashion-nib.png") no-repeat scroll 0 0;} #header #secondary ul li.education {background: #8b6aed!important;} #header #secondary ul li.education span {background: url("../images/navs/fashion-nib.png") no-repeat scroll 0 0;} #header #secondary ul li.competitions {background: #F3BA1A!important; color: #000; float: right} #header #secondary ul li.competitions a {color: #000;} #header #secondary ul li.competitions span {background: url('../images/navs/gold-nib.png') no-repeat 0 0;} #header #secondary ul li.offers {background: #008700!important; float: right} #header #secondary ul li.offers span {background: url('../images/navs/offers-nib.png') no-repeat 0 0;} #header #secondary .welcome {font-size: 12px; font-weight: 600; display: none; color: #555; position: absolute; left: 0; bottom: 0;} /* Dropdowns */ #header #secondary > ul > li > ul.dropdown {display: none; position: absolute; left: 0; bottom: -25px; width: 960px;} #header #secondary > ul > li.current-menu-item > ul.dropdown, #header #secondary > ul > li.current-menu-ancestor > ul.dropdown, #header #secondary > ul > li.current-menu-parent > ul.dropdown {display: block;} #header #secondary > ul > li > ul.dropdown > li {float: left; margin-right: 12px; padding-right: 12px; font-weight: 600; font-size: 12px; border-right: #ccc 1px solid;} #header #secondary > ul > li > ul.dropdown > li:last-child {margin-right: 0; margin-right: 0; border: 0; padding-right: 0;} /* Dropdown Positioning */ #header #secondary ul > li.health .dropdown {left: -84px;} #header #secondary ul > li.livemusic .dropdown {left: -170px;} #header #secondary ul > li.lifestyle .dropdown {left: -407px;} #header #secondary ul > li.food .dropdown {left: -320px;} #header #secondary ul > li.history .dropdown {left: -266px;} #header #secondary ul > li.freetime .dropdown {left: -85px;} #header #secondary ul > li.legaladvice .dropdown {left: -484px;} #header #secondary ul > li.garden .dropdown {left: -573px;} #header #secondary ul > li.community .dropdown {left: -170px;} #header #secondary ul > li.pets .dropdown {left: -563px;} #header #secondary ul > li.education .dropdown {left: -612px;} /* Dropdown Nav Colour Specifics */ #header #secondary ul > li.whatson > ul > li > a {color: #aa4700;} #header #secondary ul > li.health > ul > li > a {color: #ba1e00;} #header #secondary ul > li.livemusic > ul > li > a {color: #003365;} #header #secondary ul > li.lifestyle > ul > li > a {color: #537400;} #header #secondary ul > li.food > ul > li > a {color: #006900;} #header #secondary ul > li.history > ul > li > a {color: #53361a;} #header #secondary ul > li.freetime > ul > li > a {color: #78080c;} #header #secondary ul > li.legaladvice > ul > li > a {color: #696969;} #header #secondary ul > li.garden > ul > li > a {color: #537400;} #header #secondary ul > li.community > ul > li > a {color: #04a3df;} #header #secondary ul > li.pets > ul > li > a {color: #a50062;} #header #secondary ul > li.education > ul > li > a {color: #8b6aed;} /* Sliders etceteraa... ------------------------*/ /* Big Slidey Panel Thingy */ #featuredSlider {width: 986px; height: 180px; position: relative; } #featuredSlider .container {background: url('../images/featured-panel.png') no-repeat 0 0; position: relative; left: -28px; top: 0; width: 986px; height: 180px; overflow: hidden;} #featuredSlider #window {width: 901px; margin: 0px auto; position: relative;} #featuredSlider #window ul {margin-top: 15px; height: auto;} #featuredSlider #window ul li {width: 232px; list-style: none; position: relative; display: block; height: auto;} #featuredSlider #window ul li article {width: 204px; height: 150px; } #featuredSlider #window ul li h2 {position: absolute; top: 0; left: 0; font-family: SohoGothicPro; width: auto; border-bottom-right-radius: 6px;} #featuredSlider #window ul li h2 a {display: block; color: #FFF; padding: 5px 7px;} #featuredSlider #window ul li h2 a:hover {background: #fff400; color: #000; border-bottom-right-radius: 6px; } #featuredSlider #window ul li p {position: absolute; left: 0; bottom: 0; font-size: 12px; color: #FFF; line-height: 14px; background: #000; font-family: SohoGothicPro;} #featuredSlider #window ul li p:hover {background: #fff400; } #featuredSlider #window ul li p a {color: #FFF; display: block; padding:7px 5px 8px 5px; width: 194px; } #featuredSlider #window ul li p a:hover {color: #000;} /* Slider Section Title /w Colours */ /* Orange */ #featuredSlider #window ul li h2.orange{background-color: #eb6300;} /* Red */ #featuredSlider #window ul li h2.red {background-color: #e32600;} /* Dark Blue */ #featuredSlider #window ul li h2.darkblue {background-color: #004c97;} /* Pink */ #featuredSlider #window ul li h2.pink {background-color: #85b900;} /* Green */ #featuredSlider #window ul li h2.green {background-color: #008700;} /* Dark Brown */ #featuredSlider #window ul li h2.darkbrown {background-color: #6d4722;} /* Purple Blue */ #featuredSlider #window ul li h2.purpleblue {background-color: #3b4b6c;} /* Dark Red */ #featuredSlider #window ul li h2.darkred {background-color: #960a0d;} /* Dark Grey */ #featuredSlider #window ul li h2.darkgrey {background-color: #636363;} /* Cyan */ #featuredSlider #window ul li h2.cyan {background-color: #00a6e4;} /* Garden */ #featuredSlider #window ul li h2.garden {background-color: #85b900;} #featuredSlider #window .bx-prev {background: url('../images/controls-prev.png') no-repeat 0 0; position: absolute; left: -36px; top: 92px; z-index: 9000; display: block; text-indent: -9999px; width: 12px; height: 13px;} #featuredSlider #window .bx-next {background: url(../images/controls-next.png) no-repeat 0 0; position: absolute; right: -7px; top: 92px; z-index: 9000; display: block; text-indent: -9999px; width: 12px; height: 13px;} #featuredSlider #window .bx-next:hover, #featuredSlider #window .bx-prev:hover {background-position: 0 -13px;} #featuredSlider #window .bx-window {width: 900px!important; } /* Page Feature - Fader + MPU */ #page-feature {position: relative; margin-top: 10px; border-bottom:#ccc 1px dotted; margin-bottom: 15px;} #page-feature #fader {width: 615px; height: 295px; float: left; padding-bottom: 22px; overflow: hidden;} #page-feature #fader ul li img {width: 615px; height: 295px;} #page-feature #fader ul li {position: relative; list-style: none; width: 617px;} #page-feature #fader ul li .ontop {position: absolute; left: 0; bottom: 28px; width: 250px; background: rgba(0,0,0,0.8); padding: 20px; border-top-right-radius: 6px; border-bottom-right-radius: 0px;} #page-feature #fader ul li .ontop time {display: block; font-size: 11px; color: #ccc; font-weight: 500; font-family: SohoGothicStd; margin-bottom: 5px;} #page-feature #fader ul li .ontop cite {font-family: Georgia, serif; font-style: italic; color: #666; text-transform: uppercase; letter-spacing: 2px; display: block; margin-bottom: 5px;} #page-feature #fader ul li .ontop h2 a {font-family: SohoGothicStd; color: #FFF; text-transform: uppercase; font-size: 18px; line-height: 21px; display: block; margin-bottom: 5px;} #page-feature #fader ul li .ontop h2 a:hover {color: #999;} #page-feature #fader ul li .ontop p {color: #c2c2c2; font-size: 13px; line-height: 19px; margin-bottom: 10px; font-weight: 300;} #page-feature #fader .bx-pager {bottom: 18px;margin-top: 12px;position: absolute; right: 15px;text-align: center; z-index: 9999;} #page-feature #fader .bx-pager a {background: none repeat scroll 0 0 #CCCCCC; border-radius: 50% 50% 50% 50%;font-weight: bold;margin-right: 2px;padding: 2px 8px;} #page-feature #fader .bx-pager a.pager-active {background: #000; color: #fff;} #page-feature #fader .bx-next, #page-feature #fader .bx-prev {display: none;} #page-feature .mpu {width: 300px; height: 250px; float: right; border: #ccc 1px solid; padding:21px 12px;} /* NEW SLIDER 2013 -----------------------------------------*/ #main-slider {position: relative; /*border-bottom: #ccc 1px dotted; padding-bottom: 17px;*/} #main-slider ul {list-style: none; width: 960px; height: 320px; overflow: hidden;} #main-slider ul li {width: 960px; height: 320px; position: relative;} #main-slider ul li img {display: block; max-width: 100%; height: auto; min-width: 960px; min-height: 320px;} #main-slider ul li .overlay {position: absolute; top:19%; left: 0; background: rgba(0,0,0,0.8); padding: 12px 26px; max-width: 491px;} #main-slider ul li h2 { font-family: SohoGothicStd; font-size: 33px; line-height: 35px; clear: both; margin-top: 10px; padding-top: 11px;} #main-slider ul li h2 a {color: #fff;} #main-slider ul li time {display: none; font-size: 11px; color: #ccc; float: left; font-weight: 500; font-family: SohoGothicStd; margin-top: 3px;} #main-slider ul li .section-label {float: right;} #main-slider .bx-pager {bottom: 18px;margin-top: 12px;position: absolute; right: 15px;text-align: center; z-index: 9999;} #main-slider .bx-pager a {background: none repeat scroll 0 0 #CCCCCC; border-radius: 50% 50% 50% 50%;font-weight: bold;margin-right: 2px;padding: 2px 8px;} #main-slider .bx-pager a.pager-active {background: #000; color: #fff;} /* Actual Content for all... -----------------------------------------*/ #content header.cat {position: relative;} /* Anti Luddite Sub Cat List in Header Bar */ .subcats-luddite {position: absolute; top: 20px; right: 20px;} .subcats-luddite li {list-style: none; float: left;} .subcats-luddite li a { color: #FFFFFF;display: block;font-size: 12px;font-weight: bold; margin-right: 19px;padding-bottom: 2px;} .subcats-luddite li:last-child a {margin-right: 0;} .subcats-luddite li a:hover {text-decoration: underline; color: #fff;} .divider-lined {border-top: 1px dotted #666666;height: 1px; margin: 15px 0 0px; display: block; position: relative;} .divider-lined .sm-divider {background-color: #000000;border: 0 none;clear: both;color: #000000;height: 1px;margin: -1px auto 0;width: 100px; display: block;} /* Latest Articles / Main Article List View */ #latest {height: 1%; overflow: hidden;} #latest .post {float: left; margin-right: 35px; width: 300px; margin-bottom: 23px; position: relative;} #latest .post.last {margin-right: 0;} #latest .post time {position: absolute; top: 2px; right: 0; font-size: 11px; text-transform: uppercase; color: #666; display: none;} #latest .post h3 {font-weight: bold; font-size: 18px; margin: 5px 0 10px 0; line-height: 21px; font-family: SohoGothicPro; min-height: 62px;} #latest .post p {font-size: 13px; color: #555; line-height: 17px; margin-top: 5px;} #latest .post img {max-width: 100%; height: auto;} #latest.cat .post {background-repeat: repeat-x; } #left .post.competition {background: transparent; border-bottom: #ccc 2px dotted; padding-bottom: 15px; margin-bottom: 20px; height: 1%; overflow: hidden;} #left .post.competition {width: 960px;} #left .post.competition figure {float: right;} #left .post.competition header {float: left; width: 600px;} #left .post.competition header h2.comp {font-family: SohoGothicPro; color: #000; font-size: 28px; line-height: 32px; margin-bottom: 15px;} #left .post.competition .button {font-size: 18px; padding: 12px 16px; line-height: 18px;} #left .post .botm-date {display: block; font-family: SohoGothicPro; text-transform: uppercase; font-size: 18px; margin-bottom: 6px; color: #999; letter-spacing: 2px;} /* Slightly smaller... #left .post.small h2 a {font-size: 17px; line-height: 19px; color: #333; font-family: SohoGothicPro;} #left .post .post-meta {margin-bottom: 10px; display: none; font-family: Georgia; font-style: italic; color: #666;} #left .post.small h2 a:hover {color: #004a80;} #left .post.small {padding-bottom: 25px;} #left .post.small figure img {float: left; border: #DDD 2px solid; margin-right: 10px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; } #left .post.small.botm figure img {float: right;} #left .post.small.botm cite {clear: both;} #left .post.small.botm p {font-size: 14px; line-height: 19px;} #left .post.small.botm h2 a {color: #004a80; font-size: 18px; line-height: 21px;} #left .post.small.botm h2 a:hover {color: #000;} #left .post.small figure img:hover {border-color: #666;} #left .post.small p {font-size: 13px; line-height: 16px;} #left .post.small time {top: 6px; background: url('../images/date-bubble.png') no-repeat 0 0; color: #666; text-shadow: 0 1px 1px #FFF;} #left .post.small:last-child {background: transparent; padding-bottom: 0; margin-bottom: 0;} */ /* Magazine Features */ #left #magazine-features {position: relative;} #left #magazine-features ul li {list-style: none; float: left; width: 200px; margin-bottom: 10px; margin-right: 8px;} #left #magazine-features ul li h3 a {color: #000; font-family: SohoGothicPro; font-size: 14px; display: block; line-height: 17px; margin: 5px 0;} #left #magazine-features ul li h3 a:hover {color: #666; border: 0;} #left #magazine-features ul li img {border: #c2c2c2 1px solid;} #left #magazine-features ul li a:hover {border-bottom: 0;} #left #magazine-features ul li cite {display: block; letter-spacing: 1px; font-family: Georgia, serif; color: #004a80; text-transform: uppercase; font-size: 12px; margin-bottom: 2px;} #left #magazine-features ul li p {font-size: 13px; color: #555;} /* Category Post Pull Hightlight */ .feature-pull {position: relative;} .feature-pull h3 a { display: block; font-family: SohoGothicPro;} .feature-pull img {display: block; margin: 7px 0; border: #DDD 2px solid; width: 294px; border-top-right-radius: 9px; border-bottom-left-radius: 9px;} .feature-pull p {font-size: 12px; font-weight: 400; color: #444; line-height: 15px;} /* Tabbed Content */ .tabbed-content {position: relative;} .tabbed-content ul li {list-style: none; float: left; display: block;} .tabbed-content ul li a {display: block; padding: 7px; background: #DDD; color: #777; font-family: SohoGothicPro; font-size: 13px; margin-right: 1px; border-top-left-radius: 5px; border-top-right-radius: 5px;} .tabbed-content ul li a.selected {background: #111; color: #FFF;} .tabbed-content #recent, .tabbed-content #popular {border: #DDD 1px solid; padding: 15px 10px 15px 10px;} .tabbed-content .post {position: relative; height: auto!important; padding-bottom: 20px; background: url('../images/spacer-left-small.gif') no-repeat bottom; margin-bottom: 15px;} .tabbed-content .post h2 a {font-size: 14px; line-height: 15px; color: #004a80; font-weight: bold; display: block; margin-bottom: 7px;} .tabbed-content .post h2 a:hover {color: #000;} .tabbed-content .post {padding-bottom: 25px;} .tabbed-content .post figure img {float: right; border: #999 2px solid; margin-left: 10px; width: 76px; height: 57px; border-top-right-radius: 9px; border-bottom-left-radius: 9px;} .tabbed-content .post p {font-size: 13px; line-height: 16px; color: #666;} .tabbed-content .post:last-child {background: transparent; padding-bottom: 0; margin-bottom: 0;} /* Skyscraper for Right */ #right .adslot.skyscraper {text-align: center; border: #ccc 1px solid;} /* Simple Post List */ .post-list ul {margin-left: 6px;} .post-list li {list-style: none; font-size: 13px; line-height: 15px; margin-top: 10px; font-weight: 500;} .post-list li a {color: #666;} .post-list li a:hover {color: #000;} /* Link List */ ul.link-list {margin-bottom: 15px;} ul.link-list li {list-style: none; width: auto;} ul.link-list li a {display: block; padding: 8px 12px; background: #EFEFEF; border-radius: 7px; width: auto; margin-top: 4px; font-family: SohoGothicStd; font-size: 14px; line-height: 14px; position: relative;} ul.link-list li a.premium {background: #73A334; color: #fff;} ul.link-list li a.add {background: #004a80; color: #fff;} ul.link-list li a:hover {background: #000; color: #FFF;} ul.link-list li a span {position: absolute; top: 8px; right: 12px; background: #FFF; display:block; border-radius: 60px; color: #000; font-size: 12px; padding: 0px 5px; opacity: 0.65} ul.link-list li a:hover span {opacity: 1} ul.link-list.subcats a {color: #FFF;} ul.link-list.subcats a:hover {background: #000;} /* Link List /w Colours */ /* Orange */ ul.link-list.orange li a {background-color: #eb6300;} /* Red */ ul.link-list.red li a {background-color: #e32600;} /* Dark Blue */ ul.link-list.darkblue li a {background-color: #004c97;} /* Pink */ ul.link-list.pink li a {background-color: #85b900;} /* Green */ ul.link-list.green li a {background-color: #008700;} /* Dark Brown */ ul.link-list.darkbrown li a {background-color: #6d4722;} /* Purple Blue */ ul.link-list.purpleblue li a {background-color: #3b4b6c;} /* Dark Red */ ul.link-list.darkred li a {background-color: #960a0d;} /* Dark Grey */ ul.link-list.darkgrey li a {background-color: #636363;} /* Cyan */ ul.link-list.cyan li a {background-color: #00a6e4;} /* Garden */ ul.link-list.garden li a {background-color: #85b900;} /* Comps */ ul.link-list.gold li a {background-color: #F3BA1A;} ul.link-list.gold li a:hover {background: #000; color: #FFF;} /* Twitter Feed */ .tweets ul li {list-style: none; font-size: 12px; margin-top: 10px; color: #666;} .tweets ul li a {color: #00aeef;} .follow {display: block; text-transform: uppercase; font-weight: bold; margin-top: 10px; font-size: 11px;} .twitter-follow-button {margin-top: 10px;} .tweets ul li .tweet_time a {color: #999; display: block; font-size: 11px;} /* Social Subscribe Panel */ .social-subscribe {position: relative} .social-subscribe.full {background: url('../images/subscribe_widget_full.jpg') no-repeat 0 0; width: 300px; height: 196px;} .social-subscribe.full .button.large.red {background: #555; color: #fff; font-size: 13px; display: block; padding: 12px 14px; text-align: center;} .social-subscribe .button:hover {background: #222!important;} .social-subscribe.full .wrap {padding: 66px 26px 0 20px; margin-bottom: 32px; position: relative;} .ie7 .social-subscribe.full .wrap {margin-bottom: 29px;} .social-subscribe.full p.features {font-size: 12px; font-weight: bold; color: #444; } .social-subscribe.compact {background: url('../images/subscribe_widget_compact.jpg') no-repeat 0 0; width: 200px; height: 161px;} .social-subscribe.compact .button.large.red {background: #e11b22; color: #fff; font-size: 10px; display: inline-block; padding: 8px 4px; text-align: center; margin-top: 5px;} .social-subscribe.compact .wrap {padding: 50px 13px 0 17px; margin-bottom: 27px;} .ie7 .social-subscribe.compact .wrap {margin-bottom: 25px;} .social-subscribe.compact p.features {font-size: 11px; font-weight: bold; color: #e51f20; } .ie7 .social-subscribe.compact p.features, .ie8 .social-subscribe.compact p.features {font-size: 10px;} .social-subscribe.compact .subform input {font-size: 11px; padding: 6px 5px; color: #a1a1a1; width: 95%;} .social-subscribe.compact .subform #widget_sub_submit {background: url('../images/widget_submit_newsletter_compact.jpg') no-repeat 0 0; width: 17px; height: 17px; right: 3px; top:33px; font-size: 0; line-height: 0} .ie7 .social-subscribe.compact .subform #widget_sub_submit {top:36px;} .social-subscribe .subform {position: relative;} .social-subscribe .subform input {width: 96%; border: #777 1px solid; padding: 5px; display: block; margin: 10px 0; font-family: inherit; -webkit-appearance: none; font-size: 11px; border-radius: 4px;} .social-subscribe .subform input:focus {border-color: #e51f20; color: #000!important;} .social-subscribe.full .subform input {font-size: 13px; padding: 9px 7px; color: #a1a1a1; width: 94%; border-radius: 6px;} .social-subscribe.full .subform #widget_sub_submit {background: url('../images/widget_submit_newsletter_full.jpg') no-repeat 0 0; width: 21px; height: 21px; right: 7px; top:43px; font-size: 0; line-height: 0} .ie7 .social-subscribe.full .subform #widget_sub_submit {top:46px;} .social-subscribe .subform #widget_sub_submit {font-size: 0; line-height: 0; border: 0; background: url('../images/subscribe-go.jpg') no-repeat 0 0; position: absolute; top: 32px; right: 2px; width: 16px; height: 16px; cursor: pointer; display: block;} .social-subscribe cite {float: left; display: block; margin-right: 35px; margin-top: 7px; font-style: normal; font-weight: bold; color: #444; font-size: 12px;} #right.sub .social-subscribe cite {margin-right: 24px;} /* Book of the Month */ #book {position: relative;} #book h3 {max-width: 180px;} #book h3 a {font-size: 17px; font-family: SohoGothicPro; display: block; margin-bottom: 10px; line-height: 19px;} #book img {float: right; margin-left: 10px;} #book p {font-size: 12px; line-height: 16px; margin-bottom: 10px;} /* Post Highlight - similar to massive slider */ #highlights {width: 617px; height: 180px; position: relative; background: url('../images/small-feature.jpg') no-repeat 0 0; margin-top: 15px;} #highlights ul {padding-top: 15px; width: 901px; overflow: hidden;} #highlights ul li {width: 262px; list-style: none;float: left; position: relative; height: 150px; margin: 0 18px 0 25px;} #highlights ul li article {width: 204px; height: 150px; } #highlights ul li h2 {position: absolute; top: 0; left: 0; font-family: SohoGothicPro; text-transform: uppercase; background: url('../images/feature-title.png') no-repeat 0 0; width: 101px; height: 35px;} #highlights ul li h2 a {display: block; color: #FFF; padding: 5px 7px; text-shadow: 0 1px 1px #000;} #highlights ul li h2 a:hover {text-shadow: 2px 2px 2px #000;} #highlights ul li p {position: absolute; left: 0; bottom: 0; font-size: 12px; color: #FFF; line-height: 14px; background: #000; font-family: SohoGothicPro;} #highlights ul li p:hover {background: #003365; } #highlights ul li p a {color: #FFF; display: block; padding: 5px 5px 7px 5px; width: 253px; } #highlights ul li p a:hover {text-shadow: 0 1px 1px #000; box-shadow: inset 0px 1px 2px #000; -webkit-box-shadow: inset 0px 1px 2px #000;} /* Post Author */ #post-author {position: relative; width: 300px; height: 105px; background: #405965;} #post-author .content {float: left; padding: 15px 15px; color: #FFF; font-size: 20px; font-family: SohoGothicPro;} #post-author .content h2 span {color: #9db5c0; display: block; font-size: 11px; font-family: SohoGothicPro;} #post-author .content cite {display: block; font-size: 13px; font-style: normal; font-family: SohoGothicPro; max-width: 100px; line-height: 13px; margin-top: 10px; color: #DDD; text-transform: uppercase;} #post-author img {float: right;} #post-author .nib {position: absolute; top: 15px; left: -12px; display: block; width: 12px; height: 23px; background: url('../images/author-nib.jpg') no-repeat 0 0;} /* FULL Post Article */ #post-article {position: relative; height: auto!important; padding-bottom: 20px; background: url('../images/spacer-full.gif') no-repeat bottom; margin-bottom: 15px;} #post-article time {display: none; font-size: 11px; color: #999; font-weight: 500; font-family: SohoGothicStd; margin-bottom: 0px; } #post-article.single {background: transparent; padding-bottom: 15px;} #post-article .post-meta {margin-bottom: 10px; display: none; font-family: Georgia; font-style: italic; color: #666;} /*#post-article cite {display: block; letter-spacing: 1px; font-family: Georgia, serif; text-transform: uppercase; font-size: 12px;}*/ #post-article h1 {color: #000; font-family: SohoGothicPro; font-size: 40px; display: block; line-height: 42px; margin-bottom: 15px; font-weight: bold;} #post-article .slideshow {overflow: hidden; width: 620px; height: 299px;} #post-article figure img {display: block; } #post-article figure figcaption {display: block; background: #DDD; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; width: 603px; padding: 8px; font-style: italic; font-family: Georgia; color: #444;} #post-article p {margin: 15px 0 0 0; color: #333; font-weight: 400; line-height: 22px; letter-spacing: -0.01em; font-size: 14px; } #post-article p em {font-style: italic;} #post-article p:first-child {margin-top: 0;} #post-article p.standfirst {font-weight: bold; font-size: 17px; line-height: 22px; color: #222; margin-bottom: 15px;} #post-article blockquote {display: block; margin-top: 15px; padding:15px; border-left: #ccc 5px solid; background:#eee; min-height: 31px;} #post-article blockquote p {font-size: 14px; font-style: italic; max-width: 520px; line-height: 19px; margin-top: 0!important;} #post-article h2 {font-size: 26px; color: #000; font-weight: bold; line-height: 28px; margin-top: 20px;} #post-article h3 {font-size: 18px; margin-top: 20px; color: #333; line-height: 22px; font-weight: bold;} #post-article p strong, #post-article b {font-weight: bold; color: #222;} #post-article ul {margin-left: 15px; margin-top: 15px; margin-bottom: 15px;} #post-article ul li {list-style: square outside none; font-size: 14px; color: #444; margin-top: 7px; line-height: 21px;} #post-article ul li a {color: #AB2400; border-bottom: #999 1px dotted;} #post-article ul li a:hover {color: #000;} .post-ratings {font-size: 11px; color: #555; margin-bottom: 10px;} #post-article object embed, #post-article .embed-youtube {margin-top: 15px; width: 610px!important; display: block;} #post-article object, #post-article .embed-youtube {width: 610px!important;} #post-article .embed-youtube iframe {max-width: 100%;} #post-article p a, #post-article p a strong {color: #AB2400; border-bottom: #999 1px dotted;} #post-article p a:hover, #post-article p a:hover strong {color: #000;} #post-article p a, img { border-bottom: 0;} #post-article.comp {background: transparent; border-bottom: #ccc 2px dotted;} #post-article.comp figure {float: right} .shareaholic-show-on-load {clear: both;} /* Article Pagination */ .article-pagination.top {margin-bottom: 10px;} .article-pagination .title {display: block; margin-bottom: 10px; font-size: 16px;} .article-pagination.top .title {display: none;} .article-pagination span {display:inline-block; padding: 9px 13px; border-radius: 7px; font-size: 16px;} .article-pagination.top span {padding: 3px 8px; font-size: 13px;} .article-pagination span.page {background: #ccc; color: #fff; background: #004a80; font-weight: bold;} .article-pagination a span.page {display: inline-block; background: #ccc; color: #333;} .article-pagination a span.page:hover {background: #004a80; color: #fff;} /*.comp {color: #AB2400!important;}*/ /*.comp a {color: #AB2400!important;}*/ .comp a:hover {color: #AB2400!important;} h2.deadline {margin-bottom: 20px!important; color: #fff!important; font-weight: normal!important; font-size: 16px!important; margin-top: 0px; background: #555; padding: 8px 16px; display: inline-block;} /* TERMS LIST */ ul.terms li {list-style: none!important; margin-top: 12px!important;} ul.terms li ul {margin-top: 0!important;} /* POST META */ #post-meta {padding: 15px 0; margin-bottom: 15px; border-bottom: #ccc 1px dotted; border-top: #ccc 1px dotted;} #post-meta .tags { font-size: 12px; color: #666;} #post-meta .cats { font-size: 12px; color: #666;} #post-meta a {color: #666;} /* Colours */ .orange {color: #eb6300;} /* Red */ .red {color: #e32600;} /* Dark Blue */ .darkblue {color: #004c97;} /* Pink */ .pink {color: #85b900;} /* Green */ .green {color: #008700;} /* Dark Brown */ .darkbrown {color: #6d4722;} /* Purple Blue */ .purpleblue {color: #3b4b6c;} /* Dark Red */ .darkred {color: #960a0d;} /* Dark Grey */ .darkgrey {color: #636363;} /* Cyan */ .cyan {color: #00a6e4;} /* Garden */ .garden {color: #85b900;} .community {color: #00aeef;} /* Section LAbel */ .section-label {display: inline-block; padding: 2px 5px; color: #FFF!important; text-transform: uppercase; font-size: 11px; font-style: normal; font-weight: bold;} .section-label.red {background: #e32600;} .section-label.black {background: #222;} .section-label.livemusic {background: #004c97;} .section-label.lifestyle {background: #85b900;} .section-label.green {background: #008700;} .section-label.darkbrown {background: #6d4722;} .section-label.purpleblue {background: #3b4b6c;} .section-label.darkgrey {background: #636363;} .section-label.darkred {background: #960a0d;} .section-label.garden{background: #85b900;} .section-label.tag {background: #ccc;} .section-label.community{background: #00aeef;} .section-label.pets{background:#d7007f;} .section-label.education{background:#8b6aed;} /* WordPress Misc */ .edit-link a {display: block; font-weight: bold; text-transform: uppercase; font-size: 11px; display: block; background: #fff200; width: 87px; padding: 2px 5px; margin-top: 20px;} .edit-link a:hover {background: #EFEFEF;} .archive-meta {margin-bottom: 15px; border-bottom: #ccc 1px dotted; padding-bottom: 15px; font-weight: 600; font-size: 13px; line-height: 17px; color: #666; font-style: italic;} .shareaholic-show-on-load {border-top: #ccc 1px dotted; width: 100%; margin-left: 0!important; margin: 15px 0;} .shareaholic-like-buttonset {margin-top: 15px;} /* Ad Slot CSS */ .adslot.contentend { text-align: center; width: 925px; border-bottom: 0; } /* More From.... {category} */ #more-posts {position: relative;} /* Related Posts */ #related-posts {margin-bottom: 15px; position: relative;} /* SHOWS 3 POSTS IN LEFT */ .three-post-block ul {margin-top: 10px;} .three-post-block li {list-style: none; float: left; width: 191px; margin-right: 31px;} .three-post-block li h4 {font-family: SohoGothicPro; color: #333; font-size: 15px; line-height: 16px; min-height: 30px;} .three-post-block li figure {margin: 10px 0;} .three-post-block li.last {margin-right: 0;} .three-post-block li figure img {} .three-post-block li figure img:hover {border-color: #666;} .three-post-block li p {font-size: 12px; line-height: 14px; color: #444;} /* SHOWS 4 POSTS IN LEFT */ .four-post-block ul {margin-top: 10px;} .four-post-block li {list-style: none; float: left; width: 169px; margin-right: 10px;} .four-post-block li h4 {font-family: SohoGothicPro; color: #333; font-size: 13px; line-height: 15px; min-height: 30px;} .four-post-block li figure {margin: 10px 0;} .four-post-block li figure img {border-top-right-radius: 15px; border-bottom-left-radius: 15px; border: #DDD 1px solid; width: 85%; height: auto;} .four-post-block li figure img:hover {border-color: #666;} .four-post-block li p {font-size: 12px; line-height: 14px; color: #444;} /* Must See (Previous Featured Articles) */ #must-see h4 a {font-family: SohoGothicPro; font-size: 13px; line-height: 16px; text-align: center; display: block; background: #DDD; border-top-right-radius: 7px; border-top-left-radius: 7px; padding: 7px;} #must-see h4 a:hover {background: #000; color: #FFF;} #must-see .feature {margin-top: 5px;} #must-see .feature img { border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; border: #DDD 1px solid; width: 298px; height: 125px;} /* Advertorial Premium Spot */ #advertorial {width: 100%; margin-bottom: 15px; position: relative; border-bottom: #ccc 3px dotted; padding-bottom: 15px;} #advertorial .wrap {} #advertorial h2.featured-title {font-weight: bold; color: #004C97;} #advertorial img {width: 635px;} #advertorial h2 a {font-family: SohoGothicPro; color: #000; font-size: 30px; line-height: 32px; display: block; margin-bottom: 15px; font-weight: bold;} #advertorial p {font-size: 14px; line-height: 19px; color: #555; padding-right: 30px; font-weight: 600; margin-top: 10px;} #advertorial .pick {position: absolute; bottom: 138px; right: 0px;} #advertorial .pick img {border: 0; border-radius: 0; width: auto; height: auto; margin: 0; float: none;} /* Alphabet List */ .alphabet-list {height: 1%; overflow: hidden; border-bottom: #ccc 1px solid; padding-bottom: 15px; margin-bottom: 15px;} .alphabet-list strong {display: block; margin-bottom: 12px;} .alphabet-list ul {list-style: none;} .alphabet-list ul li {border-right: 1px solid #CCCCCC;float: left;margin-right: 6px; padding-right: 6px;} .alphabet-list ul li:last-child {margin-right: 0; border: 0; padding: 0;} .alphabet-list ul li a {color: #004a80;} .alphabet-list ul li a.active {font-weight: bold; color: #000;} .alphabet-list ul li a:hover {color: #000; text-decoration: underline;} /* Artist Directory Listing */ .artist-listing { margin-bottom: 23px; position: relative;} .artist-listing.single {margin-bottom: 0;} .artist-listing .last {margin-right: 0;} .artist-listing time {position: absolute; top: 2px; right: 0; font-size: 11px; text-transform: uppercase; color: #666; display: none;} .artist-listing h3 {font-weight: bold; font-size: 18px; margin: 5px 0 10px 0; line-height: 21px; font-family: SohoGothicPro;} .artist-listing p {font-size: 13px; color: #555; line-height: 17px; margin-top: 5px;} .artist-listing img {max-width: 100%; height: auto;} .artist-listing .social {} .artist-listing .social strong {display: block; margin: 10px 0 5px 0;} .artist-listing .social ul {list-style: none; margin: 0!important; padding: 0;} .artist-listing .social ul li {display: inline;} /* Sitemap Page */ #sitemap { margin-top: 15px; position: relative;} #sitemap ul li {list-style: none; margin-top: 9px; padding-bottom: 9px; border-bottom: #DDD 2px dotted;} #sitemap ul li h3 {font-family: SohoGothicPro; font-size: 15px; display: block; margin-bottom: 5px; text-transform: uppercase;} #sitemap ul li h3 a {color: #004a80;} #sitemap ul li h3 a:hover {color: #000;} #sitemap ul li p {color: #555; font-style: italic; font-size: 13px; line-height: 16px;} #sitemap ul li:last-child {border: 0;} #sitemap ul li ul {margin-left: 15px;} #sitemap ul li ul li h4 a {font-size: 13px; color: #333; font-family: SohoGothicPro;} #sitemap ul li ul li h4 a:hover {color: #000;} #sitemap ul li ul li:last-child {padding-bottom: 0;} /* Enter Competition Form */ #compform-entry {background: #222; border-radius: 10px; padding: 25px; margin-top: 15px; border: #FFF 5px dashed; position: relative;} #compform-entry h2 {color: #FFF200; font-size: 25px; margin-bottom: 15px; margin-top: 0!important;} #compform-entry div {float: left; margin-right: 15px;} #compform-entry div.last {margin-right: 0;} #compform-entry label {display: block; color: #FFF; position: relative;} #compform-entry label b {color: #FFF; font-family: SohoGothicPro; font-weight: normal; font-size: 12px;} #compform-entry em {display: block; color: #888;margin-bottom: 10px; float: left;} #compform-entry .help {float: right; margin-top: 0; color: #999;} #compform-entry .help a {border: 0!important;} .ie7 #compform-entry input {margin-bottom: 0;} #compform-entry input {font-family: inherit; margin: 5px 0; padding: 5px; border-radius: 3px; border: 0; font-size: 13px; border: #999 2px solid; width:276px; color: #666;} #compform-entry input:focus {border: #fff200 2px solid; color: #000;} #compform-entry .error {border-color: #AB2400!important; background: #FFBABA;} #compform-entry .terms {float: right; font-size: 10px; color: #888; margin-top: 13px;} #compform-entry .terms a {color: #999;} #compform-entry .terms a:hover {color: #FFF;} #compform-entry .subscribe {float: left; width: 290px; color: #999; font-size: 11px; margin-left: 14px; margin-top: 13px; margin-right: 0;} #compform-entry .subscribe input {width: auto!important; margin: 0 2px 0 0; padding: 0;} /* Search Results Page Form */ #search-page-form {padding-top: 10px;} #search-page-form .input {border-radius: 3px; border: #999 1px solid; font-family: inherit; padding: 4px; float: left; width: 250px; font-size: 12px; margin-right: 10px; color: #666;} #search-page-form .input:focus {color: #000; border-color: #000;} #search-page-form .submit {background: #004a80; border: 0; border-radius: 3px; padding: 4px; font-family: inherit; font-size: 12px; color: #FFF; cursor: pointer; font-weight: bold; text-transform: uppercase;} #search-page-form .submit:hover {background: #000; box-shadow: 0 2px 3px #CCC;} /* Wider Content Area */ #wide-content {position: relative; width: 709px; float: left;} /* Video Section */ #video-cats {margin-bottom: 15px; border-bottom: #999 2px dotted; padding-bottom: 15px;} #video-cats h2 {font-family: SohoGothicPro; font-size: 16px; margin-bottom: 10px;} #video-cats li {float: left; list-style: none; margin-right: 5px; margin-bottom: 5px;} #video-cats li a {display: block; font-family: SohoGothicPro; color:#FFF; background: #999; padding: 4px; border-radius: 6px; font-size: 11px; text-transform: uppercase;} #video-cats li a:hover, #video-cats li.current-cat a {background: #00746a;} #videos {position: relative;} #videos.longer .video {margin-right: 3px; margin-bottom: 0;} #videos .video {width: 230px; float: left; margin-right: 9px; margin-bottom: 9px; background: #000; border-radius: 10px;} #videos .video .wrap {padding: 8px;} #videos .video h2 a {color: #FFF; text-align: center; font-family: SohoGothicPro; font-size: 13px; line-height: 14px; display: block; max-height: 30px; min-height: 30px; margin-bottom: 5px;} #videos .video h2 a:hover {color: #999;} #videos .video footer {background: #00746a; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 8px;} #videos .video footer a {color: #FFF; font-family: SohoGothicPro; text-transform: uppercase; font-size: 12px; float: left;} #videos .video footer a:hover {color: #83cbc5;} #videos .video footer .view-full {text-align: left; background: url('../images/pop-out.gif') no-repeat right; padding-right: 21px;} #videos .video footer .view-article {float: right; border-left: #DDD 1px dashed; padding-left: 11px;} /* Video Widget */ #featured-video .video {width: 300px; background: #000; border-radius: 10px;} #featured-video .video .wrap {padding: 8px;} #featured-video .video h2 a {color: #FFF; text-align: center; font-family: SohoGothicPro; font-size: 13px; line-height: 14px; display: block; margin-bottom: 8px;} #featured-video .video h2 a:hover {color: #999;} #featured-video .video footer {background: #00746a; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding: 8px;} #featured-video .video footer a {color: #FFF; font-family: SohoGothicPro; text-transform: uppercase; font-size: 12px; float: left;} #featured-video .video footer a:hover {color: #83cbc5;} #featured-video .video footer .view-full {text-align: left; background: url('../images/pop-out.gif') no-repeat right; padding-right: 21px;} #featured-video .video footer .view-article {float: right; border-left: #DDD 1px dashed; padding-left: 16px;} /* Video Popup */ #video-popup {padding: 10px; width: 750px;} #video-popup .video {float: left; width: 400px;} #video-popup .text {float: right; width: 335px;} #video-popup .text p {margin: 15px 0; color: #444; font-size: 14px; line-height: 20px;} #video-popup .text h1 {font-family: SohoGothicPro; font-size: 20px; line-height: 21px;} #video-popup .text h1 span {color: #00746a; font-size: 13px; display: block; margin-bottom: 2px; text-transform: uppercase;} /* OFFERS */ #offer-open {padding-bottom: 20px; margin-bottom: 20px; background: url('../images/spacer-full.gif') no-repeat bottom;} #offer-open h2 {font-family: SohoGothicPro; font-size: 24px; margin-bottom: 15px;} #offer-open p {color: #444; font-size: 13px;} #offersearch { margin-top: 15px; position: relative; display: none;} #offersearch.single {margin-top: 5px;} #offersearch input {width: 96%; border: #999 2px solid; padding: 10px; border-radius: 3px; font-size: 19px; font-weight: 300; font-family: inherit; color: #666;} #offersearch input:focus {border-color: #000; color: #000;} #offersearch button {background: #158b0e; color: #FFF; position: absolute; right: 15px; top: 9px; border-radius: 4px; padding: 5px; display: block; border: 0; font-family: SohoGothicPro; font-size: 12px; text-transform: uppercase; cursor: pointer;} #offersearch button:hover {background: #000;} /* Coupon Styles */ .coupon {position: relative; border-bottom: #999 1px dashed; padding-bottom: 15px; margin-bottom: 20px;} .coupon figure {float: left;} .coupon .wrap {float: left; padding-bottom: 10px;} .coupon .wrap h2 {font-family: SohoGothicPro; font-size: 19px; color: #0054a6; line-height: 21px;} .coupon .wrap h2 a {color: #0054a6; } .coupon .wrap h2 span a {margin-left: 10px; font-size: 11px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333; text-decoration: underline;} .coupon .wrap em {display: block; font-size: 11px; color: #888;} .coupon .wrap em span {font-weight: bold; color: #158b0e;} .coupon .coupon-content .couponbutton {display: block; min-width: 110px; max-width: 174px; padding: 6px; border-radius: 4px; text-align: center; color: #FFF; background: #dd1a21; margin-top: 10px; font-family: SohoGothicPro; font-size: 15px; text-transform: uppercase;} .coupon .coupon-content .couponbutton:hover {background: #000;} .coupon .coupon-content .code {font-size: 18px; display: block; margin-top: 10px; background: #000; color: #FFF; padding: 8px; border-radius: 3px; letter-spacing: 4px; display: none; max-width: 320px; min-width: 290px;} .coupon .coupon-content .code b {font-weight: 500; font-size: 14px; padding-right: 5px; letter-spacing: 0; color: #888;} .coupon.featured {background: #FFF7D9; padding: 10px; margin-bottom: 10px;} .coupon.featured .wrap {width: 430px;} .coupon.featured footer { background: transparent;} .coupon footer {color: #888; font-size: 11px; background: #EEE; padding: 3px 5px; border-radius: 3px; margin-top: 5px; opacity: 0.55;} .coupon footer a {color: #666;} .coupon footer a:hover {color: #333;} .coupon footer a.share {background: url('../images/social-media-offers.png') no-repeat 0 0; width: 16px; height: 16px; overflow: hidden; display: block; float: left; margin-right: 3px;} .coupon footer a.share.last {margin-right: 6px;} .coupon footer a.facebook {background-position: 0px 0;} .coupon footer a.facebook:hover {background-position: 0 -16px;} .coupon footer a.twitter {background-position: -18px 0;} .coupon footer a.twitter:hover {background-position: -18px -16px;} .coupon footer a.googleplus {background-position: -36px 0;} .coupon footer a.googleplus:hover {background-position: -36px -16px;} .coupon.expired {opacity: 0.55;} .coupon.expired h2 {color: #555;} .coupon.expired em span {color: red;} .coupon.expired .coupon-content .couponbutton {background: #DDD;} .coupon.expired footer {display: none;} #offer-store-description img {margin-bottom: 5px;} #offer-store-description p {font-size: 14px; line-height: 19px; color: #555;} /* Stores List Sidebar */ #stores-list {background: #158b0e; position: relative; color: #FFF; z-index: 10; padding: 10px; border-radius: 4px;} #stores-list h2 {text-align: center; font-family: SohoGothicPro; text-transform: uppercase; font-size: 18px; cursor: pointer;} #stores-list ul {position: absolute; bottom: -112px; left: 0; z-index: 20; height: 110px; overflow: scroll; overflow-x: hidden; width: 296px; background: #EFEFEF; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border: #999 2px solid; display: none;} #stores-list ul li {list-style: none; padding: 5px; text-align: center; font-weight: bold;} /* Contact Form */ #contact-form {padding-top: 20px; background: url('../images/spacer-full.gif') no-repeat top; margin-top: 20px;} #contact-form h2 {font-family: SohoGothicPro; font-size: 18px; margin-bottom: 15px;} #contact-form .form-wrap input {border-radius: 3px; border: #999 2px solid; padding: 5px; font-size: 13px; font-family: inherit; width: 185px; color: #666;} #contact-form .form-wrap select {border-radius: 3px; border: #999 2px solid; padding: 5px; font-size: 13px; font-family: inherit; width: 185px; color: #666;} #contact-form .form-wrap textarea {border-radius: 3px; border: #999 2px solid; padding: 5px; font-size: 13px; font-family: inherit; width: 185px; color: #666;} #contact-form .form-wrap input:focus, textarea:focus, select:focus {color: #000; border-color: #000;} #contact-form .form-wrap select {padding-bottom: 3px; width: 199px;} #contact-form .form-wrap textarea {width: 98%; min-height: 120px;} #contact-form .form-wrap .input {float: left; margin-right: 8px; margin-bottom: 10px;} #contact-form .form-wrap .input label {display: block; margin-bottom:5px; color: #444; font-family: SohoGothicPro; font-size: 13px;} #contact-form .form-wrap .input.last {margin-right: 0;} #contact-form .form-wrap .input.wide {float: none; margin-right: 0;} #contact-form p {text-align: right; color: #777; font-family: Georgia; font-style: italic; font-size: 12px; margin-bottom: 15px;} #contact-form p.normal {font-family: Arial; color: #444; font-size: 14px; text-align: left; font-style: normal;} #contact-form .error {border-color: #AB2400!important; background: #FFBABA;} /* Newsletter Subscribe Form */ #newsletter-subscribe {padding-top: 20px; background: url('../images/spacer-full.gif') no-repeat top; margin-top: 20px;} #newsletter-subscribe h2 {font-family: SohoGothicPro; font-size: 18px; margin-bottom: 15px;} #newsletter-subscribe .form-wrap input {border-radius: 3px; border: #999 2px solid; padding: 5px; font-size: 13px; font-family: inherit; width: 185px; color: #666;} #newsletter-subscribe .form-wrap select {border-radius: 3px; border: #999 2px solid; padding: 5px; font-size: 13px; font-family: inherit; width: 185px; color: #666;} #newsletter-subscribe .form-wrap textarea {border-radius: 3px; border: #999 2px solid; padding: 5px; font-size: 13px; font-family: inherit; width: 185px; color: #666;} #newsletter-subscribe .form-wrap input:focus, textarea:focus, select:focus {color: #000; border-color: #000;} #newsletter-subscribe .form-wrap select {padding-bottom: 3px; width: 199px;} #newsletter-subscribe .form-wrap textarea {width: 98%; min-height: 120px;} #newsletter-subscribe .form-wrap .input {float: left; margin-right: 8px; margin-bottom: 10px;} #newsletter-subscribe .form-wrap .input label {display: block; margin-bottom:5px; color: #444; font-family: SohoGothicPro; font-size: 13px;} #newsletter-subscribe .form-wrap .input.last {margin-right: 0;} #newsletter-subscribe .form-wrap .input.wide {float: none; margin-right: 0;} #newsletter-subscribe .form-wrap .input.checkboxes {border-top: #ccc 1px dotted; padding-top: 10px;} #newsletter-subscribe .form-wrap .input.checkboxes .col {float: left; margin-right: 100px;} #newsletter-subscribe .form-wrap .input.checkboxes .col.last {margin-right: 0;} #newsletter-subscribe .form-wrap .input.checkboxes input, #newsletter-subscribe .form-wrap .input.radio input {border-radius: 0; width: auto; border: 0; padding: 0; vertical-align: middle; margin: 0;} #newsletter-subscribe .form-wrap .input.checkboxes input, #newsletter-subscribe .form-wrap .input.radio div {float: left; margin-right: 10px;} #newsletter-subscribe .form-wrap .input.checkboxes input, #newsletter-subscribe .form-wrap .input.radio {margin-bottom: 5px;} #newsletter-subscribe .form-wrap .input.checkboxes label, #newsletter-subscribe .form-wrap .input.radio label {display: inline-block; margin-bottom: 10px; vertical-align: baseline;} #newsletter-subscribe p {text-align: right; color: #777; font-size: 12px; margin-bottom: 15px;} #newsletter-subscribe p.normal { color: #444; font-size: 14px; text-align: left; font-style: normal; margin-bottom: 10px;} #newsletter-subscribe .error {border-color: #AB2400!important; background: #FFBABA;} #newsletter-subscribe .form-wrap #submit_subscribe {background:#e11b22;color: #fff; cursor:pointer;border: 0; display: inline-block; text-transform: uppercase; font-family: SohoGothicPro; position: relative; border-radius: 6px;} #newsletter-subscribe .form-wrap #submit_subscribe:hover {background: #000; color: #fff;} #newsletter-subscribe .selector {padding: 5px 0 10px 0; clear: left; width: 616px; text-align: center; border-bottom: #ccc 1px dotted;} #newsletter-subscribe .selector strong {font-weight:normal;font-size:12px;cursor:pointer;border: 0; background: #ccc; color: #333; font-weight: bold; border-radius: 6px; display: inline-block; padding: 5px 8px; font-family: inherit; margin-right: 5px;} #newsletter-subscribe .selector strong:hover {background: #333; color: #fff;} #newsletter-subscribe .message {background: #FFFFE0; border: #E6DB55 1px solid; padding: 10px; border-radius: 7px; margin-bottom: 15px;} #newsletter-subscribe strong {display: block; color: #222; font-weight: bold; font-size: 14px; line-height: 19px;} #newsletter-subscribe strong span {color: #960A0D;} /* Get Listed Form */ #get-listed {padding-top: 25px; background: url('../images/spacer-full.gif') no-repeat top; margin-top: 20px; position: relative;} #get-listed h2 {font-family: SohoGothicPro; font-size: 22px; margin-bottom: 15px; color: #004a80;} #get-listed .helper {text-align: right; color: #777; font-family: Georgia; font-style: italic; font-size: 12px; margin-bottom: 15px; position: absolute; right: 0; top: 29px;} #get-listed .form-wrap {background: #EEE; border-radius: 12px; padding: 10px;} #get-listed label {display: block; font-family: SohoGothicPro; color: #444; font-size: 12px; margin-bottom: 5px;} #get-listed .input {float: left; margin-bottom: 10px; } #get-listed .input.datetime {margin-right: 10px;} #get-listed .input.datetime input {width: 129px;} #get-listed .input.last {margin-right: 0!important;} #get-listed .input.last input {margin-right: 0!important;} #get-listed input {font-family: inherit; font-size: 12px; color: #666; border-radius: 3px; border: #999 2px solid; padding: 4px; } #get-listed input:focus {color: #000; border-color: #000;} #get-listed .wide input {width: 578px; padding: 6px;} #get-listed .colinput .textarea {float: left;} #get-listed .colinput .textarea textarea {border: #999 2px solid; padding: 4px; color: #999; width: 300px; min-height: 196px; border-radius: 3px; font-family: inherit; font-size: 13px;} #get-listed .colinput .textarea textarea:focus {color: #000; border-color: #000;} #get-listed .colinput .additional {float: right; width: 271px;} #get-listed .colinput .additional .wide { float: none;} #get-listed .colinput .additional .wide input {width: 250px;} #get-listed .colinput .additional .half input {margin-right: 6px; width: 120px;} #get-listed .error {border-color: #AB2400!important; background: #FFBABA;} #get-listed .checksum {margin-left: 84px; margin-top: 12px;} #get-listed .checksum label {float: left; margin-right: 10px; margin-top: 4px;} #get-listed .checksum input {width: 20px; text-align: center; float: left;} #get-listed .input.upload {position: relative;} #get-listed .input.upload label {float: left; margin-right: 5px;} #get-listed .input.upload input {padding: 5px!important; float: left;} #get-listed #submit-getlisted-form {background: #004a80; color: #FFF; font-family: SohoGothicPro; text-transform: uppercase; display: block; border-radius: 3px; border: 0; cursor: pointer;} #get-listed #submit-getlisted-form:hover {background: #000; } #get-listed p.normal {font-family: Arial; color: #444; font-size: 14px; text-align: left; font-style: normal;} /* Respond - DISQUS */ .dsq-postid {float: none!important;} #respond {} #respond strong {display: block; font-family: SohoGothicStd; margin-bottom: 15px; font-size: 22px; font-weight: 500; margin-top: 25px;} #disqus_thread {margin-bottom: 0!important; font-size: 16px;} #dsq-global-toolbar {margin: 0 0 10px !important;} #dsq-new-post h3 {font-size: 25px; margin-bottom: 0px !important; color: #000; font-family: SohoGothicPro; text-transform: uppercase;} #disqus_thread a {color: #d43b30;text-decoration: none;} #disqus_thread a:hover {color: #333333;text-decoration: underline;} #dsq-subscribe a {color: #7B7B7B !important;} .dsq-options {font-size: 12px;} .dsq-comment-text {font-size: 13px; line-height: 15px;} .dsq-autheneticate-copy {font-size: 12px; color: #666;} .dsq-subscribe-rss a {color: #7B7B7B !important;} #dsq-content .dsq-comment-header cite {font-size: 14px!important;} .dsq-brlink { display: none !important;} #dsq-comments-title h3 {text-transform: uppercase;font-family: SohoGothicPro;font-size: 18px;margin-bottom: 10px;} #dsq-comments-title h3 span {color: #d43b30;font-family: SohoGothicPro;font-size: 23px;} .dsq-comment-header-time {color: #7B7B7B;font-size: 11px !important;} .dsq-reply-link {font-size: 11px !important;} .dsq-options, dsq-comment-header-meta, .dsq-comment-body {font-size: 12px;} .dsq-comment-cite {font-size: 18px!important; color: #000!important;} .dsq-autheneticate-copy {font-size: 11px;} .dsq-item-trackback {font-size: 14px;} .dsq-trackback-url {width: 779px;} /* WP Pagenavi */ #pagination {margin-top: 25px; margin-bottom: 15px;} .wp-pagenavi {clear: both; font-size: 14px;} .wp-pagenavi a, .wp-pagenavi span {text-decoration: none; display:inline-block; padding: 6px 10px!important;margin: 2px;color: #143855; background: #F0F0F0;border: 1px solid #E0E0E0;} .wp-pagenavi span {color: #777; font-weight: bold;} .wp-pagenavi a:hover, .wp-pagenavi span.current {color: #FFFFFF; text-decoration: none;background: #222;} .wp-pagenavi span.current {font-weight: bold;font-size: 14px;color: #FFF;background: #000;} /* Business Moment CM Signup Widget */ .tbm-signup {float: right; width: 274px; height: 274px; background: url('../images/tbm-signup-cm.jpg') no-repeat 0 0; margin-left: 15px; position: relative; z-index: 10;} .tbm-signup .container {margin: 94px 0 0 25px;} .tbm-signup #cm_sub_email {width: 205px; height: 37px; border: 1px solid rgba(0,0,0,.13); -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 0 10px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; font-family: inherit; } .tbm-signup button {width: 227px; height: 39px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #8dc53f; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIyNyAzOSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwIiBzdG9wLW9wYWNpdHk9IjAuMTEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAuMTEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyMjciIGhlaWdodD0iMzkiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.11) 0%, rgba(255,255,255,.11) 100%); background-image: -o-linear-gradient(bottom, rgba(0,0,0,.11) 0%, rgba(255,255,255,.11) 100%); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.11) 0%, rgba(255,255,255,.11) 100%); background-image: linear-gradient(bottom, rgba(0,0,0,.11) 0%, rgba(255,255,255,.11) 100%); border: 0; font-family: SohoGothicPro; color: #fff; text-transform: uppercase; font-size: 15px; margin-top: 5px; cursor: pointer; } /* Subscribe to The Moment */ .post.single {margin-bottom: 15px!important; padding-bottom: 0!important; background: transparent!important;} #subscription-options {height: 1%; overflow: hidden; padding-bottom: 25px; padding-top: 15px;} #subscription-options ul {} #subscription-options ul li {float: left; list-style: none; width: 291px; height: 360px; margin-right: 43px; position: relative; background: url('../images/sub-option-panel.gif') no-repeat 0 0; -webkit-transition: all 0.20s ease-in; -moz-transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in; transition: all 0.20s ease-in;} #subscription-options ul li.last {margin-right: 0;} #subscription-options ul li h2 {font-family: SohoGothicPro; font-size: 21px; line-height: 22px; margin-bottom: 10px; padding: 10px 0 0 10px;} #subscription-options ul li h2 a {color: #790000;} #subscription-options ul li p {font-size: 13px; color: #555; line-height: 18px; padding: 0 10px; position: relative;} #subscription-options ul li .number {position: absolute; bottom: -20px; left: 39%; display: block; font-family: SohoGothicPro; color: #fff; background: #222; padding: 17px; font-size: 27px; border-radius: 250px; z-index: 9000;} #subscription-options ul li.virtual img {margin-top: -8px; margin-left: 43px;} #subscription-options ul li.virtual.business img {margin-top: -8px; margin-left: 38px;} #subscription-options ul li.ipad-app img {margin-top: 20px;} #subscription-options ul li.ipad-app.business img {margin-top: 4px; margin-left: 53px;} #subscription-options ul li.postal img {margin-top: 53px;} #subscription-options ul li .overlay {position: absolute; top: 0; left: 0; background: url('../images/sub-options-hover.png') no-repeat 0 0; width: 291px; height: 360px; display: none; -webkit-transition: all 0.20s ease-in; -moz-transition: all 0.20s linear; -o-transition: all 0.20s ease-in; transition: all 0.20s ease-in;} #subscription-options ul li:hover .overlay {display: block;} #subscription-options ul li .button {font-size: 19px; text-align: center; max-width: 252px; font-family: SohoGothicPro; line-height: 22px; margin-top: 52%; margin-left: 10px;} /* The Business Moment */ #subscription-options.business li {width: 449px; background: url('../images/sub-option-panel-business.gif') no-repeat 0 0; padding-top: 10px; margin-right: 62px;} #subscription-options.business ul li h2 {font-size: 28px; padding: 10px 20px;} #subscription-options.business ul li p {font-size: 15px; padding: 0 20px;} #subscription-options.business ul li .overlay {background: url('../images/sub-options-business-hover.png') no-repeat 0 0; width: 449px;} #subscription-options.business ul li .number {left: 44%} #subscription-options.business ul li .button {margin-left: 95px; margin-top: 36%;} /* Virtual Magazines Index */ .page-template-virtual-mag-index-template-php #wrapper, .page-template-tbm-virtual-index-php #wrapper {width: 100%;} .page-template-virtual-mag-index-template-php #wrapper #content header, .page-template-tbm-virtual-index-php #wrapper #content header {width: 960px; margin: 0 auto;} #shelf {background: url('../images/shelf-bg.jpg') repeat; min-height: 260px;} #shelf ul {height: 1%; overflow: hidden; margin: 0 auto; width: 960px; list-style: none;} #shelf ul li {float: left; margin: 10px 51px 32px 0;} #shelf ul li.last {margin-right: 0;} #shelf ul li img {box-shadow: 4px -1px 9px #000000;} #shelf ul li img:hover {box-shadow: 4px -1px 15px #000000;} #virtual-pr {height: 1%; overflow: hidden; margin-bottom: 15px;} #virtual-pr img {display: block; float: left;} /* Directory Styles */ /* Search */ #directory-search-bar {background: #daeef6; padding: 15px; border-radius: 10px;} #directory-search-bar p {float: left; font-family: 'SohoGothicPro'; text-transform: uppercase; font-size: 20px; line-height: 22px; margin-top: 7px;} #directory-search-bar form {float: right; position: relative;} #directory-search-bar form input {padding: 10px; background: #fff; border: #f6f6f6 1px solid; border-radius: 10px; font-family: inherit; font-size: 14px; color: #666; width: 520px;} #directory-search-bar form button {padding: 8px 10px; font-size: 14px; border: 0; border-radius: 0px 10px 10px 0 ; background: #004a80; font-family: 'SohoGothicPro'; text-transform: uppercase; cursor: pointer; color: #fff; position: absolute; top: 0; right: 0;} #directory-search-bar form button:hover {background: #000;} /* Sub cats */ .dir-sub-categories {background: #F5F5F5;border:#e1e1e1 1px solid; border-top: #04417b 2px solid; margin-bottom: 15px; padding: 10px 10px 5px 10px; margin-bottom: 10px;} .dir-sub-categories h2 {font-size: 16px; font-weight: bold; margin-bottom: 10px;} .dir-sub-categories ul {} .dir-sub-categories ul li:first-child {padding-left: 0;} .dir-sub-categories ul li:last-child {border: 0; padding-right: 0;} .dir-sub-categories ul li { margin: 5px 0; color: #777; list-style: none; display: inline; border-right: #ccc 1px solid; padding: 0 9px 0 0; margin-bottom: 10px; line-height: 23px;} .dir-sub-categories ul li span {color: #999; font-size: 12px;} .dir-sub-categories ul li a { font-size: 12px; color: #04417b; display: inline-block;} .dir-sub-categories ul li a:hover {text-decoration: underline;} /* Listings */ .directory-cat-desc {float: none!important; width: 635px!important; font-size: 13px; line-height: 17px; color: #666;} .post.directory {height: 1%; overflow: hidden; padding: 15px; width: 605px!important; float: none!important; background: transparent; margin-top: 15px; border-radius: 10px;} .post.directory img {float: left; border-radius: 0!important;} .post.directory .wrap {float: right; width: 438px;} .post.directory h2 {font-family: SohoGothicPro; font-weight: normal;} .post.directory .post-ratings { margin-top: 8px;} .post.directory h2 a {font-size: 21px!important; line-height: 23px!important;} .post.directory p {margin: 0!important; font-size: 13px;} .post.directory p a {color: #004a80;} .post.directory p a:hover {color:#7d2b40;} .post.directory .phone {padding-bottom: 10px;} .post.directory address {font-size: 12px; line-height: 15px; font-style: normal; color: #222; display: block; margin-bottom: 5px;} .post.directory figure {width: 120px;} .post.directory.premium {background:#eee!important; } .post .company_details {background: #eee; border-radius: 7px; padding: 10px 10px 5px 10px; position: relative; float: left; width: 464px;} .post .company_details.premium {background: #eee;} .post .company_details ul {margin: 0!important; } .post .company_details ul li {list-style: none!important; font-size: 12px!important; margin: 0 0 5px 0!important; color: #222!important;} .post .company_details ul li strong { color: #7d2b40; text-transform: uppercase; text-align: left;} .post .thumb {float: right; margin-top: -2px; border-radius: 7px;} .post .social_dir .icons {float: left} .post .social_dir .vcard {float: right;} .post .upgrade {background:#FDF6E5; padding: 10px; margin-bottom: 15px; border-radius: 6px;} .post .upgrade strong {display: block; font-family: SohoGothicPro; font-weight: normal;} .post .upgrade strong a {font-size: 11px; color: #004a80; font-family: SohoGothicPro; } .post .upgrade-listing {display: inline-block;} .dir-add-button {background: #004a80; border-radius: 4px; padding: 10px; font-family: SohoGothicPro; text-align: center; font-size: 18px; text-transform: uppercase;} .dir-add-button:hover {background: #111;} .dir-add-button a {color: #FFF; display: block;} /* User CP */ .dir-dashboard h2 { font-family: SohoGothicPro; font-size: 26px; line-height: 28px; margin-bottom: 15px;} .dir-dashboard p {font-size: 14px; line-height: 19px; color: #444; margin-bottom: 15px;} .dir-dashboard #table_div table {border: #ccc 1px solid; border-right: 0;} .dir-dashboard #table_div table .bd_com_list_headerRow { background: #004a80; color: #fff; font-size: 15px; font-weight: bold;} .dir-dashboard #table_div table td {padding: 10px; vertical-align: middle; border-right: #ccc 1px solid;} .dir-dashboard #table_div table .bd_com_list_oddTableRow, .dir-dashboard #table_div table .bd_com_list_hoverTableRow {background: #eee;} .dir-dashboard #table_div table td .wpbd_user_edit {color: #004a80; font-size: 13px; font-weight: bold;} .dir-dashboard #table_div table td .approved, .dir-dashboard #table_div table td .notaccepted, .dir-dashboard #table_div table td .pending {font-weight: bold; text-transform: uppercase; font-size: 11px;} .dir-dashboard #table_div table td .approved {color: #406618;} .dir-dashboard #table_div table td .pending {color: #f7941d;} .dir-dashboard #table_div table td .notaccepted {color: #ce181e;} .dir-dashboard #table_div table td .premium {font-size: 11px; text-transform: uppercase; color: #555;} .dir-dashboard #bd_premium_buy {background: #eee; border-radius: 7px;} .dir-dashboard #bd_premium_buy td {padding: 10px; font-weight: bold;} .dir-dashboard #bd_premium_buy td select {background: #fff; font-family: inherit; padding: 5px; font-size: 14px; border: #ccc 1px solid; min-width: 200px; border-radius: 6px;} header.cat.dir .subcats-luddite a:hover {color: #ccc;} #bd_pp_prev_table td { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 8px; font-size: 12px } .bd_pp_prev_title {font-size:13px; background: #eee} #bd_pp_prev_table { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #CCCCCC -moz-use-text-color #CCCCCC #CCCCCC; border-style: solid none solid solid; border-width: 1px 0pt 1px 1px; width: 100%; } #bd_pp_prev_confirm { background: none repeat scroll 0% 0% #004A80; border-radius: 6px 6px 6px 6px; border: 0pt none; color: #FFFFFF; font-family: SohoGothicPro; font-size: 13px; padding: 5px 10px; cursor:pointer; } #related-listings h2.related-title {font-family: SohoGothicPro; font-size: 24px; margin-top: 15px; color: #000; line-height: 28px; border-bottom: #CCC 3px solid; padding-bottom: 8px; margin-bottom: 15px;} /* Widget */ .widget_wpbd_com_search {} .widget_wpbd_com_search label {display: block; position: relative!important; margin: 0 0 5px 0!important;} .widget_wpbd_com_search input {margin: 0 0 5px 0!important; padding: 5px; border: #ccc 1px solid; font-family: inherit; font-size: 13px; width: 288px;} .widget_wpbd_com_search .submit {background: #004a80; width: auto; font-family: SohoGothicPro; text-transform: uppercase; color: #fff; padding: 4px; border: 0; border-radius: 7px; margin-top: 5px!important; display: block; cursor: pointer;} /* Login Widget */ #mm_login_form {width: 300px; margin-bottom: 10px;} #mm_login_form form {background: #eee; padding: 10px; border-radius: 6px;} #mm_login_form .field {position: relative;} #mm_login_form label {font-weight: bold; vertical-align: middle; display: block; font-size: 13px;} #mm_login_form input.input {border: #ccc 1px solid; padding: 5px; font-family: inherit; margin: 5px 0; width: 268px; border-radius: 6px;} #mm_login_form span.error {position: absolute; top: 0px; right: 0; font-size: 11px; font-weight: 600; display: inline-block; background: #d71e20; padding: 4px 6px; border-radius: 6px; color: #fff;} #mm_login_form span.error i {display: none;} #mm_login_form .input-error {border-color: #d71e20!important;} #mm_login_form #wp-submit {background: #111; border: 0; border-radius: 6px; font-family: 'SohoGothicPro'; text-transform: uppercase; color: #fff; padding: 5px; cursor: pointer; margin-top: 5px;} #mm_login_form .or {position:relative; margin-left:5px;top:3px; display: inline-block; font-size: 12px; color: #666;} #mm_login_form .or a {font-weight: bold; text-decoration: underline; color: #790000; font-size: 12px;} /* Directory Grid Index */ #directory-grid {height: 1%; overflow: hidden; margin-top: 15px;} #directory-grid li {float: left; list-style:none; width: 202px; margin-right: 5px; margin-bottom: 5px;} #directory-grid li img {width: 202px; height: 230px; display: block; background: #eee;} #directory-grid li h2 {font-family: SohoGothicPro; text-transform: uppercase;} #directory-grid li h2 a {color: #004a80; font-size: 15px; line-height: 18px; margin: 5px 0; display: block;} #directory-grid li.last {margin-right: 0;} #directory-grid li p {font-size: 12px; color: #555; line-height: 15px; margin-bottom: 5px;} /* Listing Info */ #directory-compare {border: #ccc 1px solid; border-right: 0; width: 100%; border-bottom: 0; margin-top: 15px;} #directory-compare td {padding: 7px; border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; vertical-align: middle;} #directory-compare td img {display: inline-block; vertical-align: middle; text-align: center;} #directory-compare thead tr {background: #004a80; color: #fff; font-weight: bold;} #directory-compare .odd {background: #eee;} /* /* EVENTS MANAGER ------------------------*/ #em-wrapper h2 {font-family: SohoGothicPro; color: #000; font-size: 20px; display: block; margin-top: 16px;} #em-wrapper .page-numbers {display: block; float: left; background:#F0F0F0;padding: 6px 10px !important; text-decoration: none; border: #BFBFBF 1px solid; margin-top: 15px; margin-right: 5px; color: #333; font-size: 14px; } #em-wrapper .page-numbers:hover {background: #000; color: #FFF; border: #000 1px solid;} #em-wrapper .page-numbers.current {background: #000; color: #FFF; border: #000 1px solid!important; font-weight: bold;} #em-wrapper .page-numbers.next, #em-wrapper .page-numbers.prev {} /* Calendar Widget */ #calendar-full .em-calendar td {font-size: 15px; padding: 5px!important;} #calendar-full .em-calendar .month_name {font-family: SohoGothicPro; color: #000; font-size: 26px!important; text-transform: uppercase;} .em-calendar {width: 100%;} .em-calendar .month_name {font-family: 'Open Sans'; color: #555; font-size: 15 px; } .em-calendar .em-calnav {background: #EFEFEF;font-family: SohoGothicPro; font-size: 10px; border-radius: 20px; color: #666; text-decoration: none; display: block; padding: 2px 0 3px; } .em-calendar .em-calnav:hover {background: #444; color: #fff;} .em-calendar .days-names td {background: #ccc; font-family: 'Open Sans'; color: #666; border-radius: 0px; font-weight: bold;} .em-calendar .eventful {background: #eee;} .em-calendar .eventful:hover {background: #333; color: #FFF!important;} .em-calendar .eventful:hover a {color: #FFF!important;} .em-calendar .eventful a {color: #444!important; text-decoration: none; font-size: 13px;} .em-calendar .eventful a:hover {color: #FFF!important;} .em-calendar td {padding: 4px 3px 6px !important; font-size: 15px; } .em-calendar .eventful-today {background: #EB6300!important; border: 0px solid!important; color: #FFF;} .em-calendar .eventful-today a {color: #FFF!important; text-decoration: none} .em-calendar .eventful-pre, .em-calendar .eventful-post {background: #fff; color: #999} .em-calendar .eventful-pre a, .em-calendar .eventful-post a {text-decoration: none!important; color: #999!important;} .em-calendar .eventless-today {background: #333!important; color: #FFF;} /* Search Form */ .em-events-search {margin-bottom: 15px; position: relative;} .em-events-search-form .em-events-search-text {width: 96%; display: block; padding: 10px; font-size: 18px; font-weight: 300; margin-bottom: 10px; border-radius: 6px; border: #999 1px solid;} .em-events-search-form select {float: left;} .em-events-search-dates {display: block; margin-bottom: 10px; font-family: Georgia; font-size: 11px; color: #555; font-style: italic; float: left; margin-right: 10px; display: none;} .em-events-search-submit {clear: both;} .em-events-search-form .hasDatepicker {font-family: inherit; padding: 3px; font-size: 11px; font-weight: 300; border-radius: 4px; border: #999 1px solid;} .em-events-search-form input {font-family: inherit; font-weight: 300; color: #999; box-shadow: 0 1px 3px #CCC;} .em-events-search-form input:focus {color: #000; border-color: #000;} .em-events-search-form select {font-family: inherit; font-weight: 300; color: #444; border-radius: 4px; font-size: 12px; width: 140px; margin-left: 2px; display: none;} .em-events-search-submit {font-family: SohoGothicPro!important; border: 0; border-radius: 4px; width: 80px; background: #000; display: block; text-align: center; padding: 5px!important; color: #FFF!important; font-weight: normal!important;font-size: 12px; cursor: pointer; text-transform: uppercase; position: absolute; top: 6px; right: 10px;} .em-events-search-submit:hover {background: #fff200; color: #000!important;} /* Events */ #events .event {margin-top: 25px; padding: 0px 15px 25px 0px; border-bottom: #ccc 1px dotted; height: 1%; overflow: hidden;} #events .event h2 {font-family: SohoGothicPro; text-decoration: none; color: #000; font-size: 17px; line-height: 21px; display: block; margin-top: 0;} #events .event h2 a {display: block; color: #EB6300; margin-bottom: 10px;} #events .event h2 a:hover {color: #666;} #events .event h2 span {color: #222; font-size: 14px; display: block; max-width: 469px; width: 469px; padding-bottom: 4px; font-family: SohoGothicPro; border-bottom: #CCC 1px solid;} #events .event .content {float: right; width: 428px;} #events .event img {float: left; } #events .event .time, #events .event .date, #events .event .time, #events .event .location {font-size: 12px; color: #666; display: block; line-height:22px;} #events .event .time i, #events .event .date i,#events .event .locaton i {color: #444;} #events .event p {font-size: 13px; line-height: 17px; color: #555; margin-top: 8px;} #events .event p .button {color: #FFF!important;} #events .event p .button:hover {color: #000!important;} #events .event p a {color: #AB2400; border-bottom: #CCC 1px solid;} #events .event p a:hover {color: #000;} #events .event.sub img {width: 260px; height: 180px; margin-top: 0;} #events .event .more-info {display:none; border: 0; background: #000; font-family: SohoGothicStd; font-size: 13px; border-radius: 5px; padding: 5px 8px; margin-top: 5px; color: #fff; white-space:nowrap;} .event-share {margin-top: 10px; font-size: 15px; float: right; width: 321px;} .event-share h4 {font-weight: bold; margin-bottom: 8px; display: inline; float: left; margin-right: 5px;} .event-share a {margin-right: 0px;} .getlistedbutton {background: #FFF400; color: #000; font-family: SohoGothicPro; padding: 5px; border-radius: 4px; position: absolute; top: -53px; left: 205px; display: block; width: auto; height: auto; } .getlistedbutton:hover {background: #FFF; color: #000;} .get-listed-button {background: #004a80; border-radius: 4px; padding: 10px; font-family: SohoGothicPro; text-align: center; font-size: 18px; text-transform: uppercase;} .get-listed-button:hover {background: #111;} .get-listed-button a {color: #FFF; display: block;} #event .button {margin-top: 0;} #events .event aside {margin-top: 10px; padding-top: 10px; clear: right; background: #EEE; padding: 15px; border-radius: 7px; border: #CCC 2px solid;} #events .event aside ul li {color: #000; list-style: none; float: left;} #events .event aside ul li b {display: block; margin-bottom: 5px; padding-bottom: 3px; border-bottom: #CCC 2px solid;} #events .event aside ul li p {margin: 0; font-size: 15px; line-height: 15px; color: #333; margin-bottom: 5px;} #events .event aside ul li span {color: #444; } #events .event aside ul li.times {border-right: #EEE 1px solid; padding-right: 25px; width: 150px;} #events .event aside ul li.location { padding-left: 25px; width: 380px;} #events .event aside ul li.location span {} #events .event.sub {margin-top: 5px; padding: 0 0 15px 0;} #events .event.sub h2 {margin-bottom: 0;} #events .event.sub h2 a {font-size: 29px; line-height: 29px; margin-bottom: 0; padding: 0px 38px 5px 15px;} #event h2.date {color: #444; font-size: 15px; display: block; width:100%; margin-top: 8px; padding-bottom: 7px; font-family: SohoGothicPro; border-bottom: #CCC 1px solid; margin-bottom: 15px!important;} #event img {margin-bottom: 15px; width: 616px; height: auto; border-top-right-radius: 9px; border-bottom-left-radius: 9px; border: #DDD 2px solid;} #event p {color: #555; margin-bottom: 15px;} #event h2 {margin-bottom: 15px; font-size: 18px; color: #000;} #event h3 {font-family: SohoGothicPro; margin-bottom: 15px; font-size: 16px; color: #333;} .single-event figure {margin-bottom: 15px;} #event .event .time, #event .event .date {font-size: 15px; color: #666; display: block; line-height:22px; } #event .event .time i, #event .event .date i {color: #444;} #event .event .date {border-bottom: #ccc 1px dotted; padding-bottom: 10px;} .event-title {font-family: SohoGothicPro; margin-bottom: 15px; line-height: 30px; font-size: 28px; color: #000;} /* WEATHER WIDGET */ .weather-compact {list-style: none;} .weather-wrapper {margin: 0 0 15px 0; padding: 10px 0 0 0!important;} .weather-forecast li {padding: 0!important;} /* SHOP ------------------------*/ /* Default */ #shop-main {float: right; width: 690px; margin-top: 10px; position: relative; min-height: 900px;} #sidebar-shop {float: left; width: 220px; position: absolute; left: -241px; top: 0;} /* Breadcrumbs */ #shop-main #shop-breadcrumbs {font-size: 12px; border-bottom: #CCC 1px solid; padding: 0 0 4px 0!important; margin: 0 0 10px 0!important; color: #777;} #shop-main #shop-breadcrumbs a {color: #666;} #shop-main #shop-breadcrumbs a:hover {color: #000;} #shop-main .shop-cat-title {font-family: SohoGothicPro; font-size: 27px; margin: 15px 0;} #shop-main .modcont {padding: 0!important; margin: 0!important;} #shop-main .pgr {background: #EEE; border-radius: 4px; padding: 2px 6px; font-size: 12px; margin: 5px 0 10px 0!important; color: #000;} #shop-main .pgr span {font-weight: bold; margin-right: 5px; margin-left: 5px; color: #942390; text-decoration: underline;} #shop-main .pgr a {margin-right: 5px;} #shop-main .pgr a:hover {text-decoration: underline;} #shop-main #view .pl .t1 .bdr {margin:0 5px 10px 5px;padding:2px;border:0; min-height: 375px; border-bottom: #CCC 2px solid; padding-bottom: 5px;} #shop-main #view .pl .t1 .bdr h2 {font-size: 15px!important; font-weight: bold; line-height: 18px!important; height: auto!important; overflow: none!important;} #shop-main #view .pl .t1 .bdr h2 a {font-size: 15px!important; display: block; min-height: 55px; line-height: 17px!important; color: #004a80;} #shop-main #view .pl .t1 .bdr h2 a:hover {color: #000;} #shop-main #view .pl .col3 .thmb {width: 150px!important; height: 150px!important; margin: 0px auto!important;} #shop-main #view .pl .col3 .thmb img {max-width: 150px!important; max-height: 150px!important;} #shop-main #view .pl .t1 .bdr .prc {font-size: 14px!important; font-family: SohoGothicPro;} #shop-main #view .pl .t1 .bdr .desc {font-size: 11px!important; line-height: 13px!important; color: #666!important; margin: 5px 0!important;} #shop-main #view .pl .t1 .bdr .btns {height: 1%; overflow: hidden; width: 152px; margin: 0 auto;} #shop-main .btns a {display: block; float: left;} #shop-main .btns .shopbutton {border-radius: 4px; padding: 4px; margin-right: 6px; font-family: SohoGothicPro; text-transform: uppercase; font-size: 12px;} #shop-main .btns .shopbutton:hover {background: #000!important;color: #FFF!important;} #shop-main .btns .shopbutton.view {background: #CCC; color: #666;} #shop-main .btns .shopbutton.buy {background: #9e0b0f; color: #FFF;} #shop-main #view .sp .lc .thmb img {margin-top: 30px!important; margin-left: 10px;} #shop-main a.share {background: url('../images/social-media-offers.png') no-repeat 0 0; width: 16px; height: 16px; overflow: hidden; display: block; float: left; margin-right: 3px;} #shop-main a.share.last {margin-right: 6px;} #shop-main a.facebook {background-position: 0px -16px;} #shop-main a.facebook:hover {background-position: 0 0px;} #shop-main a.twitter {background-position: -18px -16px;} #shop-main a.twitter:hover {background-position: -18px 0px;} #shop-main .social {border-radius: 7px;height: 1%; overflow: hidden; background: #EEE; padding: 10px; margin-top: 10px;} #shop-main .social h3 {font-family: SohoGothicPro; margin-bottom: 10px; color: #333; font-size: 13px; color: #333;} .sresults li {list-style: none;} .tagtitle {font-family: SohoGothicPro; font-size: 22px; margin: 20px 0;} .tagtitle em {color: #666;} .shopbutton.buy.absolute {right: 0; top:0; background: #9e0b0f; color: #FFF; position: absolute; border-radius: 4px; padding: 6px; margin-right: 6px; font-family: SohoGothicPro; text-transform: uppercase; font-size: 15px;} #shop-main #view .sp {position: relative;} #shop-main #view .sp .prc {font-size: 18px!important; font-family: SohoGothicPro; margin-bottom: 10px;} #shop-main #view .sp .desc {font-size: 14px; line-height: 20px; color: #333; margin-bottom: 10px;} #shop-main #view .merchant { float: right;} #shop-main #view .sp .lc {float: right!important;} #shop-main #view .sp .rc {margin: 0!important; padding: 0!important;} #shop-main #view .sp h2 a {font-family: SohoGothicPro; font-size: 27px; margin: 15px 0; line-height: 29px!important;} #shop-main #view .tags {margin-bottom: 10px; font-size: 11px;} #shop-main #view .tags a {color: #666; text-decoration: underline;} #shop-main h3.related {text-transform: uppercase; font-family: SohoGothicPro; font-size: 18px; margin: 15px 0; border-bottom: #CCC 2px solid; padding-bottom: 7px;} /* Sidebar */ #sidebar-shop h3 {font-family: SohoGothicPro; margin: 10px 0; font-size: 16px; text-transform: uppercase;} #sidebar-shop #shop-categories li {list-style: none; width: auto;} #sidebar-shop #shop-categories li a {display: block; padding: 5px 10px 7px 10px; background: #942390; border-radius: 7px; width: auto; margin-top: 4px; font-family: SohoGothicPro; font-size: 14px; position: relative; color: #FFF;} #sidebar-shop #shop-categories li a:hover {background: #000; color: #FFF;} #sidebar-shop #shop-categories li a span {position: absolute; top: 5px; right: 10px; background: #FFF; display:block; border-radius: 60px; color: #000; font-size: 12px; padding: 0px 5px; opacity: 0.65} #sidebar-shop #shop-categories li a:hover span {opacity: 1} #sidebar-shop #shop-categories li b {font-family: SohoGothicPro; font-weight: normal; margin: 10px 0; display: block; background: #000; border-radius: 6px; padding: 5px 10px 7px 10px; color: #FFF;} #sidebar-shop #shop-categories li ul {margin-left: 15px;} #sidebar-shop #shop-categories li ul li a {background: #FFF;color: #333; padding: 0 0 5px 0;} #sidebar-shop #shop-categories li ul li a:hover {background: transparent; color: #942390;} #sidebar-shop #shop-categories li .dropdown {margin-left: 15px;} #sidebar-shop .srchform {background: #EEE; border-radius: 4px; padding: 10px; margin-bottom: 10px; position: relative;} #sidebar-shop .srchform .search-text { padding: 4px; font-family: inherit; border-radius: 3px; border: #CCC 1px solid; font-size: 12px; width: 139px; background: #FFF; cursor: text; color: #333; text-align: left; float: none; position: relative; left: 0; top:0;} #sidebar-shop .srchform .search-text:hover {background: #FFF;} #sidebar-shop .srchform input {background: #000; color: #FFF; font-family: SohoGothicPro; text-align: center; border: 0; border-radius: 4px; padding: 2px; cursor: pointer; position: absolute; right:7px; top: 10px;} #sidebar-shop .srchform input:hover {background: #333;} .clearingdiv {clear:both!important;} #home-grid ul {height: 1%; overflow: hidden;} #home-grid ul li {list-style: none; float: left; width: 153px; text-align: center; margin-right: 26px; margin-bottom: 20px;} .ie7 #home-grid ul li, .ie8 #home-grid ul li { height: 170px;} #home-grid ul li img {display: block;} #home-grid ul li.last {margin-right: 0;} #home-grid ul li span {font-weight: bold;} h2.intro {font-family: SohoGothicPro; font-size: 20px; color: #000; margin-bottom: 10px;} p.introtext {font-size: 14px; line-height: 19px; border-bottom: #CCC 2px solid; padding-bottom: 6px; margin-bottom: 10px;} #sidebar-shop .prodtags {height: 1%; overflow:hidden} #sidebar-shop .prodtags li {float: left; margin-right: 3px; list-style: none;} #widget_price_filter {background: #EEE; padding: 15px; margin-top: 10px; border-radius: 6px;} #widget_price_filter h3 {margin-top: 0; margin-bottom: 0;} #widget_price_filter ul {list-style: none;} #widget_price_filter ul li {margin-top: 8px; margin-left: 5px;} #widget_price_filter ul li a {font-weight: bold; color: #942390;} #shop-childs {height: 1%; overflow: hidden} #shop-childs li {float: left; margin-right: 5px; list-style: none;} .shophome {display: block; margin-bottom: 10px; font-family: SohoGothicPro; text-transform: uppercase; font-size: 18px; background: #004a80; padding: 8px; border-radius: 6px; color: #FFF; text-align: center;} .shophome:hover {color: #FFF; background: #333;} /* Footer ------------------------*/ /* Site Link Base */ #footer footer ul {width: 182px; float: left; margin-right: 10px; margin-bottom: 15px;} .ie7 #footer footer ul {margin-bottom: 0px;} #footer footer ul li {list-style: none; margin-top: 5px; font-family: inherit; font-size: 12px; line-height: 15px;} #footer footer ul li a {color: #999; text-decoration: none; font-weight: 300;} #footer footer ul li a:hover {color: #FFF;} #footer footer ul li h3 {font-family: SohoGothicPro; font-size: 13px; margin-bottom: 9px;} #footer footer ul li h3 a {color: #FFF; text-decoration: none;} #footer footer ul li h3 a:hover {color: #999;} /* Weird Row Thingy with go to top etc.. */ #footer footer #row {width: 100%; /*border-top: #2c2c2c 2px solid; padding-top: 15px;*/ margin-top: 10px; margin-bottom: 30px;} #footer footer #row nav {float: left;} #footer footer #row nav ul {width: 780px;} #footer footer #row nav ul li {float: left; margin-right: 12px; font-size: 11px;} #footer footer #row nav ul li a {color: #fff;} #footer footer #row nav ul li a:hover {text-decoration: underline;} #footer footer #row .social {float: left; width: 56px; margin-top: 1px;} #footer footer #row .go-top {float: right; width: 83px; font-size: 12px; color: #FFF; text-transform: uppercase; font-weight: bold; display: block;margin-top: 2px;} /* BC Credit */ #footer .creator {color: #999; position: relative; width: 675px;} #footer .creator a {color: #666;} #footer .creator .chief {position: absolute; bottom: -44px; right: -30px; display: block; opacity: 0.3; filter: alpha(opacity = 30);} /* Leaderboard */ #footer footer .leaderboard {margin: 20px 0; margin-top: 7px; clear: both;} .ie8 #footer footer .leaderboard {margin-top: 10px;} .ie7 #footer footer .leaderboard {margin-top: 0px;} /* Copyright */ #footer footer p {position: relative; font-size: 11px; color: #FFF; line-height: 19px; padding-bottom: 10px;} #footer footer p small {color: #a1a1a1; display: block;} /* MMMMMMM */ #footer footer .m {position: absolute; right: 0; bottom: -3px; z-index: 9000;} /* Virtual iPad & Social */ #virtual-social {height: 1%; overflow: hidden; min-height: 175px; padding-top: 25px;} #virtual-social strong {font-family: SohoGothicStd; color:#fff; display: block; font-size: 16px; text-transform: uppercase; margin-bottom: 10px;} #virtual-social .virtual-edition-promo {width: 595px; float: left;} #virtual-social .virtual-edition-promo p {font-size: 13px; color: #ccc; line-height: 17px;} #virtual-social .virtual-edition-promo .tablets-img {float: right; display: block; margin-left: 14px;} #virtual-social .social-media-promo {width: 280px; padding-left: 35px; border-left: #343434 1px solid; float: right; min-height: 175px;} #virtual-social .social-media-promo p {color: #ccc; font-size: 13px;} #virtual-social .social-media-promo ul {height: 1%; overflow: hidden;} #virtual-social .social-media-promo li {float: left; margin-right: 4px;} #virtual-social .social-media-promo a {display: block;width: 33px; height: 33px; background: url('../images/social-media-icons-sprite.png') no-repeat; text-indent: -9999px;} #virtual-social .social-media-promo a.facebook {background-position: 0 0;} #virtual-social .social-media-promo a.twitter {background-position: -33px 0;} #virtual-social .social-media-promo a.linkedin {background-position: -66px 0;} #virtual-social .social-media-promo a.rss {background-position: -99px 0;} /* BMM Search */ #bmm_ads {font-family:Arial, Helvetica, sans-serif; width:100%; background:#efefef; border:1px dotted #999; overflow:auto; margin-bottom:8px;} #bmm_ads .sponsored {width:97%; text-align:right; padding:5px;} #bmm_ads .sponsored a { color:#999;font-size:11px;font-weight:bold; text-decoration:none;} #bmm_ads .bmmad {float:left; width:49%; text-align:left; line-height:1em; padding-top:3px; margin-bottom:8px;} #bmm_ads .adImage {float:left; border:0; width:45px; margin:0 8px 8px 5px; clear:both;} #bmm_ads .adTitle {color:#069;font-size:13px;font-weight:bold; text-decoration:none; line-height:1.2em;} #bmm_ads .adDesc {color:#666;font-size:12px; line-height:1em;} #bmm_ads .adURL {color:#080; font-size:11px;text-decoration:none;} /* Pop Up via fancybox for Subscriptions */ .popup-sub {position: relative; width: 750px;} .popup-sub .montage {display: block; font-family: SohoGothicPro; text-transform: uppercase; color: #fff; font-weight: normal; position: relative; background: #000 url('../images/whats-on-pop-up-title.jpg') no-repeat right;} .popup-sub .wrap {padding: 20px 11px;} .popup-sub .montage span {background: url('../images/black-nib.gif') no-repeat 0 0;position: absolute; left: 7px; bottom: -7px; width: 13px; height: 7px; display: block;} .popup-sub p {font-size: 18px; line-height: 19px; color: #444; margin-bottom: 15px; font-weight: bold; letter-spacing: -0.5px;} .popup-sub .button {display: inline-block; margin-right: 10px; color: #fff; padding: 7px 10px; cursor: pointer;} .popup-sub .button.yes {background: #e11b22;} .popup-sub .button.no {background: #666;} .popup-sub .button:hover {background: #000;} /* Website Ad Takeover */ #website_takeover {display: block;} #website_takeover .wrapper { position: fixed; left: 50%; margin-left: -834px; width: 1668px; top: 0; z-index:1;} #website_takeover .box { color: #fff; width: 341px; position: relative; z-index: 9999;} #website_takeover .box.left {float: left;} #website_takeover .box.right {float: right;}