body { margin: 0 0 0 0;font-family: 'Open Sans', Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; font-size: 14px; background: #eee; } a img { border: 0; } h1 { font-size: xx-large; font-family: Georgia, Arial, Helvetica; font-weight: normal; color: #747474;} h2 { margin-top: 1.5em; font-size: x-large; font-family: Georgia, Arial, Helvetica; } h2 a { color: #747474; text-decoration: none; font-weight: normal; } h2 a:hover { text-decoration: underline; } h3 { margin-top: 0; } code { display: block; padding: 5px; line-height: 1.5em; font-family: Courier, Georgia, sans-serif; background: #f7f7f7; } #logo { width: 960px; height: 48px; margin: 0 auto; padding: 24px; } #social-top { float: right; width: 192px; height: 64px; margin: -18px 6px 0 0; background: url(/src/img/social-bg.png) no-repeat; } #social-top a { float: left; width: 64px; height: 64px; } #wrapper { position: relative; width: 980px; margin: 0 auto; padding: 20px 0 20px 20px; background: #fff; } #footer { max-width: 1000px; margin: 0 auto; padding: 20px; background: #f7f7f7; border-top: 5px solid #f9d95b; } #chrome-store { float: right; margin: -1em 0 0 0; } /* layout */ #container { float: left; margin: 0 -280px 0 0; width: 100%; } #content { margin: 0 300px 0 0px; } #primary, #secondary { float: right; width: 210px; margin-right: 40px; } #primary { margin-top: -20px; border-left: 1px solid #ddd; } #secondary { clear: right; } #primary > ul { margin: 10px; padding: 0; list-style: none; } #primary > ul > li + li { width: 100%; margin: 0 0 10px 0; padding: 20px !important; background: #efefef; } #primary ul ul { margin-left: 0; padding-left: 1.25em; } /* home */ .home h2 { margin: 0 150px 0 0;} div.post { position: relative; } .home div.post, .archive div.post, .search div.post { margin: 0 0 1em 0; padding: 0 0 1.5em 0; border-bottom: 1px solid #888; } .home .entry-date, .archive .entry-date, .search .entry-date { float: left; width: 50px; height: 55px; margin-top: 1.25em; padding: 2px 0; text-align: center; line-height: 18px; font-size: 14px; font-weight: bold; color: #676767; border: 1px solid #777; border-radius: 5px; background: #f7f7f7; z-index: 10000; } .home .entry-date strong, .archive .entry-date strong, .search .entry-date strong { display: block; font-size: 16px; color: #000; } .home .entry-content, .archive .entry-summary, .search .entry-summary { margin-left: 60px; } div.post .wp-post-image { float: right; margin: -2.75em 0 0 2em; max-width: 128px; max-height: 128px; } #text-4 ul { margin: 10px 0 0 15px !important; list-style-type: none; } /* home links */ #text-4 ul li { float: left; margin: 10px -1px 0 0; font-size: 13px; border: 0; background: none; } #text-4 ul li a { display: block; padding-left: .75em; line-height: 12px; border-left: 1px solid #888; text-decoration: none; } #text-4 ul li:first-child a { padding: 0; border: 0; } #text-4 ul li:hover a { text-decoration: underline; } #searchform { clear: both; padding-top: 15px; } #searchform label { display: none; } #searchform #s { width: 130px; } #searchform input[type=text] { width: 100px !important; padding: 2px 0 2px 0; } #post-ad { margin: 0 0 0 -10px; } #post-inline-ad { position: relative; float: right; margin: 0 3em 3em 2em; } #post-inline-ad.sidebar { margin: 10px -40px 0 0; } #coda-ad { margin: 15px 0 0 20px; } .amazon-sidebar { margin: 0 0 0 38px; } .left-amazon-widget { float: left; margin-right: 24px; } .right-amazon-widget { float: right; margin-left: 24px; } #subscribe-below-content { float: right; margin: 2em 0 2em 2em; } #social-primary { position: absolute; top: -58px; right: 175px; text-align: right; line-height: 2em; } #fb-like-primary { float: right; margin: 8px 0 0 12px; } #gplus { float: right; margin: 8px -38px 0 12px; } #social-pages { position: absolute; right: 156px; margin-top: 12px; width: 200px; } .post-secondary-like { width: 450px; margin-bottom: 1em; padding: .5em 1em; line-height: 1.5em; border-left: 10px solid #888; background: #ddd; } .post-secondary-like div { margin-top: 5px; } #post-bottom-social { position: absolute; margin: 275px 0 0 285px !important; } .social { margin: 2em 0 2em 0; } .facebook-like { float: left; } .twitter-share-button { margin: 0 28px 0 32px; } .dzone-submit { position: absolute; left: 252px; margin-top: -68px; } .reddit-submit { position: absolute; left: 324px; margin-top: 28px; } .reddit_button { display: block; width: 150px; } .linked-in-submit { position: absolute; left: 418px; margin-top: -61px; } .appnet-submit { position: absolute; left: 498px; margin-top: -61px; } /* #post-bottom-social.vertical { position: fixed; bottom: 3%; width: 68px; margin-left: -109px; padding: 5px 10px; border: 1px solid #ccc; border-right: 0; border-radius: 5px 0 0 5px; background: #eee; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7d7d7', endColorstr='#ffffff', gradientType=1); background: -webkit-gradient(linear, left top, right top, from(#d7d7d7), to(#ffffff)); background: -moz-linear-gradient(left, #d7d7d7, #ffffff); } #post-bottom-social.vertical { *left: 0; *margin-left: 0; } .vertical .facebook-like { float: none; margin: 8px 0 8px 3px; } .vertical .twitter-share-button { display: block; margin: 12px 0; } .vertical .dzone-submit, .vertical .reddit-submit, .vertical .linked-in-submit { position: static; margin: 8px 0; } .vertical .appnet-submit { display: none; } .vertical #google-plus { margin-left: 4px; } .vertical .dzone-submit { margin-left: 3px; } .vertical .reddit-submit { margin-left: 2px; } */ .visualClear { clear: both; } /* posts */ .entry-content { margin-bottom: 4em; line-height: 1.5em; } .entry-content li { margin: .5em 0; } #nav-below { margin-top: 2em; } .page-link { width: 200px; padding: .75em 1em; font-size: 1.5em; border: 1px solid #aaa; border-radius: 0 10px 10px 0; background: #def; } .page-link a { padding: 0 .5em; font-weight: bold; border-left: 1px solid #888; border-right: 1px solid #888; } .alignright { float: right; margin-left: 1.5em !important; border: 0; } .alignleft { margin-right: 1.5em !important; border: 0; } .single-post .pin-wrapper { position: relative; float: right; margin: 0 -1.5em 0 1.5em; *margin: 1em 270px 0 0; } .single-post .pin-wrapper a { position: absolute !important; bottom: 0; right: 0; } .single-post time { display: block; padding-top: 1em; } .single-post .navigation div { width: 35%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .single-post .nav-next { float: right; margin-right: 160px; } .single-post #content .twitter-follow-button { float: right; margin: 12px 20px 0 0; } .entry-utility .author { display: none; } /* content */ .entry-content h3 { margin-top: 1.5em; } .entry-content table { width: 100%; margin-left: -8px; } .entry-content table caption { color: #600; } .entry-content td, .entry-content th { vertical-align: top; padding: 4px 8px; text-align: left; } .entry-content th span { font-weight: normal; } .entry-content tbody tr:nth-child(odd) { background-color: #f7f7f7; } #share-for-tips-title { margin: .75em 0 0 0; font-size: 2.25em; } #share-for-tips-title span { display: block; font-size: .75em; color: #555; } #share-for-tips { margin-left: -10px; } #share-for-tips img { position: absolute; margin: -250px 0 0 -35px; } #share-for-tips p { padding: 10px; border: 2px solid #376b9d; background: #f5fafe; } #post-tips { margin-top: 2em; } #post-bottom-social.vertical ~ #share-for-tips-title { margin: 1.5em 0 0 70px; font-size: 2em; } #post-bottom-social.vertical ~ #share-for-tips { margin: .5em 0 2em -22px; padding-left: 80px; background: url(images/share-post-arrow-left.png) 0 center no-repeat; } #post-bottom-social.vertical ~ #share-for-tips img { display: none; } #post-bottom-social.vertical ~ #share-for-tips p { padding: 12px; } .entry-content blockquote { margin-left: 0; border-left: 3px solid #a00; padding-left: 8px; color: #555; font-style: italic; } .post-aside { float: right; width: 270px; margin: 0 0 25px 25px; padding: 12px; font-size: .8em; border: 1px solid #d7d7d7; background: #f7f7f7; } ol .post-aside { margin-top: 5px; background: #fff; } .post-aside h4 { margin-top: 0; font-size: 1.25em; } .post-aside h5 { margin-bottom: .5em; font-size: 1em; } .post-aside ul { margin: 0 0 0 2em; padding: 0; } .post-aside ul.checks, .post-aside ul.exes { margin-left: 0; } .post-aside ul.checks li { padding-left: 20px; list-style-type: none; background: url(/blog/wp-content/themes/twentyten/images/check-x.png) 0 2px no-repeat; } .post-aside ul.exes li { padding-left: 20px; list-style-type: none; background: url(/blog/wp-content/themes/twentyten/images/check-x.png) 0 -236px no-repeat; } pre.prettyprint { display: block; padding: 16px !important; box-shadow: 0 0 4px #888; border-color: #aaa !important; } pre.prettyprint code { padding: 0; background: none; } li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 { list-style-type: decimal !important } pre.prettyprint li:nth-child(even) { background-color: #f7f7f7; } #entry-author-info { margin: 2em; float: left; text-align: center; } #entry-author-info img { margin: 4px 0; } #entry-author-info h6 { margin: 0; font-size: 1em; } .ol-heading { float: right; margin: 0; padding: 3px 8px; background: #666; color: #fff; } .ol-heading + ol { clear: both; } /* sidebar */ .widget-container ul { margin: 0; padding: 0; list-style-type: none; } .widget-container > ul, .textwidget > ul { padding-left: 0 !important; } .widget-container li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .widget-container > ul > li, .textwidget > ul > li { margin: 0 -20px; padding: 4px 15px 4px 20px; border-bottom: 1px solid #ccc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f7f6', endColorstr='#cbc7c3'); background: -webkit-gradient(linear, left top, left bottom, from(#f8f7f6), to(#cbc7c3)); background: -moz-linear-gradient(top, #f8f7f6, #cbc7c3); } .widget-container li li { padding: 2px 0; } .widget_recent_entries li a, .widget_categories li a, #text-5 li a, .widget_polls-widget li a { font-weight: bold; color: #33a; text-decoration: none; } .widget-container a:visited { color: #a55; } .widget-container a:hover { text-decoration: underline; } .widget-container li li a { font-weight: normal; } #text-4 div > ul > li { padding: 5px; } #categories-2 select { width: 190px; } #related-coda ul { margin: 0 0 0 0 !important; padding: 0 !important; } #related-coda li { padding: 5px 0; overflow: auto; white-space: inherit; } #related-coda a { text-decoration: none; } #related-coda a:hover { text-decoration: underline; } #related-posts { max-width: 500px; } #related-posts h4 { margin-bottom: .25em; font-size: 2em; } #related-posts ul { margin: 0 0 0 1.5em; padding: 0; list-style-type: none; } #related-posts li { margin: .5em 0; } #related-posts a { text-decoration: none; } #related-posts a:hover { text-decoration: underline; } .twitter-timeline { margin: 0; } /* comments */ #disqus_thread { margin-top: 2em; } /*#comments { width: 590px; margin-top: 2em; padding-top: 1em; font-size: 12px; border-top: 1px solid #888; } #comments-title { line-height: 1.25em; } .commentlist { margin-left: 0; padding-left: 0; font-size: 12px; line-height: 1.5em; list-style-type: none; } .commentlist li { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #ddd; } .commentlist li a { text-decoration: none; } .commentlist li a:hover { text-decoration: underline; } .commentlist li li { margin: 1em 0 0 0; padding: 0; border: 0; } .commentlist img { display: none; } .comment-author { font-weight: bold; font-size: 13px; } .comment-author cite { text-transform: capitalize; } .comment-reply-link { display: block; width: 60px; padding: 2px 8px; color: #a00 !important; border-radius: 5px; border: 1px solid #888; background: #eee; text-decoration: none; text-align: center; } #respond #submit { margin: 0 0 30px 100px; } */ .snipit-button { float: right; } /* WP-Paginate - WordPress Pagination Function */ .wp-paginate {padding:0; margin: 3em 0;} .wp-paginate li {display:inline; list-style:none;} .wp-paginate a {background:#ddd; border:1px solids #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;} .wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#888;} .wp-paginate .title {color:#555; margin-right:4px;} .wp-paginate .gap {color:#999; margin-right:4px;} .wp-paginate .current {color:#fff; background:#5f87ae; border:1px solid #89adcf; margin-right:4px; padding:3px 6px;} @media (min-width: 760px) { .fb_iframe_widget { margin-left: 1em; transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -moz-transform: scale(1.5); transform-origin: bottom left; -ms-transform-origin: bottom left; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -webkit-transform-origin: bottom left; } } /* ol styling */ .entry-content > ol { counter-reset:li; /* Initiate a counter */ margin-left:0; /* Remove the default left margin */ padding-left:0; /* Remove the default left padding */ } .entry-content > ol > li { position:relative; /* Create a positioning context */ margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */ padding:4px 8px; /* Add some spacing around the content */ list-style:none; /* Disable the normal item numbering */ border-top:2px solid #666; background:#f6f6f6; } .entry-content > ol > li:before { content:counter(li); /* Use the counter as content */ counter-increment:li; /* Increment the counter by 1 */ /* Position and style the number */ position:absolute; top:-2px; left:-2em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:2em; /* Some space between the number and the content in browsers that support generated content but not positioning it (Camino 2 is one example) */ margin-right:8px; padding:4px; border-top:2px solid #666; color:#fff; background:#666; font-weight:bold; font-family:"Helvetica Neue", Arial, sans-serif; text-align:center; } @media (min-width: 990px) { html, body { overflow-x: hidden; } } @media (min-width: 1550px) { #logo { position: fixed; top: 0; z-index: 1; } #social-top { position: absolute; left: 2.75em; top: 7em; } #chrome-store { position: fixed; left: 3.5em; top: 14em; } #wrapper { z-index: 2; } } @media all and (max-width: 950px) { body { overflow-x: hidden; } #logo { width: 95%; padding: 24px 2.5%; } #wrapper { width: 98%; padding-left: 2%; } #container { margin: 0 -33% 0 0; } #content { margin: 0 33% 0 0; } #primary { width: 22%; margin-right: 5%; } } @media all and (max-width: 700px) { #container { margin: 0 5% 0 0; } #content { margin: 0 3% 0 0; font-size: .9em; } #primary { float: none; clear: both; width: 91%; border: 0; } .left-amazon-widget { float: none; margin: 24px auto; } .right-amazon-widget { float: none; margin: 24px auto; } } @media all and (max-width: 410px) { #logo { padding: 13px; } #social-top { width: 96px; height: 32px; margin: 0 6px 0 0; background-size: 128px 32px; } #social-top a { width: 32px; height: 32px; } .fb_iframe_widget { margin: 0 0 0 2em; } #content { padding: 0 12px; } .home h2 { margin-right: 0; } .single-post .navigation div { width: 45%; } .single-post .nav-next { float: right; margin-right: 10px; } #nav-above { display: none; } h1.entry-title { font-size: 2em; } div.post .wp-post-image { margin-top: 0; max-width: 64px; max-height: 64px; } div.snipit-button { position: absolute; right: 0; margin-top: -19px; border-bottom: 0; border-radius: 2px 2px 0 0; } pre.prettyprint { overflow-x: auto; } #subscribe-below-content { float: none; margin-left: 0; text-align: center; } #subscribe-below-content > a img { margin: 0 auto; } .single-post #content .twitter-follow-button { float: none; } }