/* Theme Name: WP Book Theme Theme URI: / Author: Author URI: Description: This design was developed as a work-for-hire. Source files and related documentation are available from the original author. If author attribution is not available on the site, please contact the domain/site owner for author information. Version: 1.0 License: Rights Managed, this layout and coded theme is licensed for a single use. Ownership is dependent upon fulfillment of all scope and payment obligations by each party. License URI: http://en.wikipedia.org/wiki/Rights_Managed */ /************************************************** RESET **************************************************/ .site{ min-width:100% !important; } * { border:none; list-style:none ; margin:0; outline:none; overflow:visible; padding:0 } input, select, textarea { -webkit-box-sizing:border-box ; -moz-box-sizing:border-box ; box-sizing:border-box } article, aside, details, figcaption, figure, footer, header, nav, section, summary { display:block } audio, canvas, video { display:inline-block } /************************************************** UNIVERSAL STYLES **************************************************/ a { color:#036 } a img { border:none } img{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; height:auto; max-width:100%; } .alignleft { float:left ; margin:0 30px 30px 0 !important;} .aligncenter { text-align:center } img.aligncenter { display:inline-block ; margin:auto } .alignright { float:right ; margin:0 0 30px 30px !important; } .error { background:#FDD ; border:1px solid #C00 ; border-radius:6px ; color:#C00 ; margin-top:18px ; padding:12px } .success { background:#DFD ; border:1px solid #090 ; border-radius:6px ; color:#090 ; margin-top:18px ; padding:12px } .update { background:#DDF ; border:1px solid #009 ; border-radius:6px ; color:#009 ; margin-top:18px ; padding:12px } .clear{ clear:both; } .clearfix{ overflow:hidden; } .display{ display:block !important; } .display-inline{ display:inline-block !important;} .none{ display:none !important; } /************************************************** FONT FACE **************************************************/ @font-face { font-family: 'proxima'; src: url('fonts/proxima.eot'); src: local('fonts/proxima'), local('fonts/proxima'), url('fonts/proxima.ttf') format('truetype'), url('fonts/proxima.svg#font') format('svg'); } body { color:#999999; font-family:proxima; font-size:14px; } /************************************************** HEADER **************************************************/ header{ display:block; position:fixed; width:100%; z-index:1; } #top{ background:url(images/header/top-bg.jpg) repeat-x; display:block; height:46px; } #top .inner{ margin:0 auto; overflow:hidden; width:980px; } #top .inner #search-form{ float:left; padding:5px 0 0 0; position:relative; width:260px; } #top .inner #search-form #s{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border:none; background:#42494f; box-shadow:inset 1px 1px 2px #30353a; color:#a5a7a9; font-family:montserrat; font-weight:700; padding:5px 15px; width:260px; } #top .inner #search-form #searchsubmit{ background:url(images/header/search-icon.png) no-repeat; cursor:pointer; display:block; height:16px; position:absolute; right:10px; top:11px; width:17px; } #top .inner #social-network{ padding:8px 0 0 0; float:right; width:600px; } #top .inner #social-network ul{ text-align:right; } #top .inner #social-network ul li{ display:inline-block; padding:0 2px; } #top .inner #social-network ul li a{ background:url(images/header/social-network.png) no-repeat; display:block; height:26px; width:27px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #top .inner #social-network ul li.icon-1 a{ background-position:0 -26px; } #top .inner #social-network ul li.icon-1 a:hover{ background-position:0 0; } #top .inner #social-network ul li.icon-2 a{ background-position:-27px -26px; } #top .inner #social-network ul li.icon-2 a:hover{ background-position:-27px 0; } #top .inner #social-network ul li.icon-3 a{ background-position:-54px -26px; } #top .inner #social-network ul li.icon-3 a:hover{ background-position:-54px 0; } #top .inner #social-network ul li.icon-4 a{ background-position:-81px -26px; } #top .inner #social-network ul li.icon-4 a:hover{ background-position:-81px 0; } #top .inner #social-network ul li.icon-5 a{ background-position:-108px -26px; } #top .inner #social-network ul li.icon-5 a:hover{ background-position:-108px 0; } #brand{ background:#26606f; display:block; padding:20px 0; } #brand .inner{ margin:0 auto; overflow:hidden; width:980px; } #brand .inner .logo{ float:left; width:274px; } #brand .inner .site-logo{ float:left; width:274px; } #brand .inner .site-logo h1{ font-size:26px; font-family:montserrat; font-weight:normal; } #brand .inner .site-logo h2{ font-weight:normal; font-size:14px; } #brand .inner .site-logo a{ color:#fff; text-decoration:none; } .home-breathing #home{ display:block !important; padding:186px 0 0 0 !important; } .home-breathing #none{ display:block !important; padding:141px 0 0 0 !important;} /************************************************** SITE NAVIGATION **************************************************/ #site-navigation { float:right; height:auto; padding:10px 0 0 0; width:700px; } #site-navigation .nav-menu ul { text-align:right; } #site-navigation .nav-menu ul li { color:#FFF ; display:inline-block; padding:10px 0 15px 0; position:relative } #site-navigation .nav-menu ul li.children { } #site-navigation .nav-menu ul li:hover {color:#000 ; -o-transition: background 300ms ease ; -moz-transition: background 300ms ease ; -webkit-transition: background 300ms ease ; transition: background 300ms ease } #site-navigation .nav-menu ul a { color:#FFF ; display:block; font-family:montserrat; font-size:13px; padding:0 10px; text-decoration:none; text-transform:uppercase; text-shadow:0 1px 0 RGBA(0,0,0,0.8); width:auto; -o-transition: background 300ms ease ; -moz-transition: background 300ms ease ; -webkit-transition: background 300ms ease ; transition: background 300ms ease } #site-navigation .nav-menu ul a:hover{ color:#e3bf40; text-shadow:0 1px 0 RGBA(0,0,0,0.8); } #site-navigation .nav-menu ul li ul { background-color: #266977; background-image: -webkit-gradient(linear, left top, left bottom, from(#266977), to(#243b4c)); background-image: -webkit-linear-gradient(top, #266977, #243b4c); background-image: -moz-linear-gradient(top, #266977, #243b4c); background-image: -o-linear-gradient(top, #266977, #243b4c); background-image: linear-gradient(to bottom, #266977, #243b4c); box-shadow:2px 2px 2px RGBA(0,0,0,0.5); display:none ; position:absolute ; top:40px ; width:200px ; text-align:left; z-index:99999 } #site-navigation .nav-menu ul li:last-child ul { right:0 } #site-navigation .nav-menu ul li ul li { color:#000 ; float:none ; min-width:100%; padding:0; } #site-navigation .nav-menu ul li ul li:hover { background:#e9b82c; } #site-navigation .nav-menu ul li ul li a { color:#fff ; font-size:.75em ; line-height:1.25em ; padding:15px } #site-navigation .nav-menu ul li ul li ul { left:100% ; top:0 } #site-navigation .nav-menu ul li:last-child ul li ul { left:auto ; right:100% } /* Hover States */ #site-navigation .nav-menu > ul > li:hover > ul { display:block } #site-navigation .nav-menu > ul > li:hover > ul > li:hover > ul { display:block } #site-navigation .nav-menu > ul > li:hover > ul > li:hover > ul > li:hover > ul { display:block } /* Active States */ #site-navigation .nav-menu > ul > li.current_page_item a, #site-navigation .nav-menu > ul > li.current_page_ancestor a, #site-navigation .nav-menu > ul > li.current_page_parent a { } #page-nav{ background:#062539; box-shadow:0 2px 2px RGBA(0,0,0,0.5); display:block; padding:15px 0 32px 0; position:relative; z-index:200; } #page-nav .inner{ margin:0 auto; width:980px; } #inner-nav { float:right; height:auto; width:800px; } #inner-nav ul { text-align:right; } #inner-nav ul li { color:#FFF ; display:inline-block; padding:0 0 15px 0; position:relative } #inner-nav ul li.children { } #inner-nav ul li:hover {color:#000 ; -o-transition: background 300ms ease ; -moz-transition: background 300ms ease ; -webkit-transition: background 300ms ease ; transition: background 300ms ease } #inner-nav ul a { color:#FFF ; display:block; font-size:13px; font-family:montserrat; line-height:normal; padding:0 15px; text-decoration:none; text-transform:uppercase; text-shadow:0 1px 0 RGBA(0,0,0,0.8); width:auto; } #inner-nav ul a:hover{ color:#e3bf40; text-shadow:0 1px 0 RGBA(0,0,0,0.8); } #inner-nav ul li ul { background-color: #266977; background-image: -webkit-gradient(linear, left top, left bottom, from(#266977), to(#243b4c)); background-image: -webkit-linear-gradient(top, #266977, #243b4c); background-image: -moz-linear-gradient(top, #266977, #243b4c); background-image: -o-linear-gradient(top, #266977, #243b4c); background-image: linear-gradient(to bottom, #266977, #243b4c); box-shadow:2px 2px 2px RGBA(0,0,0,0.5); display:none ; position:absolute ; top:30px ; width:200px ; text-align:left; z-index:99999; } #inner-nav ul li:hover ul{ display:block; } #inner-nav ul ul ul{ display:none !important; } #inner-nav ul ul li:hover ul{ display:block !important; } #inner-nav ul li:last-child ul { right:0 } #inner-nav ul li ul li { color:#000 ; float:none ; min-width:100%; padding:0; } #inner-nav ul li ul li:hover { background:#e9b82c; } #inner-nav ul li ul li a { color:#fff ; font-size:.75em ; line-height:normal ; padding:15px } #inner-nav ul li ul li a:hover{ color:#fff; } #inner-nav ul li ul li ul { left:100% ; top:0 } #inner-nav ul li:last-child ul li ul { left:auto ; right:100% } /* Hover States */ #inner-nav > ul > li:hover > ul { display:block !important;} #inner-nav > ul > li:hover > ul > li:hover > ul { display:block !important; } #inner-nav > ul > li:hover > ul > li:hover > ul > li:hover > ul { display:block !important; } /* Active States */ #inner-nav > ul > li.current_page_item a, #inner-nav > ul > li.current_page_ancestor a, #inner-nav > ul > li.current_page_parent a { } #nav-toggle{ display:none;} #mobile-page-nav{ display:none; } /************************************************** BILLBOARD **************************************************/ #billboard{ background:#ecebe9; display:block; height:415px; } #billboard .billboard-bg{ display:block; height:415px; margin:0 auto; position:absolute; width:100%;} #billboard .inner{ margin:0 auto; position:relative; width:980px; } #billboard .inner *{ font-family:montserrat; } #billboard .inner .ebook{ left:80px; position:absolute; top:20px; } #billboard .inner .featured-video{ display:none; position:absolute; top:20px; } #billboard .inner .lead-form{ background:#e9b82d; float:right; margin:25px 0 0 0; padding:10px 0 20px 0; position:relative; right:80px; width:315px; } #billboard .inner .custom-form{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:right; margin:25px 0 0 0; position:relative; right:80px; width:345px; } #billboard .inner .custom-form form{ background:#e9b82d; box-shadow:1px 1px 1px RGBA(0,0,0,0.5); padding:20px 20px 40px 20px; } #billboard .inner .custom-form form h2{ color:#2c2c2c; padding:0 0 15px 0; text-align:center; } #billboard .inner .custom-form form input[type="text"], #billboard .inner .custom-form form input[type="email"]{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-shadow:0 0 3px RGBA(0,0,0,0.5); margin:0 0 10px 0; padding:10px; width:100%; } #billboard .inner .custom-form form input[type="submit"]{ margin:0 0 20px 0; } #billboard .inner .lead-form h4{ color:#ffffff; font-weight:normal; font-size:18px; padding:10px 20px; text-transform:uppercase; text-shadow:1px 1px 1px RGBA(0,0,0,0.3); text-align:center; } #billboard .inner .lead-form .subheading{ background:#2c2c2c; color:#f0f3f5; display:block; font-size:15px; font-family:montserrat; padding:15px 20px; } #billboard .inner .lead-form form{ padding:15px 20px; width:auto;} #billboard .inner .lead-form form input[type="text"]{ background-color: #f3f5f7; background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f5f7), to(#d9dce0)); background-image: -webkit-linear-gradient(top, #f3f5f7, #d9dce0); background-image: -moz-linear-gradient(top, #f3f5f7, #d9dce0); background-image: -o-linear-gradient(top, #f3f5f7, #d9dce0); background-image: linear-gradient(to bottom, #f3f5f7, #d9dce0); box-shadow:1px 1px 1px RGBA(0,0,0,0.3); box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; color:#4f4f4f; display:block; font-size:14px; margin:0 auto 15px auto; padding:10px 15px; width:100%; } #billboard .inner .lead-form form .security{ display:block; float:left; margin:0 10px 20px 0; width:12px; } #billboard .inner .lead-form form span{ color:#7e610d; display:block; float:left; font-size:13px; position:relative; top:-5px; text-shadow:0 1px 0 #f3bf26; width:230px } #billboard .inner .lead-form form input[type="submit"]{ background-color: #ee2b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#ee2b2b), to(#be0000)); background-image: -webkit-linear-gradient(top, #ee2b2b, #be0000); background-image: -moz-linear-gradient(top, #ee2b2b, #be0000); background-image: -o-linear-gradient(top, #ee2b2b, #be0000); background-image: linear-gradient(to bottom, #ee2b2b, #be0000); border:2px solid #bc0d08; border-radius:10px; color:#fff; cursor:pointer; display:block; letter-spacing:-2px; padding:5px 0; font-weight:bold; font-size:25px; font-style:italic; margin:0 auto; text-align:center; text-shadow:0 1px 0 #000; width:100%; } #billboard .inner .lead-form form input[type="submit"]:hover{ background-color: #be0000; background-image: -webkit-gradient(linear, left top, left bottom, from(#be0000), to(#ee2b2b)); background-image: -webkit-linear-gradient(top, #be0000, #ee2b2b); background-image: -moz-linear-gradient(top, #be0000, #ee2b2b); background-image: -o-linear-gradient(top, #be0000, #ee2b2b); background-image: linear-gradient(to bottom, #be0000, #ee2b2b);} #billboard .inner .custom-heading-article{ background:rgba(233,185,45,0.9); box-shadow:1px 1px 2px rgba(0,0,0,0.7); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:right; margin:25px 0 0 0; padding:15px; position:relative; right:80px; width:345px; } #billboard .inner .custom-heading-article h1,#billboard .inner .custom-heading-article h2, #billboard .inner .custom-heading-article h3, #billboard .inner .custom-heading-article h4{ text-transform:uppercase; } #billboard .inner .custom-heading-article *{ color:#fff; } /************************************************** RIBBON **************************************************/ #ribbon{ background:#ecebe9; border-top:1px solid #fff; display:block; padding:30px 0; } #ribbon .inner{ margin:0 auto 0 auto; overflow:hidden; width:980px; } #ribbon .inner .title{ background:url(images/ribbon/icon.png) no-repeat; color:#2d3032; display:block; float:left; font-family:montserrat; font-size:22px; margin:5px 0 0 0; padding:7px 0 13px 50px; text-transform:uppercase; text-shadow:0 1px 0 #fff; } #ribbon .inner ul{ text-align:right; } #ribbon .inner ul li{ display:inline-block; padding:0 20px; } #ribbon .inner ul li a{ color:#ecebe9; display:block; font-size:15px; font-weight:bold; padding:15px 25px; text-decoration:none; text-transform:uppercase; width:auto; } #ribbon .inner ul li.buy a{ background:#2984b5; } #ribbon .inner ul li.print a{ background:#e6a01b; } /************************************************** SITE CONTENT AREAS **************************************************/ #main { margin:30px auto 0 auto; min-height:600px; overflow:hidden; padding:0 0 30px 0; width:980px } #main #section-1{ margin-top:-200px; padding-top:100px; } #main #section-2{ margin-top:-200px; padding-top:100px; } #main #section-3{ margin-top:-200px; padding-top:100px; } #main #section-4{ margin-top:-200px; padding-top:200px; } #main #section-5{ margin-top:-200px; padding-top:200px; } #main header{ display:block; position:relative; width:auto; z-index:0;} #main h1.page-title { border-bottom:1px dashed #ccc; color:#0d729c; font-size:2em; font-family:montserrat; font-weight:normal; padding-bottom:5px; margin:0 0 30px 0; text-transform:uppercase; } #primary { float:left ; width:670px; } #content { font-size:16px; } #content h1,#content h2, #content h3, #content h4, #content h5, #content h6{ color:#404040; font-family:montserrat; font-weight:600; padding:0 0 15px 0; text-transform:uppercase; } #content dl { padding-top:.5em } #content dt { font-weight:bold; } #content dd { padding:0 0 15px 0; } #content h1 { border-bottom:1px dashed #ccc; color:#0d729c; font-size:2em ; font-weight:normal; padding-bottom:5px; margin:0 0 30px 0; } #content h2 { font-size:1.5em } #content h3 { font-size:1.25em } #content h4 { font-size:1.0em } #content h5 { font-size:0.75em } #content input, #content select, #content textarea { border:1px solid #999 ; border-radius:6px ; -moz-box-sizing:border-box ; -webkit-box-sizing:border-box ; box-sizing:border-box; padding:6px ; width:100% } #content input[type="checkbox"], #content input[type="radio"] { border:none ; padding:0 ; width:auto } #content input[type="submit"] { width:auto } #content p { line-height:22px; padding:0 0 15px 0; } #content ul{ margin-bottom:15px; } #content ol{ margin-bottom:15px; } #content ul, #content ul li { list-style:square ; margin-left:18px } #content ol, #content ol li { list-style:decimal ; margin-left:18px } #content img{ padding:3px; border:1px solid #ccc; box-shadow:1px 1px 1px RGBA(0,0,0,0.3);} #content .margin_zero{ margin:0; } #content .button_center a{ display:block !important; margin:0 auto !important; text-align:center !important; } #secondary { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; float:right; width:260px } #secondary h3 { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border:1px solid #e6e6e6; background:#fafafa; color:#07263a; display:block; font-size:1.25em; padding:10px 15px; } #secondary .widget{ margin:0 0 30px 0; } #secondary ul{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border:1px solid #e6e6e6; border-top:none; padding:10px 15px; } #secondary ul li{ border-bottom:1px solid #e6e6e6; display:block; padding:10px 0; } #secondary ul li:last-child{ border:none; } #secondary ul li a{ color:#666666; text-decoration:none; } #secondary ul li a:hover{ color:#000; } #secondary .tagcloud{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border:1px solid #e6e6e6; border-top:none; padding:10px 15px; } #secondary table{ width:100%; } #secondary #calendar_wrap{ border:1px solid #e6e6e6; } #secondary td{ padding:0; } /* Tables */ table { border-collapse:collapse } th, td { margin:0 ; padding:6px } /************************************************** REVIEWS **************************************************/ #reviews{ background:#ecebe9; border-top:1px solid #fff; display:block; padding:30px 0; } #reviews .inner{ margin:0 auto 0 auto; overflow:hidden; width:980px; } #reviews .inner .title{ color:#2d3032; display:block; float:left; font-family:montserrat; font-size:22px; margin:5px 0 0 0; padding:7px 0 13px 0; text-transform:uppercase; text-shadow:0 1px 0 #fff; width:250px; } #reviews .inner article{ color:#646464; float:right; overflow:hidden; width:710px; } #reviews .inner article p{ padding:0 0 10px 0; } #reviews .inner article span{ color:#ffb423; display:block; font-size:16px; font-weight:bold; text-transform:uppercase; text-shadow:0 1px 0 RGBA(0,0,0,0.4); text-align:right; } /************************************************** FOOTER **************************************************/ footer .one{ background:#272727; display:block; padding:30px 0; } footer .one .inner{ margin:0 auto; overflow:hidden; width:980px; } footer .one .inner h4{ color:#fff; font-family:montserrat; font-weight:normal; font-size:22px; padding:0 0 15px 0; text-shadow:0 1px 0 RGBA(0,0,0,0.5); } footer .one .inner .widget-one{ float:left; margin:0 50px 0 0; width:290px; } footer .one .inner .widget-one input[type="text"], footer .one .inner .widget-one input[type="email"] { background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d2e1e6)); background-image: -webkit-linear-gradient(top, #ffffff, #d2e1e6); background-image: -moz-linear-gradient(top, #ffffff, #d2e1e6); background-image: -o-linear-gradient(top, #ffffff, #d2e1e6); background-image: linear-gradient(to bottom, #ffffff, #d2e1e6); box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-family:montserrat; font-size:16px; margin:0 0 10px 0; padding:10px 15px; width:100%; } footer .one .inner .widget-one textarea{ background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d2e1e6)); background-image: -webkit-linear-gradient(top, #ffffff, #d2e1e6); background-image: -moz-linear-gradient(top, #ffffff, #d2e1e6); background-image: -o-linear-gradient(top, #ffffff, #d2e1e6); background-image: linear-gradient(to bottom, #ffffff, #d2e1e6); box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-family:montserrat; font-size:16px; margin:0 0 10px 0; padding:10px 15px; width:100%; } footer .one .inner .widget-one input[type="submit"]{ background-color: #efc82c; background-image: -webkit-gradient(linear, left top, left bottom, from(#efc82c), to(#e28e13)); background-image: -webkit-linear-gradient(top, #efc82c, #e28e13); background-image: -moz-linear-gradient(top, #efc82c, #e28e13); background-image: -o-linear-gradient(top, #efc82c, #e28e13); background-image: linear-gradient(to bottom, #efc82c, #e28e13); box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; cursor:pointer; color:#fff; display:block; font-family:montserrat; font-size:16px; margin:0 0 10px 0; padding:10px 15px; text-shadow:2px 2px 2px RGBA(0,0,0,.4); text-transform:uppercase; width:100% !important; } footer .one .inner .widget-one input[type="submit"]:hover{ background-color: #e28e13; background-image: -webkit-gradient(linear, left top, left bottom, from(#efc82c), to(#efc82c)); background-image: -webkit-linear-gradient(top, #e28e13, #efc82c); background-image: -moz-linear-gradient(top, #e28e13, #efc82c); background-image: -o-linear-gradient(top, #e28e13, #efc82c); background-image: linear-gradient(to bottom, #e28e13, #efc82c);} footer .one .inner .widget-two{ float:left; margin:0 30px 0 0; width:290px; } footer .one .inner .widget-two img{ position:relative; right:20px; } footer .one .inner .widget-two a.buy-now-button{ color:#e5991f; font-size:44px; font-family:montserrat; font-weight:400; font-variant:small-caps; position:relative; top:-10px; right:-20px; text-decoration:none; } footer .one .inner .widget-three{ float:left; margin:0 20px 0 0; width:290px; } footer .one .inner .widget-three ul{ width:auto; } footer .one .inner .widget-three ul li{ padding:0 0 10px 0; } footer .one .inner .widget-three ul li a{ color:#fff; text-decoration:none; } footer .one .inner .widget-three ul li a:hover{ text-decoration:underline; } footer .two{ background:#282828; display:block; } footer .two .inner{ margin:0 auto; padding:30px 0; width:980px; } /************************************************** BLOG **************************************************/ #blog{} #blog .post{ border-bottom:1px dashed #ccc; overflow:hidden; margin:0 0 30px 0; padding:0 0 30px 0; } #blog .post img{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-shadow:0 0 2px RGBA(0,0,0,0.3); border:1px solid #ccc; margin:0 0 15px 0; padding:3px; } #blog .post h2.post-title a{ display:block; float:left; font-size:26px; font-weight:normal; padding:0 0 10px 0; text-decoration:none; text-shadow:0 1px 0 RGBA(0,0,0,0.5); text-decoration:none; width:390px; } #blog .post ul.meta{ float:right; padding:10px 0 0 0; margin:0; text-align:right; width:260px;} #blog .post ul.meta li{ display:inline-block; float:left; overflow:hidden; margin:0; padding:0 7px; } #blog .post ul.meta li .author-i{ background:url(images/blog/author.png) no-repeat; display:block; float:left; height:16px; margin:0 5px 0 0; width:16px; } #blog .post ul.meta li .category-i{ background:url(images/blog/category.png) no-repeat; display:block; float:left; height:16px; margin:0 5px 0 0; width:16px; } #blog .post ul.meta li .comment-i{ background:url(images/blog/comment.png) no-repeat; display:block; float:left; height:16px; margin:0 5px 0 0; width:16px; } #blog .post ul.meta li *{ color:#999999; text-decoration:none; } #blog .post .date{ overflow:hidden; margin:0 0 20px 0; } #blog .post .date .date-i{ background:url(images/blog/date.png) no-repeat; display:block; float:left; height:16px; margin:0 5px 0 0; width:16px; } #blog .post p{ display:block; padding:0 0 10px 0; } #blog .post .button{ background-color: #52abd7; background-image: -webkit-gradient(linear, left top, left bottom, from(#52abd7), to(#1677a4)); background-image: -webkit-linear-gradient(top, #52abd7, #1677a4); background-image: -moz-linear-gradient(top, #52abd7, #1677a4); background-image: -o-linear-gradient(top, #52abd7, #1677a4); background-image: linear-gradient(to bottom, #52abd7, #1677a4); border:1px solid #1a74a8; color:#ecebe9; display:block; float:left; font-size:12px; font-weight:bold; padding:10px 10px; text-decoration:none; text-transform:uppercase; text-shadow:0 1px 0 RGBA(0,0,0,0.5); width:auto;} #blog .button:hover{ background-color: #1677a4; background-image: -webkit-gradient(linear, left top, left bottom, from(#1677a4), to(#52abd7)); background-image: -webkit-linear-gradient(top, #1677a4, #52abd7); background-image: -moz-linear-gradient(top, #1677a4, #52abd7); background-image: -o-linear-gradient(top, #1677a4, #52abd7); background-image: linear-gradient(to bottom, #1677a4, #52abd7);} .wpcf7-submit{ background-color: #52abd7; background-image: -webkit-gradient(linear, left top, left bottom, from(#52abd7), to(#1677a4)); background-image: -webkit-linear-gradient(top, #52abd7, #1677a4); background-image: -moz-linear-gradient(top, #52abd7, #1677a4); background-image: -o-linear-gradient(top, #52abd7, #1677a4); background-image: linear-gradient(to bottom, #52abd7, #1677a4); border:none !important; color:#ecebe9; cursor:pointer; display:block; float:left; font-size:12px; font-weight:bold; padding:10px 10px; text-decoration:none; text-transform:uppercase; text-shadow:0 1px 0 RGBA(0,0,0,0.5); width:100px !important;} .wpcf7-submit:hover{ background-color: #1677a4; background-image: -webkit-gradient(linear, left top, left bottom, from(#1677a4), to(#52abd7)); background-image: -webkit-linear-gradient(top, #1677a4, #52abd7); background-image: -moz-linear-gradient(top, #1677a4, #52abd7); background-image: -o-linear-gradient(top, #1677a4, #52abd7); background-image: linear-gradient(to bottom, #1677a4, #52abd7);} .archive-title{ border-bottom:1px solid #ccc; color:#454340; display:block; font-weight:normal; margin:0 0 25px 0; padding:0 0 5px 0; text-transform:uppercase; } /************************************************** SEARCH **************************************************/ #search-form{ position:relative; width:260px; } #s{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-shadow:1px 1px 1px RGBA(0,0,0,0.1); border:1px solid #dddddd; padding:10px; width:260px; } #searchsubmit{ background:url(images/blog/search-submit.jpg) no-repeat; cursor:pointer; display:block; font-size:0; height:15px; position:absolute; right:10px; top:10px; width:16px; } /************************************************** COMMENT STYLES **************************************************/ #comments{ border-top:1px solid #ccc; margin:30px 0 0 0; padding:30px 0 0 0; } #comments ol.children{ padding:0 0 0 40px !important; } #comments .comment-content{ padding:10px 0 0 0; } #comments .avatar{ display:block; margin:0 20px 0 0 !important;} #comments *{ color:#454340; font-family:proxima; text-decoration:none; } #comments li, #comments ol, #comments ul{ list-style:none !important; margin:0 !important; padding:0 !important; } #comments input[type="text"]{ border:1px solid #ececec; box-shadow:inset 0 1px 3px 0 RGBA(0,0,0,0.3); border-radius:5px; } #comments input[type="email"]{ border:1px solid #ececec; box-shadow:inset 0 1px 3px 0 RGBA(0,0,0,0.3); border-radius:5px; } #comments input[type="url"]{ border:1px solid #ececec; box-shadow:inset 0 1px 3px 0 RGBA(0,0,0,0.3); border-radius:5px; } #comments textarea{ border:1px solid #ececec; box-shadow:inset 0 1px 3px 0 RGBA(0,0,0,0.3); border-radius:5px; } #comments input[type="submit"]{ background-color: #52abd7; background-image: -webkit-gradient(linear, left top, left bottom, from(#52abd7), to(#1677a4)); background-image: -webkit-linear-gradient(top, #52abd7, #1677a4); background-image: -moz-linear-gradient(top, #52abd7, #1677a4); background-image: -o-linear-gradient(top, #52abd7, #1677a4); background-image: linear-gradient(to bottom, #52abd7, #1677a4); border-radius:5px; color:#fff; cursor:pointer; } #comments input[type="submit"]:hover{ background-color: #1677a4; background-image: -webkit-gradient(linear, left top, left bottom, from(#1677a4), to(#52abd7)); background-image: -webkit-linear-gradient(top, #1677a4, #52abd7); background-image: -moz-linear-gradient(top, #1677a4, #52abd7); background-image: -o-linear-gradient(top, #1677a4, #52abd7); background-image: linear-gradient(to bottom, #1677a4, #52abd7);} ol.comment-list{ margin:20px 0; } ol.comment-list .avatar{ float:left !important; margin:-15px 15px 0 0; } ol.comment-list .url{ color:#2a679e; } ol.comment-list .comment-metadata *{ color:#2a679e; } ol.comment-list .comment-content{ padding:40px 0 0 0; } ol.comment-list .comment-author{ margin:15px 0 0 0; } ol.comment-list .comment-body{ border-bottom:1px dotted #ccc; margin:0 0 25px 0; overflow:hidden; padding:0 0 25px 0;} #respond{ margin:20px 0;} /************************************************** PAGINATE **************************************************/ ol.wp-paginate{ margin:0 !important; } ol.wp-paginate li{ margin:0 !important; } ol.wp-paginate li a{ background:#266574; border:1px solid #031623; color:#fff; } ol.wp-paginate li .current,ol.wp-paginate li a:hover{ background:#022135; border:1px solid #031623; color:#fff; } ol.wp-paginate .title{ display:none; } /************************************************** SQUEEZE **************************************************/ header#squeeze{ position:relative; } header#squeeze #brand .inner .site-logo{ display:block; float:none; margin:0 auto; text-align:center; width:auto; } .squeeze{ display:block; text-align:center; }