/* Theme Name: Philly Half Off Theme URI: http://www.phillyhalfoff.com/ Description: A simple theme built exclusively for phillyhalfoff.com. Based on the core files of Defusion. Author: TJ Nicolaides & Jason Zajac Author URI: http://greatermediaphiladelphia.com Version: 1.2 . General comments/License Statement if any. . */ @import "css/base.css"; @import "css/superfish.css"; /*@import "css/reset-fonts-grids.css";*/ body { background:url('img/bg.png') top center repeat-y #638500;} html{color:#222;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym {border:0;font-variant:normal;} sup {vertical-align:text-top;}sub {vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:90%;font-weight:inherit;} input,textarea,select{*font-size:100%;} legend{color:#000;} body {font:13px/1.231 Georgia, "Times New Roman", Times, serif;*font-size:small;*font:x-small;} table {font-size:inherit;font:100%;} pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} body{text-align:center;} #ft{width:100%;clear:both; background:url('img/footerbg_new.jpg') repeat-x bottom center #d6a500;} strong {font-weight:bold;} #hd {width:100%; background:url('img/newheader_01.jpg') repeat top center; background-attachment:scroll; text-align:left;} #nav {width:100%; background:url('img/mainmenu-bg.gif') repeat-x; display:block;clear:left;} #bd {width:950px; margin:auto;clear:left; text-align:left;} .yui-b {width:348px; float:left; } #yui-main {float:left; width:597px;} #yui-main .yui-b {width:100%;} .yui-b .post a[href*="feed"], .yui-b .page a[href*="feed"] { padding: 0 25px 0 0;background: transparent url('img/PH-rss-tag-small-22.png') no-repeat top right;} .yui-b .post p, .yui-b .page p {padding: 5px 0;} /*h4 {font:400 150% Georgia, "Times New Roman", Times, serif; color:#805e02;}*/ .yui-b .post ol, .yui-b .page ol {padding: 5px 25px;} ul#main-menu {list-style-type:none; height:47px; width:950px; text-align:left; margin:auto; padding: 0 0 0 0px; } ul#main-menu li {display:inline; list-style:none; list-style-image:none; float:left;} ul#main-menu li a, ul#main-menu li a:link, ul#main-menu li a:active {height:47px; width:auto; text-decoration:none; color:#bf0b00; font:200 14px Arial, Helvetica, sans-serif; padding:10px 25px 10px 25px; float:left;} ul#main-menu li a:hover {background:url('img/mainmenu-bg-on.gif') repeat-x; color:#fff;} #nav #search {width:950px; text-align:right; height:24px; margin:-24px auto 0 auto; padding:0px;} #nav #search input, #nav #search form {width:auto; padding:0; height:auto; } #nav #search input {text-align:left; width:200px; border:1px solid #c69102; font-size:90%; padding:2px; font-family:Arial, Helvetica, sans-serif;} #nav #search label {width:auto; padding:0; height:auto; color:#bf0b00;} #hd h1 {display:none;} #hd-container {width:950px; text-align:left; margin:auto; height:123px;} #ft-container {width:950px; text-align:left; margin:0px auto; padding:20px 0px; height:110px;} #ft-container li {list-style-type:none; margin:0 5px;} #ft-container a,ft-container a:link,ft-container a:active {text-decoration:none; color:#bf0b00;} #ft-container a:hover {color:#805E02;} #ft-container ul li#text-238550471 { width:28%; float: left; overflow:hidden; font-size:85%;} #ft-container ul li.ft-lists, #ft-container ul li.categories { display: inline; padding: 0 7px; float: left; overflow:hidden; width: 20%; height:123px; background:transparent url('img/ft-list-bg.png') repeat-x 0 20px; } #text-256512501 h4 {display: none;} #logo {margin:0px 0 0 0px; float:left; position:absolute;} #logo-tag-upper {background:url('img/logo-tag3.png') no-repeat; height:236px; width:38px; float:left; position:absolute; margin: 0 0 0 -36px;clear:both; } span#description {position:absolute; float:left; width:550px; height:123px; margin:0 0 0 405px; background:url('img/questions4.png') no-repeat top right; color:#fff;} span#description.wmmr {background:url('img/questions-wmmr.jpg') no-repeat top right;} span#description.wmgk {background:url('img/questions-wmgk.jpg') no-repeat top right;} span#description.wben {background:url('img/questions-wben.jpg') no-repeat top right;} span#description.wpen {background:url('img/questions-wpen.jpg') no-repeat top right;} span#description.wnuw {background:url('img/questions-wnuw.jpg') no-repeat top right;} span#description h3 {color:#ffd800; font-size:160%; margin:5px 0px;} span#description p {font-size:105%; margin:0 170px 0 0 ;} .yui-b ul, .yui-b ul li {list-style-image:none; list-style-type:none; color:#805e02;} .yui-b ul a, .yui-b ul a:link, .yui-b ul a:active {text-decoration:none; color:#789036;} .yui-b ul a:hover {color:#bf0b00;} .yui-b ul {padding:0px 0px; margin:0 5px 20px 20px;} .yui-b ul li dl {margin:5px 0 20px 130px;} .yui-b ul li#area-pa{background:url('img/area-pa.gif') top left no-repeat;} .yui-b ul li#area-pa:hover{background:url('img/area-pa-on.gif') top left no-repeat;} .yui-b ul li#area-nj{background:url('img/area-nj.gif') top left no-repeat;} .yui-b ul li#area-nj:hover{background:url('img/area-nj-on.gif') top left no-repeat;} .yui-b ul li#area-de{background:url('img/area-de.gif') top left no-repeat; height:66px;} .yui-b ul li#area-de:hover{background:url('img/area-de-on.gif') top left no-repeat;} #yui-main .yui-b div.promo-video {margin:0px 15px; position:relative; z-index:0!important; height:320px; background:url('img/promo-fox.jpg') no-repeat center; text-align:right; } .yui-b ul li#text-237396221, .yui-b ul li#text-256506891 {background: url('img/subscribe-tag.gif') 0px 30px no-repeat; height:100px;} .yui-b ul li#text-237396221 p, .yui-b ul li#text-256506891 p {margin:0 0 0 100px;} .yui-b ul li#text-237396221 input#subscribe-email, .yui-b ul li#text-256506891 input#subscribe-email {margin: 0 5px 0 100px; padding:1px; float:left; width: 120px; border: 1px solid #805E02;} #subscribe-button { width: 70px; height: 17px; cursor: pointer; padding: 1px 6px 2px 4px; border: 0; background: url('img/PH_subscribe_bkgrd.png') no-repeat; color: #fff; font-size:10px;} #subscribe-button:hover{ background: url('img/PH_subscribe_bkgrd_hvr.png') no-repeat; color: #fff;} .yui-b ul li dl dd {display:inline; margin:0; padding:0;} .yui-b ul li dl dd:after {content:", ";} .yui-b ul li dl dd:last-child:after {content:" ";} .yui-b ul li dl dt a, .yui-b ul li dl dt a:link, .yui-b ul li dl dt a:active {color:#805e02; font-size:120%;} .yui-b ul li dl dt a:hover {color:#BF0B00;} .yui-b ul li#categories-256502461, .yui-b ul li#text-297853191, .yui-b li#phoinclude-339539811, .yui-b li#phoinclude-340240741, .yui-b li#categories-232159791 {width:50%; display:inline; float:left; overflow:auto;} .yui-b ul li#text-256506891, .yui-b ul li#text-237396221 {clear:left;} .yui-b ul li.sitemap { margin: 5px 0; padding: 5px 0; border-bottom: #805e02 thin solid; } .yui-b li#cformsii {margin:10px 0 0 0;} .yui-b li#cformsii ol.cf-ol li {display:table;} .yui-b li#cformsii label {width:90px; display:table-cell; text-align:right; vertical-align:top;} .yui-b li#cformsii input, .yui-b li#cformsii textarea { display:table-cell; width:120px; margin:5px 10px; padding: 1px;background: #FFF; border: 1px solid #805E02;} .yui-b li#cformsii textarea {width:125px; height:150px;} .yui-b li#cformsii span.reqtxt, .yui-b li#cformsii span.emailreqtxt {display:table-cell; margin:0 10px; font-size:80%;} .yui-b li#cformsii p.linklove {display:none;} .yui-b li#cformsii p.cf-sb {text-align:right; padding: 0 20px 0 0;} .yui-b li#cformsii p.cf-sb input {width:70px; height:17px; cursor:pointer; padding:1px 6px 3px 4px; margin:0; background: url('img/PH_subscribe_bkgrd.png') no-repeat scroll 0 0; border:0px; color:#fff; font-size:10px; } .yui-b li#cformsii p.cf-sb input:hover { background: url('img/PH_subscribe_bkgrd_hvr.png') no-repeat;} .yui-b li#cformsii fieldset.cf_hidden {display:none;} #subscribe-button, #search-submit { width: 70px; height: 17px; cursor: pointer; padding: 0 0 2px 0; border: 0; background: url('img/PH_subscribe_bkgrd.png') no-repeat; color: #fff; font-size:10px;} #subscribe-button:hover, #search-submit:hover{ background: url('img/PH_subscribe_bkgrd_hvr.png') no-repeat; color: #fff;} .yui-b li#cformsii ol.cf-ol li#li--1 {display: block; font:400 150% Arial, Helvetica, sans-serif; color:#805e02;} /* INPUT/TEXTAREA HOVER & FOCUS styles */ input#search {padding:1px;} li#cformsii input:hover, li#cformsii input:focus, input#subscribe-email:hover, input#subscribe-email:focus, input#s:hover, input#s:focus,input#search:hover, input#search:focus { background: #ffff99; border: 1px solid #805E02; } .yui-b li#cformsii textarea:hover, .yui-b li#cformsii textarea:focus {background: #ffff99; border: 1px solid #805e02;} .yui-b li#cformsii input[type^='hidden'] { display: none;} #yui-main .yui-b a, #yui-main .yui-b a:link, #yui-main .yui-b a:active {color:#bf0b00; text-decoration:none;} #yui-main .yui-b a:hover {color:#805e02;} #yui-main .yui-b div.post { margin:0 15px 15px; /* margin:10px 15px; */ background:#d2d9bf; border-bottom:2px dotted #789036;} #yui-main .yui-b div.page {margin:5px 15px 10px;} /* margin:20px 15px; */ #yui-main .yui-b div.featured {margin:0px 15px; position:relative; z-index:0!important; height:304px;} #yui-main .yui-b div#main-cat-list {font-size:120%;} #yui-main .yui-b div.cat-list {margin:10px 25px;} #yui-main .yui-b div.cat-list ul {margin:10px 0 10px 0; float:left; width:100%; clear:both;} #yui-main .yui-b div.cat-list ul li {float:left; margin:0px 0px 0px 8px; width:260px;} #yui-main .yui-b div.cat-list ul li a {display:block; width:100%; font-family:Arial, Helvetica, sans-serif; color:#a4ab73; background:#fff; margin:0 0 0 8px; padding:6px 2px; border-bottom: #e9f0e5 solid 1px;} #yui-main .yui-b div.cat-list ul li a:hover {background:#e9f0e5;} /*a4ab73*/ #yui-main .yui-b div.featured img {margin:0; background:none; border:2px solid #789036;z-index:0!important; height:auto;} #yui-main .yui-b div.featured-links {width:563px; margin:5px 15px; padding:5px 5px 5px 0; background:#789036;z-index:0!important;} #yui-main .yui-b div.featured-links a, #yui-main .yui-b div.featured-links a:link, #yui-main .yui-b div.featured-links a:active {color:#fff; font-family:Arial, Helvetica, sans-serif;padding:5px;} #yui-main .yui-b div.featured-links a:hover { background:#bf0b00;} /* ADDS SMALL TAGS NEXT TO POST HEADLINES */ #yui-main .yui-b div.post span.hdline-tag2 { position:relative; z-index:3; margin-left: -63px; padding: 0 45px 12px 7px; background: transparent url('img/SM_headlinecoupon.png') no-repeat 1px 8px; } /*#yui-main .yui-b div.post span.hdline-tag { z-index:1; margin:0; padding: 0;} #yui-main .yui-b div.post span.hdline-tag img {margin: 20px 0 0 -51px;padding:0;border:0;} */ #yui-main .yui-b div.post h2 span, #yui-main .yui-b div.post h3 span { padding: 0 0 0 7px;} /*
background: url('img/SM_headlinecoupon.png') no-repeat;*/ /* PHO Facebook & Twitter side buttons */ .pho-social a { display:block; float:left; height:40px; margin:10px 5px; opacity:0.7; text-indent:-9999px; width:150px; } .pho-social a:hover {opacity:1;} .pho-social a.facebook-side {background:transparent url(img/facebook-sidebtn.jpg) no-repeat scroll left top;} .pho-social a.twitter-side {background:transparent url(img/twitter-sidebtn.jpg) no-repeat scroll left top;} /* SIFR FONT STYLES */ #yui-main .yui-b h1.avantgarde { margin:0 15px -5px 15px; color:#805e02; height: 55px; font-size:40px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform:uppercase; text-decoration:none; clear: left; } #yui-main .yui-b h1.avantgarde a {cursor:pointer; color:#805e02!important;} #yui-main .yui-b h1.avantgarde a:hover {cursor:pointer;} h4.avantgarde, #yui-main .yui-b div.page h4.avantgarde, ul.top-side-ul ol.cf-ol li.avantgarde { color:#805e02; height: 26px; font-size: 150%; font-family: Arial, Helvetica, sans-serif; font-weight: 400; text-decoration:none; } #yui-main .yui-b div.post h2 { font-size:180%; background:#fff; width:552px; padding:0 0 10px 15px; /*padding:15px 0 10px 15px;*/ border-bottom:2px dotted #789036;} #yui-main .yui-b div.page h2 { font-size:180%; background:#fff; width:100%; padding:10px 0 5px 0;color:#c59000;} #yui-main .yui-b div.post h3 { font-size:160%; background:#fff; width:100%; padding:16px 0px 8px; border-bottom:2px dotted #789036; color:#805e02;} #yui-main .yui-b div.page h3 { font-size:160%; background:#fff; width:100%; padding:16px 0px 8px; color:#805e02; font-style:italic;} #yui-main .yui-b div.post h4 { font-size:130%; background:#fff; /*width:100%; margin: 0 0 0 10px;*/ padding:16px 0px 0px 18px; color:#805e02; font-style:400;} #yui-main .yui-b div.page h4 { font-size:130%; background:#fff; /*width:100%; margin: 0 0 0 10px;*/ padding:16px 0px 0px 18px;color:#805e02; font-weight:400;} #yui-main .yui-b div.post h2 a, #yui-main .yui-b div.post h2 a:link, #yui-main .yui-b div.post h2 a:active,#yui-main .yui-b div.post h3 a, #yui-main .yui-b div.post h3 a:link, #yui-main .yui-b div.post h3 a:active {color:#c59000; } #yui-main .yui-b div.post h2 a:hover, #yui-main .yui-b div.post h3 a:hover {color:#789036;} #yui-main .yui-b div.post p, #yui-main .yui-b div.post div, #yui-main .yui-b div.post address {margin:10px;} #yui-main .yui-b div.next-prev {margin:10px 30px;} #yui-main .yui-b div.next-prev p.last-month {margin:10px 0px; font-size:120%; text-align:right;} #yui-main .yui-b div.next-prev h3 {font-weight:800;} /*Get It Buttons*/ #yui-main .yui-b div.post pre a, #yui-main .yui-b div.post pre a:link, #yui-main .yui-b div.post pre a:active {width:75px; height:auto; color:#bf0b00; font-family:Arial, Helvetica, sans-serif; font-weight:bold; background:url('img/getit_btn-2.gif') no-repeat center; text-align:center; padding:5px 35px 7px 30px; margin:10px 10px 30px 0px;} #yui-main .yui-b div.post pre a:hover {background:url('img/getit_btnhvr-2.gif') no-repeat center; color:#fff;} #yui-main .yui-b div.post pre {margin:20px 0px!important;} #yui-main .yui-b div.post pre.btn-lg a, #yui-main .yui-b div.post pre.btn-lg a:link, #yui-main .yui-b div.post pre.btn-lg a:active {height:40px;; color:#bf0b00; font-family:Arial, Helvetica, sans-serif; font-weight:bold; background:url('img/getit_btn-lg.gif') no-repeat center; padding: 10px 20px!important;} #yui-main .yui-b div.post pre.btn-lg a:hover {background:url('img/getit_btnhvr-lg.gif') no-repeat center; color:#fff;} #yui-main .yui-b div.post pre {margin:24px 0px!important;} #yui-main .yui-b div.post p.wp-caption-text {display:none;} #yui-main .yui-b div.post img {border:2px solid #bf0b00; float:left; margin:0 10px 10px 0;} #yui-main .yui-b div.post address {width:auto; font-weight:700; font-size:90%;word-wrap:break-word;} #yui-main .yui-b #searchform {margin:10px;} #yui-main .yui-b #search {width:200px; margin:0;padding:1px; border: 1px solid #805E02;} #searchform h3 {color:#805E02; font-size:160%; margin:5px 0px;} .small { font-size:10px; } /* CLEARANCE SECTION */ a#clearance { background:url(img/clearance-sprite.jpg) 0 0 no-repeat; display:block; height: 166px; margin: 0 0 10px; text-indent:-9999px; width: 330px; } a#clearance:hover { background:url(img/clearance-sprite.jpg) -330px 0 no-repeat; } /* SPONSOR STYLES */ li#text-419731301{ background: url('img/sponsor-botcontainer.gif') bottom center no-repeat; padding: 0 0 15px; overflow: hidden; } li#text-419731301 h4 { background: url('img/sponsor-topcontainer2.gif') top center no-repeat; } li#text-419731301 div { background: url('img/sponsor-sidecontainer.gif') top center repeat-y; display: inline-block; width:100%; } li#text-419731301 div ul li { float: left; margin: 8px 24px 15px 0; } /* SITE MAP STYLES */ #yui-main .yui-b div.sitemap h3 { margin: 0; padding: 10px 0 5px;} .sitemap { overflow: hidden;} .sitemap ul { margin: 0 0 10px 10px;} .yui-b .sitemap a[href*="feed"] {background: transparent;} .sitemap ul ul li { margin: 2px 0; } /* UTLITIES */ .floatLeft { float: left; width:33%;} .clear { clear: both; } div.info {width:190px; float:right;} /* GRID OF LINKS */ ul.grid { display:inline-block; float:left; width: 540px; clear:both; } ul.grid li { width:170px; float:left; background:#CFD3BD; margin:3px;}