/* Theme Name: NomNom Theme URI: http://zeaks.org/nomnom-twenty-eleven-child-theme/ Author: Scott Dixon Author URI: http://zeaks.org Description: A Twenty Eleven child theme with 10 color schemes, 9 layouts, a variety of shortcodes, custom widgets and more. Visit http://zeaks.org for any issues or questions. Version: 1.7.2 License: GNU General Public License Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options Template: twentyeleven */ @import url("../twentyeleven/style.css"); /* Titles -------------*/ h1,h1.entry-title,h2,h3,h4,h5,h6 { font-weight: normal; text-decoration: none; text-shadow: 1px 4px 6px rgba(0,0,0,0.2),0px -5px 35px rgba(255,255,255,0.3); } h1.entry-title a { font-weight:normal; font-size:24px; text-shadow: 1px 4px 6px rgba(0,0,0,0.2),0px -5px 35px rgba(255,255,255,0.3); } h3.widget-title { font-size:14px; text-shadow: 1px 4px 6px rgba(0,0,0,0.2),0px -5px 35px rgba(255,255,255,0.3); } .entry-title { font-weight:normal; font-size:24px; text-shadow: 1px 4px 6px rgba(0,0,0,0.2),0px -5px 35px rgba(255,255,255,0.3); } #site-title a { font-size: 28px; font-weight: normal; color:#272727; text-shadow: 1px 4px 6px rgba(0,0,0,0.2),0px -5px 35px rgba(255,255,255,0.3); text-decoration: none; } /* Sidebar for single posts --------------------------------*/ .nav-previous { float: left !important; } /* adjust Wordpress author bio */ .singular #author-info { margin: 2.2em 0 0; padding: 20px 5.4%; width: 550px; } /* Reduce whitespace in header ---------------------------------*/ #site-description { color: #7A7A7A; font-size: 14px; margin: 0 270px 1.65625em 0; } #site-title { margin-right: 270px; padding: 1.65625em 0 0; } #branding #searchform { position: absolute; right: 7.6%; text-align: right; top: 3.2em; } #branding { border-top: none; } .one-column #branding #searchform { top: 3.2em;} /* change hentry bottom border color */ .hentry, .no-results { border-bottom: 1px dotted #bebebe; margin: 0 0 1.625em; padding: 0 0 1.625em; position: relative; } /* Post title Gravatars */ .entry-title img.avatar { padding: 4px; display: inline; margin: 0 5px -12px 0; border: 1px solid #ddd; } .gravatar { display:inline; overflow: hidden; } /* ~ Begin of Custom Layouts ~ ----------------------------------*/ /* Custom one column wide layout ----------------------------------*/ .wide-column #page { max-width: 1100px;} .wide-column #content { margin: 0 7.6%; width: auto; } .wide-column #nav-below { /*border-bottom: 1px solid #ddd;*/ margin-bottom: 1.625em; } .wide-column #secondary { display: none;} .wide-column #branding img, #branding img { height: auto; margin-bottom: -8px; } .wide-column #extra-sidebar { display:none; } /* Narrow width - Left sidebar ---------------------------------*/ .narrow-sidebar-left #page { max-width: 875px;} /* This little bit controls the width */ .narrow-sidebar-left #primary { float: right; margin: 0 0 0 -28.4%; /* increased by 2% to widen sidebar */ width: 100%; } .narrow-sidebar-left #content { margin: 0 5.6% 0 34%; /* reduced the left content margin by 2% */ width: 58.4%; /* increased by 2% to widen sidebar */ } .narrow-sidebar-left #secondary, .narrow-sidebar-left #extra-sidebar { float: left; margin-left: 5.6%; /* controls left margin for left sidebar, reduced by 2%*/ margin-right: 0; width: 22.8%; /* increased by 4% to widen sidebar */ } /* Narrow width - Right sidebar ---------------------------------*/ .narrow-sidebar-right #page { max-width: 875px;} .narrow-sidebar-right #primary { float: left; margin: 0 -28.4% 0 0; /* increased by 2% to widen sidebar */ width: 100%; } .narrow-sidebar-right #content { margin: 0 34% 0 5.6%; /* reduced the left content margin by 2% */ width: 58.4%; /* inreased by 2% to widen content */ } .narrow-sidebar-right #secondary, .narrow-sidebar-right #extra-sidebar { float: right; margin-right: 5.6%; /* controls right margin for right sidebar, reduced by 2%*/ width: 22.8%; /* increased by 2% to widen sidebar */ } /* Three Column layout - left and right sidebars -------------------------------------------------- */ .three-column #page { max-width: 1000px;} .three-column #primary { float: left; margin: 0 -26.4% 0 0; width: 100%; } .three-column #content { margin: 0 34% 0 26.4%; width: 46.4%; } .three-column #secondary { float: right; margin-right: 2.6%; width: 20.8%; } .three-column #extra-sidebar{ position:relative; float: left; width: 20.8%; margin-left: -70%; } /* Three column - Two Right sidebar layout ------------------------------------------- */ .two-right #page { max-width: 1000px;} .two-right #primary { float: left; margin: 0 -46.4% 0 0; width: 100%; } .two-right #content { margin: 0 46.4% 0 3.6%; width: 50.4%; /*slightly wider than alternate layout */ } .two-right #secondary { float: right; margin-right: 2.6%; width: 19.2%; } .two-right #extra-sidebar{ position:relative; float: right; margin-right: 2.6%; width: 19.2%; } /* Three column - Two Left sidebar layout ------------------------------------------- */ .two-left #page { max-width: 1000px;} .two-left #primary { float: right; margin: 0 0 0 -46.4%; width: 100%; } .two-left #content { margin: 0 5.6% 0 46.4%; width: 49.4%; } .two-left #secondary { float: left; margin-left: 3.6%; margin-right: 0; width: 18.8%; } .two-left #extra-sidebar{ position:relative; float: left; margin-left: 2.6%; margin-top: 1%; margin-right: 0; width: 18.8%; } /* Various .extra-sidebar layout fixes --------------------------------------- */ /* Default right sidebar with extra sidebar alignment fix*/ #extra-sidebar{ position:relative; float: right; margin-right: 7.6%; width: 18.8%; } /* Left sidebar layout extra sidebar alignment fix */ .left-sidebar #extra-sidebar { float: left; margin-left: 7.6%; margin-right: 0; width: 18.8%; } /* Fix for gallery attachment pages 1.5 */ .image-attachment #content{ margin: 0 7.6% 0 7.7%; width: 84.8%; } /* Singular - one column page template css for extra layouts /*------------------------------------------------------------*/ .singular #primary { margin: 0; } .custom-layouts.singular #content { margin: 0 7.6%; position: relative; width: auto; } .custom-layouts.singular .entry-header, .custom-layouts.singular .entry-content, .custom-layouts.singular footer.entry-meta, .custom-layouts.singular #comments-title { margin: 0 auto; width: 88.9%; } .custom-layouts.singular .entry-meta .edit-link a { position: absolute; left: 0; top: 40px; } .custom-layouts.singular #author-info { margin: 2.2em -8.8% 0; padding: 20px 8.8%; } /* Showcase style for extra layouts layout --------------------------------------------*/ .narrow-sidebar-right.page-template-showcase-php #primary, .narrow-sidebar-left.page-template-showcase-php #primary, .two-left.page-template-showcase-php #primary, .two-right.page-template-showcase-php #primary, .three-column.page-template-showcase-php #primary { margin: 0; } .narrow-sidebar-right.page-template-showcase-php #content, .narrow-sidebar-left.page-template-showcase-php #content, .two-left.page-template-showcase-php #content, .two-right.page-template-showcase-php #content, .three-column.page-template-showcase-php #content { margin: 0 7.6%; width: auto; } .page-template-showcase-php section.recent-posts { float: right; margin: 0 0 0 31%; width: 67%; /* decrease recent posts width 2% */ } .page-template-showcase-php #main .widget-area { float: left; margin: 0 -27.15% 0 0; /* increase margin 2% */ width: 27.15%; /* increase widget width 2% */ } /* Tidy Comments - edit at your own risk! ---------------------------------------------- */ /* Make comments as wide as possible*/ .page-template-sidebar-page-php .commentlist, .single .commentlist { width: auto; } /* Make sure we have room for our comment avatars */ .page-template-sidebar-page-php .commentlist > li.comment, .singular .commentlist > li.comment, .single .commentlist > li.comment { margin-left: 102px; width: auto; } /* Talking avatars take up too much room at this size */ .page-template-sidebar-page-php .commentlist > li.comment, .singular .commentlist > li.comment, .single .commentlist > li.comment { margin-left: 0; } .page-template-sidebar-page-php .commentlist > li.comment .comment-meta, .page-template-sidebar-page-php .commentlist > li.comment .comment-content, .singular .commentlist > li.comment .comment-meta, .singular .commentlist > li.comment .comment-content, .single .commentlist > li.comment .comment-meta, .single .commentlist > li.comment .comment-content { margin-right: 75px; } /* fix the margin for narrow content in threaded comments */ .commentlist .children li.comment .comment-content, .commentlist .children > li.bypostauthor, .commentlist > li.bypostauthor { margin-right: 0; } .page-template-sidebar-page-php .commentlist .avatar, .singular .commentlist .avatar, .single .commentlist .avatar { background: transparent; display: block; padding: 0; top: 1.625em; left: auto; right: 1.625em; } .page-template-sidebar-page-php .commentlist .children .avatar, .singular .commentlist .children .avatar, .single .commentlist .children .avatar { background: none; padding: 0; position: absolute; top: 2.2em; left: 2.2em; } .page-template-sidebar-page-php #respond, .singular #respond, .single #respond { width: 62.9%; } /* comment fix for single pages and attachment pages */ #sidebar-page-custom #respond, .single-post #respond {width: auto;} .commentlist .children #respond {width:auto;} .image-attachment .commentlist{width: 68.9%;} .image-attachment #respond {width: 62.9%;} .one-column #respond, .wide-column #respond, .wide-column .commentlist, .one-column .commentlist, .page-template-default .children > li#respond {width: auto;} /* remove the talking arrow, unless you want it */ .commentlist > li.bypostauthor:before , .commentlist > li:before { content: ''; } /* Change the post author comment look as well */ /* Post Author threaded comments background */ .custom-layouts .commentlist .children > li.bypostauthor, .custom-layouts .commentlist > li.bypostauthor { background: #efefef; } /* Use our own way to author highlight :D~ */ .bypostauthor img.avatar { border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom: 5px solid #F5D800; padding-bottom: 2px !important; } /* END OF CUSTOM LAYOUTS --------------------------*/ /* Rounded corners in subnav http://designerfied.com -------------------------------------------------------*/ #access ul ul, #access2 ul ul { background: #f9f9f9; -moz-border-radius-bottomleft: .5em; -moz-border-radius-bottomright: .5em; -webkit-border-bottom-left-radius: .5em; -webkit-border-bottom-right-radius: .5em; border-bottom-left-radius: .5em; border-bottom-right-radius: .5em; display: none; float: left; margin: 0; padding: 0 0 8px 0; top: 3.333em; left: 0; width: auto; z-index: 99999; } /* add Wordpress logo to credits */ #site-generator span.wpcredits { background: url(images/wordpress.png) no-repeat 0px 7px; padding:3px 0 2px 10px; } /* The second navigation menu --------------------------------*/ #access2 { background: #222; /* Show a solid color for older browsers */ background: -moz-linear-gradient(#252525, #0a0a0a); background: -o-linear-gradient(#252525, #0a0a0a); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */ background: -webkit-linear-gradient(#252525, #0a0a0a); -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px; clear: both; display: block; float: left; margin: 0 auto 0; width: 100%; /*position: relative; */ z-index: 9999; } #access2 div { margin: 0 7.6%; } #access2 ul { font-size: 13px; list-style: none; margin: 0 0 0 -0.8125em; padding-left: 0; } #access2 li { float: left; position: relative; } #access2 a { color: #eee; display: block; line-height: 3.333em; padding: 0 1.2125em; text-decoration: none; } #access2 ul ul { -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); display: none; float: left; margin: 0; position: absolute; top: 3.333em; left: 0; width: 188px; z-index: 99999; } #access2 ul ul ul { left: 100%; top: 0; } #access2 ul ul a { background: #f9f9f9; border-bottom: 1px dotted #ddd; color: #444; font-size: 13px; font-weight: normal; height: auto; line-height: 1.4em; padding: 10px 10px; width: 168px; } #access2 li:hover > a, #access2 ul ul :hover > a, #access2 a:focus { background: #efefef; } #access2 li:hover > a, #access2 a:focus { background: #f9f9f9; /* Show a solid color for older browsers */ background: -moz-linear-gradient(#f9f9f9, #e5e5e5); background: -o-linear-gradient(#f9f9f9, #e5e5e5); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */ background: -webkit-linear-gradient(#f9f9f9, #e5e5e5); color: #373737; } #access2 ul li:hover > ul { display: block; } #access2 .current_page_item > a, #access2 .current_page_ancestor > a { font-weight: bold; } /* Footer Menu Area */ #access3 { background: none repeat scroll 0 0 transparent; border-top: 1px solid #DDDDDD; box-shadow: none; clear: both; display: block; float: left; margin: 0 auto -7px; width: 100%; z-index: 9999; } #access3 div { margin: 0 7.6%; } #access3 ul { font-size: 13px; list-style: none; margin: 0 0 0 -0.8125em; padding-left: 0; } #access3 li { float: left; position: relative; } #access3 a { color: #333; display: block; line-height: 3.333em; padding: 0 1.2125em; text-decoration: none; } #access3 ul ul { -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); display: none; float: left; margin: 0; position: absolute; top: 3.333em; left: 0; width: 188px; z-index: 99999; } #access3 ul ul ul { left: 100%; top: 0; } #access3 ul ul a { background: #f9f9f9; border-bottom: 1px dotted #ddd; color: #444; font-size: 13px; font-weight: normal; height: auto; line-height: 1.4em; padding: 10px 10px; width: 168px; } #access3 li:hover > a, #access3 ul ul :hover > a, #access3 a:focus { background: #efefef; } #access3 li:hover > a, #access3 a:focus { background: #eee; color: #373737; } #access3 ul li:hover > ul { display: block; } #access3 .current_page_item > a, #access3 .current_page_ancestor > a { font-weight: bold; } #access3 div { margin: 0 0 0 0; } #access3 ul { display:inline-block; } #access3 { text-align:center; } #access3{ float:none; } /* Wp-PageNavi style - background colors only work with preset schemes */ .wp-pagenavi { clear: both; margin-bottom: 20px; } .wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: 1px solid #BFBFBF; padding: 5px 8px; margin: 2px; } .wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #000; } .wp-pagenavi span.extend { background:none; border:none; } .wp-pagenavi a, .wp-pagenavi span.current, .wp-pagenavi span.pages { border:1px solid #888; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; *text-shadow: 0 1px 0 #fff; } .wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #686868; color:#333; -webkit-box-shadow: 0 1px 1px #666; -moz-box-shadow: 0 1px 1px #666; box-shadow: 0 1px 1px #666; } /* Set default next/previous default style */ #content nav a { background: none repeat scroll 0 0 #EEEEEE; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari*/ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */ border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0 1px 0 #fff; font-size: 12px; font-weight: 300; line-height: 1.5em; margin-right: 5px; padding: 5px 15px; text-decoration: none; border: 1px solid #ddd; } #content nav a:hover { background: none repeat scroll 0 0 #EEEEEE; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari*/ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */ border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0 1px 0 #fff; color: #666666; font-size: 12px; font-weight: 300; line-height: 1.5em; margin-right: 5px; padding: 5px 15px; text-decoration: none; border: 1px solid #ddd; border-color: #686868; color:#333; -webkit-box-shadow: 0 1px 1px #666; -moz-box-shadow: 0 1px 1px #666; box-shadow: 0 1px 1px #666; } /* Special css3 effects --------------------------*/ #main:hover a , a:hover, input:hover, input:focus, textarea:hover, textarea:focus, a:hover img { -webkit-transition:all 0.2s ease-in-out; /* Safari and Chrome */ -moz-transition:all 0.2s ease-in-out; /* Firefox 4 */ -o-transition:all 0.2s ease-in-out; /* Opera */ } #page { box-shadow: 0 5px 18px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 5px 16px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 5px 18px rgba(0, 0, 0, 0.3); /*-moz-border-radius: .5em; -moz-border-radius: .5em; -webkit-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; border-radius: .5em; round-corners uncomment to use*/ } #site-generator { /*-moz-border-radius-bottomleft: .5em; -moz-border-radius-bottomright: .5em; -webkit-border-bottom-left-radius: .5em; -webkit-border-bottom-right-radius: .5em; border-bottom-left-radius: .5em; border-bottom-right-radius: .5em; round-corners uncomment to use */ } /* Menu Layout for mobile */ @media handheld, only screen and (max-width: 767px) { header#branding .widget, #social-sidebar { display: none; } #access, #access2, #access3 { display: block; } #access li, #access2 li, #access3 li { font-size: 14px; width: 50%; text-align: center; } } @media handheld, only screen and (max-width: 467px) { #access li, #access2 li, #access3 li { font-size: 14px; width: 100%; text-align: center; } body { padding: 0} #site-description { width:100%; } #site-title, #site-title a { font-size: 24px; padding-top: 60px!; } #page {min-width:320px;} } /* Responsive Extra-Sidebar Structure -------------------------------------- */ @media (max-width: 800px) { .custom-layouts #main #extra-sidebar, .two-column #main #extra-sidebar{ float: none; margin: 0 7.6%; width: auto; } } /* Make Wp-PageNavi look better on smaller screens*/ @media screen and (max-width : 620px) { .wp-pagenavi { padding-left: 0 !important; } .wp-pagenavi a, .wp-pagenavi span { margin: 0 !important; padding: 3px 2px !important; font-size: 12px !important; } } /* Flickr, about and twitter widgets -------------------------------------------*/ /* Twitter */ .widget_twentyeleven_twitter h3 { background-image: url("images/twitter-icon.png"); background-position: 0 20%; background-repeat: no-repeat; padding-left: 30px; } .widget_twentyeleven_twitter { font-size: 13px; line-height: 18px; list-style: none; } .widget_twentyeleven_twitter li { background: url('images/twitter-divider.png') bottom left repeat-x; padding-bottom: 7px; margin-bottom: 9px; list-style:none; } .widget_twentyeleven_twitter span { color: #ababab; text-decoration: none; } .widget_twentyeleven_twitter a, .widget_twentyeleven_twitter span a {} /* Blog Author Widget */ .widget_twentyeleven_blogauthorinfo span.left { border: 1px solid #eee; float: left; margin: 2px 10px 5px 0; padding: 5px 5px 0; } .widget_twentyeleven_blogauthorinfo h3 { background-image: url("images/gravatar-icon.png"); background-position: 5px 10%; background-repeat: no-repeat; line-height: 20px; margin-bottom: 5px; padding-left: 30px; } .widget_twentyeleven_blogauthorinfo p {text-align:right;} /* change this to left if you prefer */ .widget_twentyeleven_blogauthorinfo { line-height:18px; } /* Flickr Widget */ .widget_twentyeleven_flickr h3 {} .widget_twentyeleven_flickr h3 span{color:#0061D8;} .widget_twentyeleven_flickr h3 span span{color:#FF1183;} .widget_twentyeleven_flickr .flickr_badge_image { float: left; margin: 0; } .widget_twentyeleven_flickr .wrap { position: relative; padding: 0; } .widget_twentyeleven_flickr a img { float: left; margin: 0 3px 6px 3px; display: block; border: #dddddd 1px solid; padding: 4px;} .widget_twentyeleven_flickr a:hover img { border:#bbbbbb 1px solid;background-color: #eeeeee; } .flickr_badge_image, .wrap { display:inline-block; padding: 1px;} /* Recent Related posts style -------------------------------*/ #recent { font-size: 12px; padding-left: 7px; display: block; margin-top: 15px; color: #666666; width: 130px; padding-top: 2px; padding-bottom: 2px; clear:both; } #related { /*margin-bottom: 230px;*/ border: 1px solid #E8E8E8; clear:both; } #related h2 { text-transform: uppercase; font-size: 0.9em; margin-bottom: 2px; line-height: 1.2em; } #related .date { font-size: 0.7em; color: #999999; margin-top: -3px; margin-bottom: 10px; } #related p { font-size: 13px; line-height: 1.4em; } #related .story1 { width: 45%; float: left; margin: 10px 0; border-right: 1px solid #E8E8E8; padding-right: 20px; } #related .story2 { width: 45%; margin: 10px 0 10px 12px; float: right; } /* Social media widget area */ header#branding .widget, .social-sidebar { float: right; margin-bottom: -10px; position: relative; right: 3.6%; text-align: right; top: -52px; width: 100%; } .social-sidebar img, header#branding .widget img{ width:32px; padding-right: 3px; } #branding, #main{padding-bottom: 0;} /* Fix for vertical stacking images on load */ #nomnom-header{ clear:both; } #slider img { display:none; overflow: hidden; position:absolute; top: 155px; left: 0; bottom:0; } /* adsense style */ .adsense-square { float: left; margin-right: 15px; padding-right: 15px; } .adsense-top-content { text-align: center;} .adsense-bottom-content { text-align: center;} /* THE END :)~ ----------------*/