/* Theme Name: OodleTech Theme URI: http://oodletech.com Description: This theme was developed and designed by OodleTech. Author: OodleTech Version: 1.0 Tags: oodletech */ /* Typography */ @font-face { font-family: 'BlackJackRegular'; src: url('black_jack-webfont.eot'); src: url('black_jack-webfont.eot?#iefix') format('embedded-opentype'), url('black_jack-webfont.woff') format('woff'), url('black_jack-webfont.ttf') format('truetype'), url('black_jack-webfont.svg#BlackJackRegular') format('svg'); font-weight: normal; font-style: normal; } html, body { padding: 0px; margin: 0px; } body { font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 16px; line-height: 20px; } a, a:link { color: #086488; text-decoration: none; } a.hover:hover { text-decoration: underline; } /* Pagination */ .posts_paginate a { font-size: 20px; color: #ff4964; } .post .posts_paginate { padding-top: 20px; } /* Font and Texts */ .capitilize { text-transform: uppercase; } /* Layout Positioning */ .left, .alignleft { float: left; } .right, .alignright { float: right; } .center, .aligncenter { display: block; text-align: center; margin: 0 auto; } .side_padding_5 { padding: 0 5px; } /* Template Layout */ #head { height: 274px; background: transparent url( images/header.bg.png ) repeat-x 0 0; } #head #head-content { width: 960px; margin: 0 auto; } #head #head-content #head-content-top { height: 166px; z-index: 3; } #head #head-content #head-content-top #head-content-northwest-corner { float: left; width: 615px; height: 121px; } #head #head-content #head-content-top #head-content-northeast-corner { float: right; width: 285px; height: 146px; } #head #head-content #head-content-top #head-content-southwest-corner { float: left; width: 663px; height: 20px; } #head #head-content #head-content-bottom { z-index: 1; height: 106px; } #content { overflow: hidden; width: 960px; margin: 0 auto; background: #FFF url( images/sidebar.bg.png ) 0 0 repeat-y; z-index: 1; } #content #posts { width: 626px; float: left; margin: 10px 0; } #content #sidebar { width: 312px; float: right; /* padding-bottom: 150px; */ } #foot { height: 457px; background: transparent url( images/footer.bg.png ) repeat-x 0 0; } #foot #foot-content { width: 960px; margin: 0 auto; padding: 40px 0 0 0; position: relative; z-index: 10; } /* Header Styles */ #head #head-content #head-content-top #logo { float: left; width: 424px; height: 121px; background: transparent url( images/master.sprite.png ) no-repeat 0 0; } #head #head-content #head-content-top #head-social { list-style: none; margin: 18px 0 0 60px; overflow: hidden; width: 130px; height: 90px; float: left; } #head #head-content #head-content-top #head-social li { width: 40px; height: 40px; float: left; } #head #head-content #head-content-top #head-social li a { display: block; background: transparent url( images/master.sprite.png ) no-repeat -299px -121px; width: 36px; height: 36px; } #head #head-content #head-content-top #head-social li#head-social-tw a { background-position: -299px -121px; } #head #head-content #head-content-top #head-social li#head-social-tw a:hover { background-position: -299px -203px; } #head #head-content #head-content-top #head-social li#head-social-fb a { background-position: -344px -121px; } #head #head-content #head-content-top #head-social li#head-social-fb a:hover { background-position: -344px -203px; } #head #head-content #head-content-top #head-social li#head-social-pi a { background-position: -389px -121px; } #head #head-content #head-content-top #head-social li#head-social-pi a:hover { background-position: -389px -203px; } #head #head-content #head-content-top #head-social li#head-social-gp a { background-position: -299px -165px; } #head #head-content #head-content-top #head-social li#head-social-gp a:hover { background-position: -299px -247px; } #head #head-content #head-content-top #head-social li#head-social-em a { background-position: -343px -165px; } #head #head-content #head-content-top #head-social li#head-social-em a:hover { background-position: -344px -247px; } #head #head-content #head-content-top #head-social li#head-social-rs a { background-position: -389px -165px; } #head #head-content #head-content-top #head-social li#head-social-rs a:hover { background-position: -389px -247px; } #head #head-content #head-content-top #head-nav { list-style: none; height: 20px; } #head #head-content #head-content-top #head-nav > li { float: left; margin: 0 7px 0 0; font-size: 8px; padding: 0 8px 6px 8px; } #head #head-content #head-content-top #head-nav > li > a { font-size: 15px; line-height: 30px; font-weight: bold; color: #FFF; } #head #head-content #head-content-top #head-nav > li > a:hover { color: #086488; } #head #head-content #head-content-top #head-search { margin-top: 10px; } #head #head-content #head-content-top #head-search #head-search-label { /*background: transparent url( images/master.sprite.png ) no-repeat 0 -735px;*/color: #FFF; font-size: 18px; overflow: hidden; width: 285px; height: 50px; } #head #head-content #head-content-top #head-search #head-search-input { background: transparent url( images/master.sprite.png ) no-repeat 0 -680px; width: 268px; height: 50px; } #head #head-content #head-content-top #head-search #head-search-input #email { font-size: 20px; padding: 15px 20px; background: none; border: none; outline: none; width: 225px; } #head #head-content #head-content-top #head-search #head-search-submit { position: relative; left: -8px; width: 95px; height: 15px; margin: 0 auto; text-align: center; display: block; margin-top: 10px; } #head #head-content #head-content-bottom #head-icon-nav { list-style: none; height: 100%; margin: 12px 0 0 0; z-index: 9; } #head #head-content #head-content-bottom #head-icon-nav > li { float: left; margin: 0 0 0 53px; font-size: 8px; } #head #head-content #head-content-bottom #head-icon-nav > li:first-child { margin: 0; } #head #head-content #head-content-bottom #head-icon-nav > li > a { display: block; text-indent: -9999px; background: transparent url( images/master.sprite.png ) no-repeat 0 0; } #head #head-content #head-content-bottom #head-icon-nav > li.header_icon_nav_freebies > a { background-position: 0 -122px; width: 90px; height: 78px; } #head #head-content #head-content-bottom #head-icon-nav > li.header_icon_nav_freebies:hover > a { background-position: -93px -122px; width: 90px; height: 78px; } #head #head-content #head-content-bottom #head-icon-nav > li.header_icon_nav_deals > a { background-position: 0 -201px; width: 90px; height: 80px; } #head #head-content #head-content-bottom #head-icon-nav > li.header_icon_nav_deals:hover > a { background-position: -93px -201px; width: 90px; height: 80px; } #head #head-content #head-content-bottom #head-icon-nav > li.header_icon_nav_coupons > a { background-position: 0 -281px; width: 90px; height: 86px; } #head #head-content #head-content-bottom #head-icon-nav > li.header_icon_nav_coupons:hover > a { background-position: -93px -281px; width: 90px; height: 86px; } #head #head-content #head-content-bottom #head-icon-nav > li.header_icon_nav_earn > a { background-position: 0 -369px; width: 90px; height: 77px; } #head #head-content #head-content-bottom #head-icon-nav > li.header_icon_nav_earn:hover > a { background-position: -93px -369px; width: 90px; height: 77px; } #head #head-content #head-content-bottom #head-icon-nav > li.header_icon_nav_save > a { background-position: 0 -446px; width: 90px; height: 72px; margin-top: 5px; } #head #head-content #head-content-bottom #head-icon-nav > li.header_icon_nav_save:hover > a { background-position: -93px -446px; width: 90px; height: 72px; margin-top: 5px; } #head #head-content #head-content-bottom #head-icon-nav > li.header_icon_nav_win_big > a { background-position: 0 -518px; width: 90px; height: 86px; } #head #head-content #head-content-bottom #head-icon-nav > li.header_icon_nav_win_big:hover > a { background-position: -93px -518px; width: 90px; height: 86px; } #head #head-content #head-content-bottom #head-icon-nav > li.header_icon_nav_resources > a { background-position: 0 -604px; width: 90px; height: 77px; margin-top: 5px; } #head #head-content #head-content-bottom #head-icon-nav > li.header_icon_nav_resources:hover > a { background-position: -93px -604px; width: 90px; height: 77px; margin-top: 5px; } /* Header Drop Down Menu Styles */ #head #head-content #head-content-top #head-nav > li { position: relative; z-index: 25; } #head #head-content #head-content-top #head-nav li > ul { display: none; background: #FFF; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; } #head #head-content #head-content-top #head-nav > li:hover { position: relative; top: -5px; } #head #head-content #head-content-top #head-nav li:hover > ul { display: block; position: absolute; top: 30px; left: 0; } #head #head-content #head-content-top #head-nav li > ul > li { display: block; height: auto; width: auto; min-width: 175px; margin: 0 4px; border-top: 1px solid #CCC; } #head #head-content #head-content-top #head-nav li > ul > li:first-child { border-top: none; } #head #head-content #head-content-top #head-nav li > ul > li > a { display: block; color: #00add0; font-size: 15px; padding: 12px 6px; } #head #head-content #head-content-top #head-nav li > ul > li > a:hover { color: #6bc8dd; } #head #head-content #head-content-top #head-nav > li:hover { background: #FFF; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; color: #086488; padding: 0; } #head #head-content #head-content-top #head-nav > li:hover > a { display: block; color: #086488 !important; padding: 6px 8px; } #head #head-content #head-content-bottom #head-icon-nav > li { position: relative; } #head #head-content #head-content-bottom #head-icon-nav > li > ul { display: none; background: #83d7e8; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; } #head #head-content #head-content-bottom #head-icon-nav > li:hover > ul { display: block; position: absolute; top: 78px; left: 0; } #head #head-content #head-content-bottom #head-icon-nav > li > ul > li { display: block; height: auto; width: auto; min-width: 175px; margin: 0 4px; border-top: 1px solid #086488; } #head #head-content #head-content-bottom #head-icon-nav > li > ul > li:first-child { border-top: none; } #head #head-content #head-content-bottom #head-icon-nav > li > ul > li > a { font-size: 15px; color: #FFF; display: block; padding: 10px; } #head #head-content #head-content-bottom #head-icon-nav > li > ul > li > a:hover { color: #F0F0F0; } /* Footer Styles */ #foot #foot-content, #foot #foot-content a { font-size: 18px; } #foot #foot-content #foot-photo { position: absolute; right: 10px; top: -60px; width: 144px; height: 168px; background: transparent url( images/master.sprite.png ) no-repeat -314px -405px; } #foot #foot-content #foot-columns { list-style: none; overflow: hidden; color: #FFF; margin-top: 25px; } #foot #foot-content #foot-columns > li { float: left; width: 32%; } #foot #foot-content #foot-columns .menu { list-style: none; overflow: hidden; font-size: 14px; line-height: 20px; } #foot #foot-content #foot-columns .menu li { float: left; padding: 0 10px 0 0; /* width: 100%; */ } #foot #foot-content #foot-columns a { color: #FFF; } #foot #foot-content #foot-columns .sidebar-widget { font-size: 14px; line-height: 20px; margin: 0 0 20px 0; } #foot #foot-content #foot-columns #foot-sidebar .widget_title { text-indent: -9999px; background: transparent url( images/master.sprite.png ) no-repeat -493px -74px; /* width: 133px; */ height: 35px; margin-bottom: 10px; } #foot #foot-content #foot-columns #foot-popular-deals #footer-popular-deals-title { /* width: 158px; */ height: 42px; background: transparent url( images/master.sprite.png ) -466px -3px no-repeat; margin-bottom: 15px; } #foot #foot-content #foot-columns #foot-resource-links #footer-resource-links-title { /* width: 165px; */ height: 29px; background: transparent url( images/master.sprite.png ) -460px -46px no-repeat; margin-bottom: 28px; } #foot #foot-content #foot-columns #foot-resource-links > li {} /* Post Styles */ .post { margin-top: 14px; } .post .post_head { background: #00add0; border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; padding: 19px 28px; } .post .post_head .post_title { color: #FFF; font-size: 30px; font-weight: bold; line-height: 30px; } .post .post_meta { color: #464646; margin: 20px 0 0 20px; font-size: 12px; line-height: 14px; } .post .post_meta a { color: #464646; } .post .post_meta a:hover { text-decoration: underline; } .post .post_body { margin: 27px 0 0 20px; } .post .post_body .post_content { margin: 35px 0 0 0; color: #086488; } .post .post_body .post_content a { color: #00add0; font-weight: bold; } .post .post_comment_count { color: #00add0; font-weight: bold; margin: 28px 0 0 0; } .post .post_comment_count a { color: #00add0; } .post .post_social { list-style: none; overflow: hidden; width: 161px; margin: 12px auto 0 auto; } .post .post_social li { float: left; width: 40px; height: 31px; } .post .post_social li a { background: transparent url( images/master.sprite.png) no-repeat; display: block; width: 35px; height: 31px; margin: 0 auto; } .post .post_social li.post_social_fb a { background-position: -299px -309px; width: 14px; } .post .post_social li.post_social_fb a:hover { background-position: -299px -341px; } .post .post_social li.post_social_tw a { background-position: -330px -309px; } .post .post_social li.post_social_tw a:hover { background-position: -330px -341px; } .post .post_social li.post_social_pi a { background-position: -380px -309px; width: 31px; } .post .post_social li.post_social_pi a:hover { background-position: -380px -341px; } .post .post_social li.post_social_gp a { background-position: -432px -309px; width: 28px; } .post .post_social li.post_social_gp a:hover { background-position: -432px -341px; } .post .post_social_divider { height: 2px; overflow: hidden; margin: 15px 0; } .post .post_social_divider .post_social_divider_img { height: 100%; background: transparent url( images/master.sprite.png) -235px -385px no-repeat; width: 303px; margin: 0 auto; } /* Post Paginate Styles */ #posts .posts_paginate { overflow: hidden; height: 50px; } #posts .posts_paginate .posts_paginate_previous { float: right; } #posts .posts_paginate .posts_paginate_next { float: left; } /* Post Comments Styles */ .post .post_comments { margin-top: 40px; } .post .post_comments ul { list-style: none !important; } .post .post_comments .post_comments_title { margin-bottom: 40px; } .post .post_comments #respond { margin-bottom: 40px; } .post .post_comments #respond input, .post .post_comments #respond textarea { background: #e5e5e5; border: none; padding: 15px; resize: none; margin: 0 0 22px 0; width: 80%; font-size: 16px; color: #7d7d7d; outline: none; } .post .post_comments #respond .post_comments_logged_in { margin: 0 0 10px 0; } .post .post_comments #respond .submit-button input { padding: 0; width: 80px; height: 17px; background: transparent url( images/master.sprite.png ) no-repeat -544px -604px; cursor: pointer; } .post .post_comments .post_comment { margin-bottom: 20px; } .post .post_comments .post_comment .post_comment_meta { color: #086488; font-weight: bold; font-size: 24px; line-height: 24px; margin-bottom: 30px; } .post .post_comments .post_comment .post_comment_meta a { color: #086488; font-weight: bold; font-size: 24px; line-height: 24px; margin-bottom: 10px; } .post .post_comments .post_comment .post_comment_body { color: #086488; } .post .post_comments .post_comment .post_comment_reply a { color: #086488; font-size: 12px; line-height: 14px; } /* User Styles */ .post h1 { background: #00add0; border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; padding: 19px 28px; text-align: center; color: #FFF; font-size: 30px; font-weight: bold; line-height: 30px; margin-bottom: 20px; } .post h2 { color: #086488; font-weight: bold; font-size: 24px; line-height: 24px; margin-bottom: 10px; } .post h3 { color: #086488; font-weight: bold; font-size: 22px; line-height: 22px; margin-bottom: 10px; } .post h4 { color: #086488; font-weight: bold; font-size: 20px; line-height: 20px; margin-bottom: 10px; } .post h5 { color: #086488; font-weight: bold; font-size: 18px; line-height: 18px; margin-bottom: 10px; } .post h6 { color: #086488; font-weight: bold; font-size: 16px; line-height: 16px; margin-bottom: 10px; } .post ul { list-style: disc inside; color: #000; } .post ol { list-style: decimal inside; color: #000; } .post p { padding: 0 0 20px 0; color: #000; } .post blockquote { padding: 10px; margin: 0 0 20px 0; overflow: hidden; } .post .alignleft { padding: 10px 10px 10px 0; } .post .alignright { padding: 10px 0 10px 10px; } /* Sidebar Styles */ #sidebar .sidebar-widget { width: 308px; padding: 10px 0; border-top: 2px dashed #14658a; } #sidebar .sidebar-widget:first-child { border: none; } #sidebar .sidebar-widget .sidebar_widget_inner { padding: 0 3px; } #sidebar .sidebar-widget .sidebar_widget_inner .widget_title { font-size: 20px; padding-bottom: 20px; text-align: center; color: #086488; } /* Widget Styles */ .sidebar_social { list-style: none; overflow: hidden; margin: 0 0 20px 0; } .sidebar_social li { width: 40px; height: 40px; float: left; padding-right: 10px; } .sidebar_social li a { display: block; background: transparent url( images/master.sprite.png ) no-repeat -299px -121px; width: 36px; height: 36px; } .sidebar_social li#head-social-tw a { background-position: -299px -121px; } .sidebar_social li.sidebar_social_tw a:hover { background-position: -299px -203px; } .sidebar_social li.sidebar_social_fb a { background-position: -342px -121px; } .sidebar_social li.sidebar_social_fb a:hover { background-position: -344px -203px; } .sidebar_social li.sidebar_social_pi a { background-position: -389px -121px; } .sidebar_social li.sidebar_social_pi a:hover { background-position: -389px -203px; } .sidebar_social li.sidebar_social_gp a { background-position: -299px -165px; } .sidebar_social li.sidebar_social_gp a:hover { background-position: -299px -247px; } .sidebar_social li.sidebar_social_em a { background-position: -343px -165px; } .sidebar_social li.sidebar_social_em a:hover { background-position: -344px -247px; } .sidebar_social li.sidebar_social_rs a { background-position: -389px -165px; } .sidebar_social li.sidebar_social_rs a:hover { background-position: -389px -247px; } #sidebar .sidebar-widget #searchform { padding: 0 0 10px 0; } #sidebar .sidebar-widget #searchform .screen-reader-text { display: block; text-indent: -9999px; background: transparent url( images/master.sprite.png ) no-repeat -448px -647px; width: 174px; height: 28px; display: block; margin: 10px auto 0 auto; } #sidebar .sidebar-widget #searchform #s { font-size: 20px; background: transparent url( images/master.sprite.png ) no-repeat 0 -680px; width: 228px; height: 30px; padding: 10px 20px 10px; border: none; outline: none; margin: 10px auto 0 auto; display: block; } #sidebar .sidebar-widget #searchform #searchsubmit { background: transparent url( images/master.sprite.png ) no-repeat -565px -626px; width: 61px; height: 16px; text-indent: -9999px; border: none; display: block; margin: 10px auto 0 auto; } #foot #foot-content, #foot #foot-content #foot-sidebar .widget_nav_menu ul li a { font-size: 14px; } #foot #foot-content, #foot #foot-content #foot-sidebar .ot-tag { font-size: 14px; position: relative; top: -20px; text-align: left; } #foot #foot-content, #foot #foot-content #foot-sidebar .ot-tag a { font-size: 14px; } #foot #foot-content, #foot #foot-content #foot-sidebar .ot-tag a:hover { text-decoration: underline; } /* Expired Style */ .post .post_head.expired { position: relative; } .post .post_head.expired .expired { position: absolute; right: -13px; top: 10px; width: 148px; height: 65px; background: transparent url( images/expired_tag.png ) no-repeat 0 0; display: block; } .full-width {background: #fff !important;} .full-width #posts {width: 100% !important; margin-top: 0 !important;} .full-width .post_body {margin: 0 !important;} /* Ad Areas */ #before-content-ad { width: 728px; } #after-content-ad { width: 960px; } .ad-area { height: 90px; margin: 15px auto; }