body.homepage div.content div.leaderboard-outer { border: solid 2px #ccc; border-width: 2px 0; padding: 20px 0; margin: 2em 0; } body.homepage div.content div.leaderboard-advert { margin: 0 auto; max-width: 728px; } body.category div.banner-advert { border: solid 2px #ddd; border-width: 2px 0; margin: 2em 0; padding: 20px 0; } div.banner-advert { overflow: hidden; margin: 1em 0; } div.banner-advert > div { margin: 0 auto; width: 468px; height: 60px; background: #eee; } div.leaderboard-advert, div.leaderboard-placeholder-advert { overflow: hidden; margin-bottom: 2em; } div.leaderboard-placeholder-advert { width: 728px; height: 90px; } div.leaderboard-advert > div, div.leaderboard-placeholder-advert > div { margin: 0 auto; width: 728px; height: 90px; background: #eee; } div.rectangle-advert { margin: 1em 0 2em 0; border: solid 1px #eee; } div.rectangle-advert > div { width: 300px; height: 250px; background: #eee; } div.profile { margin: 1em 0; } div.profile img { float: left; width: 35px; height: 35px; border-radius: 5px; margin-right: 5px; } div.profile strong { font-size: 1.2em; color: #000; display: block; } div.profile p { clear: both; font-size: .9em; margin: .5em 0 2em; color: #999; border-top: solid 1px #eee; padding-top: 5px; } body.article h1 { margin-bottom: 0; } body.article p.byline { color: #000; text-transform: uppercase; font-size: .8em; padding-bottom: 20px; border-bottom: solid 1px #eee; margin-bottom: 20px; } body.article div.content .leaderboard-advert, body.article div.content ins { margin: 2em 0; padding: 20px 0; border: solid 1px #eee; border-width: 1px 0; } #article div.share { margin: 2em 0; border-top: solid 1px #eee; } div.post-comment { clear: both; } div.post-comment p.warning { border-radius: 5px; background: #eee; padding: 20px; font-size: .9em; font-style: italic; } div.comments div.list { padding: 5px 20px; background: #fafafa; border-radius: 5px; } div.comments div.list div { border-bottom: solid 1px #fff; overflow: hidden; padding-bottom: 1em; margin: 1em 0; } div.comments div.list div:last-child { border-bottom: 0; padding-bottom: 0; } div.comments div.list div p { margin: 0; } div.comments div.paging { margin: 1em 0; overflow: hidden; } ul.tags { margin: 1em 0; padding: 0; list-style-type: none; width: 100%; overflow: hidden; } ul.tags li { float: left; } ul.tags a { float: left; background: #eee; padding: 5px 10px; border-radius: 3px; margin: 0 5px 5px 0; font-size: .9em; color: #999; } ul.tags a:hover { background: #ccc; color: #000; } div.captioned { margin: 1em; } div.captioned img { width: 250px !important; height: auto !important; display: block; } div.captioned p { margin: 0; text-align: center; color: #999; background: #eee; padding: 10px; } div.captioned-left { float: left; margin-left: 0; } div.captioned-right { float: right; margin-right: 0; } div.captioned-middle { margin: 1em 0; } div.captioned-middle img { width: 100% !important; } div.form div.require { display: none; } .keyPoints { float: right; width: 250px; margin: 1.5em 0 1em 1em; padding: 20px; border-left: solid 5px #eee; } .keyPoints > p:first-child, .keyPoints > ul:first-child { margin-top: 0; } body.article .related { width: 100%; overflow: hidden; margin: 1em 0 2em 0; } body.article .related .list > div { display: table; width: 100%; margin: 1em 0; } body.article .related .list > div > div { display: table-cell; vertical-align: middle; } body.article .related .list > div > div:first-child { padding-right: 20px; } body.article .related .list > div > div:first-child img { width: 140px; } body.article .related .list > div > div strong { display: block; font-size: 1.2em; } body.article .related .list > div > div strong a { color: #0054a6; } body.category h1 { display: none; } body.category #weather { margin-top: 0; } .t { display: block; color: #0054a6; padding-bottom: 5px; font-size: 1.3em; } .p { float: left; margin-right: 10px; padding: 3px 0; } .p img { width: 100%; height: 100%; } .s:hover { color: inherit; text-decoration: none; } div.lead { width: 100%; overflow: hidden; } div.lead .t { font-size: 1.7em; padding-bottom: 10px; } div.lead .p { width: 220px; height: 125px; } div.lead .s { font-size: 1.2em; line-height: 1.45em; } div.article-row { margin: 2em 0; width: 100%; overflow: hidden; } div.article-row .p { width: 160px; height: 90px; } body.search div.banner-advert { border: solid 1px #eee; border-width: 1px 0; padding: 20px 0; margin: 1em 0; } /* Website stylesheet */ * { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } html, body, form { margin: 0; height: 100%; } body, select, textarea, input, td { font-size: 1em; font-family: 'Open Sans', arial, sans-serif; color: #333; } a { color: #000; text-decoration: none; } a:hover { color: #aaa; text-decoration: underline; } div.wrapper { min-height: 100%; position: relative; } /* basic structure */ div.header div.column, div.content, div.footer div.column { width: 960px; margin: 0 auto; position: relative; } /* status */ p.status, p.error { margin: 2em 0; padding: 10px 0; text-align: center; width: 100%; z-index: 9999; background: #ff7902 url(/web/images/status-close.png) no-repeat right center; border-radius: 5px; cursor: pointer; } p.status, p.error, p.status a, p.error a { color: #fff; } /* error */ div.error-data { margin: 1em 0; border: solid 1px #ccc; padding: 10px; overflow: auto; } /* browser not supported */ div.ie6-warning { position: absolute; top: 0; left: 0; background: black; color: #fff; padding: 10px 0; text-align: center; width: 100%; font-size: .8em; background: #000 url(/web/images/status-close.png) no-repeat right center; } div.ie6-warning a, div.ie6-warning a:hover { color: #fff; text-decoration: underline; } /* footer */ div.footer { margin-top: 2em; position: absolute; left: 0; bottom: 0; width: 100%; background: #333333; color: #fff; } div.footer a { color: #fff; text-decoration: none; } div.footer a:hover { color: #fff; text-decoration: underline; } /* social */ div.footer div.top-links { width: 100%; overflow: hidden; background: #d3d3d3; color: #000; min-height: 250px; } div.footer div.top-links div.left { float: left; width: 620px; } div.footer div.top-links div.left li { font-size: .8em; } div.footer div.top-links div.left .popular { margin-top: 2em; } div.footer div.top-links div.left li strong { color: #999; } div.footer div.top-links div.left li a { color: #000; width: 600px; } div.footer div.top-links div.left li a span { float: right; } div.footer div.top-links h3 { font-size: 1.4em; font-weight: normal; margin: 0 0 10px 0; } div.footer div.twitter { float: right; width: 300px; padding: 2em 0; } div.footer div.twitter h3 { margin: 0 0 5px 0; } div.footer div.twitter div.tweet { width: 300px; height: 150px; background: url(/web/images/tweet-bubble.png); display: table; vertical-align: middle; overflow: hidden; } div.footer div.twitter div.tweet p { display: table-cell; width: 260px; height: 110px; padding: 20px; margin: 0; text-align: center; vertical-align: middle; } div.footer div.twitter div.tweet p, div.footer div.twitter div.tweet p a { color: #000; } /* nav */ div.footer div.middle { background: #999999; overflow: hidden; } div.footer div.middle ul.navigation { margin: 0; padding: 0; list-style-type: none; float: left; } div.footer div.middle ul.navigation li { float: left; padding: 5px 0; } div.footer div.middle ul.navigation a { color: #333; display: block; height: 30px; line-height: 30px; font-size: .8em; padding-right: 15px; } div.footer div.middle ul.more { float: right; margin: 0; padding: 0; list-style-type: none; } div.footer div.middle ul.more li { float: left; } div.footer div.middle ul.more a { color: #333; display: block; height: 40px; line-height: 40px; font-size: .8em; padding: 0 10px 0 35px; background: url(/web/images/footer-icons.png) no-repeat; } div.footer div.middle ul.more a.facebook { background-position: 0 0; } div.footer div.middle ul.more a.twitter { background-position: 0 -40px; } div.footer div.middle ul.more a.mobile { background-position: 0 -80px; } /* bottom */ div.footer div.bottom { padding: 20px 0; position: relative; overflow: hidden; width: 980px; } /* copyright */ div.footer p.copyright { float: left; margin: 0; font-size: .8em; line-height: 2em; background: url(/web/images/footer-logo.png) no-repeat 5px 0; padding-top: 35px; padding-left: 10px; } div.footer p.copyright big, div.footer p.copyright big a { color: #fff ; } div.footer p.copyright a.facebook { background: url(/web/images/footer-facebook.png) no-repeat left center; padding: 3px 0 3px 18px; } div.footer p.copyright a.twitter { background: url(/web/images/footer-twitter.png) no-repeat left center; padding: 3px 0 3px 18px; } div.footer p.copyright a.mobile { background: url(/web/images/footer-mobile.png) no-repeat left center; padding: 3px 0 3px 13px; } /* Zweely & C2 Media */ div.footer p.builders { float: right; margin: 0; font-size: .6em; font-weight: normal; text-align: right; padding-top: 25px; padding-right: 10px; } div.footer p.builders span { padding: 2px 10px; } div.footer p.builders span, div.footer p.builders a { float: left; } div.footer p.builders a.c2 { background: url(/web/images/c2logo.png) no-repeat top left; width: 40px; height: 0; padding-top: 30px; overflow: hidden; } div.footer p.builders a.zweely { background: url(/web/images/zweely-c2.png) top right; width: 92px; height: 0; padding-top: 30px; overflow: hidden; } /* forms */ input[type=submit] { -webkit-appearance: none; } .form { border: solid 3px #eee; border-width: 3px 0; border-radius: 5px; padding: 1em 0; background: #fafafa; } .form .row { margin: 1em 0; position: relative; width: 100%; overflow: hidden; } .form label { float: left; border: 0; padding: 5px 10px; margin: 0; width: 170px; /*250*/ height: 23px; /*35*/ line-height: 23px; text-align: right; } .form input, .form textarea, input.input, div.input-select { box-shadow: inset 0 0 8px rgba(0,0,0, 0.25); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dedede)); background: -moz-linear-gradient(top, #fff, #dedede); border-radius: 3px; border: 0; padding: 5px 10px; margin: 0; width: 230px; /*250*/ height: 23px; /*35*/ line-height: 23px; border: solid 1px #cacaca; } .form textarea { min-width: 230px; max-width: 230px; height: 100px; } div.input-select { float: left; } div.input-select > div { background: url(/web/images/dropdown-arrow.png) no-repeat right center; cursor: pointer; } ul.select-list { position: absolute; margin: 0; padding: 5px; list-style-type: none; background: #eee; border-radius: 5px; font-size: .8em; } ul.select-list li { padding: 5px; border-radius: 3px; cursor: pointer; } ul.select-list li:hover { background-color: #ddd; } ul.select-list li.selected { background-color: #ccc; } .button input, input.button, a.button { background: #ff7902; box-shadow: 1px 1px 1px rgba(0,0,0,.25); background: -webkit-gradient(linear, left top, left bottom, from(#ffc897), to(#ff7902)); background: -moz-linear-gradient(top, #ffc897, #ff7902); border-radius: 3px; text-shadow: -1px -1px 0 rgba(0,0,0,.25); border: 0; padding: 5px 10px; margin: 0; height: 35px; /*35*/ border: solid 1px #f77909; cursor: pointer; color: #fff; } .button input:hover, input.button:hover, a.button:hover { background: -webkit-gradient(linear, left top, left bottom, from(#ffe2ae), to(#ffb83c)); background: -moz-linear-gradient(top, #ffe2ae, #ffb83c); border-color: #ffb83c; } .button input:active, input.button:active, a.button:active { box-shadow: none; } p.button { padding-left: 190px; } .form p.button input { width: 250px; } .form .row em.help { clear: both; margin-left: 190px; display: block; font-size: .8em; padding-top: 5px; padding-right: 50px; } .form .captcha .input { width: 60px; margin-right: 10px; } .form .captcha .code { padding: 0; background: none; width: 160px; height: 35px; } .form .row span { position: absolute; top: 8px; left: 440px; background: red; color: White !important; font-size: .8em; text-transform: uppercase; border-radius: 3px; padding: 0 5px; } div.placeholder { position: relative; float: left; } div.placeholder > div { position: absolute; top: 0; left: 0; } div.input-checkbox { width: 12px; height: 12px; border-radius: 12px; background: #ddd; float: left; margin: 8px 3px; cursor: pointer; } div.input-checkbox-checked { width: 6px; height: 6px; background: #8dc63f; border-radius: 12px; border: solid 3px #ddd; } .form .row table label { float: left; text-align: left; padding: 0; margin: 3px; } /* header */ div.header { position: relative; z-index: 99; background: url(/web/images/header-bg.png) repeat-x; height: 165px; } div.header > div { background: url(/web/images/header2.png) no-repeat top center; } div.header a { text-decoration: none; } div.header div.logo a { position: relative; top: 5px; left: -20px; display: block; width: 210px; height: 0; overflow: hidden; padding-top: 115px; background: url(/Web/Images/logo.svg) no-repeat center center; background-size: contain; } div.header div.nav { width: 100%; height: 40px; } div.header div.logo a.mobile { position: absolute; top: 80px; right: 0; height: 35px; width: 380px; padding-top: 0; } /* account */ div.header div.account { position: absolute; top: 45px; right: 75px; } div.header div.account a.login { float: left; height: 30px; line-height: 30px; text-transform: uppercase; color: #fff; font-weight: bold; font-size: .8em; background: url(/web/images/lock-icon.png) no-repeat left center; padding-left: 15px; padding-right: 20px; } /* menu */ div.header div.nav { position: relative; } div.header ul.navigation { margin: 0; padding: 0; list-style-type: none; } div.header ul.navigation > li { float: left; position: relative; height: 40px; } div.header ul.navigation > li > a { display: block; height: 40px; line-height: 40px; font-size: .8em; padding: 0 9px; } div.header ul.navigation > li > a:hover { color: #f58220; } div.header ul.navigation > li > a.selected, div.header ul.navigation > li > a.highlighted { color: #f58220; font-weight: bold; background-position: bottom right; border-radius: 5px; } div.header ul.navigation > li.home a { padding: 0; padding-top: 40px; overflow: hidden; background: url(/web/images/home-icon-black.svg) no-repeat; background-position: center center !important; background-size: 20px 20px; width: 30px; height: 0; } div.header ul.navigation > li.home a.selected, div.header ul.navigation > li.home a:hover { background-image: url(/web/images/home-icon.svg); } div.header ul.navigation > li.classifieds, div.header ul.navigation > li.directory { float: right; font-style: italic; } /*div.header ul.navigation > li.classifieds a { display: inline-block; height: 0; padding-top: 40px; overflow: hidden; width: 65px; background: url(/Web/Images/ownai-logo.svg) no-repeat center right; background-size: 65px 25px; }*/ div.header ul.navigation > li.search a { display: inline-block; height: 0; padding: 0 5px; padding-top: 40px; overflow: hidden; width: 20px; background: url(/Web/Images/search-icon.svg) no-repeat center center; background-size: 15px 15px; } /* submenu */ div.header ul.navigation ul { position: absolute; margin: 0; padding: 0; list-style-type: none; background: #8dc63f; border-radius: 0 5px 5px 5px; box-shadow: 1px 1px 1px rgba(0,0,0,.25); padding: 5px 5px 10px 5px; display: none; } div.header ul.navigation ul > li { width: 150px; } div.header ul.navigation ul > li > a { display: block; padding: 5px 10px; font-size: .8em; color: #fff; } div.header ul.navigation ul > li > a:hover { color: #000; } div.header ul ul ul { display: none !important; } /* ELECTION PROMPT */ a.election-prompt { position: absolute; top: 155px; right: 0; width: 300px; height: 0; padding-top: 50px; overflow: hidden; background: url(/web/images/election-updates.png); } a.election-prompt span { position: absolute; top: 0; right: 42px; font-size: 2em; font-weight: bold; color: #fff; height: 50px; line-height: 50px; } /* search */ div.search { display: none; position: absolute; top: 0; right: 0; background: #fff url(/web/images/search-icon.svg) no-repeat left center; background-size: 15px 15px; border-radius: 3px; height: 40px; padding-left: 25px; padding-right: 50px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; } div.search input.keywords, div.search div.placeholder > div { background: none; margin: 0; padding: 9px 0; height: 40px; border: 0; color: #999; outline: none; font-size: .9em; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; } div.search input.keywords:focus { color: #000; } div.search input.submit { position: absolute; top: 0; right: 0; border: 0; padding: 0; margin: 5px; bottom: 0; padding: 0 10px; border-radius: 3px; background: #f58220; color: #fff; font-size: .8em; display: none; } /* HIGHLIGHT COLOUR: #f58220 */ a { color: #000; } a:hover { color: #f58220; } #blogs h3 { font-family: Georgia, Serif; margin: 1em 0 .5em 0; font-size: 1.4em; line-height: 1.25em; } #blogs img { width: 60px; height: 60px; float: left; border-radius: 5px; margin-right: 10px; } #blogs p { margin: .75em 0; } div.featured-toon { border: solid 1px #eee; border-radius: 3px; padding: 1px; } div.featured-toon img { display: block; width: 100%; } /* search box */ div.search-kumusika { margin: 1em 0; padding: 10px; background: #ddd; border-radius: 5px; } div.search-kumusika input.text, div.search-kumusika input.button, div.search-kumusika div.placeholder > div { border: 0; margin: 0; padding: 5px; height: auto; border-radius: 3px; } div.search-kumusika input.text { margin-right: 5px; width: 515px; } div.search-kumusika input.button { background: #000; width: 80px; } div.search-kumusika input.loading { background-image: url(/web/images/loading-black.gif); background-repeat: no-repeat; background-position: 500px center; } /* categories */ body.classifieds ul.categories { width: 622px; overflow: hidden; margin: 1em 0; padding: 0; list-style-type: none; background: #fff; border-radius: 5px; } body.classifieds ul.categories li { background: #f5f5f5; border-right: solid 1px #fff; border-bottom: solid 1px #fff; width: 310px; float: left; } body.classifieds ul.categories li a { display: block; font-family: Georgia, Serif; font-style: italic; font-size: 1.3em; height: 59px; line-height: 59px; padding-left: 60px; color: #666; background: url(/web/images/kumusika-category-icons.png) no-repeat 0 -420px; } body.classifieds ul.categories li span { color: #ccc; } body.classifieds ul.categories li a.cat-11 { background-position: 0 -720px; } body.classifieds ul.categories li a.cat-13 { background-position: 0 -480px; } body.classifieds ul.categories li a.cat-12 { background-position: 0 -120px; } body.classifieds ul.categories li a.cat-15 { background-position: 0 -540px; } body.classifieds ul.categories li a.cat-2 { background-position: 0 -420px; } body.classifieds ul.categories li a.cat-51 { background-position: 0 -60px; } body.classifieds ul.categories li a.cat-7 { background-position: 0 -240px; } body.classifieds ul.categories li a.cat-50 { background-position: 0 -360px; } body.classifieds ul.categories li a.cat-70 { background-position: 0 -600px; } body.classifieds ul.categories li a.cat-14 { background-position: 0 0; } body.classifieds ul.categories li a.cat-62 { background-position: 0 -660px; } body.classifieds ul.categories li a.cat-57 { background-position: 0 -300px; } /* right column */ p.kumusika strong { display: block; color: #000; text-transform: uppercase; } p.kumusika a { margin: 5px 0; display: block; background: url(/web/images/kumusika.png) no-repeat; height: 0; padding-top: 34px; overflow: hidden; } p.add-kumusika a { display: block; border-radius: 5px; background: #000; color: #fff; padding: 10px; text-align: center; text-transform: uppercase; font-weight: bold; } p.special-kumusika { background: #ed5f26; padding: 20px; border-radius: 5px; font-style: italic; color: #fff; } p.special-kumusika strong { font-size: .8em; text-transform: uppercase; font-style: normal; } /* search input */ #search-input-results { position: absolute; margin: 0; padding: 0; list-style-type: none; background: #fff; border-radius: 3px; padding: 10px; border: solid 1px #d5d5d5; border-top: solid 1px #eee; font-size: .7em; font-style: italic; z-index: 99; } #search-input-results > div { padding: 3px 10px; cursor: pointer; } #search-input-results > div:hover, #search-input-results > div.hover, #search-input-results > div.active { background: #eee; } body.classifieds #Results > div { width: 630px; overflow: hidden; border-radius: 5px; margin: 0; border-top: dotted 1px #ccc; position: relative; min-height: 120px; } body.classifieds #Results > div:first-child { border-top: dotted 1px #ccc; margin-top: 1em; border-top: 0; } body.classifieds #Results div.thumb { float: left; padding: 15px; width: 120px; text-align: center; } body.classifieds #Results div.thumb img { max-width: 120px; } body.classifieds #Results div.description { float: left; padding: 15px 15px 15px 0; width: 315px; line-height: 1.5em; } body.classifieds #Results div.description a { color: #9e9e9e; } body.classifieds #Results div.description strong { display: block; font-family: Georgia, Serif; font-size: 1.6em; font-weight: normal; padding-bottom: 5px; } body.classifieds #Results div.description strong a { color: #000; } body.classifieds #Results div.details { float: left; padding: 15px; width: 120px; } body.classifieds #Results a.price { display: block; font-family: Georgia, Serif; font-size: 1.6em; font-weight: normal; padding-bottom: 5px; text-align: right; } body.classifieds #Results a.city { display: block; text-transform: uppercase; font-size: .8em; color: #aaa; padding-bottom: 5px; text-align: right; } body.classifieds #Results a.store { display: block; text-align: right; position: absolute; bottom: 15px; right: 15px; width: 120px; } body.classifieds #Results a.store img { max-width: 110px; max-height: 40px; } body.classifieds #Results div.banner-advert { overflow: hidden; background: #fff; border-radius: 5px; margin: 0; border: 0; border-top: dotted 1px #ccc; position: relative; min-height: 0 !important; padding: 20px 0; } body.classifieds #Results div.banner-advert > div { margin: 0 auto; width: 468px; height: 60px; } /* contact */ body.contact .right .map { height: 200px; border: solid 3px #eee; border-radius: 5px; padding: 2px; margin: 1em 0; } /* Content */ /* HIGHLIGHT COLOUR: #ff7902 */ .content { font-size: .8em; line-height: 1.5em; width: 100%; overflow: hidden; padding-bottom: 440px; padding-top: 40px; } .content h1 { font-size: 2.4em; color: #ff7902; margin: 0 0 .25em 0; font-weight: normal; } .content h2 { font-size: 2em; color: #000; margin: 1em 0; font-weight: normal; } .content h3 { font-size: 1.8em; color: #000; margin: 1em 0; font-weight: normal; } .content h4 { font-size: 1.4em; color: #000; margin: 1em 0; font-weight: normal; } .content big { font-size: 1.2em; color: #000; } .content small { font-size: .8em; color: #999; } .content .left { width: 630px; overflow: hidden; float: left; position: relative; } .content .right { width: 300px; /*overflow: hidden;*/ float: right; } /* gallery */ ul.gallery { padding: 0; list-style-type: none; width: 100%; overflow: hidden; } ul.gallery li { float: left; margin: 5px 5px 0 0; border: solid 1px #eee; border-radius: 5px; padding: 2px; } ul.gallery img { display: block; width: 145px; height: 145px; } /* add-this */ div.share_bar { } /* paging */ .paging { float: right; } .paging > a, .paging > div { float: left; height: 30px; line-height: 30px; padding: 0 5px; text-transform: uppercase; font-size: 1em; } .paging > a.disabled { color: #aaa; } .paging a.selected { background: #000; color: #fff; border-radius: 10px; } .paging a { padding: 0 5px; text-decoration: none; } /* side menu */ .right .navigation { margin: 0; padding: 0; list-style-type: none; border-top: solid 1px #eee; } .right .navigation li { padding: 5px 0; border-bottom: solid 1px #eee; } .right .navigation a.selected { text-decoration: none; color: #999; } /* category menu */ .list-tout { margin: 1em 0 2em; } .list-tout ul { padding: 0; list-style-type: none; border-top: solid 1px #eee; } .list-tout li { padding: 5px 0; border-bottom: solid 1px #eee; } .list-tout a.selected { text-decoration: none; color: #999; } /* right column */ div.right h3 { font-size: 1em; text-transform: uppercase; color: #000; font-weight: bold; margin-bottom: .5em; } /* popular */ div.popular { margin: 1em 0 2em 0; } div.popular ul { margin: 0; padding: 0; list-style-type: none; border-top: solid 1px #ddd; } div.popular li { padding: 5px 0; border-bottom: solid 1px #ddd; width: 100%; overflow: hidden; } div.popular li strong { float: left; width: 20px; } div.popular li a { float: left; width: 280px; } div.popular li span { margin-left: 5px; padding-left: 16px; background: url(/web/images/view-icon.png) no-repeat left center; color: #999; font-size: .8em; } /* latest poll */ div.latest-poll { margin: 2em 0; } div.latest-poll > p { margin: 0; background: #eee; padding: 15px; border-radius: 5px 5px 0 0; } div.latest-poll > div, div.latest-poll > ul { padding: 10px; border: solid 1px #eee; border-radius: 0 0 5px 5px; margin: 0; list-style-type: none; } div.latest-poll td { padding: 5px 0; } div.latest-poll label { float: left; width: 170px; padding: 5px; cursor: pointer; } div.latest-poll .button { margin-top: 1em; width: 200px; } div.latest-poll li { padding: 5px 0; } div.latest-poll li em { font-size: .8em; } div.latest-poll li div div { height: 10px; background: #8dc63f; border-radius: 10px; min-width: 10px; } div.latest-poll .loading { background: url(/web/images/loader-on-white.gif) no-repeat center center; } /* galleries */ div.galleries ul { margin: 0; padding: 0; list-style-type: none; } div.galleries li { width: 100%; overflow: hidden; margin: 1em 0; } div.galleries .title { font-weight: bold; display: block; } div.galleries .summary { font-size: .8em; display: block; color: #999; text-transform: uppercase; } div.gallery-list .photo { float: left; margin-right: 10px; } div.gallery-list .photo img { border-radius: 5px; } div.cartoon { margin: 1em 0; } div.cartoon h3 em { color: #999; } div.cartoon img { width: 298px; border: solid 1px #eee !important; } p.empty { text-align: center; font-size: 1.4em; } a.button_prompt { display: block; padding: 10px; text-align: center; background: #eee; color: #000; text-decoration: none; border-radius: 5px; } body.one-column .content .left { width: 100%; } body.one-column .content .right { display: none; } .sponsored-links { border: solid 1px #eee; margin: 1em 0; } .sponsored-links h3 { padding: 10px; background: #eee; margin: 0 !important; } .sponsored-links > div { } .sponsored-links > div ul { margin:0; padding: 0; list-style: none; width: 100%; overflow: hidden; } .sponsored-links > div li { display: block; float: left; width: 50%; padding: 10px; border-bottom: dotted 1px #eee; box-sizing: border-box; } /* search box */ div.search-yellow { margin: 1em 0; padding: 10px; background: #ddd; border-radius: 5px; } div.search-yellow input.text, div.search-yellow input.button, div.search-yellow div.placeholder > div { border: 0; margin: 0; padding: 5px; height: auto; border-radius: 3px; } div.search-yellow input.text { margin-right: 5px; width: 250px; } div.search-yellow input.button { background: #000; width: 80px; } div.search-yellow input.loading { background-image: url(/web/images/loading-black.gif); background-repeat: no-repeat; background-position: 235px center; } /* right column */ p.yellow strong { display: block; color: #000; text-transform: uppercase; } p.yellow a { margin: 5px 0; display: block; background: url(/web/images/yellow-pages.png) no-repeat; height: 0; padding-top: 34px; overflow: hidden; } p.add-yellow a { display: block; border-radius: 5px; background: #000; color: #fff; padding: 10px; text-align: center; text-transform: uppercase; font-weight: bold; } /* popular */ body.directory #popular { float: left; width: 640px; margin: 0; padding: 0; list-style-type: none; } body.directory #popular li { float: left; } body.directory #popular li a { border: solid 2px #eee; border-radius: 5px; margin: 0 20px 20px 0; width: 136px; padding-top: 80px; height: 31px; text-align: center; font-size: .75em; font-weight: bold; display: block; color: #999; text-transform: uppercase; background: url(/web/images/yellow-categories.png); } body.directory #popular li a.real-estate { background-position: 0 0; } body.directory #popular li a.insurance { background-position: -160px 0; } body.directory #popular li a.vehicles { background-position: -320px 0; } body.directory #popular li a.legal { background-position: -480px 0; } body.directory #popular li a.construction { background-position: 0 -140px; } body.directory #popular li a.travel { background-position: -160px -140px; } body.directory #popular li a.hotels { background-position: -320px -140px; } body.directory #popular li a.restaurants { background-position: -480px -140px; } /* search input */ #search-input-results { font-size: .8em; position: absolute; padding: 0; border-radius: 5px; background: #fff; border: solid 1px #eee; box-shadow: 0 2px 3px rgba(0,0,0,.05); z-index: 9999; } #search-input-results > div { padding: 10px; cursor: pointer; } #search-input-results > div:hover, #search-input-results > div.hover, #search-input-results > div.active { background: #eee; } /* results */ #Results { line-height: normal; } #Results.loading { height: 100px; background: url(/web/images/loading-black.gif) no-repeat center center; } #templates-yellow { display: none; } #Results a.more, #Results a.loading-more { display: block; text-align: center; padding: 10px 0; text-transform: uppercase; background: #eee; font-size: 0.8em; height: 30px; line-height: 30px; cursor: pointer; } #Results a.loading-more { background: url(/web/images/loading-black.gif) no-repeat center center; padding: 50px 0 0 0; height: 0; overflow: hidden; } #Results div.banner-advert { border: solid 1px #eee; border-top: 0; margin: 0 !important; } #Results div.banner-advert > div { margin: 10px auto; } /* Premium listing */ div.premium { position: relative; margin: 1em 0; border: solid 1px #fff6c9; border-radius: 5px; box-shadow: 0 2px 3px rgba(0,0,0,.15); background: #fffbe9; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #fff6c9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fff6c9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#fff6c9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#fff6c9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e5e5e5 0%,#fff6c9 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#fff6c9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff6c9',GradientType=0 ); /* IE6-9 */ } div.premium a.logo { position: absolute; top: -3px; right: 10px; padding: 10px; border: solid 1px #fff6c9; border-radius: 3px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.15); } div.premium > div { padding: 20px 200px 10px 20px; overflow: hidden; border-bottom: solid 1px #fff6c9; } div.premium > div strong { font-size: 1.4em; display: block; float: left; background: url(/web/images/more-icon.png) no-repeat right center; padding-right: 15px; } div.premium > div span { float: right; font-weight: bold; color: #000; padding: 3px 0; background: url(/web/images/location-icon.png) no-repeat left center; padding-left: 15px; } div.premium > p { padding: 0 200px 10px 20px; } div.premium > ul { margin: 0; padding: 0 20px 20px; list-style-type: none; overflow: hidden; } div.premium > ul li { width: 100%; overflow: hidden; padding: 5px 0 5px 80px; position: relative; } div.premium > ul small { position: absolute; top: 8px; left: 0; text-transform: uppercase; font-size: .8em; color: #000; width: 80px; } div.premium > ul span a { font-style: italic; font-size: .8em; padding: 0 20px; cursor: pointer; background: url(/web/images/small-plus-icon.png) no-repeat 13px center; } div.standard-top { border-top: dotted 1px #ddd; border-radius: 3px; } /* Standard listing */ div.standard { width: 628px; overflow: hidden; border: solid 1px #ddd; border-top: 0; border-bottom: dotted 1px #ddd; border-radius: 3px; border-right: dotted 1px #ddd; } div.standard:hover { background: #eee url(/web/images/listing-arrow.png) no-repeat right center; } div.standard a { float: left; padding: 0 10px; border-right: solid 1px #ddd; width: 129px; height: 40px; line-height: 40px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; } div.standard a.title { width: 264px; font-weight: bold; } div.standard a.more { width: 17px; border-right: 0; } /* Empty */ p.empty { margin-top: 3em; text-align: center; font-size: 1.4em; } /* CK editor stylesheet */ body.editor { margin: 0 1em; height: auto; width: auto; background: #fff; overflow: auto !important; } body.cke_panel_frame { background: #fff; height: auto; overflow: auto; } body.error div.right { display: none; } body.error div.left { width: 100%; } body.error h1 { width: 100%; text-align: center; margin-top: 2.5em; } body.error div.left > p { font-size: 1.6em; text-align: center !important; margin-bottom: 2em; } /* facebook */ body.facebook { line-height: 1.5em; font-size: .8em; } body.facebook a { text-decoration: none; } body.facebook a:hover { text-decoration: underline; } body.facebook div.facebook { width: 620px; overflow: hidden; margin: 0 auto; } body.facebook div.facebook div.left { width: 300px; float: left; } body.facebook div.facebook div.right { width: 300px; float: right; } body.facebook div.banner-advert { padding: 1em 0; border: solid 1px #ddd; border-width: 1px 0; width: 100%; clear: both; } /* LIST PAGE */ #galleries { border-bottom: dotted 1px #eee; } #galleries > div { width: 100%; overflow: hidden; margin: 1em 0; padding-top: 1em; border-top: dotted 1px #eee; } #galleries > div img { float: left; width: 100px; height: 100px; margin-right: 10px; } #galleries > div div { float: right; width: 520px; } #galleries > div h3, #galleries > div p { margin: 0 0 .25em 0; } #galleries > div strong { font-size: .8em; font-weight: normal; color: #999; padding-right: 5px; border-right: solid 1px #ccc; margin-right: 5px; text-transform: uppercase; } #galleries > div small { display: block; background: url(/web/images/photo-icon.png) no-repeat left center; padding-left: 20px; text-transform: uppercase; } /* DETAIL PAGE */ body.gallery h1 { margin-bottom: 0; } body.gallery p.byline { color: #000; text-transform: uppercase; font-size: .8em; } body.gallery div.right div.gallery { display: none; } body.gallery #hero { border: solid 1px #eee; padding: 1px; border-radius: 3px 3px 0 0; display: table; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; height: 444px; } body.gallery #hero > div { display: table-cell; vertical-align: middle; text-align: center; position: relative; } body.gallery #hero img { max-width: 620px; max-height: 445px; margin: auto; display: block; } body.gallery #caption { background: #e6e6e6; padding: 10px; border-radius: 0 0 3px 3px; text-align: center; } body.gallery ul.gallery img { width: 59px; height: 59px; z-index: 1; } body.gallery #hero a.previous, body.gallery #hero a.next { position: absolute; top: 0; width: 30px; height: 100%; background: rgba(0,0,0,.25); background-repeat: no-repeat; background-position: center center; cursor: pointer; display: none; z-index: 2; } body.gallery #hero a.previous { left: 0; background-image: url(/web/images/previous-arrow.png); } body.gallery #hero a.next { right: 0; background-image: url(/web/images/next-arrow.png); } body.gallery #hero p { margin: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000 url(/web/images/loader-on-black.gif) no-repeat center center; opacity: .5; z-index: 3; display: none; } /* IN PICTURES TOUT */ div.gallery { margin: 1em 0 2em 0; } div.gallery h3 strong { display: block; height: 10px; margin-top: 5px; float: right; } div.gallery h3 a { float: left; height: 10px; width: 10px; border-radius: 10px; background: #ccc; margin-left: 3px; cursor: pointer; } div.gallery h3 a:hover { background: #aaa; } div.gallery h3 a.selected { background: #e66c35; } div.gallery > ul { margin: .5em 0; padding: 0; list-style-type: none; width: 100%; height: 265px; position: relative; overflow: hidden; } div.gallery > ul li { float: left; width: 300px; height: 265px; overflow: hidden; position: relative; z-index: 1; } div.gallery > ul img { width: 100%; height: 265px; } div.gallery a.title { display: block; position: absolute; bottom: 0; left: 0; background: url(/web/images/gallery-overlay.png) no-repeat bottom left; width: 100%; height: 265px; z-index: 1; } div.gallery span { display: block; position: absolute; bottom: 0; left: 0; color: #fff; width: 100%; z-index: 2; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; } div.gallery a.summary { display: none; } /* homepage */ body.homepage h1 { display: none; } body.homepage .content > .left { width: 100%; } body.homepage .content > .right { display: none; } body.homepage #weather { margin-bottom: 1em; } body.homepage div.columns { width: 100%; overflow: hidden; } body.homepage #weather { margin-top: 0; } body.homepage div.lead { padding-bottom: 10px; /*border-bottom: solid 2px #d7d7d7;*/ overflow: hidden; } body.homepage div.lead a.t { font-size: 2.4em; line-height: 1; } body.homepage div.top { overflow: hidden; padding-bottom: 30px; } body.homepage div.top div.left { width: 300px; } body.homepage div.topstory { overflow: hidden; margin: 1em 0; line-height: 1.25em; } body.homepage div.topstory .t { margin-top: .5em; } body.homepage div.topstory .p { width: 110px; height: 63px; float: left; } body.homepage div.topstory .s { font-size: .9em; width: 180px; float: left; } body.homepage ul.topstories { margin: 1em 0; padding: 0; list-style-type: none; } body.homepage ul.topstories li { padding: 7px 0; border-bottom: dotted 1px #ccc; } body.homepage ul.topstories li:last-child { border-bottom: none } body.homepage ul.topstories a { color: #0054a6; } body.homepage div.social { width: 100%; overflow: hidden; margin: 20px 0; } body.homepage div.social > div { width: 50%; float: left; } body.homepage div.social a { display: block; float: left; padding-left: 35px; width: 110px; background: url(/web/images/home-social.png) no-repeat; color: #fff; height: 30px; line-height: 30px; border-radius: 2px; font-size: .9em; } body.homepage div.social a.facebook { background-color: #214290; background-position: -5px 0; margin-right: 10px; } body.homepage div.social a.twitter { background-color: #00aeef; background-position: -5px -30px; } body.homepage div.mobile { margin-top: 10px; } body.homepage div.featured { /*border-top: solid 1px #cccccc;*/ padding: 20px 0; width: 960px; overflow: hidden; } body.homepage div.featured > div { float: left; width: 225px; margin-right: 20px; } body.homepage div.featured > div:last-child { margin-right: 0; } body.homepage div.featured > div .p { width: 220px; height: 130px; } body.homepage div.featured > div .t { font-size: 1em; color: #000; } body.homepage div.categories { width: 630px; overflow: hidden; } body.homepage div.categories h4 { border-bottom: solid 2px #ddd; padding-bottom: 5px; } body.homepage div.categories div.left { width: 300px; } body.homepage div.categories .topstory .t { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } body.homepage div.categories .topstory .s { padding-top: 3px; height: 65px; overflow: hidden; } body.homepage div.categories ul.list { margin: 1em 0; padding: 0; list-style-type: none; border-top: dotted 1px #ddd; } body.homepage div.categories ul.list li { padding: 8px 0; border-bottom: dotted 1px #ddd; white-space: nowrap; text-overflow: ellipsis; width: 300px; overflow: hidden; } #solus { position: fixed; left: 0; bottom: 0; width: 100%; background: #fff; box-shadow: 0 -3px 3px rgba(0,0,0,.35); z-index: 999999; padding: 20px; } #solus > div { margin: 0 auto; width: 728px; height: 90px; background: #eee; } div.subscribe-tout { background: #f58320 url(/web/images/subscribe-prompt.png) no-repeat 80px center; padding: 70px 50px 70px 230px; text-align: left; border-radius: 3px; margin: 1em 0; overflow: hidden; } div.subscribe-tout a { color: #fff; } div.breaking { background: red url(/web/images/breaking-news.png) no-repeat left center; padding: 10px 20px; margin-bottom: 2em; border-radius: 3px; padding-left: 190px; font-style: italic; } div.breaking, div.breaking a { color: #fff; } div.header div.leaderboard-placeholder-advert { position: absolute; top: 15px; right: 0; } body.homepage .promo-slideshow { margin: 0; padding: 0; list-style: none; width: 100%; height: 0; padding-top: 33.33%; background: #eee; position: relative; overflow: hidden; } body.homepage .promo-slideshow li { position: absolute; top: 0; left: 0; } body.homepage .promo-slideshow li, body.homepage .promo-slideshow li a, body.homepage .promo-slideshow li img { display: block; width: 100%; height: 100%; } body.homepage .rectangle-advert { border:solid 1px #eee; } body.homepage div.content, body.homepage div.content > div.left { float: none; overflow: visible !important; } body.homepage .google-ads-responsive { padding: 30px 0; margin: 2em 0; background: #eee; } body.homepage .google-ads-leaderboard { padding: 30px 0; text-align: center; margin: 0 0 2em 0; background: #eee; margin-left:-100%; margin-right:-100%; } body.homepage .wrapper { overflow-x: hidden; } /* videos */ .homepage .watch { width: 100%; overflow: hidden; } .homepage .watch h3 { font-size: 1.4em; } .homepage .watch h3 a { display: inline-block; font-size: .6em; text-transform: uppercase; margin-left: 10px; color: #999; } .homepage .watch .player { float:left; width: 640px; height: 480px; background: #222; position: relative; } .homepage .watch .player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .homepage .watch .list { width: 319px; float: right; overflow: hidden; background: #222; overflow: auto; height: 480px; box-sizing: border-box; padding: 5px; } .homepage .watch .list > div { overflow: hidden; } .homepage .watch .list > div a { display: block; overflow: hidden; padding: 5px; } .homepage .watch .list > div .selected { background: #333; border-radius: 5px; } .homepage .watch .list > div div { display: block; position: relative; float: left; width: 50%; } .homepage .watch .list > div strong { float: left; width: 50%; padding: 10px; font-weight: normal; color: #fff; box-sizing: border-box; font-size: .9em; } .homepage .watch .list > div img { width: 100%; display: block; } .homepage .watch .list > div span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(/Web/Images/play.png) no-repeat center center; } body.homepage .video-wrapper { padding: 20px 0 40px 0; background: #111; margin-left:-100%; margin-right:-100%; } body.homepage .video-wrapper .watch { width: 960px; margin: 0 auto; } body.homepage .video-wrapper h3 { color: #fff; } /* animated features */ body.homepage .animated { width: 100%; height: 0; padding-top: 50%; overflow: hidden; position: relative; margin: 1em 0; } body.homepage .animated div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #eee; } body.homepage .animated > div > div { background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 10s ease; } body.homepage .animated > div.animate-in > div { transform: scale(1.15); } body.homepage .animated > div a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 1.4em; color: #fff; } body.homepage .animated > div a span { display: block; position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px; box-sizing: border-box; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); transform: translateY(100px); transition: all .4s ease; } body.homepage .animated > div a span small { color: #fff; font-size: .6em; } body.homepage .animated > div.animate-in a span { transform: translateY(0); } /* latest gallery */ body.homepage .latest-gallery { padding: 20px 0 40px 0; background: #111; margin-left:-100%; margin-right:-100%; margin-top: 3em; } .homepage .latest-gallery h3 { font-size: 1.4em; color: #fff; margin-bottom: 0; } .homepage .latest-gallery h3 a { display: inline-block; font-size: .6em; text-transform: uppercase; margin-left: 10px; color: #999; } .homepage .latest-gallery p { color: #999; margin-top: 10px; } body.homepage .latest-gallery > div { width: 960px; margin: 0 auto; } body.homepage .content { padding-bottom: 390px; } body.homepage .latest-gallery .player { width: 100%; background: #000 url(/Web/Images/home-gallery-loader.gif) no-repeat center center; height: 500px; padding: 10px; text-align: center; box-sizing: border-box; } body.homepage .latest-gallery .player img { max-width: 100%; max-height: 100%; } body.homepage .latest-gallery ul { background: #222; list-style: none; margin: 0; padding: 2px; height: 100px; font-size: 0; white-space: nowrap; text-align: center; position: relative; } body.homepage .latest-gallery .thumbs { overflow: hidden; } body.homepage .latest-gallery li { display: inline-block; width: 100px; } body.homepage .latest-gallery li a { display: block; border: solid 2px #222; transition: all .4s ease; } body.homepage .latest-gallery li a.gallery-item-selected { border-color: #fff; } body.homepage .latest-gallery li img { display: block; width: 100%; } body.hpto { background-color: #fff; background-repeat: no-repeat; background-position: top center; background-attachment: fixed; cursor: pointer; padding-top: 200px; } body.hpto #solus { display: none !important; } body.hpto .wrapper { max-width: 999px; margin: 0 auto; cursor: default; background: #fff; } body.hpto .hpto_banner { margin-bottom: 20px; background: #efefef; height: 135px; } #hptoBannerImage { position: absolute; background: #eee; width: 1002px; height: 135px; } #hptoBannerImage img { display: block; margin: 0 auto; width: 100%; height: 100%; } .issuu-list.loading { background: url(/Web/Images/Loader-On-White.gif) no-repeat top center; padding-top: 50px; } .issuu-list ul { width: 100%; list-style-type: none; margin: 1em 0; padding: 0; overflow: hidden; } .issuu-list ul li { width: 50%; float: left; text-align: center; cursor: pointer; margin-bottom: 20px; } .issuu-list ul li img { display: block; max-width: 80%; margin: 0 auto; } .issuu-list ul li strong { display: block; } .issuu-list ul li span { display: block; } .issuu-list ul li:nth-child(3) { clear: both; } /* jQuery lightbox by Brad */ #lightbox-overlay { position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 9000; background: #000; } #lightbox-frame { top: 0; left: 0; width: 100%; height: 100%; position: fixed; z-index: 9001; margin: 0; padding: 0; } #lightbox-frame table { background: #fff; font-size: .8em; } #lightbox-picture { padding: 10px 10px 0 10px; background: url(/web/images/lightbox-loader.gif) no-repeat center center; } #lightbox-picture div { min-height: 200px; min-width: 200px; } #lightbox-description { padding: 10px; } #lightbox-description, #lightbox-frame a { color: #000; } #lightbox-frame ul { margin: 0; padding: 10px; list-style-type: none; float: right; white-space: nowrap; } #lightbox-frame ul li { display: inline-block; } #lightbox-frame ul li a { display: inline-block; margin-left: 3px; font-size: .8em; text-transform: uppercase; } #lightbox-frame ul li.disabled a { color: #ccc; } #lightbox-frame ul a { display: block; width: 21px; height: 0; padding-top: 21px; overflow: hidden; background-image: url(/web/images/lightbox-nav.png); } #lightbox-previous a { background-position: 0 0; } #lightbox-previous a:hover { background-position: 0 -21px; } #lightbox-previous a.disabled { background-position: 0 -42px; } #lightbox-next a { background-position: -21px 0; } #lightbox-next a:hover { background-position: -21px -21px; } #lightbox-next a.disabled { background-position: -21px -42px; } #lightbox-close a { background-position: -42px 0; } #lightbox-close a:hover { background-position: -42px -21px; } div.magazines { margin: 1em 0; } div.magazines > div { margin: 1em 0; border-bottom: dotted 1px #ccc; padding: 20px 0; display: table; width: 100%; } div.magazines > div > div { display: table-cell; vertical-align: top; } div.magazines > div > div.lft { width: 200px; } div.magazines > div small { text-transform: uppercase; display: block; } div.magazines > div a.download { display: block; margin: 10px 0; width: 150px; text-transform: uppercase; font-size: .8em; color: #fff; text-decoration: none; border-radius: 3px; background: black; text-align: center; padding: 10px; } #ticker { border-bottom: solid 2px #ddd; margin-bottom: 2em; height: 30px; padding-bottom: 5px; overflow: hidden; width: 630px; } #ticker strong { text-transform: uppercase; float: left; height: 30px; line-height: 30px; } #ticker ul { margin: 0 0 0 10px; padding: 0; list-style-type: none; height: 30px; float: left; overflow: hidden; position: relative; width: 500px; } #ticker ul li { position: absolute; top: 0; left: 0; height: 30px; line-height: 30px; display: none; } /* tooltip */ #tooltip { position: absolute; z-index: 999999; width: 200px; font-size: .8em; border-radius: 3px; } #tooltip span { display: block; background: #000; padding: 5px 10px; text-align: center; color: #fff; } /* Uploadify v2.1.0 Release Date: August 24, 2009 Copyright (c) 2009 Ronnie Garcia, Travis Nickels Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .uploadifyQueueItem { font: 11px Verdana, Geneva, sans-serif; border: 2px solid #E5E5E5; background-color: #F5F5F5; margin-top: 5px; padding: 5px; /*width: 350px;*/ -moz-border-radius: 4px; } .uploadifyError { border: 2px solid #FBCBBC !important; background-color: #FDE5DD !important; } .uploadifyQueueItem .cancel { float: right; } .uploadifyProgress { background-color: #FFFFFF; border-top: 1px solid #808080; border-left: 1px solid #808080; border-right: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; margin-top: 5px; width: 100%; } .uploadifyProgressBar { background-color: #0099FF; width: 1px; height: 3px; } body.videos .watch .list { width: 100%; overflow: hidden; margin-top: 30px; } body.videos .watch .list > div { width: 25%; float: left; height: 210px; padding-right: 20px; box-sizing: border-box; overflow: hidden; margin-bottom: 20px; } body.videos .watch .list > div img { display: block; width: 100%; margin-bottom: 10px; } body.videos .watch .list > div a { display: block; position: relative; } body.videos .watch .list > div a span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(/Web/Images/play.png) no-repeat center center; } #weather { background: #e5eef6; border-radius: 3px; height: 34px; position: relative; padding: 20px 65px 20px 0; margin: 1em 0 2em 0; } #weather.loading { background: #e5eef6 url(/web/images/weather-loading.gif) no-repeat 250px 22px; } #weather strong { position: relative; left: -3px; float: left; width: 102px; height: 34px; color: #4e70b6; padding-left: 20px; line-height: 34px; background: url(/web/images/weather-dd.png); cursor: pointer; } #weather span { float: right; font-size: 2em; padding: 0 5px; height: 34px; line-height: 34px; } #weather span.hi { color: #4e70b6; font-weight: bold; } #weather span.lo { color: #a4b6d7; } #weather img { position: absolute; top: 10px; right: 10px; } body > ul.weather { position: absolute; border-radius: 3px; background: #bfc7e5; margin: 0; padding: 0; list-style-type: none; width: 115px; z-index: 999; } body > ul.weather li { color: #4e70b6; padding: 5px 20px; font-size: .8em; cursor: pointer; } body > ul.weather li:hover { background: #a8b6dc; }