/* Theme Name: Responsive Brain Theme URI: http://pickthebrain.com/ Description: Responsive child theme for WordPress default TwentyTen. Provides fluid layout for many browsers including mobile support for iPhone, iPad and Android. Being a child theme, it is dependent on the TwentyTen theme as a parent. Author: RAIN + (Dan Gavin + Sara Cannon) Author URI: http://mediarain.com/, http://responsivetwentyten.com Version: 1.0.4 License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html Template: twentyten Tags: black, blue, white, two-columns, flexible-width, custom-header, custom-background, theme-options, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style */ /* REFERENCE SWATCHES Blue (Header, H tags, Links, icons, and category background): #3bafe1 Blue (Footer): #44a4d3 Green (Sidebar Header Background): #86d06c Text: #333 Article Meta: #b3b3b3 and #c5c5c5 Rules: #c2c2c2 (1px) Sidebar Background Color: #f5f5f5 */ /* Parent: Twenty Ten Theme */ @import url("../twentyten/style.css"); /*Include KARLA */ @font-face { font-family: 'KarlaRegular'; src: url('fonts/Karla-Regular-webfont.eot'); src: url('fonts/Karla-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Karla-Regular-webfont.woff') format('woff'), url('fonts/Karla-Regular-webfont.ttf') format('truetype'), url('fonts/Karla-Regular-webfont.svg#KarlaRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'KarlaItalic'; src: url('fonts/Karla-Italic-webfont.eot'); src: url('fonts/Karla-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Karla-Italic-webfont.woff') format('woff'), url('fonts/Karla-Italic-webfont.ttf') format('truetype'), url('fonts/Karla-Italic-webfont.svg#KarlaItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'KarlaBold'; src: url('fonts/Karla-Bold-webfont.eot'); src: url('fonts/Karla-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Karla-Bold-webfont.woff') format('woff'), url('fonts/Karla-Bold-webfont.ttf') format('truetype'), url('fonts/Karla-Bold-webfont.svg#KarlaBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'KarlaBoldItalic'; src: url('fonts/Karla-BoldItalic-webfont.eot'); src: url('fonts/Karla-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Karla-BoldItalic-webfont.woff') format('woff'), url('fonts/Karla-BoldItalic-webfont.ttf') format('truetype'), url('fonts/Karla-BoldItalic-webfont.svg#KarlaBoldItalic') format('svg'); font-weight: normal; font-style: normal; } /* and PT Sans */ @font-face { font-family: 'PTSansBoldItalic'; src: url('fonts/PTS76F-webfont.eot'); src: url('fonts/PTS76F-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/PTS76F-webfont.woff') format('woff'), url('fonts/PTS76F-webfont.ttf') format('truetype'), url('fonts/PTS76F-webfont.svg#PTSansBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSansBold'; src: url('fonts/PTS75F-webfont.eot'); src: url('fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/PTS75F-webfont.woff') format('woff'), url('fonts/PTS75F-webfont.ttf') format('truetype'), url('fonts/PTS75F-webfont.svg#PTSansBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'symboldregular'; src: url('fonts/symbold-regular-webfont.eot'); } @font-face { font-family: 'symboldregular'; src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'), url('fonts/symbold-regular-webfont.ttf') format('truetype'), url('fonts/symbold-regular-webfont.svg#symboldregular') format('svg'); font-weight: normal; font-style: normal; } #wrapper,#access,#access .menu-header,div.menu,#colophon,#branding,#main,#header, #footer { width: 100%; margin-top: 0;} #wrapper {padding: 0; } /* #access { max-width: 960px; } */ #main { width:960px; margin: 0 auto; } #container { margin: 0 -310px 0 0;} #primary, #secondary {width: 310px; } #content {margin: 0 320px 0 0; } /* General Styling. Links, Colors, Basic Typography go here. */ 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, font, 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 { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; /* So buttery smooth */ } body { font: 16px "KarlaRegular", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.625; background: #FFF; color: #333; } h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text {font-family: "KarlaRegular", "Helvetica Neue", Helvetica, Arial, sans-serif; } em {font: 16px "KarlaItalic", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.625; background: #FFF; color: #333; } b, strong {font: 16px "KarlaBold","Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.625; background: #FFF; color: #333; } p { margin-bottom: 1.625em; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; text-transform: none; text-align: left; } h1,h2,h3,h4,h5,h6,#content h2 a, #content h1.entry-title {font-family: "PTSansBold", "KarlaBold", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; } a {text-decoration: none; color: #3bafe1; } a:visited {text-decoration: underline; color: #44a4d3; } a:hover {text-decoration: underline; color: #44a4d3; } .goAway {display:none; } #content p {margin-bottom: 18px; } /*Something with a class of symbolD should pull a letter from the proper face */ .symbolD {font-family: 'symboldregular'; } /* Logo + Header Images */ #header {padding:0; background:#3bafe1; } #masthead {width: 960px; margin: 0 auto; } #header li {list-style-type: none; } #branding {background: #3bafe1; overflow:hidden; padding-bottom: 14px; } #site-title {width: auto; margin: 8px 0 0; } #site-title a img {border: none; margin-top: 10px; margin-left: 0; } #headerCats {width: 61%; float:right; } #headerCats div {float:left; margin: 0 2.05em; } #headerCats #motivation {margin-left: 2.18em; } #headerCats #selfImprovement {margin-right: 0; } #headerCats a {color: #FFF; } #headerCats a span.symbolD {font-size: 5em; line-height: 1.1em;} #headerCats a:hover { color: #a8e5ff; text-decoration: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } #motivation .headerIcon {margin-left: 15px;} #productivity .headerIcon {margin-left: 20px; } #health .headerIcon {margin-left: 0; } #selfImprovement .headerIcon {margin-left: 38px; } /* Navigation Bar */ #access {background: #FFF; padding: 0 0 15px 0; border-bottom: 1px solid #9e9e9e; } #access a {color: #626262; text-transform: uppercase; font-size: 0.9em;} #access ul {margin: 0 0 18px 0; } #access li {display:block; float: left; } #access li a {padding: 0 22px; } #access li:hover > a, #access ul ul :hover > a {background: #FFF; color: #3BAFE1; } #access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {color: #3BAFE1; font-family: "KarlaBold", "Helvetica Neue", Helvetica, Arial, sans-serif;} #access a.menu-link { display: none; } /* Hide the menu link everywhere, show only on proper media queries */ .js nav[role=navigation] {max-width: none;position: static;width: auto; } #wrapper.active {left: 0; } nav[role=navigation] ul {margin: 0;border: 0; } nav[role=navigation] li {display: inline-block;margin: 0 0em; } nav[role=navigation] li a {border: 0; } /* Footer */ #footer {background: #44a4d3; margin-bottom: -25px; } #footer a:hover, #footer a:active { color: #a8e5ff; } #colophon {padding: 36px 0 18px; border: none; width: 960px;} #site-info {width: 85px; } #footerNav { width: 50%; float:right; margin-bottom: 12px;} #footerNav ul {display:block; float:right; margin: 0; } #footerNav li {display:block; float: left; list-style-type: none; padding: 0 15px; border-right: 2px solid #FFF; font: 16px "KarlaRegular", "Helvetica Neue", Helvetica, Arial, sans-serif; } #footerNav li a {text-decoration: none; color: #FFF;} #footerNav ul li:last-child {border-right: none; padding-right: 0;} #copyright { margin: 53px 0 0; width: 39%; float:left;} #copyright p {color: #FFF; font-size: 0.75em; } #site-info img {max-width: 125px; height: auto; } #footerSocialClub {float:right; margin-top: -25px; } #footerSocialClub span {color: #FFF; font-size: 50px; padding: 0 3px;} #footerSocialClub a:hover {text-decoration: none; } #footerSocialClub a:hover span {text-decoration:none; color: #a8e5ff; } /*User Generated Posts - Styling Specific to Gravity Forms and TinyMCE. Theme overwrites TinyMCE's CSS rules, these lines fix that... */ #content table.mceLayout, #content table.mceToolbar {margin: 0; } #content table.mceLayout tr td {padding: 0;} /* Articles */ #content .entry-title {color: #39a2ce; } #content h2 a { color: #39a2ce; font: 0.98em "PTSansBold", "KarlaBold", "Helvetica Neue", Helvetica, Arial, sans-serif; } #content h2 a:hover {text-decoration: none; color: #378bb0; } .post-thumbnail {padding: 0 0 1.5em 0; float:left;} #entry-author-info {background: #CDE1EA; } .foldAd { margin: 0 auto; width: 468px; clear: left; padding-top: 30px; } /* Adsense ad after 3 posts on home */ .search #content .foldAd {border-bottom: 1px solid #C2C2C2; width: 100%; padding-bottom: 30px; } .search #content .foldAd div {width: 468px; margin: 0 auto; } .postAds {margin: 0 0 7px 76px; padding: 0 15px 15px 15px; margin-bottom: 15px; } /* Adsense ad after 6 posts on home */ .firstPostAd {padding-bottom: 12px; } /*On Single post pages, the first ad. Prevents crash with DiggDigg */ .secondPostAd { background: transparent; } .secondPostAd .postAds { margin:0; } .single .hentry {margin: 0 0 4px 0; } #content .entry-meta {text-transform: uppercase; color: #B3B3B3; border-bottom: 1px solid #C2C2C2; padding-bottom: 25px; font-size:14px;} .home #content .entry-meta {border: none; padding: 0; } /* Reset the entry meta on Home */ #content .entry-meta a, #content a.more-link, #content .single .entry-meta a, #content .single a.more-link {text-decoration: none; color: #8F8F8F; line-height: 1em; } #content .entry-meta a:hover, #content a.more-link:hover, #content .single .entry-meta a:hover, #content .single a.more-link:hover {text-decoration: underline; color: #8F8F8F; } .post a {color: #3bafe1; } .post a:hover {color: #44a4d3; text-decoration: none; } .single .entry-meta {margin-bottom: 12px; } .single #content .entry-meta p {margin: 0; } .readMore {font-size: 2em; color: #3bafe1; margin-left: 12px;} .readMore:hover {text-decoration: none;} .moar {font-size: 1.7em; line-height: 30%; padding-left:6px;} .moar:hover {font-size: 2.2em; } #content .post {padding-bottom: 20px; border-bottom: 1px solid #C2C2C2; } .single #content .post {border-bottom: none; } /* No content found makes search form. Mirrors sidebar search, these rules overwrite parent theme */ #content .search input[type="submit"] {color: #747474; font-size: 28px; line-height: normal; top: 5px; left: 315px; } #content .search input[type="text"] { margin: 0; } #content .search fieldset {border:none; padding: 0; } #content form.search fieldset input[type="submit"]:hover, form.search fieldset input[type="submit"]:focus { color: #333; } #content form.search fieldset input[type="submit"]:active { color:#333; } /*Sticky Posts ... Remove Twenty-Ten formatting, add our own */ .home #content .sticky {background: none; border: none; border-bottom: 1px solid #C2C2C2; margin: 0; padding: 0;} .postContent {width: 66%; float:right; } .postContent p:first-of-type {margin-bottom: 0;} /*Numbers Generated by a counter in loop. Style below */ .home #content .cntr1, .home #content .cntr2 { border: none; overflow:hidden;} #content .cntr1 .entry-title span, #content .cntr2 .entry-title span {background: #39a2ce; color: #FFF; margin-left: -6px; margin-right: -6px; padding: 7px; } #content .cntr1 .entry-title .headlineHoverClass, #content .cntr2 .entry-title .headlineHoverClass { background: #378bb0 ; text-decoration: none; } /* .home #content .cntr1 .entry-title span:hover {background: #206482; } */ /* cntr1, cntr2 styling */ .home #content .cntr1 { padding: 0; margin: 0; float:left; } .home #content .cntr1 .post-thumbnail, .home #content .cntr2 .post-thumbnail {padding: 0; width: 315px; height: 170px; } .home #content .cntr1 .post-thumbnail img, .home #content .cntr2 .post-thumbnail img {position:absolute; top: 25%; left: 25%; margin-top: -25%; margin-left: -25%; } .home #content .cntr1 .entry-content, .home #content .cntr2 .entry-content {position: relative; padding: 0; width: 315px; height: 170px; overflow:hidden; } .home #content .cntr1 .entry-title, .home #content .cntr2 .entry-title {position: absolute; width: 270px; top: 10%; left: 5%; font: 19px "PTSansBold", "KarlaBold", "Helvetica Neue", Helvetica, Arial, sans-serif;} .home #content .cntr1 h2.entry-title, .home #content .cntr2 h2.entry-title {line-height: 38px; margin-top: 25px; } @-moz-document url-prefix() {.home #content .cntr1 h2.entry-title, .home #content .cntr2 h2.entry-title {line-height: 38px; margin-top: 20px; }} .home #content .cntr1 p, .home #content .cntr1 .entry-meta, .home #content .cntr1 .dd_post_share, .home #content .cntr2 p, .home #content .cntr2 .entry-meta, .home #content .cntr2 .dd_post_share {display:none; } /* cntr3 styling */ .home #content .cntr2 {margin: 0; padding: 0; float:right; } /* Need the span back on 1,2,3 */ #content .cntr1 h2 a span.headerArrow, #content .cntr2 h2 a span.headerArrow {display:none;} /* cntr4, cntr5, cnrt6 */ .home #content .cntr3, .home #content .cntr4, .home #content .cntr5, .home #content .cntr6 {margin: 0; padding: 35px 0; float: left; } .home #content .cntr3 .post-thumbnail img, .home #content .cntr4 .post-thumbnail img, .home #content .cntr5 .post-thumbnail img, .home #content .cntr6 .post-thumbnail img {padding: 0; width: 200px; height: 132px; position:relative; overflow:hidden; margin-right:15px;} .home #content .cntr3 {clear: both; margin-top: 20px; border-top: 1px solid #C2C2C2; } /* Make more space for this specific post on home */ .home #content .cntr3 .dd_post_share, .home #content .cntr4 .dd_post_share, .home #content .cntr5 .dd_post_share, .home #content .cntr6 .dd_post_share {margin-bottom: 0; } .home #content .cntr6, .search #content .cntr6 {border: none; margin-bottom: 30px; } /* Special Treatment for first three headlines on a page */ /*#content .cntr1 h2.entry-title a span:nth-last-of-type(1) {font: 48px 'symboldregular'; padding-left: 6px; vertical-align: text-bottom; } */ /*@-moz-document url-prefix() {#content .cntr1 h2.entry-title a span:nth-last-of-type(1) { vertical-align: -3%; }}*/ #content .cntr3 h2.entry-title a span:nth-last-of-type(1), #content .cntr4 h2.entry-title a span:nth-last-of-type(1), #content .cntr5 h2 a span:nth-last-of-type(1), #content .cntr6 h2 a span:nth-last-of-type(1) {display: none; } /* Big blue box @ bottom of home */ #homeCatNav {border: 1px solid #3786ad; background-color: #43a3d3; overflow:hidden; margin-bottom: 50px; } #homeCatNav .homeCatSingle {width: 44%; float:left; margin: 23px 10px 0 23px;} #homeCatNav .homeCatThree, #homeCatNav .homeCatFour {margin-top: 0;} #homeCatNav .homeCatSingle img {border: 1px solid #31789b;} #homeCatNav .homeCatSingle h3 {color: #FFF; text-transform:uppercase; letter-spacing: 1px; font-size: 1em; } #homeCatNav .homeCatSingle h3 span {text-transform: lowercase; font-size: 1.5em; font-weight: normal; } #homeCatNav a, #homeCatNav a:hover {text-decoration: none; } #homeCatNav a:hover h3 {color: #cbeffe; text-decoration: none; } #homeCatNav span:hover {text-decoration: none; } /* Post Navigation @ Bottom */ #prevNextNavContainer {position:relative; height: 60px; clear: left; margin: 0 auto; } .prevNextNavBorder {height: 1px; background: #C2C2C2; } .home #nav-below, .search #nav-below, .archive #nav-below { position:absolute; top: -11px; margin: 0; } .home #nav-below .nav-previous, .search #nav-below .nav-previous, .archive #nav-below .nav-previous {width: auto; margin-left: 200px; float: none; } #nav-below .nav-next {display:none; } #nav-below .nav-previous a {color: #43a3d3; font-family: "KarlaRegular","Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 21px; background: #FFF; padding: 0 15px; } #nav-below .nav-previous a:hover {color: #3786ad; text-decoration: none; } .nav-previous span {font-size: 1.5em; } /* Articles in Single View */ .single #content .post .post-thumbnail img {width: 630px; height: auto; } .single #content .post h1 {color: #3bafe1; } .single #content .post .entry-content {width: 530px; padding-left: 25px; } /* Articles in Archive, Category, Search Views */ .archive #content .post, .search #content .post {margin: 0; padding: 35px 0; float: left; width: 100%; } .archive #content .post .post-thumbnail, .search #content .post .post-thumbnail {padding: 0; width: 200px; height: 175px; position:relative; overflow:hidden; margin-right:15px;} .archive #content .post .post-thumbnail img, .search #content .post .post-thumbnail img {position: absolute; top: 0; left: 0; width:200px; } .archive #content .cntr6, .search #content .cntr6 {border: none; margin-bottom: 30px; } .archive #content .cntr1, .search #content .cntr1 {padding-top: 0; } .archive #content .postContent p:first-of-type, .search #content .postContent p:first-of-type {display:inherit; margin-bottom: 0; } .archive #content .entry-meta, .search #content .entry-meta {border: none; padding-bottom: 12px; } .search h1, .search h1 span {color: #2a2a2a; font: 24px "KarlaRegular","Helvetica Neue", Helvetica, Arial, sans-serif; border-bottom: 1px solid #C2C2C2; padding-bottom: 25px; } .search h1 span {font-family: "KarlaItalic"; border: none; } /* Articles in Author View */ .author #content .post .post-thumbnail { display:none; } .author #content .cntr1 .post-thumbnail {display:inherit; } /*Restore from above rule for just the first post */ .author #content .cntr1 {border-top: 1px solid #C2C2C2; padding-top: 35px; } .author #content .post .postContent {float:none; width: auto; } .author #content .cntr1 .postContent {float:right; width: 66%; } .author #content .post .postContent p { display: none; } .author #content .cntr1 .postContent p {display: inherit; } .author #content .post {padding: 12px 0; clear: left; width: 100%; } .author #content #prevNextNavContainer .nav-previous a {position: absolute; top: -10px; left:200px; } .author #nav-below .nav-next a {display:none; } .author #content #entry-author-info h2 {color: #797979; text-transform: uppercase; font: 18px "KarlaRegular","Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 20px; } .author #content .cntr2 h2 a span.headerArrow, .author #content .cntr3 h2 a span.headerArrow, .author #content .cntr4 h2 a span.headerArrow, .author #content .cntr5 h2 a span.headerArrow, .author #content .cntr6 h2 a span.headerArrow {display:inherit; font-size: 1.5em;} /* Community Forms Page Styling (mostly just gravity forms overrides) */ #content .gform_wrapper .gform_footer input.button, #content .gform_wrapper .gform_footer input[type="submit"] { height: 36px; width: 160px; cursor:pointer; -moz-border-radius: 3px 2px 2px / 3px 3px 3px 3px; -webkit-border-radius: 3px 2px 2px / 3px 3px 3px 3px; border-radius: 3px 2px 2px / 3px 3px 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #3bafe1; color: #FFF;border:none; margin-top:8px; text-transform:uppercase; font: 14px "KarlaRegular","Helvetica Neue", Helvetica, Arial, sans-serif; } /* Sidebar */ #main .widget-area ul {padding: 0;} .widget-area ul li {background: #F5F5F5; border: 1px solid #D9D9D9; } .widget-area ul li h3 {color: #FFF; background: #86d06c; text-transform: uppercase; font: 1em "KarlaBold", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.625em; padding: 5px 5px 5px 12px; font-weight: normal; } .widget-area .widget_twitter ul {list-style-type: none; padding-bottom: 13px; margin-left: 0; } #main .widget-area ul ul {margin-left: 0; } .widget-area .widget_twitter ul li { border: 0; padding: 12px 10px;} /* SPECIFIC STYLES TO SPECIFIC WIDGETS. IDs WILL CHANGE ONCE LIVE */ #primary #text-17, #primary #facebook-likebox-2, #primary #text-27, #primary #text-28 {background: none; border: none; } /* Twitter Widget Pro */ .widget_twitter span a {color: #3BAFE1; } .widget_twitter .follow-button {margin: 0px 12px 8px 12px; } .widget_twitter .intent-meta a {background: url(images/everything-spritev2.png); /** from Twitter resources, https://dev.twitter.com/docs/image-resources */display: inline-block;height: 16px;text-indent: -9999px; width: 16px;} .widget_twitter .intent-meta a.in-reply-to { background-position: 0 center; } .widget_twitter .intent-meta a:hover.in-reply-to { background-position: -16px center; } .widget_twitter .intent-meta a.favorite { background-position: -32px center; } .widget_twitter .intent-meta a:hover.favorite { background-position: -48px center; } .widget_twitter .intent-meta a.retweet { background-position: -80px center; } .widget_twitter .intent-meta a:hover.retweet { background-position: -96px center; } .sidebarSocialClub { margin-bottom: 10px; } .sidebarSocialClub a {padding: 0 12px;} .sidebarSocialClub a:hover {text-decoration: none; } .sidebarSocialClub a span:hover {text-decoration: none; color: #44a4d3;} .sidebarSocialClub span {font-size: 75px; color: #3bafe1; line-height:65px;} /*Newsletter Signup Box */ #signMeUp {font: 14px "KarlaRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;} /* Sidebar Search Form */ #primary .widget_search #s {width:82%; } form.search fieldset {position:relative; } form.search fieldset input[type="text"] { margin: 12px; width: 50%; padding: 10px 14px; font-size: 16px; font-style: italic; border: 1px solid #c9c9c9; background: #FFF;} form.search fieldset input[type="submit"] {position:absolute; top: 15px; left: 250px; padding: 6px; font-family: 'symboldregular'; font-size: 28px; color: #747474; border: none; background: none; cursor: pointer;} @-moz-document url-prefix() { form.search fieldset input[type="submit"] {top: 10px;}} form.search fieldset input[type="submit"]:hover, form.search fieldset input[type="submit"]:focus { color: #333; } form.search fieldset input[type="submit"]:active { color:#333; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"], textarea {-webkit-box-shadow: none; box-shadow:none; } /* Commenting with Disqus - MOAR Whitespace */ #disqus_thread {margin: 35px 0; } /*Author Page */ .author h1.author {font: 24px "KarlaRegular", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2A2A2A; border-bottom: 1px solid #C2C2C2; padding-bottom: 20px; } .author h1.author span.vcard {font: 24px "KarlaRegular", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2A2A2A; font-style: normal; } .author h1.author span a {color: #2A2A2A; } .author h1.author span a:hover {text-decoration: underline; } #entry-author-info {border: none; background: none; padding: 0; float: left; } #entry-author-info #author-avatar {float: none; height: auto; background: none; border: none; } .authorDetails { border: 1px solid #d9d9d9; background-color: #f5f5f5; overflow:hidden; padding: 10px; width:153px; } #entry-author-info .authorDetails h4 {text-transform: uppercase; color: #797979; margin: 0;} .authorDetails .authorWeb {margin: 0; float:none; height: auto; white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word; /* IE 5+ */} .authorDetails a {margin: 12px 9px; float:left; } .authorIcons {overflow:hidden; margin-top: 8px; } .authorIcons a:first-child {margin-left: 0; } .authorIcons a:last-child {margin-right: 0; } .authorIcons a span {font-size: 65px; color: #3bafe1; } .authorIcons a:hover {text-decoration: none; } .authorIcons a span:hover {text-decoration: none; color: #44a4d3; } #entry-author-info {width:100%;} #content #author-avatar {padding:0;width:175px;float:left;} #content #author-avatar img {width:175px;height:auto;max-width:175px;} #entry-author-info #author-description {margin:0;float:right;width:62%;} .author #content h2.authorPostsTitle { font: 24px "KarlaRegular", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2A2A2A; margin-bottom: 0; padding-bottom: 25px; margin-top: 20px; } /* LAYOUT: Pre and Code. DESCRIPTION: Fixing these so when scaled down they won't create a scroll bar and break the responsiveness. NOTE: Do not use these two together... ie. 
Something
*/ #content pre {font-size: 80%;overflow: hidden;padding: 1em;} #content code {font-size: 70%;margin-bottom: 24px;} /* LAYOUT: Responsive Images & Video. */ #branding img, #content img { margin: 0;height: auto; } iframe, object, embed{ max-width: 100%;} #content .wp-caption{ padding: 0px; width: auto !important;} #content .wp-caption.alignnone{clear: both;} #content .metaslider .rslides li a .caption-wrap .caption span.arrow strong, #content .cntr1 .entry-title span.arrow strong, #content .cntr2 .entry-title span.arrow strong {font-family: "symboldregular";background-color:transparent;color:#fff;} #content .metaslider .rslides li a .caption-wrap .caption span.arrow strong {font-size:48px;line-height:24px;} #content .cntr1 .entry-title span.arrow strong, #content .cntr2 .entry-title span.arrow strong {font-size:32px;line-height:24px;} /* Responsive Below */ @media only screen and (min-width: 768px) and (max-width: 1024px) { /* iPad Landscape */ body {width: 100%; } #wrapper {width: 100%; } #main {width: 96%; margin: 0 auto; } #access, #access .menu-header,div.menu,#colophon,#branding,#footer {margin: 0 auto; width: 100%; } #branding{ overflow: hidden; } #masthead {width: 100%; } #access {padding-top: 15px; } #access ul {overflow:hidden; margin: 0 auto; width: 90%; } #access a { font-size: 1em; } #access li a {padding: 0 20px; font-size: 14px; } #header .execphpwidget {width: 475px; } .execphpwidget a img { height:auto; max-width:225px; padding:3px; } #site-title {margin-top: 0; } #site-title a img {margin-top: 0; max-width: 300px; } #site-title img {top: -10px; max-width: 225px; height: auto; margin: 55px 0 0 25px; } #branding {top: 0;} #footer #site-info {margin-left: 25px; width: 8%; } /* LAYOUT: Responsive Images & Video */ #content img { margin: 0; height: auto; max-width: 100%; width: auto;} .home #content .cntr1 .post-thumbnail img, .home #content .cntr2 .post-thumbnail img { max-width:none;height:200%; } img, object, embed, iframe, #content .wp-caption { max-width: 100%; } #content .wp-caption img{ max-width: 95%; } /* LAYOUT: Two columns */ #container {float: left; margin: 0 -32% 0 0; } #content {width: 65.5%; /*margin: 0 29.787234% 0 20px;*/ margin: 0 32% 0 0; } #primary, #secondary { overflow: hidden; width: 32% /* 200px / 940px */ } #site-title, #site-info {width:25%; margin: 15px 20px; } #footer-widget-area .widget-area, #site-generator, #site-description {width: 23.40425535% /* 200px / 940px */ } /*Correct Everything for smaller size screens */ .home #content .cntr1 .post-thumbnail, .home #content .cntr2 .post-thumbnail {width: 310px; height:165px;} .home #content .cntr1 h2.entry-title, .home #content .cntr2 h2.entry-title {margin-top: 20px; } .home #content .cntr4 {margin-top: 25px; } .postContent {width: 62%; } #headerCats a span.symbolD {font-size: 4em; } #headerCats {width: 55%; } #headerCats div {margin: 0 1.5em;} #motivation .headerIcon {margin-left: 19px;} #productivity .headerIcon {margin-left: 26px; } #health .headerIcon {margin-left: 6px; } #selfImprovement .headerIcon {margin-left: 43px;} #footerSocialClub {margin-right: 25px; } #footerSocialClub a span {font-size: 80px; padding: 0 10px; } #footerNav {margin: 0 37px 20px 0; clear:both; } #primary .sidebarSocialClub a {padding: 0 12px;} #primary .sidebarSocialClub span {font-size: 65px; color: #3bafe1; line-height:65px;} #primary .sidebarSocialClub:first-child {margin-left:8px; } /* Oh God the forms why iOS why */ form.search fieldset input, #signMeUp {-webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0;} } /* end @media only screen and (min-width: 768px) and (max-width: 1024px) */ @media only screen and (min-width: 661px) and (max-width: 768px) { /* iPad Portrait */ #wrapper {width:100%; overflow:hidden; } #access {width: 96%; margin: 0 15px; padding: 15px 0; } #access li {width: 165px; } #access li a {padding: 0 0 0 20px; font-size: 12px; } #access ul {width: 98%; } #masthead {width: 100%; } #main {width: 100%; padding: 20px 0 0 0;} #content {margin: 0 0 0 20px; width: 95%;} #branding {overflow: hidden; top: 0; padding-bottom: 0; } #site-title a img { max-width: 250px; height: auto; } #site-title {margin: 12px 20px 20px 20px; } #homeCatNav .homeCatSingle img {width: 100%; } #footer {width: 100%; } #footerNav, #copyright {float:left; clear:left; } #copyright {margin-left: 0; } #footerNav li:first-child {padding-left: 0; } .archive #content .cntr1, .search #content .cntr1 {width: 100%; } #headerCats {width: 68%; margin-top: 8px; } #headerCats div {margin: 0 1.25em; } #headerCats a span.symbolD {font-size: 3em; line-height:0.9em;} #headerCats span.ptbHeaderText {font-size: 14px; } #headerCats #motivation {margin-left: 4em; } #motivation .headerIcon {margin-left: 22px;} #productivity .headerIcon {margin-left: 28px; } #health .headerIcon {margin-left: 6px; } #selfImprovement .headerIcon {margin-left: 38px;} .home #content .cntr1 .post-thumbnail img, .home #content .cntr2 .post-thumbnail img { max-width:none;height:200%; } .home #content .cntr1 .entry-content, .home #content .cntr2 .entry-content {width: 357px; height: 200px; } .home #content .cntr1 .post-thumbnail, .home #content .cntr2 .post-thumbnail {width: 353px; height: 200px; } .home #content .cntr1 .entry-title {width: 90%; } .postContent {width: 65%; margin-right: 0;} #wrapper #content #searchform input.button {left: 355px; } /*Search button on-page is wider, this moves the search glass over 40px to match */ /* Trying to make sidebar less clunky once it falls beneath content...float each sidebar
  • , change overall sidebar size */ #main .widget-area ul {padding: 0; float: left; overflow: hidden; margin: 0 auto; } #main .widget-area ul li {width: 310px; margin: 12px 20px 0; float: left; } #primary, #secondary { margin: 0 auto 30px; width: 745px; } .archive #primary, .search #primary {margin-top: 30px; } #primary li div {margin-top: 0; margin-bottom: 12px; } #primary ul { -moz-column-count: 2; -moz-column-gap: 0px; -webkit-column-count: 2; -webkit-column-gap: 0px; column-count: 2; column-gap: 0px; width: 725px; } #primary .widget-area ul li { display: inline-block; margin: 12px 20px 0; width: 100%; } #primary ul.xoxo .widget_twitter {display:block; } #primary ul.xoxo .widget_twitter { /* Here (and below) trying to avoid column break in middle of Twitter widget. */ -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -o-column-break-inside:avoid; -ms-column-break-inside:avoid; column-break-inside:avoid; } #primary ul.xoxo .widget_twitter ul li {width: 290px; display:block; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -o-column-break-inside:avoid; -ms-column-break-inside:avoid; column-break-inside:avoid; } #primary .widget_twitter ul li {width: auto; margin: 0; float: none; display:inherit; -moz-column-count: 1; -moz-column-gap: 0px; -webkit-column-count: 1; -webkit-column-gap: 0px; column-count: 1; column-gap: 0px; } #primary ul.xoxo .widget_search {margin-top: 0; } #homeCatNav { margin-bottom: 30px; } #colophon {padding: 15px 0 18px; } #copyright {margin: 68px 0 0 0; float:none; clear: none; width: 68%; } #footerRight {float: left; width: 100%;} #footerSocialClub {width: 25%; float: right; line-height: 50px; margin: -115px 0 0 35px; } #footerNav {margin-left: 45px; float: right; margin-top: 30px; width: 80%; } #footerNav ul {float: right; margin-right: 30px; } /* Oh God the forms why iOS why again */ form.search fieldset input, #signMeUp {-webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; } } /* end @media only screen and (min-width: 661px) and (max-width: 768px) */ @media only screen and (min-width: 319px) and (max-width: 660px) { /* iPhone */ body > iframe {display: none; } #dd_start, #dd_end {display: none !important; } #wrapper { margin: 0 auto; width: 100%; } #access,#access .menu-header, div.menu,#colophon, #branding, #main, #header, #footer, #masthead {margin: 0 auto;width: 100%;} #branding {overflow:hidden; top: 0; position: relative; padding-bottom: 0; } #site-title {width: 100%;} #container {float: left;width: 100%;overflow: auto;} #content { margin: 0 ;overflow:hidden;} #primary,#secondary {float: left;overflow: hidden; margin-left: 10px; } #secondary {clear: left;} #main {padding-top: 15px; } #site-generator, #site-description, #site-info, #site-title {clear: left;float: left;padding: 0; margin: 0;} #headerCats {width: 100%; background: #369fce; line-height: 12px; border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); } #headerCats div {width: 25%; margin: 0; border-right: 1px solid rgba(0,0,0,0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 80px; } #headerCats div:last-child {border-right: none;} #headerCats div a span {text-align: center;} #headerCats #motivation, #headerCats #productivity, #headerCats #health, #headerCats #selfImprovement {margin: 0; } #headerCats a span.symbolD {font-size: 2.5em; line-height: 25px; display:block; margin: 0 auto; margin-top: 10px; } #headerCats a span.ptbHeaderText {font-size: 11px; text-align: center; display:block; margin: 0 auto; } #headerCats #health a span.ptbHeaderText {margin: 0 28%;} #site-title span {display:block; margin: 0 auto; } #site-title a img {float: none; margin-left: 100px; max-width: 175px; height: auto; padding: 5px 5px 10px 5px; } #primary, #secondary {margin-top: 35px; clear:left; } #content h2 a {font-size: 21px; } .home #content .cntr1 .post-thumbnail {height: 200px; } .home #content .cntr1 h2.entry-title, .home #content .cntr2 h2.entry-title {margin-top: 25px; line-height: 35px; width: 90%; margin-left:auto; margin-right:auto; font-size: 19px; } .home #content .cntr1 .post-thumbnail, .home #content .cntr2 .post-thumbnail {width: 320px; height: 180px; } .home #content .cntr1, .home #content .cntr2 {margin-bottom: 10px; } .home #content .cntr3 {border-top: none; margin-top: 15px; padding-top: 20px;} .home #content .cntr3 .post-thumbnail, .home #content .cntr4 .post-thumbnail, .home #content .cntr5 .post-thumbnail, .home #content .cntr6 .post-thumbnail {display:none; } .home #content .cntr3 .postContent, .home #content .cntr4 .postContent, .home #content .cntr5 .postContent, .home #content .cntr6 .postContent { width: 90%; float: left; margin-left: 1em; } .foldAd {float: left; padding-top: 30px; } .home #nav-below .nav-previous, .search #nav-below .nav-previous {margin-left: 58px; } .postAds {margin: 0 0 15px 0; padding: 0 5px; } #homeCatNav {margin-bottom: 0; } #homeCatNav .homeCatSingle {width: 41%; margin: 23px 10px 0 15px; } #homeCatNav .homeCatSingle h3 {font-size: 15px; } #nav-below .nav-previous a {font-size: 16px; } /* Oh God the forms why iOS why again and again*/ form.search fieldset input, #signMeUp {-webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0;} /* Now we work on getting all the article & category views cleaned up */ #content {width: 93%; margin: 0 auto; } #content .hentry {margin: 0; } .home #content .cntr1 {margin-bottom: 10px; padding-bottom: 0; } .post-thumbnail {padding: 0 0 .75em 0; } #content .entry-meta {border-bottom: none; padding-bottom: 5px; } .single #content .post .entry-content {width: 100%; padding-left: 0; margin-left: 0; border-left: none; } #entry-author-info #author-description {float: left; clear: both; margin-top: 10px; width: 100%; } .author #content h1.author {margin-bottom: 10px; padding-bottom: 5px; } #entry-author-info {margin-top: 12px; } #content #entry-author-info #author-avatar img {max-width: 105px; float: left; padding-right: 15px; } #content #entry-author-info #author-avatar .authorDetails {float: left; } #content #author-avatar {float: none; width: 100%; } .author #content h2.authorPostsTitle {margin: 0; padding-bottom: 5px; } .archive #content .post .post-thumbnail, .search #content .post .post-thumbnail {width: 100%; margin-bottom: 8px; } .author #content .cntr1 .postContent {width: 100%; } .author #content #prevNextNavContainer .nav-previous a {left: 58px; } .archive #content .postContent, .search #content .postContent {width: 100%; } .entry-content, .entry-summary {padding: 0; } #content .search input[type="submit"] {left: 260px; } form.search fieldset input[type="text"] {width: 267px; } /*More on sidebar */ .sidebarSocialClub {margin-left:4px;} .sidebarSocialClub span {font-size: 70px; } .sidebarSocialClub a {padding: 0 9px; } #main #container #content .post .entry-content .postContent .dd_post_share .dd_buttons .dd_button {padding: 0; max-width: 105px; overflow:hidden; height:30px;} /*The Footer again */ #footer { margin-top: 15px; margin-bottom: -30px; } #colophon {padding: 18px 0 0; } #copyright {width: auto; float: none; font-size: inherit; clear: none; margin: 40px 10px 0 80px; } #copyright p {line-height: 18px; margin: 15px 8px 0 25px; } #footerRight {clear:both; } #footerSocialClub {margin-top: 0; float: left; margin-left: 18px; } #footerSocialClub span {font-size: 70px; padding: 0 12px; } #footerNav {width: 100%; float: none; } #footerNav ul {width: 100%; margin: 0 auto; background: #369fce; border-top: 1px solid rgba(0,0,0,0.1);} #footerNav ul li {width: 45%; padding: 18px 8px; border: none; } #footerNav ul li a {padding-left: 21px; } /* Here goes nothing on the nav */ #access li:hover > a, #access ul ul :hover > a {background: #222; color: #3BAFE1; } #access {padding: 0; border: none;} #wrapper { position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} #wrapper.active { left: 232px;} #access a.menu-link { float: left; display: block; position:absolute; top: 12px; left: 5px; color: #FFF; text-transform: lowercase; font-size: 35px;} #access nav[role=navigation] { background: #333; clear: both; overflow: hidden; } .js nav[role=navigation] {width: 232px;height: 100%;position: absolute;top: 0;left: -232px; } #access nav[role=navigation] ul {margin: 0;padding: 0;border-top: 1px solid #222; } #access nav[role=navigation] li {width:100%; } #access nav[role=navigation] li a {display: block;padding: 0.8em;color: #fff;border-bottom: 1px solid #222;font-size:0.8em;} /* LAYOUT: Responsive Images. DESCRIPTION: Responsive. */ #content img {margin: 0;height: auto;max-width: 100%; width: auto; } img, object, embed, #content .wp-caption {max-width: 100%;} #content .wp-caption{width: 100%;} #content .wp-caption img{max-width: 90%;} #content .wp-caption.alignleft{ float: left;} #content .wp-caption.alignright{float: right;} #content .alignleft,#content img.alignleft {display: block; float: none;margin: 0px auto;padding: 0px 0px 5px 0px;} #content .alignright, #content img.alignright { display: block; float: none;margin: 0px auto;padding: 0px 0px 5px 0px;} #content .metaslider .rslides .caption-wrap .caption { line-height: 1.0em; } #content .metaslider .rslides li a .caption-wrap .caption span { font-size:0.60em;margin-left:-7px;margin-right:-7px; } #content .metaslider .rslides li a .caption-wrap .caption span.arrow strong { font-size:36px; } /*#content .cntr1 .entry-title span.arrow strong,*/ /*#content .cntr2 .entry-title span.arrow strong {font-size:26px;line-height:24px;}*/ #content .metaslider .rslides li a .caption-wrap { bottom:50px; right:25px; left:25px; } } /* end @media only screen and (min-width: 481px) and (max-width: 660px) */ /* Media = Mobile - iPhone */ @media handheld, only screen and (max-device-width: 480px) { iframe, object, embed { width: auto; } #content pre { font-size: 60%; overflow: hidden; padding: 1em; } #content code { font-size: 50%; margin-bottom: 24px;} #content .metaslider .rslides li a .caption-wrap .caption span { font-size:0.60em;margin-left:-7px;margin-right:-7px; } }/* end @media handheld, only screen and (max-device-width: 480px) */ /* Media = Mobile - All Others - orientation:portrait */ @media handheld, only screen and (max-device-width: 480px) and (orientation:portrait) { iframe, object, embed{ width: auto; } #content pre {font-size: 80%; overflow: hidden; padding: 1em; } #content code { font-size: 50%; margin-bottom: 24px; } #content .metaslider .rslides li a .caption-wrap .caption span { font-size:0.60em;margin-left:-7px;margin-right:-7px; } .home #content .cntr1, .home #content .cntr2 {float:none;} .home #content .cntr1 .entry-content, .home #content .cntr2 .entry-content {width:100%;} .home #content .cntr1 .entry-content .entry-title, .home #content .cntr2 .entry-content .entry-title {top:0%;} }/* end @media handheld, only screen and (max-device-width: 480px) and (orientation:portrait) */ /* Media = Mobile - All Others - orientation:landscape */ @media handheld, only screen and (max-device-width: 767px) and (orientation:landscape) { iframe, object, embed{ width: auto; } }/* end @media handheld, only screen and (max-device-width: 767px) and (orientation:landscape) */ .pw-float-left { left:50% !important; margin-left: -480px; margin-top: 0px !important; top: 896px; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } .metaslider { margin:0px auto; } .metaslider .rslides .caption-wrap { background-color: transparent; bottom: 100px; left:50px; right:50px; width: auto; color: #39a2ce; font-size: 34px; opacity:1; filter:alpha(opacity=100); } .metaslider .rslides .caption-wrap .caption { font: 0.98em "PTSansBold", "KarlaBold", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.4em; } .metaslider .rslides .caption-wrap .caption span { margin-left:-8px; margin-right:-8px; padding:8px; } .metaslider .rslides .caption-wrap .caption .headlineHoverClass { background-color: #378bb0; } .metaslider .rslides .caption-wrap .caption span { background-color: #39a2ce; color: #fff; } .rslides li { /* This fixed the issue with typographicbg */ display: block !important; } .rslides li a img { width: 100% !important; } .rslides_nav { display: none; background-image: url('images/arrows.simple.png'); background-repeat: no-repeat; background-color: transparent !important; font-size:0; color: transparent; width:10px; } .rslides_nav.next { background-position: -30px !important; } .rslides_tabs { position: absolute; bottom: 0px; z-index: 100; background-color: transparent !important; } .rslides_tabs li { font-size: 0; display: inline-block; width: auto; } .rslides_tabs li a { padding:0; display:inline-block; background: transparent url('images/bullets.png') no-repeat; width: 22px; height: 22px; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } .rslides_tabs li.rslides_here a, .rslides_tabs li a:hover { background: transparent url('images/bullets.png') no-repeat; background-position:0 -22px; } .home #content .stackAd .cntr3 { margin-top: 0px; border-top: none; } .mobile-only-google-ad { display: none; } @media (max-width: 769px) { .mobile-only-google-ad { display: block; margin: 0 auto; width: 100%; height: 300px; background-color: #fff; } }