/* Theme Name: Angling International Theme URI: http://www.angling-international.com Description: A custom WordPress theme created for Angling International. Author: Brave Creative Version: 2.0 */ /* Copyright Exists (c), Brave Creative, all rights reserved. p.s - pikeying will result in severe knee-capping ;) */ /* IMPORTS */ @import url('inc/bx_styles/bx_styles.css'); @import url('inc/fancybox/jquery.fancybox-1.3.4.css'); /*@font-face { font-family: 'ConduitITCMediumItalic'; src: url('inc/fonts/conduititc-mediumitalic-webfont.eot'); src: url('inc/fonts/conduititc-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'), url('inc/fonts/conduititc-mediumitalic-webfont.woff') format('woff'), url('inc/fonts/conduititc-mediumitalic-webfont.ttf') format('truetype'), url('inc/fonts/conduititc-mediumitalic-webfont.svg#ConduitITCMediumItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ConduitITCMedium'; src: url('inc/fonts/conduititc-medium-webfont.eot'); src: url('inc/fonts/conduititc-medium-webfont.eot?#iefix') format('embedded-opentype'), url('inc/fonts/conduititc-medium-webfont.woff') format('woff'), url('inc/fonts/conduititc-medium-webfont.ttf') format('truetype'), url('inc/fonts/conduititc-medium-webfont.svg#ConduitITCMedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ConduitITCLight'; src: url('inc/fonts/conduititc-light-webfont.eot'); src: url('inc/fonts/conduititc-light-webfont.eot?#iefix') format('embedded-opentype'), url('inc/fonts/conduititc-light-webfont.woff') format('woff'), url('inc/fonts/conduititc-light-webfont.ttf') format('truetype'), url('inc/fonts/conduititc-light-webfont.svg#ConduitITCLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ConduitITCItalic'; src: url('inc/fonts/conduititc-italic-webfont.eot'); src: url('inc/fonts/conduititc-italic-webfont.eot?#iefix') format('embedded-opentype'), url('inc/fonts/conduititc-italic-webfont.woff') format('woff'), url('inc/fonts/conduititc-italic-webfont.ttf') format('truetype'), url('inc/fonts/conduititc-italic-webfont.svg#ConduitITCItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ConduitITCExtraBold'; src: url('inc/fonts/conduititc-extrabold-webfont.eot'); src: url('inc/fonts/conduititc-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('inc/fonts/conduititc-extrabold-webfont.woff') format('woff'), url('inc/fonts/conduititc-extrabold-webfont.ttf') format('truetype'), url('inc/fonts/conduititc-extrabold-webfont.svg#ConduitITCExtraBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ConduitITC'; src: url('inc/fonts/conduititc-webfont.eot'); src: url('inc/fonts/conduititc-webfont.eot?#iefix') format('embedded-opentype'), url('inc/fonts/conduititc-webfont.woff') format('woff'), url('inc/fonts/conduititc-webfont.ttf') format('truetype'), url('inc/fonts/conduititc-webfont.svg#ConduitITCConduitITC') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ConduitITCBold'; src: url('inc/fonts/conduititc-bold-webfont.eot'); src: url('inc/fonts/conduititc-bold-webfont.eot?#iefix') format('embedded-opentype'), url('inc/fonts/conduititc-bold-webfont.woff') format('woff'), url('inc/fonts/conduititc-bold-webfont.ttf') format('truetype'), url('inc/fonts/conduititc-bold-webfont.svg#ConduitITCBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ConduitITCBlack'; src: url('inc/fonts/conduititc-black-webfont.eot'); src: url('inc/fonts/conduititc-black-webfont.eot?#iefix') format('embedded-opentype'), url('inc/fonts/conduititc-black-webfont.woff') format('woff'), url('inc/fonts/conduititc-black-webfont.ttf') format('truetype'), url('inc/fonts/conduititc-black-webfont.svg#ConduitITCBlack') format('svg'); font-weight: normal; font-style: normal; }*/ /* CSS RESET @eric meyer ========================================================================-- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} table {border-collapse: collapse;border-spacing: 0;} /* GLOBAL ========================================================================-- */ html.slim, html.slim body {width: 100%; height: 100%; overflow-x: hidden; background: #FFF;} html.slim body #embed {margin-top: -10px; width: 100%; height: 100%;} html.slim body p {width: 100%; height: 100%;} html.slim body #pageTitle div {margin: 0; width: auto; padding-left: 20px; padding-right: 10px;} html, body {overflow-x: hidden;} body {background: #FFF url('images/bodyBG.jpg') repeat; color: #464646; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} .clear {clear: both; display: block;} /* IMAGES via @wp */ .alignleft, img.alignleft { display: inline; float: left; margin-right: 12px; margin-top: 4px; } .alignright, img.alignright { display: inline; float: right; margin-left: 6px; margin-top: 4px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 5px; } div.alignright {max-width: 300px; background: #EDEDED; padding: 5px; margin-top: 1px; margin-bottom: 5px; -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px;} .alignright span {display: block; text-align: center; font-family: ConduitITCItalic; color: #444; font-size: 14px; padding: 5px 0; line-height: 17px;} /* Search Result Text */ h1.noresult {margin-bottom: 10px; font-family: ConduitITCBold, Arial, sans-serif; font-size: 26px; color: #000; text-transform: uppercase;} h1.noresult.lighter {color: #777; font-size: 20px; margin: 0px 0 20px 0;} p.noresult {font-size: 16px;} /* Virtual Mag SlideOut */ #sticky {position: fixed; top: 300px; left: 0;} #sticky span {position: relative; z-index: 9000;} #sticky .slideOut {position: relative; z-index: 1; left: -105px; top: -34px;} /* EFTTEX Badge */ #band {position: absolute; top: 0; right: 0; z-index: 90000; display: block;} embed {width: 100%; height: 100%;} /* LINKS + BUTTONS ========================================================================-- */ a {color: #db3d31; text-decoration: none; -webkit-transition:color 0.17s ease-in; -moz-transition:color 0.17s ease-in; -o-transition:color 0.17s ease-in; transition:color 0.17s ease-in; } a:hover {color: #000;} /* More link */ .morelink {color: #000; text-transform: uppercase; font-size: 11px; font-weight: bold; display: block; padding-left: 3px;} .morelink:hover {color: #555;} .morelink.topmarg {margin-top: 15px;} .morelink.botmarg {margin-bottom: 10px;} .morelink.negtop {margin-top: -10px;} .morelink.smaller {margin-top: 3px; font-size: 10px; color: #666;} /* Big red link (discover) */ .discover {display: block; margin: 15px 0 15px 15px; color: #de3a26; font-size: 19px; text-transform: uppercase; font-family: ConduitITCBlack, Arial, sans-serif; text-decoration: none;} .discover:hover {color: #000; text-decoration: none;} /* Buttons */ .button {display: inline-block; text-align: center; vertical-align: middle; font-weight: bold; text-decoration: none;} /* -- Small Buttons */ .button.small {font-size: 11px; color: #FFF; padding: 3px 5px; line-height: 14px; border-radius: 8px; margin-right: 5px;} .button.small:hover {background-position: 0 -37px!important;} .button.small.red {background: #D52D26; } .button.small.grey {background: #555; } .button.small.black {background: #000;} /* -- Medium Buttons */ .button.medium { font-size: 13px; color: #FFF; padding: 5px 10px; line-height: 14px; border-radius: 8px; margin-right: 5px;} .button.medium:hover {background-position: 0 -26px!important;} .button.medium.red {background: #D52D26; } .button.medium.grey {background: #555; } .button.medium.black {background: #000;} /* -- Large Buttons */ .button.large { font-size: 14px; color: #FFF; padding: 8px 12px; line-height: 15px; border-radius: 8px; margin-right: 5px;} .button.large.red {background: #D52D26; } .button.large.grey {background: #555; } .button.large.black {background: #000;} /* -- Special Classes for Buttons */ .button.extrarightmargin {margin-right: 23px;} .button.video {background: url('images/button-red-video.png') no-repeat 0 0; width: 144px; height: 18px; font-size: 11px; color: #FFF; text-transform: uppercase; padding-top: 8px; text-align: left; padding-left: 13px;} .button.video:hover {background-position: 0 -26px;} /* Social Media buttons @left @footer */ .socialButtons {position: relative; margin-top: 10px;} .socialButtons a {float: left; text-indent: -9999px; width: 38px; height: 38px; display: block; margin-right: 3px;} .socialButtons a.fb {background: url('images/fbButton.jpg') no-repeat 0 0;} .socialButtons a.twit {background: url('images/twitButton.jpg') no-repeat 0 0;} .socialButtons a.share {background: url('images/shareButton.jpg') no-repeat 0 0;} .socialButtons a.rss {background: url('images/rssButton.jpg') no-repeat 0 0;} .socialButtons.footer a.fb {background: url('images/fb.png') no-repeat 0 0;} .socialButtons.footer a.twit {background: url('images/twit.png') no-repeat 0 0;} .socialButtons.footer a.share {background: url('images/share.png') no-repeat 0 0;} .socialButtons.footer a.rss {background: url('images/rss.png') no-repeat 0 0;} /* CONTENT STRUCTURE ========================================================================-- */ #header {width: 100%; background: url('images/headerBG.jpg') repeat-x 0 0; max-height: 205px; min-height: 180px; height: 205px; position: relative; z-index: 1000; padding-top: 10px; } #wrapper {width: 980px; margin: 0px auto; padding-top: 5px;} #left {width: 163px; float: left; margin-right: 10px; margin-top: 0px;} #left.home {margin-top: 0;} #content {width: 495px; float: left; margin-right: 12px; background: #FFF; -moz-box-shadow: 0px 1px 5px #888; -webkit-box-shadow: 0px 1px 5px #888; box-shadow: 0px 1px 5px #888; position: relative;} .ie7 #content, .ie8 #content {border: #d2d0d0 1px solid; width: 495px; overflow: hidden; margin-right: 10px;} #content.page {width: 787px; margin-right: 0; padding: 20px 10px;} .ie7 #content.page, .ie8 #content.page {width: 780px;} #content.page.full {width: 960px; padding: 10px;} #content.mag, #content.videos {width: 787px; margin-right: 0; background: transparent; -moz-box-shadow: 0px 0px 0px #888; -webkit-box-shadow: 0px 0px 0px #888; box-shadow: 0px 0px 0px #888; margin-left: 20px;} .ie7 #content.mag, .ie8 #content.mag, .ie7 #content.videos, .ie8 #content.videos {width: 787px; border: 0;} #right {width: 300px; float: left;} #right-container {float: left; width: 647px;} #right-container #content {float: none; width: 615px!important; padding: 20px 10px;} #right-container #nominees {float: none;} #right-container #nominees .awardNom {width: 610px;} #sky-right {float: right;} /* CONTENT ELEMENTS ========================================================================-- */ #topBanner {width: 100%; background: #000; position: relative; z-index: 9000;} #topBanner div {margin: 0px auto; width: 1006px; height: 21px; position: relative;} #topBanner img {position: absolute; height: 38px; width: 1006px; top: 2px; left: 0; z-index: 9000} #efttexcarousel {margin-bottom: 15px;width: 757px; height: 170px;overflow: hidden;} #efttexcarousel, #efttexcarousel img {width: 757px; height: 170px;} #efttexcarousel.taller {height: 381px;width: 757px;} #efttexcarousel.taller img {height: 381px;max-width: 100%;} #followbar {position: fixed; top: 0; left: 0; width: 100%; background: #000; height: 28px; z-index: 10000; box-shadow: 0 0 5px #222; font-size: 12px;} #followbar .inner {position: relative; width: 980px; margin: 0 auto; color: #fff;} #followbar .left {float: left; vertical-align: middle; padding-top: 6px; max-width: 305px} #followbar .flag {float: right; display: inline; margin-top:1px; margin-left: 5px;} .ie7 #followbar .flag {margin-top: -13px;} #followbar .right {float: right; padding-top: 0px; margin-top: -1px; margin-right: 24px; height: 28px; border-right: #333 1px solid; padding-right: 9px; vertical-align: middle;} #followbar .right a {} .ie7 #followbar .right span.msg {display: inline-block; top: -3px; position: relative;} #followbar .right a {display: inline-block; background: #DB3D31; color: #fff; font-weight: bold; padding: 3px 7px; border-radius: 6px; margin-top: 5px; font-size: 12px;} #followbar span.close {position: absolute; top: 6px; right: 0; width: 16px; height: 15px; background: url('images/close-icon.png') no-repeat 0 0; cursor: pointer;} #followbar span.close:hover {background-position: 0 -15px;} /* HEADER ++++++++++++++++++++++++++++++++++++++++ */ #header.landing {padding-top: 0;} #header.landing #headerInner {position: relative; height: 146px;} #headerInner {width: 980px; margin: 0px auto; color: #FFF; position: relative; z-index: 9000;} .ie7 #headerInner {height: 179px;} /* Logo */ #header #logo {padding-top: 48px; float: left;} #header #logo a {background: url('images/atiLogo.png') no-repeat 0 0; display: block; width: 233px; height: 75px; text-indent: -9999px;} #header.landing #logo {padding-top: 17px;} #header.landing #logo a {background: url('images/logo-landing.png') no-repeat 0 0; width: 338px; height: 119px; padding-top: 0;} #header #headerContent {float: right; width: 730px; padding-top: 5px; height: 128px;} #header .siteMeta {float: right; width: 440px; position: relative;} /* Mags Landing */ #header .mags-landing {position:absolute;bottom:-38px; right:0;} #header .mags-landing img {display: block;} /* Search and TopLinks */ #header .siteMeta ul {float: left; margin-top: 10px; font-size: 13px;} #header .siteMeta ul li {display: inline; font-size: 11px;} #header .siteMeta ul li .hello {color: #fff;} #header .siteMeta ul li a {color: #FFF; text-decoration: none; font-size: 11px;} #header .siteMeta ul li a:hover {text-decoration: underline;} #header .siteMeta .search {float: right; position: relative; margin-top: 5px;} #header .siteMeta .search #s { font-size: 11px; font-family:inherit; border: 0; padding: 4px; color: #888; width: 205px; border-radius: 8px;} #header .siteMeta .search #s:focus {outline: 0; color: #000;} #header .siteMeta .search #submit {cursor: pointer; font-size: 0; border: 0; line-height: 0; position: absolute; top: 5px; right: 8px; background: url('images/magicon.gif') no-repeat 0 0; z-index: 9000; width: 12px; height: 13px;} /* Leaderboard */ #header #headerContent .leaderboard {font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-align: left; margin-top: -5px; color: #ebe7e6;} .ie7 #header #headerContent .leaderboard {margin-top: -13px;} #header #headerContent .leaderboard img {display: block; margin-top: 3px;} #header #headerContent .leaderboard span {display: block; margin-bottom: 5px;} /* Navigation - repeated in footer so no ID given */ .navigation {margin-top: 13px; position: relative;} .ie7 .navigation.footer {margin-top: 0;} .ie8 .navigation.footer {padding-top: 0;} .ie7 .navigation {margin-top: 13px;} .ie8 .navigation {padding-top: 13px;} .ie9 .navigation {padding-top: 0px;} .navigation li {background: url('images/navSpacer.jpg') no-repeat right; float: left; font-size: 12px; font-weight: bold; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase; height: 33px; padding: 0 10px; position: relative;} .navigation li.first {padding-left: 0;} .navigation li.last {background: transparent; padding-right: 0;} .navigation.footer li {background: url('images/footernavspacer.jpg') no-repeat right; height: 32px;} .navigation li a {color: #FFF; text-decoration: none; display: block; padding-top: 10px;} .ie7 .navigation li a, .ie8 .navigation li a, .ie9 .navigation li a {padding-top: 11px} .navigation li a:hover {color: #db3d31; text-decoration: underline;} .navigation li:hover a {color: #db3d31; text-decoration: underline;} .navigation li#menu-item-35, .navigation li#menu-item-7136, .navigation li#menu-item-7451, .navigation li#menu-item-7472, .navigation li#menu-item-7473, .navigation li#menu-item-8796 {background: #8D7A6B; padding-left: 12px!important;} .navigation li#menu-item-35 a:hover, .navigation li#menu-item-7136 a:hover, .navigation li#menu-item-7451 a:hover, .navigation li#menu-item-7472 a:hover, .navigation li#menu-item-7473 a:hover, .navigation li#menu-item-8796 a:hover {color: #222;} /* Multi Lingual Override */ .navigation li#menu-item-7136 {padding-left: 12px!important;} .navigation li.efttex {padding: 0 4px 0 5px;} .navigation li.efttex a {display: block; background: url('images/efttex-bg-nav.jpg') repeat-x; padding: 10px 8px 11px 8px;} .navigation li .prodnews {position: absolute; top: 0; left: 0; background: url('images/productnewstab.jpg') no-repeat 0 0; width: 122px; height: 33px; display: block;} .navigation li .prodnews a {display: block; width: 122px; height: 33px;} /* Dropdown Menu */ .dropdown {position: absolute; left: 1px; top: 33px; padding: 5px 13px 12px 13px; z-index: 9000; background: #d73c30 url('images/dropdown.jpg') repeat-x top;border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -moz-box-shadow: 0 1px 10px #000; -webkit-box-shadow: 0 1px 10px #000; box-shadow: 0 1px 10px #000; width: 520px; display: none;} .dropdown ul {float: left; width: 150px; margin-right: 20px; border-right: #ccc 1px dotted; padding-right: 11px;} .dropdown ul.last {margin-right: 0; width: 100px; border-right: 0;} .dropdown ul li {float: none; background: transparent; text-transform: none; font-size: 14px; padding: 5px 0 0 5px; height: auto!important;} .dropdown ul li a {padding: 0; font-family: ConduitITC; color: #FFF!important; display: inline; text-decoration: none!important;} .dropdown ul li a:hover {color: #FFF!important; text-decoration: underline!important;} .dropdown ul li h3 a {font-size: 16px; text-transform: uppercase; font-family: ConduitITCBold; margin-bottom: 5px; display: block; text-decoration: underline !important;} .dropdown ul li h3 a:hover {color: #db3d31!important;} /* NEW SUBNAVBAR NOV 2011 */ #subNavBar {background: url('images/subnavbarbg.jpg') repeat-x 0 0; padding-top:3px; height: 23px;} #subNavBar .wrap {margin: 0 auto; width: 980px;} #subNavBar ul li {display: inline; margin-right: 20px; font-size: 15px;} #subNavBar ul li a {color: #FFF; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px;} #subNavBar ul li a:hover {color: #000; text-decoration: underline;} /* FLAG */ #headerInner .flag {display: inline; margin-left: 5px;} /* Language notice */ #headerInner .language-notice {position: relative; font-size: 16px; font-weight: 300; margin: 2px 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: right;} /* CAROUSEL (HOME ONLY) ++++++++++++++++++++++++++++++++++++++++ */ #carousel {background: url('images/carouselBG.jpg') repeat-x 0 0; width: 100%; height: 241px; margin-bottom: 12px; padding-top: 5px; overflow: hidden;} .ie7 #carousel {margin-bottom: 12px; padding-top: 0;} #carousel .wrap {width: 980px; margin: 0px auto; padding-top: 0px;} .ie7 .bx-pager {bottom: 40px;} .ie7 .bx-pager a {padding-top: 4px;} #carousel .slides { position: relative; overflow: hidden} #carousel ul li img {float: left; width: 299px; height: 234px;} #carousel ul li div {float: right; width: 602px; padding-top: 10px;} #carousel ul li {min-height: 245px;} #carousel ul li h2 {padding: 5px 0 0 10px; background: url('images/slidetitle.png') no-repeat 0 0; color: #FFF; font-size: 31px; font-weight: bold; width: 602px; height: 71px;} #carousel ul li h2.red {background-position: 0 -77px;} #carousel ul li h2 em {display: block; font-weight: 300; color: #a1a1a1; font-size: 21px; font-style: normal;} #carousel ul li h2.red em {color: #FFF; } #carousel ul li p {font-size: 15px; color: #444; line-height: 23px; padding-left: 10px; margin-top: 10px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} #carousel ul li .buttons {padding-left: 10px; display: block; margin-top: 13px;} #carousel ul li .buttons a {float: left;} #carousel .bx-prev, #carousel .bx-next {top: 40%!important;} #carousel .bx-pager {bottom: 19px!important;} .bx-window, .bx-wrapper {width: 980px!important;} /* New Three Boxes Call to action... */ #three-choices {background: url('images/carouselBG.jpg') repeat-x 0 0; width: 100%; height: 1%; overflow: hidden; margin-bottom: 12px; padding-top: 10px;} #three-choices ul {width: 980px; margin: 0 auto;} #three-choices ul li {width: 321px; height: 210px; float: left; margin-right: 8px; position: relative; cursor: pointer;} #three-choices ul li.news {background: url('images/3-choices-product-news.jpg') no-repeat 0 0;} #three-choices ul li.trade {background: url('images/3-choices-trade.jpg') no-repeat 0 0;} #three-choices ul li.virtual {background: url('images/3-choices-virtual.jpg') no-repeat 0 0; margin-right: 0;} #three-choices ul li h2 {font-size: 21px; line-height: 21px; font-weight: 600; padding-left: 15px; padding-top: 10px; margin-bottom: 20px;} #three-choices ul li h2 a {color: #fff;} #three-choices ul li p {color: #fff; font-size: 11px; padding: 0 15px; line-height: 13px;} #three-choices ul li .button {position: absolute; bottom: 13px; right: 8px;} /* LEFT ++++++++++++++++++++++++++++++++++++++++ */ #left .widget {margin-bottom: 12px;} /* Left Hand Product Categories List Widget */ .widget.widget_cat_childs ul {margin-top: 7px;} .widget.widget_cat_childs ul li {} .widget.widget_cat_childs ul li a {display: block;} .widget.widget_cat_childs .show-more-less {display: block; background: #999; color: #fff; font-weight: bold; font-size: 13px; border-radius: 6px; padding: 4px 6px; text-transform: uppercase; text-align: center;} /* H3 Tags for #left plx */ #left h3 {font-size: 13px; color: #FFF; padding: 6px 4px; border-bottom: #afafaf 3px solid; font-weight: bold;} #left h3.black {background: #000;} #left h3.blue {background: #01a1dd; margin-bottom: 10px;} #left h3.red {background: #d43b30; } #left h3.grey {background: #555555; } #left h3.twitter {background: #33ccff; color: #FFF; position: relative;} #left h3.twitter span {position: absolute; top: 2px; right: 4px; display: block; background: url('images/twitter-bird.png') no-repeat 0 0; width: 29px; height: 20px;} /* Some Formatting for UL */ #left ul {padding-left: 3px;} #left ul li {position: relative;} /* Side Navigation */ #left ul.sideNav {} #left ul.sideNav li a { display: block; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 7px 0; width: inherit; line-height: 18px; font-size: 15px; font-weight:600;color: #555; text-decoration: none;} #left ul.sideNav.efttex li a {font-size: 14px; text-transform: none;} #left ul.sideNav.efttex li.current_page_item a, #left ul.sideNav.efttex li.current_page_parent a {color: #01a1dd;} #left ul.sideNav.efttex li a:hover {color: #01a1dd;} #left ul.sideNav li a:hover {color: #d43b30;} #left ul.sideNav li span {background: url('images/sidenavarrow.png') no-repeat 0 0; width: 9px; height: 11px; display: block; position: absolute; right: 0; top: 3px; z-index: -1;} #left ul.sideNav li:hover span {background-position: 0 -11px;} #left ul.sideNav li.current-cat a, #left ul.sideNav li.current_page_item a, #left ul.sideNav li.current_page_parent a, #left ul.sideNav li.current-page-ancestor a, #left ul.sideNav li.current-menu-item a, #left ul.sideNav li.current-menu-parent a {color: #d43b30;} /* Generic Post List */ #left ul.posts li a {color: #7d7d7d; font-size: 11px; display: block; margin: 6px 0; text-decoration: none; line-height: 14px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} #left ul.posts li a:hover {color: #000;} /* Twitter Feed Plugin Styles */ .twittitle { } .tweet, .query { color: #666666; } .tweet .tweet_list, .query .tweet_list { margin: 0px 0 0 0; } .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic { text-transform: uppercase; } .tweet .tweet_list li, .query .tweet_list li { margin: 15px 0 0px 0; font-size: 11px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 14px; } .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img { vertical-align: middle; } .loading { margin: 8px 0 20px 0; } /* CONTENT BODY ++++++++++++++++++++++++++++++++++++++++ */ /* Homepage Content Only */ .tradeIntro {background: url('images/trade-catalogues-intro.jpg') no-repeat 0 0; width: 496px; height: 114px; max-height: 114px; margin-bottom: 5px;} .tradeIntro div {width: 375px; padding: 20px 0 0 15px;} .tradeIntro div h2 {margin-bottom: 3px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} .tradeIntro div h2 a {display:block;margin-bottom:6px; font-weight:bold; color: #FFF; text-decoration: none; font-size: 16px; text-transform: uppercase;} .tradeIntro div h2 a:hover {color: #000;} .tradeIntro div p {font-size: 12px; color: #FFF; margin-bottom: 6px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 15px;} /* Articles (Posts) */ #posts {position: relative;} #posts .post {padding: 10px 15px 5px 15px; border-bottom: #e0dfdf 2px solid;} #posts .post h2 {background: url('images/post-arrow-grey.gif') no-repeat left center; padding: 10px 0 0 38px; margin-bottom: 7px;} #posts .post h2 a {color: #000; text-decoration: none; font-family: 'Helvetica Neue',Helvetica, Arial, sans-serif; font-weight: bold; font-size: 22px;} #posts .post h2 a:hover {color: #d43b30;} #posts .post p {color: #464646; font-size: 13px; line-height: 19px; margin-bottom: 15px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} #posts .post p strong, #posts .post p b {font-weight: bold;} #posts .post .post-meta {margin: 10px 0; clear: both;} .ie7 #posts .post .post-meta { margin-bottom: 0;} #posts .post .post-meta span {float: left; color: #898989; font-size: 11px; text-transform: uppercase; margin-top: 6px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; display: inline-block; margin-bottom: 5px;} #posts .post .post-meta span a {color: #333; text-decoration: none;} #posts .post .post-meta .button {float: right;} /* Use Global Notice */ .use_global {background: #000; border: #333 1px solid; padding: 10px 15px; border-radius: 7px; margin-bottom: 0px; margin-left: 15px; margin-right: 15px; margin-bottom: 15px; height: 1%; overflow: hidden;} .use_global img {float: left; margin-right: 15px;} .use_global p {display: block; color: #fff; font-size: 13px; line-height: 17px; font-weight: normal; } .use_global p a {display: inline-block; background: #DB3D31; color: #fff; padding: 3px 7px; border-radius: 6px; margin-top: 5px; font-size: 13px;} /* Actual Post formatting */ #posts .post.page {border-bottom: 0;} #posts .post.page p {font-size: 14px; line-height: 22px;} #posts .post.page blockquote p {font-family: Georgia, serif; color: #999; font-style: italic!important; padding: 0 3em; margin-bottom: 10px!important; font-size: 15px;} #posts .post.page h1 {margin-bottom: 10px; font-size: 26px; color: #000; text-transform: uppercase;} #posts .post.page h2 {background: transparent; padding: 0;margin-bottom: 10px; font-weight: bold; font-size: 23px; color: #333; } #posts .post.page h2.nocaps {text-transform: none;} #posts .post.page h3 {margin-bottom: 10px; font-weight: 300; font-size: 21px; color: #555;} #posts .post.page ol, #posts .post.page ul {margin-bottom: 10px;} #posts .post.page li {background: url('images/list-image.gif') no-repeat left; padding: 5px 0 5px 15px; list-style: none outside; font-size: 13px; line-height: 15px; color: #666; vertical-align: top; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} #posts .post.single .post-meta-top {display: block; border-bottom: #999 1px dotted; padding-bottom: 8px; font-size: 11px; margin-bottom: 10px; color: #888; text-transform: uppercase; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} #posts .post.single p {font-size: 14px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} #posts .post .post-cats-meta {display: block; color: #666; line-height: 17px; font-size:12px; padding-top: 15px; border-top: #999 2px dotted;} div.shr-bookmarks {margin-top: 0!important;} .shareaholic-show-on-load {clear: both;} /* Table Formatting for posts */ #posts .post.page.single table {border: #ddd 1px solid; margin-bottom: 10px; min-width: 500px;} #posts .post.page.single table td { padding: 8px;} #posts .post.page.single table tr td.head {background: #D43B30!important; color: #FFF; font-size: 15px;} #posts .post.page.single table tr.alt td {background: #EFEFEF;} /* Media Block @since aug 2011 */ #mediablock {float: right; padding: 0 0 0 10px; margin-left: 15px; margin-bottom: 20px; width: 300px;} #mediablock h3 {color: #D43B30!important; font-family: 'Helvetica Neue',Helvetica, Arial, sans-serif!important; text-transform: uppercase; border-bottom: #CCC 2px solid; padding-bottom: 5px; font-size: 14px!important; font-weight: bold!important;;} #mediablock h3 em {font-weight:normal!important;font-style: normal;font-size: 10px; line-height: 17px; color: #666; text-align: right; padding-left: 27px;} .ie7 #mediablock h3 em {padding-left: 30px;} #mediablock h3 em span {font-weight: bold; color: #D43B30;} #mediablock .video a {display: block; background: #333; padding: 5px 3px; border-radius: 6px; color: #FFF; text-align: center; font-weight: bold; font-size: 12px; position: relative;} #mediablock .video a span {position: absolute; display: block; background: url('images/youtube.png') no-repeat 0 0; top: 4px; right: 89px; width: 16px; height: 16px;} #mediablock .video a:hover {background: #000;} #mediablock .image, #mediablock .video {margin-bottom: 10px; padding-bottom: 10px; border-bottom: #CCC 2px solid; width: 300px; text-align: center;} #mediablock .image span {display: block; background: #D43B30; padding: 5px 3px; border-radius: 6px; color: #FFF; text-align: center; font-size: 12px; line-height: 14px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } #mediablock .mpu span {font-size: 10px; letter-spacing: 1px; display: block; margin-bottom: 5px;} #mediablock .image img:hover {opacity: 0.55} #mediablock .video embed {width: 300px!important; height: 250px!important;} /* There's always one isn't there? */ .ie7 #mediablock img {padding-bottom: 10px;} .ie7 #mediablock iframe {display: block; padding-bottom: 10px;} .ie7 #mediablock .video a span {top: 6px;} /* Respond - DISQUS */ .dsq-postid {float: none!important;} #respond { padding: 10px 15px 5px!important; margin-top: 15px; width: 756px!important; } #respond #dsq-reply h3 {font-size: 25px; color: #222;} #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: 10px !important; color: #000; font-family: ConduitITCBold; 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-subscribe-rss a { color: #7B7B7B !important; } .dsq-brlink { display: none !important; } #dsq-comments-title h3 { text-transform: uppercase; font-family: ConduitITC; font-size: 18px; margin-bottom: 10px; } #dsq-comments-title h3 span { color: #d43b30; font-family: ConduitITCBold; 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: 14px;} .dsq-comment-cite {font-size: 18px!important; color: #000!important;} .dsq-autheneticate-copy {font-size: 16px;} .dsq-item-trackback {font-size: 14px;} .dsq-trackback-url {width: 779px;} /* Plain listed posts for archives etc */ #postsplain ul li {border-bottom: #999 2px dotted; padding-bottom: 15px; margin-bottom: 10px; position: relative;} #postsplain ul li h2 a {color: #000; text-decoration: none; font-family: ConduitITCBlack, Arial, sans-serif; font-size: 23px;} #postsplain ul li h2 a:hover {color: #d43b30;} #postsplain ul li p {margin: 10px 0; font-size: 14px; line-height: 20px; font-family: 'Helvetica Neue', Helvetica, Arial,sans-serif;} #postsplain .post-meta {display: block; margin-top: 10px; color: #666; clear: right;} #postsplain img.absolute {left: -135px; top: 0; position: absolute;} .ie7 #postsplain img.absolute {top: 18px;} /* Pagingation Styles */ #pagination {margin: 22px 12px 25px 12px; font-family: 'Helvetica Neue',Helvetica, Arial, sans-serif; font-size: 11px;} #pagination.noleft {margin-left: 0;} #pagination .pages {background: #EFEFEF; color: #333; border: #ccc 1px solid;} #pagination .current {background: #db3d31; color: #FFF; border: #db3d31 1px solid;} /* Page Title - similar to carousel bg etc */ #pageTitle {background: url('images/carouselBG.jpg') repeat 0 0; width: 100%; position: relative; padding: 10px 0 13px 0; margin-bottom: 10px;} #pageTitle.single {} #pageTitle.landing {margin-bottom: 0; background: transparent;} .ie7 #pageTitle, {padding-bottom:0px;} .ie7 #pageTitle.single {} #pageTitle div {margin: 0px auto; width: 980px;} #pageTitle h1 {background: url('images/title-arrow.png') no-repeat left center; padding: 2px 0 0 38px;font-size: 33px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #d43b30; float: left; line-height: 30px; font-weight: bold;} #pageTitle .buttons {float: right; display: block; max-width: 275px; margin-top: 6px;} .ie7 #pageTitle .buttons {margin-top: 0;} #pageTitle .buttons a {float: left;} #pageTitle .archive-meta { margin:10px 0; font-size: 15px; line-height: 18px; display: block;} #pageTitle .subs {display: block; width: 100%;} .ie7 #pageTitle .subs ul {width: 960px;} #pageTitle .subs li {float: left;list-style: none;} #pageTitle .subs li a {display: block; width: auto!important; padding: 4px 6px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #DBD9D9; margin: 0 3px 6px 0; color: #888; font-size: 12px;} #pageTitle .subs li a:hover {background: #000; color: #FFF;} #pageTitle .subs b {font-size: 17px; display: block; width: 700px; margin-bottom: 10px;} #pageTitle.cat {height: auto!important;} #pageTitle.cat h1 {float: none;} #pageTitle.efttex {background: url('images/efttex-bg.jpg') repeat-x 0 0;} #pageTitle.efttex h1 {background: url('images/black-arrow.png') no-repeat left center; padding: 2px 0 0 38px;font-size: 28px; color: #FFF;float: left; line-height: 30px;} #pageTitle.virtual {height: auto!important; padding-top: 0; padding-bottom: 3px;} #pageTitle.virtual h1 {font-size: 24px; padding-top: 3px; background: url('images/title-arrow-smaller.png') no-repeat left center; padding-left: 24px; margin-top: 3px;} /* First post gets a highlight */ #posts .post.highlight {background: #e6e6de; border: 0;} #posts .post.highlight h2 {background: url('images/post-arrow-red.gif') no-repeat left center; padding: 14px 0 0 38px; margin-bottom: 12px; font-family: 'Helvetica Neue',Helvetica, Arial, sans-serif; } #posts .post.highlight h2 a {font-size: 27px; line-height: 27px; font-family: 'Helvetica Neue',Helvetica, Arial, sans-serif; font-weight: bold;} #posts .post.highlight p {color: #000;} #posts .post.highlight img.wp-post-image {margin-right: 24px;} #posts #post-title {font-size: 27px; font-weight: bold; text-transform: none!important; line-height: 29px;} #posts #post-title span {color: #999; font-size: 20px; display: block; line-height: 22px; font-family: inherit; text-transform: none;} /* Three Boxes above footer #threeee */ #three {border-top: #afafaf 5px solid; width: 100%; margin: 20px 0 25px 0; padding-top: 12px;} #three.single {margin-top: 10px;} #three ul li {float: left; border-right: #c9c9c9 1px solid; height: 143px; width: 312px; padding-left: 17px; position: relative;} .ie8 #three ul li {width: 311px;} #three ul li h3 a {font-size: 18px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #464646; font-weight: bold; position: relative; z-index: 10;} #three ul li p {font-size: 12px; line-height: 19px; margin: 10px 0; font-family: 'Helvetica Neue',Helvetica, Arial, sans-serif; } #three ul li img.absolute {position: absolute; right: 0; top: 0} #three ul li.catalogues, #three ul li.about {width: 300px;} #three ul li.advertise {padding-right: 20px;} /*#three ul li .medium {padding-top: 7px; height: 19px;}*/ /* EFTTEX STYLES */ /* Award Categories */ .awardCats li {background: url('images/award-block.jpg') no-repeat 0 0!important; float: left; padding: 0!important; margin-bottom: 9px; margin-right: 9px; width: 369px; height: 48px;} .ie8 .awardCats li {margin-right: 5px; margin-bottom: 7px;} .awardCats li a {text-align: center; display: block; font-size: 17px; color: #FFF; vertical-align: middle; position: relative; padding: 16px 10px; font-weight: bold;} .awardCats li:hover {background-position: 0 -48px!important;} .awardCats.trade {margin-top: 15px;} .awardCats.trade li {background-position: 0 -48px!important;} .awardCats.trade li:hover {background-position: 0 -96px !important;} /* Nominee Listing */ #nominees {float: left; padding: 10px 25px;} #nominees h2 {background: transparent; padding: 0;margin: 10px 0; font-size: 21px; color: #333; text-transform: none;} .awardNom {width: 777px;} .awardNom li {background: url('images/list-arrow-blue.gif') no-repeat left !important; padding: 8px 0 11px 15px!important; list-style: none outside; font-size: 17px!important; color: #666; border-bottom: #999 2px dotted; } .awardNom li a {color: #01a1dd;} .awardNom li a:hover {color: #000; text-decoration: none;} h1.blue {color: #01a1dd!important; text-transform: none!important; font-size: 26px!important;} /* Winners */ .winners a{color:#01a1de;} .win a{color:#747474;text-decoration:underline;} .win a:hover{color:#d73a36;} /* BREAD */ #crumbs {float: left; margin-bottom: 15px; text-align: right; width: 807px; font-size: 13px;} #crumbs .current {font-family: ConduitITCBold, Arial, sans-serif;} .ie7 #crumbs, .ie8 #crumbs {width: 824px;} /* VIDEOS @since aug11 */ #videos {margin-top: 15px; background: url('images/videos-shelf.jpg') repeat-y 0 0; min-height: 273px; width: 776px; padding: 0 15px;} #videos ul li h2 {margin-bottom: 3px; font-size: 13px; font-weight: bold; line-height: 17px; color: #000; min-height: 35px; text-align: center; text-transform: none;} .ie7 #videos ul li, .ie8 #videos ul li {margin-right: 16px;} #videos ul li h2 a {color: #000; text-decoration: none;} #videos ul li h2 a:hover {color: #db3d31;} #videos ul li {float: left; width: 242px; padding-top: 9px; margin-right: 25px; margin-bottom: 10px; position: relative; z-index: 1;} #videos ul li iframe {padding: 0; margin: 0;} #videos ul li .meta {background: url('images/videos-meta-bg.png') no-repeat 0 0; margin-top: -3px; position: relative; width: 242px; height: 35px; padding: 0 10px;} #videos ul li .meta:hover {background-position: 0 -35px;} #videos ul li .meta a {float: left;color: #FFF; padding-top: 9px; display: block; position: relative;} #videos ul li .meta a:hover {color: #db3d31;} #videos ul li .meta .view-full {font-size: 16px; font-weight: bold} #videos ul li .meta .view-full span {background: url('images/arrow-out.png') no-repeat right; position: absolute; right: -23px; top: 9px; width: 16px; height: 16px;} #videos ul li .meta .view-yt { font-size: 14px; margin-left: 50px; margin-top: 1px; font-weight: bold;} #videos.normal ul li:nth-child(3n) {margin-right: 0;} /* Latest Panel Specific */ #videos.latest-panel {width:950px; background-repeat: repeat; min-height: 225px;} h3.latestvids { font-size: 25px; color: #000; font-weight: bold; color: #db3d31;} #video-wrap {border-top: #afafaf 5px solid; padding-top: 12px; position: relative;} .ie7 #video-wrap {padding-top: 10px} #video-wrap .button {margin-top: 15px; position: absolute; right: -13px; top: -5px;} #videos.latest-panel ul li {width: 170px;} .ie8 #videos.latest-panel ul li .meta {height: 23px;} #videos.latest-panel ul li h2 {min-height: 54px;} #videos.latest-panel ul li .meta {background: url('images/videos-meta-small.png') no-repeat 0 0; margin-top: -3px; position: relative; width: 174px; height: 24px; padding: 0 8px;} #videos.latest-panel ul li .meta:hover {background-position: 0 -24px;} #videos.latest-panel ul li .meta a {float: left; color: #FFF; padding-top: 5px; display: block; position: relative;} #videos.latest-panel ul li .meta a:hover {color: #db3d31;} #videos.latest-panel ul li .meta .view-full { font-size: 11px; font-weight: bold} #videos.latest-panel ul li .meta .view-full span {background: url('images/arrow-out.png') no-repeat right; position: absolute; right: -21px; top: 4px; width: 16px; height: 16px;} #videos.latest-panel ul li .meta .view-yt { font-size: 11px; margin-left: 36px; margin-top: 1px; font-weight: bold;} .ie8 #videos.latest-panel ul li .meta .view-yt {margin-left: 40px; margin-top: 2px;} /* POPUP STYLES VIA AJAXED VIDEO CONTENT */ #vid-pop {width: 900px; padding: 10px;} #vid-pop h1 {font-size: 23px; border-bottom: #999 2px dotted; padding-bottom: 10px; font-weight: bold; margin-bottom: 15px; color: #db3d31;} #vid-pop h1 span {display: block; font-style: normal; font-weight: 300; margin-bottom: 5px; font-size: 13px; line-height: 11px; color: #666;} #vid-pop #video {float: left; width: 500px;} #vid-pop #video-details {float: right; width: 380px;} #vid-pop #video-details p {font-size: 14px; line-height: 21px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} #vid-pop #video-details .meta {margin-top: 10px;} /* TRADE CATALOGUES & VIRTUAL MAGS */ /* TRADE CATALOGUES & VIRTUAL MAGS */ /* Newer Version Available */ .updated-tc-banner {background: url('images/updated-trade-cat-banner.jpg') no-repeat 0 0; width: 757px; height: 60px; margin-left: 16px;} .updated-tc-banner .inner {color: #fff; padding: 20px 10px 0 90px;} .updated-tc-banner .inner strong {font-size: 18px;} .updated-tc-banner .inner p {display: inline; font-size: 18px; } .updated-tc-banner .inner a {float: right; margin-top: -2px;} /* Close */ .closevirtual {background: #DB3D31; text-align: center; font-weight: bold; color: #FFF; font-size: 18px; padding: 5px 0; cursor: pointer;} #overlay-cont object, #overlay-cont embed {height: 95%!important; width: 100%;} #blank {position: relative;} #blank.content { float: left; padding: 10px 25px;} #blank h2 {margin-bottom: 10px; font-size: 26px; color: #222;} #blank h2.margtop {margin-top: 15px;} #blank h2.nocaps {text-transform: none;} #blank p {font-size: 15px; line-height: 20px; border-bottom: #999 2px dotted; padding-bottom: 14px; color: #555;} #blank.special p {font-size: 17px; border-bottom: #999 2px dotted;padding-bottom: 75px;} #blank h2.redbg {background: #DB3D31!important; padding: 10px!important; color: #FFF!important; border-bottom: #999 2px solid;} ul.tradecats {height: 1%; overflow: hidden;} ul.tradecats li {float: left; background: #555!important; border-radius: 6px; padding: 6px 6px!important; font-size: 16px!important; text-align: center!important; width: 237px; margin: 0 4px 4px 0;} .ie7 ul.tradecats li, .ie8 ul.tradecats li {width: 235px;} ul.tradecats li:hover {background: #000!important;} ul.tradecats.lighter li {background: #777!important;} ul.tradecats.lighter li:hover {background: #000!important;} ul.tradecats li.last {margin-right: 0!important;} ul.tradecats li a {color: #FFF!important; display: block; font-weight: bold; font-size: 14px;} h3.center {font-size: 17px; margin-bottom: 10px;} #embed iframe{height:900px!important;width:100%;} #blank .search-trade {position: absolute; top: 123px; left: 0px;} #blank .search-trade h2 {font-size: 16px!important; margin-bottom: 5px!important;} #blank .search-trade .input {float: left; margin-right: 5px; border-radius: 5px; padding: 5px; font-size: 13px; font-family: inherit; color: #666; outline: none; border: #CCC 1px solid; width: 182px;} #blank .search-trade select {float: left; margin-right: 5px; padding: 5px; font-size: 13px; border-radius: 6px; background: #FFF; border: #CCC 1px solid; color: #666; font-family: inherit; } #blank .search-trade .submit {background: #DB3D31; color: #FFF; font-weight: bold; padding: 5px; border-radius: 6px; font-family: inherit; border: 0; font-size: 14px; cursor: pointer} #blank .search-trade .submit:hover {background: #000;} #blank #tradeCats {margin-top: 15px;} #blank #tradeCats li h3 {min-height: 3.2em;} #blank #tradeCats li {float: left; width: 180px; margin-right: 22px; margin-bottom: 22px; min-height: 260px; text-align: center; border-bottom: #999 2px dotted; padding-bottom: 15px; padding-top: 15px; background: #EFEFEF;} .ie7 #blank #tradeCats li, .ie8 #blank #tradeCats li {margin-right: 28px; margin-bottom: 28px;} /* <--- how ridiculous - ie demands 1px less! PFFT! */ #blank #tradeCats li h3 a {text-align: center; font-size: 17px; width: 150px; margin: 0 auto 10px auto; display: block; vertical-align: middle; color: #000;} #blank #tradeCats li h3 a:hover {color: #db3d31; text-decoration: none;} #blank #tradeCats li .button {margin: 0 auto;} #blank #tradeCats li img {display: block; margin: 0 auto 15px auto; -moz-box-shadow: 0px 1px 5px #888; -webkit-box-shadow: 0px 1px 5px #888; box-shadow: 0px 1px 5px #888;} /* Mag Shelf */ #blank #shelf {margin-top: 15px; background: url('images/shelf.jpg') repeat-y 0 0; min-height: 205px; width: 757px; padding: 0 15px; -moz-box-shadow: 0px 1px 5px #000; -webkit-box-shadow: 0px 1px 5px #000; box-shadow: 0px 1px 10px #000;} .ie7 #blank #shelf, .ie8 #blank #shelf {width: 806px;} #blank #shelf ul li {width: 134px; padding-top: 11px; float: left; margin-bottom: 5px; margin-right: 21px; position: relative; height: 189px;} #blank #shelf ul li p {border: 0; padding: 0; text-align: center; font-size: 11px; width: 85px; margin: 0 auto; line-height: 11px; font-weight: bold; text-transform: uppercase;} #blank #shelf ul li p a {color: #FFF; text-decoration: none; text-shadow: 0 1px 2px #000;} #blank #shelf ul li p a:hover {color: #000; text-decoration: none; text-shadow: 0 1px 5px #FFF;} #blank #shelf ul li img {display: block; text-align: center; background: url('images/magshad.png') no-repeat 0 0; padding: 7px 0px 0 9px;} #blank #shelf ul li .latest { background: url("images/latest.png") no-repeat scroll 0 0 transparent;height: 160px;left: 9px;margin: 0 !important;position: absolute;top: 40px; width: 120px;z-index: 1;} #blank #shelf ul li .latest a {display: block; width: inherit; height: inherit;} /* Contact Form */ #contactform {padding: 15px 24px; float: left; width: 759px;} #contactform .inputs {float: left;} #contactform .textareas {float: right; width: 400px;} #contactform .textareas input {width: 388px;} #contactform h2 {font-size: 21px; color: #db3d31; margin-bottom: 15px; border-bottom: #999 2px dotted; padding-bottom: 8px;} #contactform label, input {display: block;} #contactform label {font-size: 14px; font-weight: bold;} #contactform input {margin: 10px 0; padding: 6px 4px; font-size: 14px; color: #888; border: #999 1px solid; width: 332px; font-family: inherit;} #contactform input:focus {color: #000; border: #000 1px solid; } #contactform textarea {width: 388px; height: 84px; margin: 10px 0; padding: 6px 4px; font-size: 14px; color: #888; border: #999 1px solid; font-family: inherit;} #contactform .req {color: #db3d31; } #contactform p {margin-bottom: 10px; font-size: 12px; text-align: right; color: #777;} #contactform p.normal {text-align: left; color: #333; font-size: 14px;} #contactform #send {border: 0;display: inline-block; text-align: center; vertical-align: middle; text-decoration: none; font-size: 13px;color: #FFF; cursor: pointer; float: right; margin-top: -24px; font-family: inherit; font-weight: bold; width: auto!important;} #contactform #send:hover {background-position: 0 -26px!important;} .ie7 #contactform #send {padding-top: 4px; height: 26px;} #contactform input.error, #contactform textarea.error {background: #FFBABA!important; border: 1px solid #DC0B0B!important;} #contactform label.ferror {color: #db3d31; display: none; font-size: 12px;} #contactform #sum {width: 30px; text-align: center;} #contactform .checkboxes {margin-bottom: 10px; line-height: 26px; font-size: 12px;} #contactform .checkboxes input {margin: 0; width: auto; display: inline; margin-right: 5px; margin-left: 5px;} #contactform .newsletter-sub {width: 281px;} #contactform .newsletter-sub label, #contactform .newsletter-sub input {display: inline;} #contactform .newsletter-sub input {width: auto!important; padding: 0; margin: 0;} #contactform .newsletter-sub label {font-weight: normal; font-size: 10px;} /* Subscribe Form */ #subscribe_form {padding: 15px 24px; float: left; width: 759px;} #subscribe_form .inputs {float: left;} #subscribe_form .textareas {float: right; width: 400px;} #subscribe_form .textareas input {width: 388px;} #subscribe_form h2 {font-size: 21px; color: #db3d31; margin-bottom: 15px; border-bottom: #999 2px dotted; padding-bottom: 8px;} #subscribe_form label, input {display: block;} #subscribe_form label {font-size: 14px; font-weight: bold;} #subscribe_form input {margin: 10px 0; padding: 6px 4px; font-size: 14px; color: #888; border: #999 1px solid; width: 332px; font-family: inherit;} #subscribe_form input:focus {color: #000; border: #000 1px solid; } #subscribe_form textarea {width: 388px; height: 84px; margin: 10px 0; padding: 6px 4px; font-size: 14px; color: #888; border: #999 1px solid; font-family: inherit;} #subscribe_form .req {color: #db3d31; } #subscribe_form p {margin-bottom: 10px; font-size: 14px; text-align: right; color: #777;} #subscribe_form p.normal {text-align: left; color: #333; font-size: 17px;} #subscribe_form #send {border: 0;display: inline-block; text-align: center; vertical-align: middle; text-decoration: none; font-size: 13px;color: #FFF; cursor: pointer; float: right; font-family: inherit; font-weight: bold; width: auto!important;} #subscribe_form #send:hover {background-position: 0 -26px!important;} .ie7 #subscribe_form #send {padding-top: 4px; height: 26px;} #subscribe_form input.error, #subscribe_form textarea.error, #subscribe_form select.error {background: #FFBABA!important; border: 1px solid #DC0B0B!important;} #subscribe_form label.ferror {color: #db3d31; display: none;} #subscribe_form #sum {width: 30px; text-align: center;} #subscribe_form .checkboxes {margin-bottom: 10px; font-size: 14px;} #subscribe_form .checkboxes input {margin: 0 0 6px 0; width: auto; display: inline; margin-right: 5px; margin-left: 0px;} #subscribe_form .radio {margin-bottom: 10px; margin-top: 7px;} #subscribe_form .radio label {margin-bottom: 10px;} #subscribe_form .radio {font-size: 15px;} #subscribe_form .radio input {margin: 0; width: auto; display: inline; margin-right: 15px; margin-left: 5px;} #subscribe_form select {margin: 10px 0; padding: 6px 4px; font-size: 14px; font-family:inherit;color: #888; border: #999 1px solid; width: 397px;} #subscribe_form .retailer_info, #subscribe_form .non_retailer_info {display: none;} #content .free_tab {position: absolute; right: 0; top: 0;} .message {background: #FFFFE0; border: #E6DB55 1px solid; padding: 10px 15px; border-radius: 7px; margin-bottom: 0px; margin-left: 15px; width: 682px;} .message strong {display: block; color: #222; font-size: 15px; line-height: 19px; font-weight: normal; font-family: ConduitITCBold;} .message strong span {color: #DB3D31;} /* Media Packs */ #mediapacks {background: #ebebeb;padding: 0px 5px 23px 0; width: 100%; min-height: 143px; margin-bottom: 15px;} #mediapacks a {float: left; display: block; } #mediapacks a.first {margin-left: 20px; margin-top: 28px;} #mediapacks a.second {margin-left: 30px;} /* Author Notice (Foreign) */ .author-notice {position: relative; height: 1%; overflow: hidden; margin-top: 10px!important; width: auto!important; background: #fff; border-radius: 10px; padding: 10px;} .author-notice img.editor {float: left; width: 149px; height: 130px; display: block; border: #ccc 2px solid; margin-right: 15px;} .author-notice h2 {font-size: 18px; font-weight: bold; color: #222;} .author-notice p {font-size: 15px; line-height: 19px; margin-top: 10px;} .author-notice span.close {position: absolute; top: 6px; right: 6px; width: 16px; height: 15px; background: url('images/close-icon.png') no-repeat 0 -15px; cursor: pointer;} /* RIGHT ++++++++++++++++++++++++++++++++++++++++ */ #right .mpu {margin-bottom: 12px;} #right .widget {margin-bottom: 12px;} /* H4 Tags for #right plx */ #right h4 {text-transform: uppercase; font-size: 12px; color: #FFF; padding:6px 4px; border-bottom: #afafaf 3px solid; font-weight: bold;} #right h4.black {background: #000;} #right h4.red {background: #d43b30; } #right h4.grey {background: #555555; } /* Some Formatting for UL */ #right ul {padding-left: 3px; margin: 10px 0 0 0;} #right ul li {position: relative;} /* Newsletter Panel */ #right .newsletterPanel {margin: 5px 0 10px 0; padding: 0 10px 0 3px; position: relative; background: url('images/newsletter-panel.jpg') no-repeat 0 0; width: 300px; height: 172px;} #right .newsletterPanel .wrap {padding: 75px 10px 0 10px;} #right .newsletterPanel p {color: #b7b7b7; margin-bottom: 10px; margin-top: 5px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 15px;} #right .newsletterPanel .absolute {position: absolute; right: 0; top: -10px; display: none;} #right .newsletterPanel input {width: 262px; border: #b9b9b9 1px solid; font-family: ConduitITC, Arial, sans-serif; font-size: 13px; padding: 5px; display: block; margin: 8px 0; color: #666;} #right .newsletterPanel input:focus {color: #000;} #right .newsletterPanel #subscribe {border: 0; background: #d52d26;display: block; text-align: center; vertical-align: middle; font-size: 15px; cursor: pointer; color: #FFF; font-weight: bold; padding: 12px 0; border-radius: 8px; width: 274px;} #right .newsletterPanel #subscribe:hover {background: #555;} #right .newsletterPanel #subscribe a {color: #fff;} .ie7 #right .newsletterPanel #subscribe {padding-top: 4px; height: 17px;} #right .newsletterPanel #subscribe:hover {background-position: 0 -21px;} /* Posts with images */ #right .postswimg li {border-bottom: #cccccc 1px solid; padding-bottom: 10px; margin: 10px 0;} #right .postswimg li p {font-size: 12px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 16px;} #right .postswimg li h5 a {color: #000; text-decoration: none; text-transform: none; margin-bottom: 5px; display: block;} #right .postswimg li h5 a:hover {color:#d43b30;} #right .postswimg li a {color: #d43b30; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 15px;} #right .postswimg li a:hover {color:#333;} /* FOOTER ++++++++++++++++++++++++++++++++++++++++ */ #footer {width: 100%; background: #ca392d url('images/footerBG.jpg') repeat-x 0 0; height: 452px;} #footer.landing {height: 32px;} #footerInner {width: 980px; margin: 0px auto; color: #FFF; position: relative;} /* Boxes */ #footerInner .box {float: left; width: 300px; margin-right: 40px;} #footerInner .boxlonger {margin-bottom: 40px} #footerInner .box.last {margin-right: 0;} #footerInner .box h4 {font-weight:bold;text-transform: uppercase; font-size: 13px; border-bottom: #a07a70 3px solid; padding-bottom: 5px; margin-bottom: 7px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} #footerInner .box ul li {margin: 8px 0;} #footerInner .box ul li a {color: #e1e1e1; text-decoration: none; font-size: 12px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} #footerInner .box ul li a:hover {text-decoration: underline;} #footerInner .box p {font-size: 12px; line-height: 15px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} /* Newsletter panel */ #footerInner .box .newsletter #ema {float: left;width: 160px; border: #b9b9b9 1px solid; font-family: inherit; font-size: 11px; border-radius: 8px; padding: 5px; margin: 10px 0; color: #666;} #footerInner .box .newsletter #ema:focus {color: #000;} #footerInner .box .newsletter #sub {float: left;border: 0; text-align: center; vertical-align: middle; font-size: 12px; cursor: pointer; color: #FFF; text-transform: uppercase; margin: 13px 0 0 6px;} .ie7 #footerInner .box .newsletter #sub {padding-top: 4px; height: 17px;} #footerInner .box .newsletter #sub:hover {background-position: 0 -21px;} /* Leaderboard */ #footerInner .leaderboard {font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-align: left; color: #ebe7e6; float: left;} #footerInner .leaderboard img {display: block; margin-top: 3px;} #footerInner .leaderboard span {display: block; margin-bottom: 5px;} /* AD tease */ #footerInner .adtease {float: right; width: 235px; margin-top: 18px;} #footerInner .adtease h5 {font-size: 12px; font-weight:bold; text-transform: uppercase; margin-bottom: 5px;} #footerInner .adtease p {font-size: 11px; color: #e1e1e1; font-family: 'Helvetica Neue', Helvetica, Arial,sans-serif; line-height: 15px;} #footerInner .adtease p a {color: #e1e1e1; text-decoration: none;} #footerInner .adtease p a:hover {text-decoration: underline;} /* Copyright - even though it's not inside the footer div.. */ #copyright {background: #000; color: #FFF; padding: 14px; font-size: 11px; position: relative;} #copyright div {margin: 0px auto; width: 980px; position: relative;} #copyright p {float: left; width: 450px;} #copyright span {float: right; margin-right: 165px; display: block;} #copyright span a {color: #707070; text-decoration: none;} #copyright .bctext {position: absolute; right: 0; top: -6px;} #copyright .chief {position: absolute; right: 28px; top: -74px; width: 100px; height: 60px; overflow: hidden;} #copyright .goingup {position: absolute; left: 0px; bottom: 37px; background: url('images/goingup.png') no-repeat 0 0; height: 19px; display: block; width: 88px; cursor: pointer;} #copyright .goingup:hover {background-position: 0 -19px;} .ie7 #copyright .goingup {bottom: 50px;} @media only screen and (device-width: 768px) { .navigation {margin-top: 10px;} } /* MISC ++++++++++++++++++++++++++++++++++++++++ */ img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden; display: none;} /* 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;} /* Media Queries */ /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Styles */ #sticky {display: none!important;} } /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 321px) { /* Styles */ } /* Smartphones (portrait) ----------- */ @media only screen and (max-width : 320px) { /* Styles */ #sticky {display: none!important;} } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* Styles */ #sticky {display: none!important;} .navigation {margin-top: 12px;} .navigation li a {padding-top: 7px;} } /* iPads (landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /* Styles */ #sticky {display: none!important;} } /* iPads (portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { /* Styles */ #sticky {display: none!important;} } /* Desktops and laptops ----------- */ @media only screen and (min-width : 1224px) { /* Styles */ } /* Large screens ----------- */ @media only screen and (min-width : 1824px) { /* Styles */ } /* iPhone 4 ----------- */ @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { /* Styles */ #sticky {display: none!important;} }