/* Theme Name: Shaking Profit Theme URI: Description: The Official Theme for Shaking Profit Author: Angelo Cruz Version: 1.0 Tags: */ /* ***** Common Styles ***** */ @font-face { font-family: 'BebasRegular'; src: url('font/bebas-webfont.eot'); src: url('font/bebas-webfont.eot?#iefix') format('embedded-opentype'), url('font/bebas-webfont.woff') format('woff'), url('font/bebas-webfont.ttf') format('truetype'), url('font/bebas-webfont.svg#BebasRegular') format('svg'); font-weight: normal; font-style: normal; } html, body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#a7a9ac; } html { background:#fff; } body { font-size:12px; } a { color:#a7a9ac; text-decoration:none; } a:hover { color:#a7a9ac; text-decoration:underline; } a img { border:0; } input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px 5px; color:#000; } input:focus, textarea:focus, select:focus { background:#f1f2f2; } label { cursor:pointer; } fieldset { border:0; margin:10px 0; padding:10px 0; border-bottom:1px dashed #eee; } p { margin:10px 0; line-height:1.3em;} /* ***** Common Classes & IDs ***** */ .clearBoth { clear:both; } .page-controls { display:none; } .required { color:#ff0000; } /* ***** General Layout ***** */ .wrapper { width:900px; margin:0 auto; } .home #header { margin-bottom:0;} #header { margin-bottom:80px;} #header .wrapper { position:relative; height:108px; margin-top:53px; } #header .description { display:none; } #header .logo { width: 355px; float:left;} #header .searchform { float:right; margin-top: -30px;} #franchisor-stamp {position: absolute; top: 30px; right: 70px;} #s { background:#f1f2f2; border-top:1px solid #cccccc; border-left:1px solid #cccccc; width:194px; height:21px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;} #header .screen-reader-text { display:none;} #searchsubmit { background:url(images/search-btn.jpg) no-repeat; width:47px; height:30px; border:none; cursor: pointer;} #banner { position:relative;} #banner .save { background:url(images/save-img.png) no-repeat; width:117px; height:117px; position:absolute; right:352px; bottom:30px; z-index:100; } #banner .buy-btn {} #banner .buy-btn a { background:url(images/buy-now-btn.png) no-repeat; width:281px; height:121px; position:absolute; right:54px; bottom:20px; display:block; z-index:100;} #header .sf-menu { position:absolute; bottom:-55px; right: -34px; width:60%; padding-left:10px; height:22px; z-index:100; } #header .sf-menu li { margin:0 10px;} #header .sf-menu .menu-item-14 { margin-right:0;} #menu-item-6 a { background:url(images/menu-01.jpg) no-repeat; width:85px; padding:0!important; } #header .sf-menu .current-menu-item, #header .sf-menu .current-menu-ancestor, .single .menu-item-88 { background: #414042 url(images/menu-bg-right.jpg) no-repeat 100% 0; } #header .sf-menu .current-menu-item a, #header .sf-menu .current-menu-ancestor a , .single .menu-item-88 a { background: url(images/menu-bg-left.jpg) no-repeat; text-decoration:none; color:#00b057!important; } #header .sf-menu a { height:17px; padding:5px 8px 0; border:0; color:#666666; font-weight:bold; font-size:12px; text-transform:uppercase; } #header .sf-menu li:hover { background: #414042 url(images/menu-bg-right.jpg) no-repeat 100% 0;} #header .sf-menu a:hover, #header .sf-menu li.sfHover a { background: url(images/menu-bg-left.jpg) no-repeat; text-decoration:none; color:#00b057; } #header .sf-menu ul { margin-top:8px; width:194px; } #header .sf-menu ul a { font-size:90%; text-indent:0; background:#be0f0f; width:157px; padding:10px 18px!important; height:13px; border:0; border-top:1px solid #fff; } #header .sf-menu ul a:hover, #header .sf-menu ul .current_page_item a { background:#000; text-decoration:none; font-weight:bold; } #body { background:url(images/wrapper-bg.jpg) repeat-y; width:980px; margin:0 auto; } #body .wrapper, .pop-up p { color:#414042;} #main { width:620px; float:left;} #main h1, .pop-up h1 { font-size:24px; margin-bottom: 20px; padding-bottom:2px; border-bottom:2px dotted #414042;} #main h2, .pop-up h2 { font-size:18px; margin-bottom: 15px;} #main .lookinside { margin-left:-30px;} #main .inside_container { width:130px; margin-left:30px; float:left;} #main .inside_container a { background:url(images/look-inside-btn.jpg) no-repeat; width:84px; height:34px; display:block; margin:auto;} #main a.colorbox-link:hover{ filter:alpha(opacity=60); opacity:0.6; } #main .carousel { margin-top:35px;} #main .carousel-title { font-size:20px; color:#00b057; background:#414042; padding:10px; text-align: center; width: 389px; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -khtml-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; margin-left:23px; margin-bottom:0;} /* ----------------------------------------- Blog area ---------------------------------------- */ .single #striped { background:none; border:none; padding:0; margin-bottom:0;} #striped { background:#f5f5f5 url(images/content-bg-top.jpg) repeat-x; border:1px solid #888888; padding:20px; margin-bottom:15px; position:relative; } #striped .posted-top { border-bottom:1px solid #cacaca; padding-bottom:10px; height:11px; margin-bottom:10px; } .related_post { padding-left:10px; margin-left:0; } *:first-child+html .related_post { padding-left:0; margin-left:0; } * html .related_post { padding-left:0; margin-left:0; } .related_post li a { color:#13104f!important; font-family:Arial, Helvetica, sans-serif; font-size:12px;} #main .excerpt-link {background: url("images/continue-reading.jpg") no-repeat scroll 0 0 transparent; bottom: -30px; display: block; height: 21px; left: 0; position: absolute; width: 159px; z-index:2;} *:first-child+html #main .excerpt-link { bottom:25px!important; position:absolute;} * html #main .excerpt-link { position:relative;} #main .entry-content { margin-bottom: 30px; position: relative;} #main .entry-meta a { float: left; width: 200px; color: #999999; font-family:Arial, Helvetica, sans-serif; font-size: 11px; } #main .comments-link a { color: #999999; display: inline; float: right; font-family:Arial, Helvetica, sans-serif; font-size: 11px; margin: 0;} #main .posted-in { float:right;} #main .posted-in a { color: #999999; display: inline; font-family:Arial, Helvetica, sans-serif; font-size: 11px; margin: 0;} #main .entry-utility { background:url(images/tag-icon.gif) no-repeat; padding:2px 0 2px 20px; } #main .entry-utility a { color:#13104f!important; font-family:Arial, Helvetica, sans-serif; font-size:12px; } /* ----------------------------------------- Blog end ---------------------------------------- */ /* ----------------------------------------- comment area ---------------------------------------- */ #main .commentlist { list-style:none; padding:0;} *:first-child+html #main .commentlist { padding:0!important; margin-left:0!important;} * html #main .commentlist { padding:0!important; margin-left:0!important;} #main .commentlist li { border:2px solid #c1c1c1; padding:5px; margin:5px; } *:first-child+html #main .commentlist li { margin-left:0!important;} * html #main .commentlist li { margin-left:0!important;} #main .commentlist a { color:#5f5f5f;} #main .comment p { padding:10px 0; float:right; border-top:2px solid #fff; border-bottom:2px solid #fff; width:91%; color:#5f5f5f; font-size:12px;} #main .children { list-style:none; padding:0; } *:first-child+html #main .children { margin-left:0!important } * html #main .children { margin-left:0!important } #main .children li { margin:5px 0; } #main .even { background:#f8f8f8;} #main .odd { background:#ebebeb;} #main .avatar { border:2px solid #c1c1c1; margin-right:12px; float:left;} #main .fn { font-style:normal;} #main .comment-author { font-size:12px; color:#5f5f5f;} #main .commentmetadata { float:right; margin-top:-15px; font-size:11px; } #main .reply { text-align:right; clear:both; font-size:12px; } #commentform p { } #commentform #submit { background:#414042; border:1px solid #cacaca; padding:5px; color:#fff;} #sidebar { width:244px; float:right; } #sidebar ul { margin:0; padding:0; list-style:none; } #sidebar ul ul li { } #sidebar h3 { margin-left:-10px; background:#00bdf1; position:relative; color:#fff; font-size:14px; text-shadow: 0.1em 0.1em 0.2em #0093d4; padding:9px; display:inline; } #sidebar h3 span { background:url(images/side-latest-post-h3.jpg) no-repeat; width:13px; height:13px; position:absolute; bottom:-13px; left:10px;} #sidebar a { color:#414042;} #sidebar a:hover { color:#414042;} #sidebar .widget-container { background:#e6e7e8; margin-right:0; width:244px; margin-bottom:30px;} #sidebar .newssec .widget-container ul { margin-top:20px; margin-bottom:-2px;} #sidebar .widget-container ul li { background:none; border-bottom: 2px dotted #fff; padding:10px 0 10px 10px;} #sidebar .widget-container div ul li { background:none; border-bottom: 2px dotted #fff!important; padding:10px 0 10px 10px!important;} #text-5, #text-6 { background:url(images/newsletter-bg.jpg) no-repeat!important; width:254px!important; height:197px; margin-left:-10px;} #text-5 h3, #text-6 h3 { display:none;} #text-5 .inputs, #text-6 .inputs { float:left; margin: 139px 0 0 14px;} #text-5 label, #text-6 label { color: #A7A9AC; display: block; float: left; text-transform: uppercase; width: 38px; font-size:10px; margin-top:2px;} #text-5 .input, #text-6 .input { background: none repeat scroll 0 0 #D1D2D4; border: medium none; height: 10px; margin-bottom: 11px; width: 108px;} #text-5 #button, #text-6 #button { margin: 95px 0 0 7px; float:left; width:53px; height:45px;} #text-5 .submit, #text-6 .submit { background:url(images/submit-btn.jpg) no-repeat; width:53px; height:45px; border:none; cursor:pointer; display:block; padding:0;} #footer-widget { height:258px; background:#414042; margin-top:30px; } #footer-widget .wrapper .footer-widgetized { padding-top:30px;} #footer-widget .wrapper .footer-widgetized .widget-container { float:left; margin-right:35px;} #footer-widget .wrapper .footer-widgetized .widget-container ul li { background:url(images/footer-widget-li.jpg) no-repeat 0 9px; padding:5px 0 5px 10px; } #footer-widget .wrapper ul .widget_nav_menu { width:114px;} #menu-footer-menu {} #menu-footer-menu li { width:100%; border-bottom:1px dashed #4c4c4e; background:none!important; padding-left:0!important;} #menu-footer-menu li a { text-transform:uppercase; font-size:10px;} #menu-footer-menu li a:hover { color: #00B057; text-decoration: none; } #footer-widget .wrapper ul .widget_categories { width:219px;} #footer-widget .wrapper ul .widget_archive { width:200px;} #footer-widget .wrapper .footer-widgetized .widget_recent_entries { background:#4d4d4d; float:right; margin-right:0; width:244px; margin-bottom:30px;} #footer-widget .wrapper .footer-widgetized .widget_recent_entries h3 { margin-left:-10px; background:#00b057; position:relative; color:#fff; font-size:14px; text-shadow: 0.1em 0.1em 0.2em #008f46; padding:9px; display:inline;} #footer-widget .wrapper .footer-widgetized .widget_recent_entries h3 span { background:url(images/latest-post-h3.jpg) no-repeat; width:13px; height:13px; position:absolute; bottom:-13px; left:10px;} #footer-widget .wrapper .footer-widgetized .widget_recent_entries ul { margin-top:20px; margin-bottom:-2px;} #footer-widget .wrapper .footer-widgetized .widget_recent_entries ul li { background:none; border-bottom: 2px dotted #414042; padding:10px 0 10px 10px;} #footer-widget .wrapper .footer-widgetized .widget_text { float:right; margin-right: 0; width: 255px; } #footer-widget .wrapper .footer-widgetized .widget_text h3 { display:none;} #footer-widget .wrapper .footer-widgetized .widget_text #links {} #footer-widget .wrapper .footer-widgetized .widget_text #links li { float:left; height:32px; background:none; padding:0;} #footer-widget .wrapper .footer-widgetized .widget_text #links .link-title { background:url(images/follow-img.jpg) no-repeat!important; margin-right: 0; width:85px; } #footer-widget .wrapper .footer-widgetized .widget_text #links a { width:32px; height:32px; display:block; border:none; cursor:pointer; margin-left: 2px;} #footer-widget .wrapper .footer-widgetized .widget_text #links .tw a { background:url(images/tw-icon.jpg) no-repeat; } #footer-widget .wrapper .footer-widgetized .widget_text #links .fb a { background:url(images/fb-icon.jpg) no-repeat;} #footer-widget .wrapper .footer-widgetized .widget_text #links .in a { background:url(images/in-icon.jpg) no-repeat;} #footer-widget .wrapper .footer-widgetized .widget_text #links .rss a { background:url(images/rss-icon.jpg) no-repeat;} #footer-widget .wrapper .footer-widgetized .widget_text #links .feed a { background:url(images/feed-icon.jpg) no-repeat;} #footer-widget .wrapper .footer-widgetized .widget_text #links a:hover { background-position: 0 100%;} .widget-title { font-family: 'BebasRegular'; font-size:12px; text-transform:uppercase; textShadow: 2px 2px #312e30; text-shadow: 0.1em 0.1em 0.2em #312e30; margin-bottom: 25px;} #footer { color:#414042; font-size:10px; margin:10px 0; } #footer span { color:#808285;} #footer .wrapper .copy { float:left; width:300px;} #footer .wrapper .design { float:right; width:300px; text-align:right;} /* ***** Specific Pages ***** */