/* Theme Name: Optimize Version: 1.0.7 Description: Designed by Magnus Jepson. Author: WooThemes Author URI: http://www.woothemes.com */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) */ /* Default styles */ @import "reset.css"; /*------------------------------------------------------------------------------------------- INDEX: 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.2.1 Drop-down menus -2.3 Header -2.4 Content -2.5 Sidebar -2.6 Footer -2.7 Featured Area -2.8 Homepage -2.9 Portfolio 3. POSTS -3.1 Typographic Elements -3.2 Images -3.3 Pagination / WP-Pagenavi 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets 5. COMMENTS -5.1 Comments -5.2 Comments Form -5.3 Pingbacks / Trackbacks -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { font: 14px "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif; line-height: 1.5; color: #333; background-color: #fff; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family: "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif; color: #333; } h1 {font-size: 30px;} h2 {font-size: 24px;} h3 {font-size: 20px;} h4 {font-size: 18px;} h5 {font-size: 14px;} h6 {font-size: 12px;} p {margin: 0;} /* 1.2 Hyperlinks */ a:link, a:visited { color: #06a0f0; text-decoration:none; } a:hover { text-decoration:underline; } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;} /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #container { } #top{min-height:0;} .col-left { float: left; } .col-right { float: right; } .col-full { width: 960px; margin: 0 auto; } /* 2.2 Navigation */ #navigation{font-size:11px;} #navigation ul.rss{background:url(images/ico-rss.png) no-repeat 0 5px;padding:6px 0 3px 15px;} #navigation ul.rss li{display:inline;padding:0 10px;} ul#nav { margin-top:9px; } #nav, #nav ul { z-index:100; margin:0; padding:0; list-style:none; line-height:1; } #nav a { display:block; z-index:100; padding:0 10px; line-height:28px; font-size:17px; color:#fff; text-decoration:none;} #nav li { float:left; width: auto; padding:2px 5px;} #nav li:hover, #nav li.current_page_item { background: #222; } #nav li li.current_page_item { background: none; } /* 2.2.1 Drop-down menus */ #nav li ul { position: absolute; left: -999em; width: 172px; background: #FFF; border:1px solid #efefef;} #nav li ul li { border: 1px solid #efefef; border-width: 0 0 1px; padding:0; } #nav li ul li a { background:url(images/ico-bullet.png) no-repeat 5px 10px; width:145px; padding-left:15px; line-height:30px; font-size:12px; color:#000; } #nav li ul li:hover { background:#fafafa; } #nav li ul { padding:5px; } #nav li ul ul { margin: -25px 0 0 120px; } #nav li ul li ul li a { border-width: 0 0 1px; } #nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul ul { left:-999em; } #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; } #nav li:hover,#nav li.hover { position:static; } #nav .sf-sub-indicator {display:none;} /* 2.3 Header */ #header{ padding:25px 0 20px;clear:both;position:relative;z-index:10;} #logo { } #logo img { } #logo .site-title, #logo .site-description { display: none; } #logo .site-title a { color:#fff; font-size:32px; line-height:28px; text-transform:uppercase; letter-spacing:1px; } #logo .site-title a:hover { text-decoration:none; color:#eee; } #logo .site-description { color:#bbb; text-transform:uppercase; font-size:12px;} /* 2.4 Content */ #content{min-height:400px;padding:10px 0; } * html #content{height:550px;} /* 2.7 Featured Area */ #featured { } #featured #page-title { padding: 25px 0; } #featured h2, #featured h1, #featured span.archive_header { color:#fff;font-size:40px; line-height:40px; letter-spacing:-1px; } /* 2.8 Homepage */ #featured.home .featured-image { width:490px; padding:40px 0 0; margin-bottom:-60px; position:relative; text-align:center; } #featured.home .play { background:url(images/btn-play.png) no-repeat; position:absolute; bottom:0; left:0; width:470px; height:380px;} #featured.home .featured-content { width:450px; padding:60px 0 0; } #featured.home h2 { font-size:48px; padding:20px 0 30px;} #featured.home p { font-size:20px; color:#fff; line-height:30px; } /*************************************/ /* TOP *******************************/ /*************************************/ #top { background: #ffffff url(../../images/instagift_spotlight/bg7.jpg) no-repeat scroll center top; height:465px; margin-bottom:30px; } #top-secondary { background: #ffffff url(http://assets.giphter.com/socialcerts/secondary-top5.jpg) no-repeat scroll center top; } #header { background:none; padding:13px 0 0 0; } #logo { padding-top:10px; } #nav li { margin-left:5px; font-weight:bold; } /**********************************/ /** MAIN TEXT *********************/ /***********************************/ #featured { background:none; } #featured.home h2 { font-size:37px; padding-top:44px; padding-bottom:6px; color:#fff; } #featured.home p { color:#66c0de; font-size:20px; line-height:30px; padding-right:0px; padding-bottom:6px; } #featured.home .featured-content { padding-top:30px; width:430px; } #featured.home p a { background-color:#66c0de; color:#0d3e5b; padding:2px 3px; } /*****************************/ /* COLUMNS *******************/ /*****************************/ #content .column-wrapper { width:960px; margin:0 auto; } #content .col-left { width:500px; } #content .col-right { width:400px; } /*****************************/ /* ABOUT */ /*****************************/ .col-right .block { float:none; margin-right:0; width:500px; } .block.about { padding-bottom:30px; border-bottom:1px solid #efefef; margin-bottom:30px; } .block.about p { font-size:16px; padding-bottom:10px; } .block h3, .quotes h3 { font-size:22px; padding-bottom:15px; } /*****************************/ /* PARTNER *******************/ /*****************************/ .block.partner { margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #efefef; } .block.partner h3 { } .block.partner h4 span { font-size:14px; color:#777; font-weight:normal; font-style:italic; padding-left:4px; } .block.partner .partner-logo { height:180px; margin-right:20px; float:left; } .block.partner .partner-logo.odd { margin-right:0; margin-left:20px; float:right; } /*****************************/ /* SPOTLIGHT AND SOCIALCERTS */ /*****************************/ .product { padding:20px 20px 10px 20px; } .product img { padding:0 0 15px; } .product p { font-size:14px; padding:0 0 15px; } .product a { background-color:#ccc; color:#0D3E5B; padding:6px 8px; font-size:16px; -moz-border-radius:4px 4px 4px 4px; } .roundedcornr_box_774457 { background: #efefef; margin-bottom:30px; } .roundedcornr_top_774457 div { background: url(../../images/instagift_spotlight/roundedcornr_774457_tl.png) no-repeat top left; } .roundedcornr_top_774457 { background: url(../../images/instagift_spotlight/roundedcornr_774457_tr.png) no-repeat top right; } .roundedcornr_bottom_774457 div { background: url(../../images/instagift_spotlight/roundedcornr_774457_bl.png) no-repeat bottom left; } .roundedcornr_bottom_774457 { background: url(../../images/instagift_spotlight/roundedcornr_774457_br.png) no-repeat bottom right; } .roundedcornr_top_774457 div, .roundedcornr_top_774457, .roundedcornr_bottom_774457 div, .roundedcornr_bottom_774457 { width: 100%; height: 8px; font-size: 1px; } .roundedcornr_content_774457 { margin: 0 8px; } /****************************/ /* TESTIMONIALS *************/ /****************************/ .quotes { background:none; padding:20px 20px 20px 0; width:358px; } .quotes .quote { border-bottom:1px solid #efefef; margin-bottom:30px; } .quotes .icon { float:left; } .quotes h3 { } .quotes p { padding-bottom:15px; } .quotes blockquote { background:url(../../images/instagift_spotlight/bg-quote.png) no-repeat top left; padding:0 0 15px 50px; font-family:Georgia, serif; font-size:14px; color:#444; font-style:italic; min-height:12px; } .quotes cite { padding:0 0 0 50px; } .quotes .quote { padding-bottom:20px; } .quotes cite a { padding:0 0 0 50px; } /**************************/ /** GLOBAL FOOTER *********/ /**************************/ #foot{ position: relative; overflow: hidden; height: 230px; background: url(http://assets.giphter.com/socialcerts/foot-bg.gif) top left; color:#888; margin-top:10px; } #footer { position: relative; padding-top: 36px; width: 960px; margin: auto; text-align: left; line-height: 1.4em; } #footer span, #footer a { color: #4290bc; } .foot-info{ float: left; padding-right: 40px; width: 272px; } #foot-logo{ display: block; height: 35px; margin-bottom: 12px; margin-top:12px; width: 225px; text-indent: -9999em; background: url(http://assets.giphter.com/socialcerts/instagift-logo-footer2.png) top left no-repeat; } .foot-links{ float: left; width: 162px; } .foot-links h6{ font-size: 1.4em; font-weight: bold; padding-top: 22px; height: 36px; color: #fff; }