/* Theme Name: Coupons Beyond Theme URI: http://www.couponsbeyond.com Description: A theme by Restoration Media. Version: 1 Author: Jad Limcaco Author URI: http://www.restorationmedia.com */ /* CSS RESET ------------------------------------------- */ html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, img, input, button, form { margin: 0; padding: 0; border: 0; } a:focus { outline: none; } h2 { font-size:24px; color:#015974; margin-top: 20px; } /* LAYOUT ------------------------------------------- */ body { background: url(images/bg-main.gif) repeat-x #b9d4dc; font-family: Arial, Helvetica, sans-serif; font-size: 13px; } .clear { clear: both; display:block; } #wrapper { width: 900px; margin: 0 auto; } #error {padding-top:70px; padding-bottom:70px; display:block; width:410px; height:431px;} /* HEADER AND LOGO ------------------------------------------- */ #header { width: 900px; height: 89px; no-repeat; } #logo { width: 206px; height: 89px; display: block; float: left; margin: 0; padding:0; } #logoLINK { width: 206px; height: 89px; text-indent: -9999px; display: block; background: url(images/logo-coupons-beyond.png) no-repeat; } /* SEARCH ------------------------------------------- */ #search { width: 480px; height: 51px; float: left; display: block; margin: 0; background: url(images/bg-search.png) no-repeat; margin-left:20px; padding-top:80px; padding-left:20px; margin-right:30px; } #search-title { width: 1px; height: 1px; text-indent: -9999px; float: left; display: block; background-repeat: no-repeat; background-position: 0 0; } #s { width: 258px; height: 29px; background: url(images/search-box.png); padding: 7px 10px 0 10px; font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #415852; float: left; display: block; } #searchbutton { display: block; margin-left:10px; width: 163px; height: 36px; float: left; } #search-alt { width: 455px; height: 51px; display: block; margin: 20px 0 0 0 ; } #s-alt { width: 258px; height: 29px; background: url(images/search-box.png); padding: 7px 10px 0 10px; font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #415852; float: left; display: block; } #searchbutton-alt { display: block; margin-left:10px; width: 163px; height: 36px; float: right; } /* DEAL OF THE DAY ------------------------------------------- */ #deal-top-inner { background-image: url(images/deal-top-inner.png); width: 900px; height: 11px; background-repeat: no-repeat; display: block; margin-top: 10px; } #deal-top { background-image: url(images/bg-deal-top.png); width: 900px; height: 11px; background-repeat: no-repeat; display: block; margin-top: 10px; } #deal { height: 153px; background-image: url(images/bg-deal.gif); width: 898px; margin: 0 auto; border-left: solid 1px #0090bc; border-right: solid 1px #0090bc; } #deal-divider { width: 22px; height: 140px; display: block; background-image: url(images/deal-divider.jpg); float: left; margin-left: 15px; } #deal-wrapper { float:right; display:block; } #deal-wrapper h2 { margin: 0; padding: 0; } #deal-title { width: 116px; height: 65px; background-image: url(images/deal-week.png); display: block; text-indent: -9999px; background-repeat: no-repeat; float: left; background-position: 0 13px; } #deal-first { width: 360px; display: block; float: left; } .deal-logo { width: 85px; height: 70px; float: left; } .deal { float: right; width: 255px; border-left: solid 1px #368fbf; padding-left: 15px; margin-top:10px; } .store, .discount, .code { width: 255px; margin-bottom: 5px; display: block; height: 15px; } .store-left, .discount-left, .code-left { float: left; width: 55px; text-align: right; font-size: 12px; color: #eff7d6; } .store-right, .discount-right, .code-right { float: left; margin-left: 10px; width: 190px; color: #FFF; font-size: 12px; font-weight: bold; } .store-right a { color: #fff; } .store-right a:hover { color: #135873; text-decoration: none; } .code-right { color: #fff179; font-size: 13px; } .code-right a { text-decoration: none; color: #fff179; } #giftcard { float: right; display: block; padding: 10px 20px 0 0; } /* MAIN ------------------------------------------- */ #main-wrapper { width: 878px; border-left: solid 1px #0090bc; border-right: solid 1px #0090bc; background: #015974; padding: 20px 0 5px 20px; } #main-wrapper-alt { width: 878px; border-left: solid 1px #0090bc; border-right: solid 1px #0090bc; background: #015974; padding: 20px 0 5px 20px; } #main { background-color: #FFF; padding: 0 0 0 0; float: left; display: block; width: 559px; border-top: solid 1px #6f735c; background-image: url(images/bg-main-inner.gif); } #main-inner { padding: 0 20px; width: 517px; display: block; background-image: url(images/bg-main-inner.gif); } #main-wrapper-full { width: 858px; border-left: solid 1px #0090bc; border-right: solid 1px #0090bc; background: #015974; padding: 20px 20px 5px 20px; } #main-full { background-color: #FFF; padding: 0 20px 20px; display: block; width: 818px; border-top: solid 1px #6f735c; } #featured-stores-main-title { background-image: url(images/featured-stores-main.png); width: 517px; height: 16px; display: block; text-indent: -9999px; margin-bottom:20px; } .featured-stores-main { width: 517px; display: block; margin-bottom:20px; text-align:center; } .featured-stores-main li { display: block; float:left; list-style-type:none; width:79px; margin-right:25px; } #last, #last-two { margin-right:0; } .featured-stores-main li img { display: block; border: solid #c5dce3 4px; margin-bottom:5px; } .featured-stores-main li img:hover { display: block; border: solid #b4cf37 4px; margin-bottom:5px; } .featured-stores-main a { color: #333; } .featured-stores-main a:hover { text-decoration:none; } #popular-coupons { background-image: url(images/popular-coupons.gif); width: 517px; height: 16px; display: block; text-indent: -9999px; margin-top:40px; margin-bottom:20px; } .regular-deals { width: 517px; display: block; padding-top: 20px; border-bottom: solid 1px #e4e4e4; padding-bottom:10px; } .regular-deals-last { width: 517px; display: block; padding-top: 20px; } .regular-deals-logo { width: 93px; height: 73px; display: block; background-image: url(images/bg-logos.png); text-align: center; padding-top: 5px; float: left; } .regular-deals-box { float: left; width: 255px; padding-left: 15px; padding-top: 3px; } .rd-store, .rd-discount, .rd-code { width: 255px; margin-bottom: 5px; display: block; height: 15px; } .rd-ratings { width: 255px; margin-bottom: 5px; display: block; height: 15px; margin-top: 10px; clear:left; padding: } .rd-store-left, .rd-discount-left, .rd-code-left, #ratings { float: left; width: 55px; text-align: right; font-size: 13px; color: #5a5a5a; } .rd-store-right, .rd-discount-right, .rd-code-right { float: left; margin-left: 10px; width: 190px; color: #5a5a5a; font-size: 13px; font-weight: bold; } #percentage { float: left; margin-left: 10px; width: 190px; color: #5a5a5a; font-size: 13px; font-weight: bold; margin-bottom: 3px; } #ratings-images { float: right; width: 190px; color: #5a5a5a; font-size: 10px; display:block; color:#999; padding-bottom:3px; height: 15px; } #no-ratings { float: right; width: 190px; color: #5a5a5a; font-size: 10px; display:block; color:#999; } .rd-store-right a { color: #5a5a5a; } .rd-store-right a:hover { color: #135873; text-decoration: none; } .rd-code { margin-top: 15px; } .rd-code-right, .rd-code-right input { color: #9cb720; font-size: 16px; text-decoration: none; } .rd-code-right input:hover { text-decoration: none; color: #015974; cursor: pointer; } .click-use { width: 107px; height: 100px; display: block; float: right; margin-top: 5px; } .click-use-link { width: 107px; height: 23px; text-indent: -9999px; display: block; background-image: url(images/click-to-use.png); cursor: pointer; } #page-numbers { height: 55px; background-color: #e8e8e8; padding: 0 20px; background-image: url(images/scissors.png); margin: 10px auto 0 auto; } #numbers li { display: block; width: 20px; list-style-type: none; height: 29px; float: left; text-align: center; padding-top: 15px; margin: 2px 5px 0 0; } #numbers a { display: block; width: 20px; list-style-type: none; text-align: center; } #numbers a { color: #015974; font-weight: bold; text-decoration: none; } #numbers a:hover { color: #9ABD2B; font-weight: bold; text-decoration: none; } #numbers-active { color: #015974; font-weight: bold; text-decoration: none; background-color: #9ABD21; } #previous { background-image: url(images/bg-next-previous.gif); width: 82px; height: 16px; color: #b8b8b8; text-align: center; text-transform: uppercase; padding-top: 4px; float: left; font-weight: bold; margin-top: 12px; margin-right: 5px; } #next { background-image: url(images/bg-next-previous.gif); width: 82px; height: 16px; color: #b8b8b8; text-align: center; text-transform: uppercase; padding-top: 4px; float: left; font-weight: bold; margin-top: 12px; } #previous a, #next a { color: #135873; text-decoration: none; } #previous a:hover, #next a:hover { color: #9ABD21; text-decoration: none; } #scissors { width: 75px; height: 55px; background-image: url(images/scissors.png); float: right; } /* SIDEBAR ------------------------------------------- */ #subscribe { margin: 0 0 20px 40px; display:block; float:left; } #twitter-follow { margin: 0 40px 20px 0px; float:right; display:block; } #sidebar { float: right; width: 319px; margin-top: 0; display: block; background-color: #015974; padding-top:20px; } #sidebar-alt { float: right; width: 319px; margin-top: 0; display: block; background-color: #015974; } #featured-stores-title { background-image: url(images/featured-stores.png); width: 278px; margin: 0 auto; height: 37px; text-indent: -9999px; border-left: solid 1px #77765d; border-right: solid 1px #77765d; } #featured-stores { padding: 20px; width: 238px; margin: 0 auto 20px auto; border-left: solid 1px #77765d; border-right: solid 1px #77765d; border-bottom: solid 1px #77765d; background-color: #FFF; } #featured-stores a { color: #4e4e4e; } #featured-stores a:hover { color: #9CB720; text-decoration: none; } #all-stores { width: 507px; display: block; text-align: right; margin-bottom: 20px; padding: 5px; background: url(images/view-all.png) 10px 10px #526b65 no-repeat; border-bottom:solid 2px #6b8881; } #store-one { width: 110px; text-align: center; float: left; } #store-two { width: 110px; text-align: center; float: right; } .store-logo { width: 84px; height: 70px; margin-bottom: 10px; } #email-newsletter-title { background-image: url(images/email-newsletter.png); background-repeat:no-repeat; width: 247px; height: 176px; text-indent: -9999px; display: block; margin: 0 auto; } #email-newsletter { padding: 0 20px 30px 20px; width: 228px; margin: 0 auto; background-color: #135873; color: #FFF; line-height: 20px; background-repeat:no-repeat; } #newsletter-form { margin-top: 5px; color: #FFFFFF; font-size: 13px; font-family: Arial, Helvetica, sans-serif; } #newsletter-input { width: 180px; height: 15px; border: solid 1px #cccccc; float: right; color: #4e4e4e; padding: 5px; margin: 5px 0; } #newsletter-button { display: block; margin: 0; width: 80px; height: 26px; float: right; } #popular-tags-title { background-image: url(images/popular-tags.png); width: 278px; margin: 0 auto; height: 37px; text-indent: -9999px; border-left: solid 1px #77765d; border-right: solid 1px #77765d; } #popular-tags { padding: 20px; width: 238px; margin: 0 auto 20px auto; border-left: solid 1px #77765d; border-right: solid 1px #77765d; border-bottom: solid 1px #77765d; background-color: #FFF; color: #22add7; line-height: 20px; } #store-tags-title { background-image: url(images/store-tags.png); width: 278px; margin: 0 auto; height: 37px; text-indent: -9999px; border-left: solid 1px #77765d; border-right: solid 1px #77765d; } #store-tags { padding: 20px; width: 238px; margin: 0 auto 20px auto; border-left: solid 1px #77765d; border-right: solid 1px #77765d; border-bottom: solid 1px #77765d; background-color: #FFF; color: #22add7; line-height: 20px; } #store-tags a { padding:2px 4px; margin: 3px; display:block; float:left; background-color:#ebfaff; border:dashed 1px #77765d; color:#015974; text-decoration:none;} #store-tags a:hover { padding:2px 4px; margin: 3px; display:block; float:left; background-color:#9abd22; border:dashed 1px #77765d; color:#FFF; text-decoration:none;} #related-coupons-title { background-image: url(images/related-coupons.png); width: 278px; margin: 0 auto; height: 37px; text-indent: -9999px; border-left: solid 1px #77765d; border-right: solid 1px #77765d; } #related-coupons { padding: 20px; width: 238px; margin: 0 auto 20px auto; border-left: solid 1px #77765d; border-right: solid 1px #77765d; border-bottom: solid 1px #77765d; background-color: #FFF; color: #22add7; line-height: 20px; } #related-coupons ol {margin-left:10px; } #related-coupons li { margin-left:10px; color:#015974; } #related-coupons a { color: #22add7; text-decoration: none; } #related-coupons a:hover { text-decoration: underline; } #popular-tags li, #store-tags li { list-style-type: none; } #popular-tags a { color: #22add7; text-decoration: none; } #popular-tags a:hover{ text-decoration: underline; } #tags-left { display: block; } #ads { padding: 20px; width: 238px; margin: 0 auto 20px auto; background-color: #FFF; border: solid 1px #77765d; } #google-ads { padding-left: 15px; } #bottom { width: 818px; clear: both; display: block; padding: 10px 20px 0; height: 45px; } #bottom-logo { float: left; width: 104px; height: 39px; display: block; } #back-top { width: 122px; height: 22px; display: block; text-indent: -9999px; float: right; margin-top: 5px; } #back-top-link { width: 122px; height: 22px; display: block; background-image: url(images/back-to-top.png); background-repeat: no-repeat; } #submission-coupons-title { background-image: url(images/submit-coupon.png); width: 278px; margin: 0 auto; height: 37px; text-indent: -9999px; border-left: solid 1px #77765d; border-right: solid 1px #77765d; } #submission-coupons { padding: 20px; width: 238px; margin: 0 auto 20px auto; border-left: solid 1px #77765d; border-right: solid 1px #77765d; border-bottom: solid 1px #77765d; background-color: #FFF; color: #22add7; line-height: 20px; } #submission-coupons label {display:block; } #submission-coupons input, #submission-coupons textarea {width:210px; padding:3px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; } #content_title, #customfields-textfield-1, #content_content, #q1captcha {border: solid 1px #AAA; display:block; clear:both; } #content_title:hover, #customfields-textfield-1:hover, #content_content:hover, #q1captcha:hover {border: solid 1px #015974; } #content_title:focus, #customfields-textfield-1:focus, #content_content:focus, #q1captcha:focus {border: solid 1px #5dc3e2; } /* FOOTER ------------------------------------------- */ #footer-wrapper { height: 72px; background-image: url(images/bg-footer.gif); background-repeat: repeat-x; } #footer { width: 819px; margin: 0 auto; padding-top: 30px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #b9d4dc; display: block; } #footer-nav { display: block; width: 530px; float: left; } #footer a { text-decoration: underline; color: #b9d4dc; } #footer a:hover { color: #9CC123; text-decoration: none; } .footer-divider { color: #9CC123; margin: 0 5px; } #copyright { display: block; width: 250px; float: right; text-align: right; } /* Store DropDown ------------------------------------*/ #nav { background:#222; font-size:1.1em; } #nav, #nav ul { list-style: none; line-height: 1; } #nav a, #nav a:hover { display: block; text-decoration: none; border:none; } #nav li { float: left; list-style:none; border-right:1px solid #a9a9a9; } #nav a, #nav a:visited { display:block; font-weight:bold; color: #f5f5f4; padding:6px 12px; } #nav a:hover, #nav a:active, .current_page_item a, #home .on { background:#000; text-decoration:none } #nav li ul { position: absolute; left: -999em; height: auto; width: 174px; border-bottom: 1px solid #a9a9a9; } #nav li li { width: 172px; border-top: 1px solid #a9a9a9; border-right: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9; background: #777; } #nav li li a, #nav li li a:visited { font-weight:normal; font-size:0.9em; color:#FFF; } #nav li li a:hover, #nav li li a:active { background:#000; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } a.main:hover { background:none; } #content { padding-bottom:25px; } .alignleft { float:left; margin-bottom:10px; } .alignright { float:right; margin-bottom:10px; } .sociable_tagline { color: #016381; } #subscribe-category { width: 163px; height: 37px; display: block; margin: 5px 0 30px 0; } #subscribe-category-link { width: 163px; height: 37px; display: block; background-image: url(images/subscribe.png); background-repeat:no-repeat; text-indent: -9999px; } /* REGISTER ------------------------------------*/ #register-wrapper { width: 600px; height: 600px; display: block; margin: 0 auto; background-image: url(http://couponsbeyond.com/cbadmin/wp-content/themes/coupons-beyond/images/bg-register.jpg); background-repeat: repeat-x; } #register-header { background-image: url(http://couponsbeyond.com/cbadmin/wp-content/themes/coupons-beyond/images/register-header.png); width: 600px; height: 144px; display: block; text-indent: -9999px; margin-bottom: 30px; } #form input { background-image: url(http://couponsbeyond.com/cbadmin/wp-content/themes/coupons-beyond/images/form-bg.gif); height: 16px; width: 158px; background-repeat: repeat-x; border: solid 1px #c8c8c8; padding: 8px; font-size: 14px; } label { display: block; color: #3c3c3c; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom: 5px; height:15px; } .register-left { display: block; float: left; width: 200px; margin-bottom: 40px; } .clear { clear: both; display: block; } #form { width: 400px; margin: 0 auto; text-align:center; } #form input:hover { border: solid 1px #79c1d6; } #form input:focus { border: solid 1px #fff179; } #enter input { width: 400px; height: 40px; display: block; background: none; border: 0; padding: 0; margin: 0; } #enter input:hover, #enter input:focus { width: 400px; height: 40px; display: block; background: none; border: 0; padding: 0; margin: 0; } #close { text-align:center; display:block; margin:20px auto 0 auto; } .lightwindow_action { color:#666; font-size:12px; } #sociable { float:right; display:block; text-align:right; } #other-deals { color: #015974; font-size: 14px; font-weight: bold; border-bottom: solid 2px #015974; padding-bottom:5px; margin-bottom: 5px; } #register-thanks { background-image: url(http://couponsbeyond.com/cbadmin/wp-content/themes/coupons-beyond/images/register-thanks.png); width: 506px; height: 333px; margin: 0 auto; text-indent: -9999px; } #register-close { margin-top: 240px; display: block; margin-left: 140px; height: 50px; width: 340px; } .google-top { padding: 20px; margin: 20px auto 0 auto; display:block; background-color: #e5f3f7; width: 477px; border: solid 1px #b0c8cf; } #subscribe-wrapper { width: 600px; height: 570px; display: block; margin: 0 auto; padding-top:30px; } /* SUBSCRIBE ------------------------------------*/ #subscribe-header { background-image: url(http://couponsbeyond.com/cbadmin/wp-content/themes/coupons-beyond/images/subscribe-header.png); width: 600px; height: 144px; display: block; text-indent: -9999px; margin-bottom: 30px; } /* UNSUBSCRIBE ------------------------------------*/ #unsubscribe-header { background-image: url(http://couponsbeyond.com/cbadmin/wp-content/themes/coupons-beyond/images/unsubscribe-header.png); width: 600px; height: 144px; display: block; text-indent: -9999px; margin-bottom: 30px; } #unsubscribe-thanks { background-image: url(http://couponsbeyond.com/cbadmin/wp-content/themes/coupons-beyond/images/unsubscribe-thanks.png); width: 506px; height: 333px; margin: 0 auto; text-indent: -9999px; } #email {margin: 0 auto; clear:both; width:340px; text-align:center; margin-bottom:30px;} /* COPYRIGHT NOTICE ------------------------------------*/ #copyright-notice p {margin-bottom:18px;} #copyright-notice li {margin-left:40px; padding-bottom:5px; border-bottom: dotted 1px #CCC; margin-bottom:13px;}