/* Theme Name: TBWA new Theme URI: http://tbwa.com.au Author: Robert Rusanu Author URI: http://thinkwithstyle.com/ Description: A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development. Version: 1.0 Tags: custom-menu, threaded-comments, sticky-post, microformats, rtl-language-support, translation-ready */ /* =Structure -------------------------------------------------------------- */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;} /* HTML5 display-role reset for older browsers */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} #comments {padding:20px} body{line-height:1;} ol,ul{list-style:none;} .entry-content ul, .entry-content ul li {list-style-type:disc;list-style-position: outside} .entry-content ul {padding:5px 0 5px 20px} #tabs ul.ui-tabs-nav {padding:0;list-style:none;margin-bottom:0 !important;border-bottom:1px solid #ddd} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:none;} table{border-collapse:collapse;border-spacing:0;} body {color:#3f3f3f;font:normal 14px/1.6 helvetica, arial, sans-serif;background:#fff;} #content p, #content ul, #content ol, #secondary p, #secondary ul, #secondary ol {margin-bottom:10px} #content table p, #secondary table p {margin-bottom:0;} a:link, a:visited, a:hover, a:active, a:focus {outline:none} a {color:#1c75bc;color:#888;text-decoration:none} a:hover {text-decoration:underline} /*h1,h2,h3,h4{color:#ba9f12;font-family:'TitilliumText22LRegular','Open Sans', helvetica, arial, sans-serif;}*/ h1,h2,h3,h4,h5,h6{color:#1c75bc;color:#111;font-family: 'Roboto Condensed', sans-serif} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#111} h1,h2,h3 {font-size:2em;line-height:1.2;margin-bottom:10px;font-weight:400} h4,h5,h6 {font-size:1.6em;font-weight:300;margin: 5px 0} #extra-sidebar h1,#extra-sidebar h2, #extra-sidebar h3, #secondary h1,#secondary h2, #secondaryar h3 {font-size:1.4em;border-bottom:1px solid #ddd;text-transform:uppercase} .stallions-list h2 {font-size:1.2em;margin:0} .stallions-list h2 + p {padding: 10px 0 0 0;font-weight:bold} strong,b {font-weight:bold} em, i {font-style:italic} table {width:100%} td, th {padding: 2px 5px;border:1px solid #ddd;vertical-align:top} .stallions-list {margin-bottom:30px} .stallions-list td {padding: 5px} .stallions-list td.stallion-gallery {width:100px;} .stallions-list td.stallion-name {} .stallions-list td.stallion-breed {} .stallions-list td.stallion-fee {} .stallions-list td.stallion-farm {width:200px} .stallions-list td.stallion-farm-contact {width:200px} .stallions-list td .soliloquy-image {width:100px;} th {background:#1c75bc;background:#aaa;color:#fff;text-align:center;font-size:1.2em;vertical-align:middle;font-family: 'Roboto Condensed', sans-serif;padding: 5px;border-color:#fff } td img {display:block;width:100%;height:auto} .tablesorter th {cursor:pointer;} .tablesorter td {vertical-align:middle} .tablesorter th.rank {width:60px;} .tablesorter th.number {width:90px} .textcenter {text-align:center} .textright {text-align:right} .print-me {display:none;} #main .wp-paginate .current {background:#111;border-color:#111} /* clearfix */ .clearfix:after, #main:after, .menu:after, .ui-tabs-nav:after, .ngg-galleryoverview:after, .container:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .clearfix, #main, .menu, .ui-tabs-nav,.ngg-galleryoverview, .container {display: block;} /* Alignment */ .alignleft{float:left;margin: 0 10px 10px 0} .alignright{float:right;margin: 0 0 10px 10px} .aligncenter{clear:both;display:block;margin:10px auto 20px auto;} #banner .aligncenter {margin: 0 auto} .clear{clear:both} .container{display:block;margin:0 auto;position:relative} #primary, #secondary {padding:50px 0} #main .container {padding:0 10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;} /*#content {padding: 10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fafafa;}*/ #content {padding: 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .widget_sp_image .widget-title {display:none} /* .category-stallions #primary{float:none;width:100%;background:#fff} .category-stallions #primary #content {border:none} */ #breadcrumbs {margin: 10px 0;font-family: 'Roboto Condensed', sans-serif} /* =Footer -------------------------------------------------------------- */ #colophon{background: none repeat scroll 0 0 #222; border-top: 1px solid #bbb; color: #777; font-size: 11px; overflow: hidden; padding: 24px 0; width: 100%;} #colophon a {color:#eee} #colophon .menu {text-align:center} #colophon .menu li {display:inline;line-height:1.1;padding:0 10px;border-left:1px solid #fff} #colophon .menu li:first-child {border:none;} #colophon .menu li.copyright a {color:#ccc} #tertiary .widget {text-align:center} /* Text meant only for screen readers */ .screen-reader-text,.section-heading{position:absolute !important;clip:rect(1px, 1px, 1px, 1px);clip:rect(1px 1px 1px 1px)} /* =Header -------------------------------------------------------------- */ #branding {position:relative;background:#3f3f3f;clear:both;z-index:99999;color:#ddd} #branding a {color:#ddd} #site-title{font-size:2em;font-weight:700;margin:0 auto;width:170px;max-width:100%;height:150px/*position:absolute;top:-80px*/;margin:20px auto 0 auto;} #site-title a {display:block;width:100%;display:block;height:100%;background:url(images/logoNew.png) 0 50% no-repeat;text-indent:-9999px;background-size:contain} #site-description{display:none} #banner {clear:both;background:#333;box-shadow:0 3px 5px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.2)} #banner img,#page-banner img {width:100%;height:auto;display:block} #branding .printfriendly {position:absolute;right:0;bottom: 5px;float:none;margin:0} #branding .fb_iframe_widget { bottom: 10px; position: absolute; right: 0; } #top-search {margin: 10px auto;width:60%;overflow:hidden} #top-search input#s{margin-right:0;height:22px;line-height:22px;border:none;padding:0 5px;float:left;} #top-search input[type="submit"]{background:#1c75bc;background:#aaa;color:#fff;text-transform:uppercase;border:none;height:22px;line-height:22px;float:left;cursor:pointer;width:40%} /* =Content -------------------------------------------------------------- */ .stallions-list-home li {overflow:hidden;padding: 3px 0;border-top:1px solid #ddd} .stallions-list-home li:first-child {border:none} .stallions-list-home li .count {float:left} .stallions-list-home li .earnings {float:right} #_hotnews {margin-top:20px;padding-top:20px;border-top:1px solid #ddd} .entry-content .attachment-post-thumbnail{float:left;margin: 0 10px 10px 0;padding: 5px;border:1px solid #ddd} .page-title, #article-title{font-size:2em;margin-bottom:50px;text-transform:uppercase;border-bottom:1px solid #ccc} .page-template .page-title {margin-bottom:20px} #content nav{display:block;overflow:hidden;} #content nav .nav-previous{float:left;width:50%;} #content nav .nav-next{float:right;text-align:right;width:50%;} #nav-above {margin: 0 0 1em 0;border-bottom:1px solid #ddd} #nav-below{margin:1em 0 0;border-top:1px solid #ddd} .page-link{margin:0 0 1em;} .page-stallions .page-title {margin-bottom:20px;height:40px;font-size:24px;line-height:40px} /*.page .entry-content , .single .entry-content,.single .entry-meta{padding-left:10px}*/ .entry-meta {font-size:.95em;color:#999;margin-bottom:10px} .articles-list {padding: 0 0 10px 0} #content .articles-list article {padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ddd} #content .articles-list h3 {font-size:1.4em;margin-bottom:0} #content .articles-list p {margin-bottom:0} .articles-list .entry-title {margin:0;} .articles-list .post ,.archive .articles-list .post{margin-bottom:10px;border-bottom: 1px solid #ddd;padding-bottom: 10px;} .read_more, .more-link{font-weight:bold;display:block} #stallions-list {padding-top:20px} #stallions-list > li {float:left;width:240px;margin: 0 0 10px 20px;} #stallions-list > li.clear {margin-left:0} #stallions-list > li .post {border:1px solid #ddd} #stallions-list > li .post .entry-title {color:#fff;background:#009CDF;padding: 3px 10px;font-weight:bold;font-size:1.4em} #stallions-list > li .post .entry-title a {color:#fff} #stallions-list > li .post .thumbnail img {width:238px;height:auto} #stallions-list > li .post .entry-content {padding: 0} #stallions-list .get-more {text-align:center;margin-bottom:0;line-height:28px;} #stallions-list .get-more a {font-weight:bold;color:#009CDF} .breeders td:first-child {width:100px} #gallery .inner .thumbnail img {width:100%;height:auto;display:block} #foals-list li article {padding: 10px 0;border-top:1px solid #ddd} #foals-list li:first-child article {padding-top:0;border:none} #foals-list li article h2 {font-size:1.3em} #foals-list li .soliloquy-container {margin-bottom:0 !important} #farm-list li article {padding: 10px 0;border-top:1px solid #ddd} .thumbnail img {width:100%;height:auto;display:block;} #top-ads {background:#333;border-bottom:5px solid #09e} #banner + #top-ads {padding:20px 0 0 0;background:transparent} #top-ads .useful_banner_manager_widget {margin-left:-12px} #top-ads aside .useful_banner_manager_banner{float:left;width:20%;padding-left:12px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} #top-ads img {display:block;max-width:100%;height:auto} /*#stats .inner {padding-left:10px}*/ #content .navigation ol{margin-bottom:30px;padding: 0 0 10px 0;border-bottom:1px solid #ccc;} #stats h3 {margin:0;padding-top:5px;} #stats dl {overflow:hidden;border-bottom:1px solid #ddd;margin-bottom:20px} #stats dt, #stats dd {float:left;width:50%;padding: 5px 0;border-top:1px solid #ddd;font-size:1.2em;font-family: 'Roboto Condensed', sans-serif} #stats dt {clear:both} #data-top .the-content {clear:both;padding: 20px 0} /* =Sidebar --------------------------------------------------------------- */ .widget_sp_image-description p {margin:5px 10px;font-family: 'Roboto Condensed', sans-serif} #secondary .widget, #extra-sidebar .widget {margin-bottom:30px;} #secondary .useful_banner_manager_banner,#extra-sidebar .useful_banner_manager_banner,#secondary .ubm_banner ,#extra-sidebar .ubm_banner {margin-bottom:10px} #secondary .ubm_banner #secondary .widget:first-child,.home #secondary .widget {border:none;padding-top:0} #secondary img,#extra-sidebar img, #top-ads img {width:100%;height:auto;display:block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} #hotnews .entry-content {padding: 10px} #hotnews .entry-content h3 {font-size:2em;line-height:1.1;font-weight:normal} #hotnews.entry-content p {margin-bottom:10px} /* 404 page */ .error404 .widget{float:left;width:33%;} .error404 .widget_tag_cloud{clear:both;float:none;width:100%;} /* Notices */ .post .notice,.error404 #searchform{background:#eee;display:block;padding:1em;} .image-attachment nav{float:right;margin:0 0 1em;} .image-attachment .entry-content{clear:both;} .image-attachment .entry-content .entry-attachment{background:#eee;text-align:center;margin:0 0 1em;padding:1em;} .image-attachment .entry-content .attachment{display:block;text-align:center;margin:0 auto;} /* =Images -------------------------------------------------------------- */ a img{border:none;} p img{margin-bottom:0.5em;} /* Resize images to fit the main content area. - Applies only to images uploaded via WordPress by targeting size-* classes. - Other images will be left alone. Use "size-auto" class to apply to other images. */ img.size-auto,img.size-full,img.size-large,img.alignright.size-full,img.alignleft.size-full,img.size-medium,.attachment img,.widget-area img{max-width:100%;width:auto;height:auto;} /*img.size-full {width:100%}*/ .wp-caption{text-align:center;padding:5px;background:#F1EFE6;border:1px solid #fff;-moz-box-shadow:1px 1px 4px #222;-webkit-box-shadow:1px 1px 4px #222;box-shadow:1px 1px 4px #222;} .wp-caption img{display:block;width:100%;height:auto;padding:1px;background:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} #content .wp-caption .wp-caption-text, #page .widget_sp_image-description p{margin:5px 0 0 0;} #page .widget_sp_image-description {text-align:center} #content .wp-caption .wp-caption-text:first-line, #page .widget_sp_image-description p:first-line {font-weight:bold} .wp-caption, .aligncenter, .alignleft, .alignright {max-width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #searchform input#s{width:60%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} input[type=text],input#s{width:60%;margin:0 1em 0 0;} textarea{width:80%;} /* Class for labelling required form items */ .required{color:#c03;} #respond input[type=text]{display:block;width:60%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #respond textarea{display:block;width:80%;margin:0 0 1em;} #respond .form-allowed-tags{clear:both;width:80%;} .widget-area .widget_search{overflow:hidden;} .full-width #content,.image-attachment #content,.error404 #content,.wp-smiley{margin:0;} #access ul li:hover > ul,.paged #content #nav-above,.single #content #nav-above,article.comment,#respond .form-allowed-tags code,.widget{display:block;} #content #nav-above,#searchform label{display:none;} .error404 .widget .widgettitle,.error404 .widget ul,img.alignleft{margin-right:1em;} .image-attachment div.entry-meta,.widget-area .widget_search input{float:left;} /* tabs */ #tab-container {padding-bottom:20px;margin:20px 0;} #content ul.etabs {margin-bottom:0;list-style:none;padding:0;border-bottom:1px solid #2272bd} ul.etabs li {list-style:none;padding:0;margin:0 !important} ul.etabs li a {display:block;padding: 4px 10px;background:#B2D2EB;border:1px solid #2272bd;border-radius:4px 4px 0 0;text-decoration:none;position:relative;top:1px;font-family:'Roboto Condensed',sans-serif;font-weight:700;font-size:1.4em} ul.etabs li:first-child a {margin:0} ul.etabs li a:hover , ul.etabs li.active a.active{background:#fff;color:#2272bd;border-bottom:none;padding-bottom:5px;} #tab1, #tab2, #tab3, #tab4 {padding: 10px;border:1px solid #2272bd;border-top:none;background:#fff} /* ####################################################################### meanMenu -------- To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/) ####################################################################### */ /* hide the link until viewport size is reached */ a.meanmenu-reveal { display: none; } /* when under viewport size, .mean-container is added to body */ .mean-container .mean-bar { float: left; width: 100%; position: relative; background: #0c1923; padding: 4px 0; min-height: 42px; z-index: 999999; } .mean-container a.meanmenu-reveal { height: 42px; padding: 0 13px; position: absolute; top: 0; right: 0; cursor: pointer; color: #fff; text-decoration: none; line-height: 42px; font-size: 18px; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: 400; } .mean-container a.meanmenu-reveal span { display: block; background: #fff; height: 3px; margin-top: 3px; } .mean-container .mean-nav { float: left; width: 100%; background: #0c1923; margin-top: 33px; } .mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none; } .mean-container .mean-nav ul li { position: relative; float: left; width: 100%; } .mean-container .mean-nav ul li a { display: block; float: left; width: 90%; padding: 1em 5%; margin: 0; text-align: left; color: #fff; border-bottom: 1px solid #383838; border-bottom: 1px solid rgba(255,255,255,0.5); text-decoration: none; text-transform: uppercase; } .mean-container .mean-nav ul li li a { width: 80%; padding: 1em 10%; border-bottom: 1px solid #f1f1f1; border-bottom: 1px solid rgba(255,255,255,0.25); opacity: 0.75; filter: alpha(opacity=75); text-shadow: none !important; visibility: visible; } .mean-container .mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0; } .mean-container .mean-nav ul li li li a { width: 70%; padding: 1em 15%; } .mean-container .mean-nav ul li li li li a { width: 60%; padding: 1em 20%; } .mean-container .mean-nav ul li li li li li a { width: 50%; padding: 1em 25%; } .mean-container .mean-nav ul li a:hover { background: #252525; background: rgba(255,255,255,0.1); } .mean-container .mean-nav ul li a.mean-expand { width: 26px; height: 26px; border: none !important; padding: 12px !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; } .mean-container .mean-nav ul li a.mean-expand:hover { background: none; } .mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both; } .mean-nav .wrapper { width: 100%; padding: 0; margin: 0; } #link-fb {width:150px;margin: 10px auto} #link-fb a {display:inline-block;width:150px;height:0;padding-top:45px;overflow:hidden;background:url(http://www.tbwa.net.au/wp-content/uploads/2014/10/facebook-logo-small.jpg) 100%/contain no-repeat} .social_bookmarks {padding: 5px 0;border-top:1px solid #ededed;margin-top:20px} .social_bookmarks a:hover {position:relative;top:-2px} #content .ngg-gallery-thumbnail {margin: 0 5px 5px 0} #content .ngg-gallery-thumbnail img{margin:0;} body .jwl_one_half, body .jwl_one_third, body .jwl_two_third,body .jwl_three_fourth,body .jwl_one_fourth,body .jwl_one_fifth, body .jwl_two_fifth,body .jwl_three_fifth, body .jwl_four_fifth, body .jwl_one_sixth, body .jwl_five_sixth { float: none; margin-right: 0; position: relative; } body .jwl_one_third { width: auto; } body .jwl_one_half, body .jwl_one_third, body .jwl_two_third, body .jwl_three_fourth, body .jwl_one_fourth, body .jwl_one_fifth, body .jwl_two_fifth, body .jwl_three_fifth, body .jwl_four_fifth, body .jwl_one_sixth, body .jwl_five_sixth { float: none; margin-right: 0; position: relative; } body .jwl_two_third { width: auto; } @media only screen and (min-width: 600px){ #foals-list li article,#farm-list li article {display:table;} #farm-list li article {width:100%} #foals-list li article > div, #farm-list li article > div {display:table-cell;vertical-align:top;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #foals-list li article > div:first-child {width:70%;border-right:1px solid #ddd;padding-right:10px;} #foals-list li article > div:nth-child(2){padding-left:10px} #foals-list .foal-gallery img, #farm-list li article > div.post-thumbnail img {margin:0;display:block;width:100%;height:auto} #farm-list li article > div.post-thumbnail {width:20%;padding-right:10px} #farm-list li article > div.entry-summary {width:30%;padding-right:10px} #farm-list li article > div.entry-summary h3 {font-size:1.3em} #farm-list li article > div.farm-address,#farm-list li article > div.contacts{width:25%} #farm-list li article > div.farm-address {padding-right:10px} } @media only screen and (max-width: 800px) { .stallions-list.breeders thead {display:none;} .stallions-list.breeders.breeders.breeders.breeders tr {display:block;padding: 10px 0;} .stallions-list.breeders.breeders.breeders td {display:block;width:100% !important;border-top:none;text-align:left !important;} .stallions-list.breeders.breeders td:first-child {border-top:1px solid #ddd;} .stallions-list.breeders td img {width: 200px !important;height:auto;} .stallions-list.breeders .stallion-gallery:before{content:'Click image to enlarge';} .stallions-list.breeders .stallion-gallery .soliloquy-container {margin:0 !important;} .stallions-list.breeders .stallion-fee:before {content:'Service Fee: ';} .stallions-list.breeders .stallion-farm:before {content:'Farm Name: ';} .stallions-list.breeders .stallion-farm-contact:before {content:'Contact:';} .stallions-list.breeders .stallion-breed:before{content:'Breeding:';} } @media only screen and (max-width: 800px) { .menu-mainmenu-container .menu {display:none;} } @media only screen and (min-width: 800px) { body {font-size:12px} /* =Menu -------------------------------------------------------------- */ .menu-topmenu-container .menu {text-align:center} .menu-topmenu-container .menu > li {display:inline-block} #access{display:block;margin:0 auto;background:#fff;} #access ul{list-style:none;padding:0;margin:0;} #access li{float:left;position:relative;} #access a{color:#3f3f3f;display:block;font-size:14px;line-height:40px;text-decoration:none;padding:0 10px;font-family:'Roboto Condensed', sans-serif;font-weight:400;font-size:1.4em;} #access ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;float:left;position:absolute;top:40px;left:0;z-index:99999;} #access ul ul ul{left:100%;top:0;} #access ul ul a{background:#eee;background:rgba(255,255,255,.9);line-height:1em;width:16em;height:auto;padding:.5em .5em .5em 1em;} #access li:hover > a,#access ul ul :hover > a, #access li.current-menu-item > a, #access li.current-menu-parent > a {background:#eee;color:#000;} #branding .menu-topmenu-container {position:absolute;left:220px;top:10px;margin-right:250px} .menu-topmenu-container .menu {float:left;margin-bottom:0;} .menu-topmenu-container .menu {text-align:left} .menu-topmenu-container .menu > li {float:left;} .menu-topmenu-container .menu > li a {display:block;padding: 5px 10px} .menu-topmenu-container .menu > li.sl-facebook > a {margin-left:3px;line-height:27px;width:28px;text-indent:-9999px;display:block;background-image:url(images/social-links.png);background-repeat: no-repeat;background-position: 0 0 } #link-fb {position:absolute;right:5px;top:55px;text-align:right;margin:0} .container {width:780px} .with-sidebar #primary/*, .blog #primary, .single-post #primary, .archive #primary*/{float:left;width:570px;} #secondary{float:right;width:210px} #secondary .inner {margin-left:20px;} #stats {float:right;width:65%} #gallery {float:left;width:35%;margin-top:60px} #gallery .inner {padding-right:30px} ul.etabs li {float:left} ul.etabs li a {margin-left:5px} #gallery .thumbnail {margin-bottom:20px} body .jwl_one_half, body .jwl_one_third, body .jwl_two_third,body .jwl_three_fourth,body .jwl_one_fourth,body .jwl_one_fifth, body .jwl_two_fifth,body .jwl_three_fifth, body .jwl_four_fifth, body .jwl_one_sixth, body .jwl_five_sixth { float: left; margin-right: 4%; position: relative; } body .jwl_one_third { width: 30.66%; } body .jwl_one_half, body .jwl_one_third, body .jwl_two_third, body .jwl_three_fourth, body .jwl_one_fourth, body .jwl_one_fifth, body .jwl_two_fifth, body .jwl_three_fifth, body .jwl_four_fifth, body .jwl_one_sixth, body .jwl_five_sixth { float: left; margin-right: 4%; position: relative; } body .jwl_two_third { width: 65.33%; } } @media only screen and (min-width: 1024px) { #access .menu{padding-left:220px;} #branding {height:118px} #site-title{margin:0 0 20px 0;position:absolute;left:-15px;top:0;width:228px;height:203px} #top-search {position:absolute;right:0;top:15px;width:240px;margin:0} .print-me {display:block;position:absolute;left:230px;top:50px;overflow:hidden;} .print-me > div {float:left;margin-right:5px;} #top-search div {float:right} #top-ads {padding:50px 0 20px 0;} .container{max-width:1000px;width:1000px;} #main .container{padding:0} .with-sidebar #primary/*, .blog #primary, .single-post #primary, .archive #primary*/{width:790px;} /*#content {width:790px}*/ .with-sidebar .homepage-primary #content {width:580px;float:right;} #extra-sidebar {float:left;width:210px} #extra-sidebar .inner {margin-right:20px} }