/* Theme Name: CouponPress Theme URI: http://couponpress.com Description: CouponPress by PremiumPress Version: 1.5 Author: PremiumPress Author URI: http://www.premiumpress.com Tags: blue, custom header, fixed width, two columns, widgets */ /********************** COUPONPRESS THEME GLOBALS **********************/ /************************************************************************/ * { margin: 0; padding: 0; font-family:'Trebuchet MS','Trebuchet','Tahoma','Geneva',sans-serif; font-size:100%; } body { font: normal 0.75em/145% Arial, Tahoma, sans-serif; color: #545454; text-align: center; background: #f8f8f8 url('images/layout_bg.png') repeat-x; } p { margin: 0 0 10px 0; line-height: 140%; color: #545454; } a { outline: none; text-decoration: underline; color: #e90000; } a:hover { text-decoration: none; } ul { list-style: none; } .hide { display: none; border: none; } img { border: 0; } .padd-05 { padding: 5px; } .padd-10 { padding: 10px; } .padd-15 { padding: 15px; } .padd-20 { padding: 20px; } #message { padding:5px; background:red; color:white;} /********************** COUPONPRESS THEME CLEARING **********************/ /************************************************************************/ .clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .clearfix { display:inline-block; } html[xmlns] .clearfix { display:block; } * html .clearfix { height:1%; } .clear { clear:both; } /********************** COUPONPRESS THEME LAYOUT **********************/ /************************************************************************/ #page-container { width: 960px; margin: 0 auto; background: transparent url('images/layout_wrapper.png') top left repeat-y; text-align: left; z-index: 100;} .page-container-inner { padding: 10px 30px 20px 30px; } #page-header { padding: 0 0 20px 0; } #page-nav-top { margin: 0 0 20px 0; } #content-container { margin: 0 0 20px 0; padding: 10px 0 40px 0; } #main-content { width: 550px; float: left; } #main-content.wide { width: auto; float: none; } #sidebar { width: 330px; float: right; } #page-copy { width: 920px; margin: 30px 0 0 -10px; background: #000; text-align: center; color: #999; padding-top: 25px; padding-bottom: 25px; } #coupon_wapper { background: transparent url('images/layout_top.png') top left no-repeat; } /********************** COUPONPRESS THEME HEADER **********************/ /************************************************************************/ #Logo { float:left; width:400px; height:65px; margin-top:25px; } .page_logo_wrapper { height:135px; } #page-header { text-align:right; float: left; } #page-header ul { width:500px; float:right; margin-bottom:30px; } #page-header ul li { float: right; padding-right: 10px; margin-right: 10px; border-right: 1px solid #333; } #page-header ul li.last { padding-right: 0; margin-right: 0; border-right: none; } #page-header ul li a { text-decoration: none; color: #fff; } #page-header ul li a:hover { color: #ccc; } #page-header ul li.current a { color: #ccc; } .rsslink { padding: 2px 5px 2px 20px; background: url(images/rss.gif) no-repeat left center; } .banner { float:right; margin-top:-20px; } /********************** COUPONPRESS NAVIGATION LAYOUT *************************/ /******************************************************************************/ #page-container .page-navigation { width: 920px; margin-left: -10px; sz-index: 200; } .page-navigation ul { margin: 0 10px 0 10px; padding-left: 10px; } .page-navigation ul li { float: left; padding: 10px 0 20px 12px; } .page-navigation ul li a { display: block; font-weight: bold; font-size: 1.2em; color: #fff; text-decoration: none; text-transform: uppercase; border-right: 1px solid #bbb; padding-right: 13px; } .page-navigation ul li a:hover { color: #ccc; } .page-navigation ul li a em { display: block; font: italic 0.8em Georgia, Times; color: #999; text-transform: none; } .page-navigation ul li.last a { border: none; } .page-navigation ul ul li a { color:#333; } /* dropdown */ #nav, #nav ul{ z-index:99; list-style-type:none; list-style-position:outside; position:relative; } #nav a{ display:block; float:none; } #nav li{ float:left; position:relative; } /* first dropdown */ #nav ul { position:absolute; top:4.4em; z-index:99; margin: 0 0 0 -15px; padding: 15px; background-color: #fff; border-left: 1px dotted #777; border-right: 1px dotted #777; border-bottom: 1px dotted #777; } .page-navigation #nav li ul li{ float: left; clear: both; height: auto; padding: 0 0 8px 0; margin: 0 0 8px 0; border-bottom: 1px dotted #ccc; } .page-navigation #nav li ul li.last { padding: 0; margin: 0; border: none; } /* drop links */ #nav li ul a{ font-size: 1.0em; width:14em; height:auto; z-index:99; border: none; } #nav ul ul{ top:auto; z-index:99; } /* second level dropdown */ #nav li ul ul { left:14em; margin:-32px 0 0 12px; z-index:99; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none; z-index:99; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block; z-index:99; } /********************** COUPONPRESS MAIN LAYOUT *************************/ /************************************************************************/ #main-content p { font: normal 1.2em/130% Geneva, Arial; } #main-content ul.default { margin: 0 0 10px 0; } #main-content ul.default li { padding: 0 0 0 12px; background: url("images/bullet_1.gif") no-repeat 0% 50%; } /********************** COUPONPRESS PAGE LAYOUT *************************/ /************************************************************************/ #cols li { width: 280px; float: left; margin: 0 30px 10px 0; } #cols li.last { float: right; margin-right: 0; } #cols li.clear { width: 100%; margin-right: 0; } #cols li img { float: left; padding: 3px; border: 1px solid #ccc; margin: 4px 10px 3px 0; } #cols li a.more { display: inline-block; color: #fff; text-decoration: none; background-color: #e90000; font-weight: bold; padding: 2px 10px 2px 10px; border-left: 3px solid #444; } #cols li a.more:hover { background-color: #fff; color: #000; } #cols li a.cat { background-color: #444; border-color: #e90000; } #cols li .post p a { font-weight: bold; } #cols li .post-list { margin: 30px 0 20px 0; } #cols li .post-list li { float: none; background: url("images/page_16.png") no-repeat 0% 5%; padding: 0 0 5px 20px; margin: 0 0 5px 0; border-bottom: 1px dotted #cbcbcb; color: #888; } #cols li .post-list li h3 { font-size: 1.0em; } #cols li .post-list li h3 a { color: #000; } #posts-list li { padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px dotted #ccc; } #posts-list li.last { border: none; } #posts-list li img { display: block; float: left; } #posts-list li .post-summary { width: 385px; float: right; } #posts-list li h3 { font: normal 1.6em/110% "Trebuchet MS", Arial; color: #333; margin: 0 0 3px 0; } #posts-list li h3 a { color: #333; text-decoration: none; } #posts-list li h3 a:hover { text-decoration: underline; } #posts-list li cite { display: block; font-style: normal; color: #777; margin-bottom: 10px; } #posts-list li a.detail { font-weight: bold; color: #454545; text-decoration: none; background: url("images/bullet_1.gif") no-repeat 0% 50%; padding-left: 12px; } #posts-list li a.detail:hover { color: #e90000; } #posts-list.style-three li img { float: right; } #posts-list.style-three li .post-summary { float: left; } /********************** COUPONPRESS SIDEBAR LAYOUT *************************/ /***************************************************************************/ #sidebar { background: url("images/bg_sidebar_shadow.gif") no-repeat 50% 100%; padding: 0 0 15px 0; } #sidebar .inner { background-color: #e6e6e6; padding: 1px; } #sidebar h3 { font: bold 1.2em/120% "Trebuchet MS", Arial; color: #333; text-transform: uppercase; padding: 12px 0 6px 8px; margin: 0 0 10px 0; border-bottom: 1px dotted #777; } #sidebar h4 { font-size: 1.1em; margin: 0; } #sidebar cite { display: block; color: #999; font-style: normal; margin-bottom: 3px; } #sidebar cite em { color: #e90000; font-style: normal; } #sidebar ul { border: 1px solid #fff; padding: 12px; } #sidebar ul ul { border: none; padding: 0; } #sidebar li { margin-bottom: 25px; } #sidebar li a { color: #444; } #sidebar li li { padding: 4px 0 4px 0; margin: 0; background: none; border-bottom: 1px dotted #bbb; } #sidebar li.submenu li { border: none; margin: 0 0 1px 0; padding: 0; height: 1%; } #sidebar li.submenu li a { display: block; color: #444; font-size: 1.0em;font-weight: bold; text-decoration: none; background: #d9d9d9 url("images/bullet_1.gif") no-repeat 6px 10px; padding: 4px 0 4px 16px; } #sidebar li.submenu li.current a { color: #e90000; background-color: #ededed;} #sidebar li.submenu li a:hover { background-color: #ccc; } #sidebar li.recentposts li { border-color: #ccc; } #sidebar li.recentposts li a { text-decoration: none; } #sidebar li.recentposts li a:hover { color: #e90000; } #sidebar li.category li { float: left; width: 126px; padding: 5px 0 5px 0; } #sidebar li.category li a { display: block; color: #000; font-weight: bold; text-decoration: none; background: url("images/bullet_1.gif") no-repeat 0 7px; padding: 0 0 0 12px; } #sidebar li.category li a:hover { color: #e90000; } #sidebar li.advertisment li { float: left; border: none; margin: 0 2px 0 0; padding: 0; } #sidebar li.advertisment li.alt { float: right; margin: 0; } #page-copy a { color: #888; } /********************** COUPONPRESS PAGE ITEMS *************************/ /************************************************************************/ .bar1 { background: #666 url('images/bar1.gif') no-repeat; height:35px; font-size:16px; font-weight:bold; line-height:35px; text-shadow:1px 1px 1px #666 !important; } .bar2 { background: #666 url('images/bar1.gif') no-repeat; height:35px; font-size:16px; font-weight:bold; line-height:35px; text-shadow:1px 1px 1px #666 !important;} .bar3 { background: #666 url('images/bar3.gif') no-repeat; height:35px; font-size:16px; font-weight:bold; line-height:35px; text-shadow:1px 1px 1px #666 !important;} .bar1 h2, .bar2 h2, .bar3 h2 {font-weight:bold;letter-spacing:1px;Text-transform:uppercase;font-size:16px; margin-left:15px;color:#fff;} ._item { border:1px solid #d1c8b8; background:#fff url('images/item_bg.gif') no-repeat; margin-top:10px; padding:2px; } .searchbar { background: #fff url('images/searchbox.gif') no-repeat; height:135px; margin-bottom:15px; } input.lbutton, input.submit {background:#5F777F none repeat scroll 0 0;border-color:#87A8AE #40575D #40575D #87A8AE;border-style:solid;border-width:1px;color:#FFFFFF;font-size:12px;padding:2px;position:relative;top:-1px;} .searchbar h2 { font-size:16px; font-weight:bold; line-height:35px; text-shadow:1px 1px 1px #666 !important; color: #fff; text-transform:uppercase; margin-left:60px; padding-top:0px; } .searchbar p { color:#fff; padding:6px 10px 5px 60px; width:230px;} .inputbox { margin-left:40px; font-size:16px; width:190px;} .post_wrapper { padding:10px; background:#fff url('images/post_wrapper.gif') repeat-x; } #commentform { background:#efefef; width:550px; border:1px solid #dddddd;} .commentsf { width:550px;float:left;text-align:justify;line-height:150%; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-size: 12px; } .commentsf ul{margin:0px;padding:0px;} .commentsf li{list-style-type:none;display:block;margin:20px 0px 20px 0px;width:530px;float:left;padding:10px;background:#f7f7f7;border:1px solid #e7e7e7 ;} .commentsf li a{text-decoration:none;color:#94024d;} .avatar{float:left; margin-right:20px;} #comment{margin:12px 0px 10px 0px;float:left;width:250px;height:140px;padding:5px;background:url('images/formbg.png') repeat-x;background-color:white;border:1px solid #e9e9e9;font:12px tahoma , calibri;color:#999999;} #author{padding-top:10px;padding-left:5px;margin:0px 5px 10px 0px;float:left;width:220px;height:30px;background:url('images/formbg.png') repeat-x;border:1px solid #e9e9e9;font:12px tahoma , calibri;color:#999999;} #email{padding-top:10px;padding-left:5px;margin:0px 5px 10px 0px;float:left;width:220px;height:30px;background:url('images/formbg.png') repeat-x;border:1px solid #e9e9e9;font:12px tahoma , calibri;color:#999999;} #url{padding-top:10px;padding-left:5px;margin:0px 5px 10px 0px;float:left;width:220px;height:30px;background:url('images/formbg.png') repeat-x;border:1px solid #e9e9e9;font:12px tahoma , calibri;color:#999999;} #comment{margin:12px 0px 10px 0px;float:left;width:250px;height:140px;padding:5px;background:url('images/formbg.png') repeat-x;background-color:white;border:1px solid #e9e9e9;font:12px tahoma , calibri;color:#999999;} .authorinfo{float:left;width:250px;margin:0px;padding:0px; padding:10px;} .h2comment{width:490px;float:left;color:#666;font:bold 26px calibri;text-decoration:none;margin:10px 0px;margin-left:10px;} #loginform input { margin-left:0px; padding:0px;} /********************** COUPONPRESS ITEM LAYOUT *************************/ /************************************************************************/ ._item_image_wrapper { float:left; width:150px; margin-right:30px; } ._item_image_wrapper_inner { padding:8px; } ._item_image { height: 100px; width: 140px; margin-right: 10px; border:1px solid #000; } ._item h2 { font-size:16px; padding-top:8px; } ._item_details { float:left; width:45px; text-align:center; color:#ccc; } ._item_footer { background:#efefef; border:1px solid #ccc; border-top:0px; padding:3px; font-size:13px; line-height:26px; } /********************** COUPONPRESS PRINT LAYOUT *************************/ /************************************************************************/ ._print { border:2px dashed #333; padding:10px; margin-top:10px;} /********************** COUPONPRESS ITEM COUPON CODE *************************/ /*****************************************************************************/ div#couponTooltip{display:none; position:absolute; z-index:999;top:0; left:0; height:30px;padding:2px 15px 0 18px;border-right:2px solid #F0EBE4;color:#FFF;font-size:11px;font-weight:bold; background:url(images/sprite.png) 0 -283px no-repeat; line-height:22px;} div.couponTooltip{display:none; float:left; position:relative; width:136px; height:30px;padding:2px 15px 0 18px;border-right:2px solid #F0EBE4;color:#FFF;font-size:11px;font-weight:bold; background:url(images/sprite.png) 0 -283px no-repeat; line-height:22px; } .coupon.feature .couponcode a{font-size:15px;text-transform:uppercase;} .coupon.printable .couponcode span{background-position:-768px -715px;} .coupon.tip .couponcode a,.coupon.printable .couponcode a{display:block;float:left;font-size:15px;font-weight:bold;padding-top:4px;} .coupon .couponcode strong{cursor:pointer;display:block;height:21px;max-width:185px;overflow:hidden;float:left;font-size:17px;font-weight:bold;color:#333333;border:1px dashed #FAA50B;padding:1px 26px 0 5px;background:#FEF3DE url(images/sprite.png) right -816px no-repeat;} .coupon .couponcode strong.active{background:#33CC66 url(images/sprite.png) right -816px no-repeat;} /********************** COUPONPRESS FEATURED STYLES ***********************/ /**************************************************************************/ .homeCategories { width: 530px; margin-bottom:15px; background:#efefef;clear:both; padding:10px; border:1px solid #dddddd; } .homeCategories h2 { font-size:18px; border-bottom: 1px solid #ddd; padding-bottom:10px; margin-bottom:10px;} .homeCategories ul{list-style-type: none;margin: 0;padding: 0;margin-bottom: 0; } .homeCategories ul li { float:left; width:250px; height:40px; } .homeCategories ul li a{ font: normal 12px Arial;color: black; display: block;padding: 5px 0;line-height: 17px;padding-left: 38px;text-decoration: none;} .homeCategories ul li { background: url('images/folder.gif') no-repeat 8px 6px; } /********************** SUBMISSION FORMS ***********************/ /**********************************************************************************/ fieldset{ border:3px solid #c5c5c5;margin-top:30px;padding:20px; background:#efefef} fieldset legend{background:#e7e7e7;border-left:3px solid #c5c5c5;border-right:3px solid #c5c5c5;border-top:3px solid #c5c5c5;color:#616161;font-size:18px;font-weight:lighter;margin:0 0 25px;padding:8px 7px 0; padding-bottom:20px;} fieldset fieldset{margin-top:10px;margin-bottom:20px;padding:16px 10px;} fieldset fieldset legend{font-size:120%;font-weight:400;} fieldset fieldset div{clear:left;margin:0 20px;} fieldset p{margin:0 0 7px;} form div{clear:both;margin-bottom:0;vertical-align:text-top;padding:0;} form div.input{color:#444;margin-bottom:1em;} form div.required{color:#333;font-weight:700;} label{display:block;font-size:14px; ;padding-right:20px; padding-top:5px; padding-bottom:5px; font-weight:bold;} .adfields{border:2px solid #d1d1d1;clear:both;color:#434343;font-family:Arial, "frutiger linotype", "lucida grande", verdana, sans-serif;font-size:13px;font-weight:lighter;width:95%;padding:7px 5px 5px;} select{clear:both;font-size:110%;vertical-align:text-bottom;} option{font-size:120%;padding:0 3px;} input[type=checkbox]{clear:left;float:left;width:auto;margin:0 6px 7px 2px;} input[type=radio]{float:left;width:auto;margin:0 3px 7px 0;} div.radio label{margin:0 0 6px 20px;} .form select,.form input,.form textarea{vertical-align:middle;} .message { font-size:16px; background:red; color:#fff; padding:7px; margin-bottom:20px;} #submit { font-size:18px; border:3px solid #666; background:#efefef; color: #666; padding:8px; text-transform:uppercase; } .thumblock { align:center; margin-left:15px;} .ratingtext { align:center; } #gradient-style{font-size: 12px; width: 550px; text-align: left; border-collapse: collapse; margin-top:20px;} #gradient-style th{ font-size: 13px; font-weight: normal; padding: 18px; background: #b9c9fe url('images/table/gradhead.png') repeat-x; border-top: 2px solid #d3ddff; border-bottom: 1px solid #fff; color: #039;} #gradient-style td{ padding: 18px; border-bottom: 1px solid #fff; color: #669; border-top: 1px solid #fff; background: #e8edff url('images/table/gradback.png') repeat-x;} #gradient-style tfoot tr td{ background: #e8edff; font-size: 12px; color: #99c;} #gradient-style tbody tr:hover td{ background: #d0dafd url('images/table/gradhover.png') repeat-x; color: #339;}