<data:blog.pageTitle/> <data:blog.pageName/> ~ <data:blog.title/> span { border-bottom: 2px solid #999; bottom: -2px; color: #444; display: block; font-size: 10px; font-weight: 500; line-height: 2.76333em; padding: 0.3125em 0 0.3125em 1em; position: absolute; right: 0; text-align: right; text-transform: uppercase; z-index: 1; } .recent-posts .other-recent-posts .comments-link > span { border-color: #bbb; color: #888; } .recent-posts .other-recent-posts .comments-link a:hover { color: #1982d1; border-color: #1982d1; } .recent-posts .other-recent-posts li:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; } /* =Attachments ----------------------------------------------- */.image-attachment div.attachment { background: #f9f9f9; border: 1px solid #ddd; border-width: 1px 0; margin: 0 -8.9% 1.625em; overflow: hidden; padding: 1.625em 1.625em 0; text-align: center; } .image-attachment div.attachment img { display: block; height: auto; margin: 0 auto 1.625em; max-width: 100%; } .image-attachment div.attachment a img { border-color: #f9f9f9; } .image-attachment div.attachment a:focus img, .image-attachment div.attachment a:hover img, .image-attachment div.attachment a:active img { border-color: #ddd; background: #fff; } .image-attachment .entry-caption p { font-size: 10px; letter-spacing: 0.1em; line-height: 2.6em; margin: 0 0 2.6em; text-transform: uppercase; } /* =Navigation -------------------------------------------------------------- */#content nav { clear: both; overflow: hidden; padding: 4px 0 0 0; } #content nav a { font-size: 1em; font-weight: bold; } #nav-above { padding: 0 0 1.625em; } #nav-above { display: none; } .paged #nav-above { display: block; height: 40px; margin-top: -2px; } .nav-previous { float: left; width: 40%; } .nav-previous a { padding-bottom: 2px; border-bottom: 1px solid #DDDDDB; } #content #nav-below a { font-size: 1em; } .nav-next a { padding-bottom: 2px; border-bottom: 1px solid #DDDDDB; } .nav-previous a:hover { border-bottom: 1px solid #b1b1b1; } .nav-next a:hover { border-bottom: 1px solid #b1b1b1; } .nav-next { float: right; text-align: right; width: 40%; margin-left: 15px; } .nav-next span { font-size: .7em; padding-left: 3px; } .nav-previous span { font-size: .7em; padding-right: 3px; } #content nav .meta-nav { font-weight: normal; }/* Singular navigation */ #nav-single { float: right; position: relative; top: -20px; right: 0; text-align: right; z-index: 1; width: auto; } #ie7 #nav-single { width: 130px; } #nav-single .nav-previous, #nav-single .nav-next { width: auto; } #nav-single .nav-next { padding-left: 0; } #nav-single .nav-previous { padding-right: 0; } /* =Widgets ----------------------------------------------- */.widget-area { font-size: 12px; } .widget { clear: both; margin: 0 0 2.2em; } .widget-title { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; } .widget ul { font-size: 15px; margin: 0; padding: 0; } .widget ul ul { margin-left: 1.5em; } .widget ul li { color: #777; font-size: 13px; list-style: none; } .widget a { font-weight: bold; text-decoration: none; } .widget a:hover, .widget a:focus, .widget a:active { text-decoration: none; }/* Search Widget */ .widget_search form { margin: 0 0 1.625em; } .widget_search #s { width: 77%; } .widget_search #searchsubmit { background: #ddd; border: 1px solid #ccc; -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); color: #888; font-size: 13px; line-height: 25px; position: relative; top: -2px; } .widget_search #searchsubmit:active { background: #1982d1; border-color: #0861a5; -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1); color: #bfddf3; }/* Ephemera Widget */ .ephemera ol, .widget_twentyeleven_ephemera ol { list-style: square; margin: 5px 0 0; } .widget_twentyeleven_ephemera .widget-entry-title { font-size: 15px; font-weight: bold; padding: 0; } .widget_twentyeleven_ephemera .comments-link a, .widget_twentyeleven_ephemera .comments-link > span { color: #666; display: block; font-size: 10px; font-weight: 500; line-height: 2.76333em; text-transform: uppercase; } .ephemera .entry-title .comments-link a:hover, .widget_twentyeleven_ephemera .entry-title .comments-link a:hover { } .ephemera .entry-title a span { color: #29628d; }/* Twitter */ .widget_twitter li { list-style-type: none; margin-bottom: 14px; } .widget_twitter .timesince { display: block; font-size: 11px; margin-right: -10px; text-align: right; }/* Widget Image */ .widget_image img { border: 0; padding: 0; height: auto; max-width: 100%; }/* Calendar Widget */.widget_calendar #wp-calendar { color: #555; width: 95%; text-align: center; } .widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th { text-align: center; } .widget_calendar #wp-calendar caption { font-size: 11px; font-weight: 500; text-transform: uppercase; } .widget_calendar #wp-calendar th { background: #f4f4f4; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: bold; } .widget_calendar #wp-calendar tfoot td { background: #f4f4f4; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } /* =Buttons ----------------------------------------------- */.button { border-radius: 4px; color: #FFF; font-weight: bold; padding: 12px 15px 11px 15px; background: #4090BA; color: white !important; line-height: 1 !important; font-size: .8em; font-family: Helvetica,Arial,sans-serif; white-space: nowrap; border: 1px solid #347BAB; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; text-transform: uppercase; } .button:hover { text-decoration: none !important; color: white; background: #3981A7; } .button:active { background: #347698; } .button.orange { background: #D24D33; border-color: #b4412b; } .continue-reading { display: block; margin-top: 30px; } .continue-reading a, a.more-link { font-size: .8em; text-transform: uppercase; line-height: 1; border-color: none; background: #94cce1; padding: 12px 15px 11px 15px; border-radius: 4px; color: #FFF; font-weight: bold; } .continue-reading a:hover, a.more-link:hover { background: #8ac6dd; cursor: pointer; } .continue-reading a:active, a.more-link:active { background: #80c1d9; cursor: pointer; }/* =Footer ----------------------------------------------- */#colophon { clear: both; background: #33363B; margin-top: 0px; display: inline-block; display: block; } #colophon:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } * html #colophon { height: 1%; }#colophon #inner { margin: 0 5%; padding: 30px 0; position: relative; } #ie7 #colophon #inner { width: 90%; } .backtotop { position: absolute; top: -40px; right: 0; color: #D24D33; font-size: .7em; } .backtotop a { color: #D24D33; font-weight: bold; padding-left: 5px; font-size: 1em; text-transform: uppercase; } #colophon #inner h2 { color: #FFF; font-size: 2em; font-weight: bold; margin-bottom: 0; line-height: 1.4em; } #colophon #inner h3 { color: #999; font-size: 1em; line-height: 1.4em; font-weight: normal; } #colophon .upper { border-bottom: 13px solid #45494e; padding: 30px 0 30px 0; margin-bottom: 30px; position: relative; } #colophon .signup { margin: 30px 0 70px 0; border-radius: 4px; text-align: right; position: relative; max-width: 290px; } #colophon .signup img { float: left; max-width: 290px; position: absolute; top: -8px; left: 0; } #colophon .signup img#signup-alt { display: none; } #colophon .signup a:hover img#signup-default { display: none; } #colophon .signup a:hover img#signup-alt { display: block; } #colophon .lower { border-bottom: 13px solid #45494e; padding-bottom: 40px; float: left; } #colophon #bottom { clear: both; display: block; height: 100px; width: 100%; position: relative; } #colophon #social { display: block; right: auto; left: 0; } .lower .item { padding: 15px 0 20px 0; border-top: 2px solid #45494e; min-height: 140px; } .lower .item.last { margin-right: 0; } .lower .item h3 { margin-bottom: 5px; } .lower .item h3 a { font-size: 1.2em; color: #FFF; font-weight: bold; } .lower .item p { margin-bottom: 15px; font-size: .8em; color: #999; line-height: 1.4em; } .lower .item img { width: 100%; max-width: 220px; height: auto; margin: 6px 0 4px 0; } .mission { float: left; width: 255px; padding: 0 0 50px 0; } .mission h1 { background-repeat: no-repeat; margin: -10px 0 0px -31px; width: 100%; height: 35px; } .mission h1.footer-logo { width: 151px; height: 45px; overflow: hidden; margin-top: 20px; margin-left: 0; } .mission h1.footer-logo img { width: 200px; } .mission p { display: block; clear: left; color: #999; line-height: 1.5; font-size: .8em; margin-bottom: 15px; margin-left: 39px; } .mission .note { color: #666; font-size: .7em; font-weight: normal; letter-spacing: 0; line-height: 1.3; margin-left: 39px; } #colophon .nav { float: left; list-style: none; margin: 11px 0 11px 0; width: 600px; } #colophon .nav li { float: left; margin: 0 30px 0 0; } #colophon .nav li a { color: #959B9D; font-size: .8em; } #colophon .nav li a:hover { color: #FFF; }#colophon .nav li strong a { color: #ccc; }#colophon .stripes { width: 100%; height: 5px; position: absolute; top: 0; overflow: hidden; background: #d24d33; }.marker-small { background: #e27500; font-size: 0.55em; color: #fff1e2; text-transform: uppercase; letter-spacing: 1px; margin-left: 5px; padding: 2px 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }/* =Treehouse Projects ----------------------------------------------- */.treehouse-projects { width: 95%; }.post-outer {background: #fff; margin-bottom: 10px; margin-top: 32px; }.entry { padding: 16px; padding-top: 0; padding-bottom: 0; }.treehouse-projects .item img { background: #FFF; width: 100%; height: auto; margin: 6px 0 4px 0; } .treehouse-projects h3 { margin-bottom: 15px; text-transform: uppercase; } .treehouse-projects .item { background: #33383D; border-radius: 5px; padding: 8%; width: 84%; } .treehouse-projects .item h4 a { color: #FFF; font-weight: bold; margin-top: 15px; font-size: 1.8em; margin-bottom: 12px; line-height: 1.2em; font-weight: normal; } .treehouse-projects .item p { margin-bottom: 15px; font-size: 1.1em; color: #999; line-height: 1.4em; } .treehouse-projects a.button { font-size: 1em; }/* =Treehouse Show Advertising ----------------------------------------------- */ .treehouse-show { width: 100%; margin: 0; clear: both; padding-top: 20px; background: #33383c; text-align: center; border-radius: 4px; }/* =Signup Form ----------------------------------------------- */.newsletter { margin: 0 0 0 5%; width: 95%; padding: 20px 0 20px 0; } #mc_embed_signup { background: #33383D; border-radius: 4px; padding: 5% 5%; width: 90%; margin: 0; } #mc_embed_signup h2 { color: #FFF; font-weight: bold; font-size: 1.7em; margin-bottom: 0; line-height: 1.2em; font-weight: normal; position: relative; } #mc_embed_signup h2 span { color: #82b964; font-size: 95%; margin-right:12px; position: relative; top: 2px; } .mc-field-group { position: relative; } #mc_embed_signup label { display: block; color: #FFF; font-size: 0.95em; opacity: .5; margin-bottom: 1px; text-transform: uppercase; font-weight: bold; display: none; } #ie7 #mc_embed_signup label, #ie8 #mc_embed_signup label, #ie9 #mc_embed_signup label { display: inline-block; color: #FFF; } #mc_embed_signup input { border-radius: 20px; border: 0; font-size: 1.2em; padding: 12px 5% 9px 5%; width: 90%; margin-bottom: 8px; line-height: 1em; } #mc_embed_signup input:-moz-placeholder { text-indent:5%; } .mc-field-group { position: relative; } .mc-field-group span { position: absolute; top: 11px; right: 12px; font-size: 14px; color: #d1d1d1; } #ie7 .mc-field-group span, #ie8 .mc-field-group span, #ie9 .mc-field-group span { top: 29px; } #mc_embed_signup .button { border-radius: 4px; color: #FFF; font-weight: bold; padding: 14px 0 13px 0; background: #82b964; color: white !important; cursor: pointer; line-height: 1 !important; font-family: Helvetica,Arial,sans-serif; white-space: nowrap; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; width: 100%; margin: 5px 0 1px 0; font-size: 1.2em; text-transform: uppercase; } #mc_embed_signup .button:hover { text-decoration: none !important; color: white; background: #8ec670; } #mc_embed_signup .button:active { background: #8ec670; } #mc_embed_signup p { color: rgba(255, 255, 255, 0.8); font-size: 1.1em; line-height: 1.4em; margin: 10px 0; } #mc_embed_signup p strong { color: #fff; } .backtotop { left: 0; } #sticky { background: #F0F0ED; height: auto; }.newsletter-benefits { color: rgba(255, 255, 255, 0.8); font-size: 1.1em; margin: 20px 0; }.newsletter-benefits li { list-style: none; margin: 0; }.newsletter-benefits li span { display: inline-block; }.newsletter-benefits li .benefit { border-bottom: 1px solid rgba(255, 255, 255, 0.07); margin-bottom: 8px; padding-bottom: 8px; width: 85%; }.newsletter-benefits li.last .benefit { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }.newsletter-benefits li .check { color: #82b964; margin-right: 8px; position: relative; top: 2px; vertical-align: top; }.newsletter-benefits li strong { color: #fff; } /* =Facebook Module ----------------------------------------------- */.facebook-feature { background: #33383D; border-radius: 4px; padding: 5% 5%; width: 90%; margin: 0; }/* =Start Learning CTA ----------------------------------------------- */.start-learning-cta { background: #33383D; margin-left: -10%; padding: 0 0 0 10%; color: #FFF; position: relative; height: 80px; width: 93%; } .start-learning-cta a { color: #FFF; } .start-learning-cta a:hover { cursor: pointer; } .start-learning-cta a.button { display: none; } .start-learning-cta p { padding: 21px 0 21px 0; line-height: 1.3em; font-size: .9em; width: 95%; position: relative; z-index: 9999; } .start-learning-cta strong { font-weight: 600; color: #FFF; color: #82b964; } .diamond-narrow { width: 0; height: 0; border: 30px solid transparent; border-bottom: 40px solid #33383D; position: absolute; top: -30px; right: -30px; } #futer1, #futer2, #futer3{ width: 100%; } .diamond-narrow:after { content: ''; position: absolute; left: -30px; top: 40px; width: 0; height: 0; border: 30px solid transparent; border-top: 40px solid #33383D; } #ie7 .diamond-narrow, #ie8 .diamond-narrow { display: none; } #ie7 .start-learning-cta, #ie8 .start-learning-cta { height: 43px; } #ie7 .start-learning-cta a.button, #ie8 .start-learning-cta a.button { top: -20px; } /* =Disqus ----------------------------------------------- */ #disqus_thread { background: transparent; } /* =Featured Images ----------------------------------------------- */ .featured-img img { margin-top: 20px; max-width: 100%; max-height: 288px; }/* =Custom Pagination ----------------------------------------------- */.pagination { clear:both; font-size: 15px; line-height:1em; padding: 10px 0 20px 7px; position:relative; background: #33363B; height: 23px; border-radius: 4px; margin-bottom: 30px; } .pagination span, .pagination a { background: #25272A; background-attachment: scroll; background-repeat: repeat-x; color:#FFF; display:block; float:left; margin: 2px 0 5px 3px; padding:7px 7px 6px 7px; text-decoration:none; width:auto; border-radius: 3px; font-weight: 600; height: 15px; } .pagination span { color: #FFF; background: transparent; text-transform: uppercase; font-size: 11px; font-weight: 600; color: #999; } .pagination span.count { display: none; } .pagination span.current { font-size: 15px; } .pagination a.ss-icon { font-size: 9px; line-height: 1.9em; color: #D24D33; } .pagination a.nav-last { display: none; color: #D24D33; } .pagination a.nav-first { display: none; color: #D24D33; } .pagination a:hover { background: #FFF; color:#3B8DBD; } .pagination .current { background: #FFF; color:#3B8DBD; } /* =Responsive Structure ----------------------------------------------- */@media only screen and (min-width: 480px) { /* 480 =================================================== */ .lower .item img { float: left; width: 175px; margin-right: 20px; } .start-learning-cta p { width: 90%; } .start-learning-cta p { font-size: 1em; width: 92%; } } @media only screen and (min-width: 600px) { /* 600 =================================================== */ .lower .item { border-top: 0; } .alert-bar a { display: block; } .alert-bar a.ss-icon { display: inline-block; } .pagination span.count { display: inline-block; } .start-learning-cta p { width: 70%; } .start-learning-cta a.button { display: inline; position: absolute; top: 20px; right: 20px; } } @media only screen and (min-width: 768px) { /* 768 =================================================== */.start-learning-cta a.button { display: none; } .start-learning-cta p { width: 90%; } #sticky { max-width: 315px; } .pagination span.count { display: none; } .pagination { margin-bottom: 0; } .pagination span, .pagination a { margin: 2px 0 5px 4px; padding:7px 8px 6px 8px; } #primary .inner { padding-bottom: 40px; } .alert-bar { font-size: 100%; width: 80%; padding: 15px 10% 15px 10%; position: fixed; text-align: center; color: #FFF; } .alert-bar span { display: inline; } .alert-bar a { display: inline-block; } #reserved { float:right; } .blog-feeds { display: none; } .alert-bar a.ss-icon { top: 11px; font-size: 70%; } .logo { position: absolute; top: 20px; width: 300px left: 0; height: 300px; overflow: hidden; font-size: 36px; text-transform: uppercase; font-weight: bold; color: #C7C7C7; }.logo a{ color: #C7C7C7; }.logo a:hover { color: #3B8DBD; text-decoration: none; } h1#site-title { height: 85px; position: absolute; top: 0; left: 0; } h1#site-title img { width: 300px; height: auto; margin-left: 0; } h1#site-title a { height: 85px; } .paged #nav-above { height: 47px; margin-top: -2px; } .treehouse-projects { width: 100%; }#main { margin-top: 40px; width: 1010px; margin: 0 auto; padding: 0 0 0 0; } #mini-nav { display: none; } #mini-search { display: none; } #search-container.inactive { display: block; } #main-nav.inactive { display: block; } #main-nav { padding: 0; overflow: hidden; margin: 0 0 -10px 0; height: 56px; position: absolute; left: 0; top: 340px; width: 100%; } #main-nav ul { list-style: none; margin: -5px 0 0 0; padding: 0; height: 42px; } #main-nav ul li { width: 15.5%; float: left; text-align: center; line-height: .9em; font-weight: bold; border-left: 1px solid #444; background: #25272a; } #main-nav ul li.websites { border-left: none; border-top-left-radius: 5px; } #main-nav ul li a { display: block; color: #FFF; line-height: 18px; font-size: 14px; padding: 22px 0; } #main-nav ul li a:hover { text-decoration: none; color: #3B8DBD; cursor: pointer; background: #191a1c; } #main-nav ul li.membership { position: absolute; right: 0; top: 0; background: #D24D33; width: 19%; } #main-nav ul li.membership a { padding: 18px 0; color: #FFF; } #main-nav ul li.membership a:hover { color: #D24D33; } #main-nav ul li.membership span { padding-right: 7px; font-size: .8em; } #colophon .signup img { max-width: 290px; top: -12px; } .entry-meta { font-size: 16px; } .entry-meta a { font-size: 16px; } #nav-single { top: -1px; } #content nav { height: 45px; padding-top: 0; } h1.page-title { margin: 0 0 15px 0; } .signup-treehouse { margin-top: -80px; width: 117%; position: absolute; top: 0; right: -35px; height: auto; border-radius: 30px; background: none; display: none; } .signup-treehouse img { width: 100%; } #content { margin-top: 0; } .featured { width: 100%; margin-right: 0; margin-left: 0; } .treehouse-show { margin-left: 0; width: 100%; } .newsletter { margin-left: 0; width: 100%; } #mc_embed_signup { padding: 8%; width: 84%; } body.search #primary .inner { min-height: 900px; } body.search #secondary { border-top: none; margin: 59px 5% 0 0; padding-top: 0; } .featured { margin: 0; } .backtotop { left: auto; right: 0; } #colophon #inner h3 { width: 50%; } #colophon .signup { float: right; width: 314px; position: absolute; top: 13px; right: 0; } #primary { float: left; margin-right: 0; clear: both; border-right: 3px solid #DDDDDB; padding-right: 10px; width: 675px; } #primary .inner { border-right: 3px solid #DDDDDB; padding-right: 7%; } #secondary { float: right; width: 240px; width: 31%; margin-top: 20px; } #branding { height: 400px; } #head-inner { height: 100%; width: 1010px; margin: 0 auto; position: relative; } .stripes { } #back-home { display: block; background: #25272a; border-radius: 15px; padding: 10px 14px 7px 14px; float: left; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #777; margin-top: 14px; line-height: 8px; } #back-home.ss-left::before { padding: 2px 6px 0 0; line-height: inherit; } #back-home:hover { text-decoration: none; background: #FFF; color: #3B8DBD; } #search-container { position: absolute; right: 97px; border-bottom: none; width: 22.5%; } #branding #s { display: block; background: #25272A; padding-left: 25px; } #branding #s:active, #branding #s:focus { background: #FFF; } #branding #searchsubmit { display: block; right: -18px; } #ie7 #branding #searchsubmit { top: 3px; } .search-button { display: none; } #branding input#s { box-shadow: none; }.entry-header hgroup h2.entry-title { padding-top: 30px; } .singular .entry-title, .entry-title { } .entry-meta { font-size: 16px; border-bottom: 7px solid #DDDDDB; padding-bottom: 30px; line-height: 1.4em; } .singular .entry-header .entry-meta { margin-top: 0; } .singular h1.entry-title { line-height: 1.1em; font-size: 3em; } #ie7 .singular .entry-header .entry-meta { margin-top: -13px; } .singular .entry-meta { font-size: 16px; border-bottom: none; } .module { margin-left: 0; margin-right: 0; } body.search #content { border-bottom: 26px solid #DDDDDB; } #ie7 #head-inner { padding-left: 0; width: 90%; } .mission { width: 400px; } } @media only screen and (min-width: 880px) { /* 880 =================================================== */ .lower .item { width: 33%; float: left; } .lower .item img { width: 80%; display: block; margin: 0 0 10px 0; float: none; } .lower .item p { padding-right: 20px; } #colophon #inner h3 { width: 50%; } #colophon #social-links a { padding-right: 25px; } #colophon .signup { max-width: 320px; } #colophon .signup img { max-width: 320px; } .buner { float: right; margin-top: 33px; } @media only screen and (min-width: 992px) { /* 992 =================================================== */.start-learning-cta p { width: 70%; } .start-learning-cta a.button { display: inline; position: absolute; top: 20px; right: 20px; } .pagination span.count { display: inline-block; } .pagination { height: 29px; } .pagination a.nav-last { display: inline-block; } .pagination a.nav-first { display: inline-block; } .pagination span, .pagination a { margin: 2px 0 5px 5px; padding:10px 10px 9px 10px; height: 15px; } .pagination span { font-size: 12px; } .start-learning-cta { margin-left: 0; width: 86% } /* 2x =================================================== */ ----------------------------------------------- */ #ie7 article.intro { max-width: 1000px; }/* =IE8 ----------------------------------------------- */ #ie8 .feature-image.large img { width: 100%; } /* =CSS3 Transitions ----------------------------------------------- */ h2.date-header { margin: 1.5em 0 .5em; display: none; }#sidebartop {list-style: none;}#sidebartop h2 {text-transform: uppercase; font-weight: bold; font-size: 1.2em; background: #33383D; margin-bottom: 5px; color: #fff; padding: 14px; border-bottom: 8px solid #D24D33; } #sidebartop .widget { background: #fff; } #sidebartop .widget-content { padding: 10px 20px 10px 20px; } .readmorecontent a { font-size: .8em; text-transform: uppercase; line-height: 1; border-color: none; background: #94cce1; padding: 12px 15px 11px 15px; border-radius: 4px; color: #FFF; font-weight: bold; }.readmorecontent a:hover { text-decoration: none; background: #8ABED1;- } .readmorecontent { float: right; margin-right: 8px; } .comments .avatar-image-container, .comments .avatar-image-container img { width: 48px; max-width: 40px; height: 40px; max-height: 48px; background: #FFF; float: left; border-radius: 50%; -moz-border-radius: 50%; margin: 0 10px 0 0; } #comments .avatar-image-container img { border: 1px solid #ddd; } .comments .comment-thread.inline-thread .avatar-image-container, .comments .comment-thread.inline-thread .avatar-image-container img { width: 36px; max-width: 36px; height: 36px; max-height: 36px; margin-left: 1px; } #comments { background-color: #fff; padding-top: 20px; border-top: 1px solid #ddd; } .comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single { margin-left:60px; } .comments .comment-block,.comments .comment-thread.inline-thread .comment { border:1px solid #ddd; background:#fff; background-color:#fff; padding:10px; padding-right:0px; padding-left: 0px; } .comment-header { border-bottom: 1px solid #ddd; padding-bottom: 10px; } .thread-chrome.thread-expanded .comment-header { width: 412px; margin-left: 15px; } .comments .comments-content .comment { width:100%; line-height:1em; font-size:13px; margin:15px 0 0; padding:0; } .comments .comments-content .comment-content { text-align: justify; line-height: 22px; overflow: hidden; } .thread-chrome.thread-expanded .comment-content { width: 380px; line-height: 22px; overflow:hidden } .comments .comment-thread.inline-thread .comment-actions { display: none; } .item-control.blog-admin { display: none; } .comments .comments-content .comment-replies { margin-top:0; } .comments .comment-content { line-height: 1.4em; padding: 15px; } .comments .comment-thread.inline-thread { padding-left: 0px; } .comments .comment-thread.inline-thread .comment { width:auto; } .comments .comment-thread.inline-thread .comment:after { content:""; position:absolute; top:10px; left:-20px; border-top:1px solid #d2d2d2; width:10px; height:0; } .comments .comment-thread.inline-thread .comment .comment-block { border:0; background:transparent; padding:0; } .comments .comment-thread.inline-thread .comment-block { margin-left:48px; } .comments .continue { border-top:0; width:100%; } #comment-editor { width:98%!important; } .comment-form { width:100%; max-width:100%; } #comments h4 { display:inline; line-height:40px; padding:10px; } .comments .continue a { background:#0d86cc; text-align:center; padding:10px 0; display:none; } #comments h4,.comments .continue a { line-height: 30px; margin: 0; padding: 20px 0 14px 10px; font-size: 18px!important; text-transform: uppercase; font-weight: 400!important; color: #444; } .comments .user a { color: #444!important; font-size: 18px; line-height: 25px; text-transform: capitalize; margin-top: 20px; font-weight: 600; padding-left: 15px; } .comments .comments-content .datetime { cursor: pointer; float: right; padding-top: 6px; padding-right: 20px; } .comments .comment-thread.inline-thread .user a { font-size:13px; margin: 0px; padding: 0px; } .comment-actions { background: #33383D; padding: 8px; margin-left: 435px; padding-left: 12px; float: right; margin-top: -19px; margin-right: -1px; } .comment-actions:hover { background: #D24D33; } .comment-thread a { color: #fff; } .comments .comment .comment-actions a:hover { text-decoration: none; } /***************************************** theblogservices.net css Label ******************************************/ #Label1 .cloud-label-widget-content {text-align:left;font-weight: bold;padding: 5px 0} #Label1 .cloud-label-widget-content span {display: inline-table; line-height: 1.2;} #Label1 .cloud-label-widget-content span a {padding:4px 5px;color:#fff} #Label1 .label-size {margin:5px 0;} #Label1 .label-size span {background:#6E3AD5;padding:4px 5px;color:#fff} #Label1 .label-size-1 a {background:#1F2FA4;font-size:13px;} #Label1 .label-size-2 a {background:#358FB0;font-size:13px;} #Label1 .label-size-3 a {background:#35B0A1;font-size:13px;} #Label1 .label-size-4 a {background:#35B054;font-size:13px;} #Label1 .label-size-5 a {background:#B0D035;font-size:13px;} #Label1 .cloud-label-widget-content span a:hover {background:#5A5A54;} [class*="zocial-"]:before { font: 2.5em/2em 'zocial', sans-serif; color: white; line-height: 2.2; } .post-social .facebook { background: #3B5998; } .post-social .twitter { background: #4099FF; } .post-social .googleplus { background: #db5a3c; } .post-social .social { float: left; } .post-social .zocial-facebook { margin: 0 15px; } .post-social .zocial-twitter { margin: 0 25px; } .post-social .zocial-googleplus { margin: 0 25px; } .post-social li { min-width: 180px; width: 210px; height: 80px; cursor: pointer; list-style: none; text-align: left; float: left; } .post-social li:hover [class*="zocial-"]:before { opacity: 0.5; text-align: right; } .post-social li:hover iframe { opacity: 1; } .post-social li iframe { margin-top: 30px !important; opacity: 0; transition: all .3s ease-in-out; } .post-social li .fb_ltr { margin: 30px 20px !important; } @charset "UTF-8"; @font-face { font-family: 'zocial'; font-style: normal; font-weight: normal; src: url('http://weloveiconfonts.com/api/fonts/zocial/zocial-regular-webfont.eot'); src: url('http://weloveiconfonts.com/api/fonts/zocial/zocial-regular-webfont.eot?#iefix') format('eot'), url('http://weloveiconfonts.com/api/fonts/zocial/zocial-regular-webfont.woff') format('woff'), url('http://weloveiconfonts.com/api/fonts/zocial/zocial-regular-webfont.ttf') format('truetype'), url('http://weloveiconfonts.com/api/fonts/zocial/zocial-regular-webfont.svg#zocialregular') format('svg'); } .zocial-acrobat:before{content:"\00E3"}.zocial-amazon:before{content:"a"}.zocial-android:before{content:"&"}.zocial-angellist:before{content:"\00D6"}.zocial-aol:before{content:"\""}.zocial-appnet:before{content:"\00E1"}.zocial-appstore:before{content:"A"}.zocial-bitbucket:before{content:"\00E9"}.zocial-bitcoin:before{content:"2"}.zocial-blogger:before{content:"B"}.zocial-buffer:before{content:"\00E5"}.zocial-call:before{content:"7"}.zocial-cal:before{content:"."}.zocial-cart:before{content:"\00C9"}.zocial-chrome:before{content:"["}.zocial-cloudapp:before{content:"c"}.zocial-creativecommons:before{content:"C"}.zocial-delicious:before{content:"#"}.zocial-digg:before{content:";"}.zocial-disqus:before{content:"Q"}.zocial-dribbble:before{content:"D"}.zocial-dropbox:before{content:"d"}.zocial-drupal:before{content:"\00E4"}.zocial-dwolla:before{content:"\00E0"}.zocial-email:before{content:"]"}.zocial-eventasaurus:before{content:"v"}.zocial-eventbrite:before{content:"|"}.zocial-eventful:before{content:"'"}.zocial-evernote:before{content:"E"}.zocial-facebook:before{content:"f"}.zocial-fivehundredpx:before{content:"0"}.zocial-flattr:before{content:"%"}.zocial-flickr:before{content:"F"}.zocial-forrst:before{content:":"}.zocial-foursquare:before{content:"4"}.zocial-github:before{content:"g"}.zocial-gmail:before{content:"m"}.zocial-google:before{content:"G"}.zocial-googleplay:before{content:"h"}.zocial-googleplus:before{content:"+"}.zocial-gowalla:before{content:"@"}.zocial-grooveshark:before{content:"8"}.zocial-guest:before{content:"?"}.zocial-html5:before{content:"5"}.zocial-ie:before{content:"6"}.zocial-instagram:before{content:"\00DC"}.zocial-instapaper:before{content:"I"}.zocial-intensedebate:before{content:"{"}.zocial-itunes:before{content:"i"}.zocial-klout:before{content:"K"}.zocial-lanyrd:before{content:"-"}.zocial-lastfm:before{content:"l"}.zocial-linkedin:before{content:"L"}.zocial-macstore:before{content:"^"}.zocial-meetup:before{content:"M"}.zocial-myspace:before{content:"_"}.zocial-ninetyninedesigns:before{content:"9"}.zocial-openid:before{content:"o"}.zocial-opentable:before{content:"\00C7"}.zocial-paypal:before{content:"$"}.zocial-pinboard:before{content:"n"}.zocial-pinterest:before{content:"1"}.zocial-plancast:before{content:"P"}.zocial-plurk:before{content:"j"}.zocial-pocket:before{content:"\00E7"}.zocial-podcast:before{content:"`"}.zocial-posterous:before{content:"~"}.zocial-print:before{content:"\00D1"}.zocial-quora:before{content:"q"}.zocial-reddit:before{content:">"}.zocial-rss:before{content:"R"}.zocial-scribd:before{content:"}"}.zocial-skype:before{content:"S"}.zocial-smashing:before{content:"*"}.zocial-songkick:before{content:"k"}.zocial-soundcloud:before{content:"s"}.zocial-spotify:before{content:"="}.zocial-statusnet:before{content:"\00E2"}.zocial-steam:before{content:"b"}.zocial-stripe:before{content:"\00A3"}.zocial-stumbleupon:before{content:"/"}.zocial-tumblr:before{content:"t"}.zocial-twitter:before{content:"T"}.zocial-viadeo:before{content:"H"}.zocial-vimeo:before{content:"V"}.zocial-vk:before{content:"N"}.zocial-weibo:before{content:"J"}.zocial-wikipedia:before{content:","}.zocial-windows:before{content:"W"}.zocial-wordpress:before{content:"w"}.zocial-xing:before{content:"X"}.zocial-yahoo:before{content:"Y"}.zocial-yelp:before{content:"y"}.zocial-youtube:before{content:"U"} #blog-pager{float:lef;font-size:16px;line-height:normal;margin:0 20px;padding:2em 0} .showpageNum a,.showpage a,.showpagePoint{background:#34495e;border:none;border-bottom:3px solid #202D3A;color:#FFF;font-size:15px;font-family:open sans;font-weight:700;margin-left:10px;border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;-o-border-radius:5px 5px 5px 5px;transition:background 400ms;-webkit-transition:background 400ms;-moz-transition:background 400ms;-o-transition:background 400ms;padding:10px 20px} .showpageNum a:hover,.showpage a:hover,.showpagePoint,.blog-pager-newer-link,.blog-pager-older-link,.home-link{background:#2c3e50;color:#FFF} .showpageOf{display:none!important} @font-face{font-family:'font-style:normal;font-weight:700;src:local('OpenSansBold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff')} .mok-metro-social { width:300px; } .mok-metro-social li { position:relative; cursor:pointer; padding:0; list-style:none; } .mok-metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd { z-index:7; float:left; margin:2.5px; position:relative; display:block; } .mok-metro-social .tw { background:url(https://lh6.googleusercontent.com/-tAiPX-vmOtE/UYSi2-XmHDI/AAAAAAAAAQ8/1QoazLdpBw0/h120/twitter-bird-dark-bgs.png) no-repeat center center #43b3e5; width:70px; height:70px; -webkit-transition: box-shadow .3s linear, background .2s linear; -moz-transition: box-shadow .3s linear, background .2s linear; -ms-transition: box-shadow .3s linear, background .2s linear; -o-transition: box-shadow .3s linear, background .2s linear; transition: box-shadow .3s linear, background .2s linear; } .mok-metro-social .fb { background:url(https://lh3.googleusercontent.com/-vDSzu-T601Y/UYSi1fSRVrI/AAAAAAAAAQc/ELuXZ2jyqQc/h120/facebookf.png.png) no-repeat center center #1f69b3; width:70px; height:70px; -webkit-transition: box-shadow .3s linear, background .2s linear; -moz-transition: box-shadow .3s linear, background .2s linear; -ms-transition: box-shadow .3s linear, background .2s linear; -o-transition: box-shadow .3s linear, background .2s linear; transition: box-shadow .3s linear, background .2s linear; } .mok-metro-social .gp { background:url(https://lh3.googleusercontent.com/-UFoSVVdTmjs/UYSi2B_Sq8I/AAAAAAAAAQs/3FBp6oEsVPI/h120/google%2Bplus.png) no-repeat center center #da4a38; width:70px; height:70px; -webkit-transition: box-shadow .3s linear, background .2s linear; -moz-transition: box-shadow .3s linear, background .2s linear; -ms-transition: box-shadow .3s linear, background .2s linear; -o-transition: box-shadow .3s linear, background .2s linear; transition: box-shadow .3s linear, background .2s linear; } .mok-metro-social .fd { background:url(https://lh3.googleusercontent.com/-TqPZ-v642ZE/UYSi1cM11EI/AAAAAAAAAQU/64BY1HhedMA/h120/feed.png) no-repeat center center #e9a01c; width:70px; height:70px; -webkit-transition: box-shadow .3s linear, background .2s linear; -moz-transition: box-shadow .3s linear, background .2s linear; -ms-transition: box-shadow .3s linear, background .2s linear; -o-transition: box-shadow .3s linear, background .2s linear; transition: box-shadow .3s linear, background .2s linear; } .mok-metro-social li:hover .fb { background:url(https://lh6.googleusercontent.com/-UN0N7Qnfx_s/UYSi1XRsRgI/AAAAAAAAAQY/h8-R0wSZz24/h120/facebookfh.png) no-repeat center center #1f69b3; box-shadow:0px 0px 6px 3px #217BC0; -webkit-box-shadow:0px 0px 6px 3px #217BC0; -moz-box-shadow:0px 0px 6px 3px #217BC0; -o-box-shadow:0px 0px 6px 3px #217BC0; -ms-box-shadow:0px 0px 6px 3px #217BC0; } .mok-metro-social li:hover .tw { background:url(https://lh4.googleusercontent.com/-w8hfqwI1fro/UYSi26Ys2mI/AAAAAAAAAQ4/S6bh1T3WZw8/h120/twitter-bird-dark-bgsx.png) no-repeat center center #43b3e5; box-shadow:0px 0px 6px 3px #38D1F7; -webkit-box-shadow:0px 0px 6px 3px #38D1F7; -moz-box-shadow:0px 0px 6px 3px #38D1F7; -o-box-shadow:0px 0px 6px 3px #38D1F7; -ms-box-shadow:0px 0px 6px 3px #38D1F7; } .mok-metro-social li:hover .gp { background:url(https://lh4.googleusercontent.com/-srzm-9YDILE/UYSi2bX-v1I/AAAAAAAAAQw/BenmWbVnjbM/h120/google%2Bplush.png) no-repeat center center #da4a38; box-shadow:0px 0px 6px 3px #F43431; -webkit-box-shadow:0px 0px 6px 3px #F43431; -moz-box-shadow:0px 0px 6px 3px #F43431; -o-box-shadow:0px 0px 6px 3px #F43431; -ms-box-shadow:0px 0px 6px 3px #F43431; } .mok-metro-social li:hover .fd { background:url(https://lh6.googleusercontent.com/-6bVW---kuQ8/UYSi2N7ReOI/AAAAAAAAAQo/rRWRy2uqGl8/h120/feedh.png) no-repeat center center #e9a01c; box-shadow:0px 0px 6px 3px #e9a01c; -webkit-box-shadow:0px 0px 6px 3px #e9a01c; -moz-box-shadow:0px 0px 6px 3px #e9a01c; -o-box-shadow:0px 0px 6px 3px #e9a01c; -ms-box-shadow:0px 0px 6px 3px #e9a01c; } .cf:before, .cf:after{ content:""; display:table; } .cf:after{ clear:both; } .cf{ zoom:1; } /* Form wrapper styling */ .form-wrapper { width: 280px; } /* Form text input */ .form-wrapper input { width: 215px; height: 20px; padding: 10px 5px; float: left; font: bold 12px 'lucida sans', 'trebuchet MS', 'Tahoma'; border: 0; background: #fff; box-shadow: 0 0 6px rgba(0,0,0,.3) inset; webkit-transition: box-shadow .3s linear, background .2s linear; -moz-transition: box-shadow .3s linear, background .2s linear; -ms-transition: box-shadow .3s linear, background .2s linear; -o-transition: box-shadow .3s linear, background .2s linear; transition: box-shadow .3s linear, background .2s linear; } .form-wrapper input:focus { outline: 0; background: #fff; border-color: #51a7e8; box-shadow: 0 0 2px rgba(0,0,0,.8) inset; } .form-wrapper input::-webkit-input-placeholder { color: #999; font-weight: normal; font-style: italic; } .form-wrapper input:-moz-placeholder { color: #999; font-weight: normal; font-style: italic; } .form-wrapper input:-ms-input-placeholder { color: #999; font-weight: normal; font-style: italic; } /* Form submit button */ .form-wrapper button { overflow: visible; position: relative; float: right; border: 0; padding: 0; cursor: pointer; height: 40px; width: 72px; left: -3px; background:url(https://lh5.googleusercontent.com/-bfasMiPvfZA/UYSkiD6sABI/AAAAAAAAARY/ecjiB_C8oyk/h120/1367665345_search.png) no-repeat center center #26B11E; border-radius: 0 0 0 0; text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3); webkit-transition: box-shadow .3s linear, background .2s linear; -moz-transition: box-shadow .3s linear, background .2s linear; -ms-transition: box-shadow .3s linear, background .2s linear; -o-transition: box-shadow .3s linear, background .2s linear; transition: box-shadow .3s linear, background .2s linear; } .form-wrapper button:hover{ background:url(https://lh5.googleusercontent.com/-bfasMiPvfZA/UYSkiD6sABI/AAAAAAAAARY/ecjiB_C8oyk/h120/1367665345_search.png) no-repeat center center #26B11E; box-shadow:0px 0px 6px 3px #44D816; -webkit-box-shadow:0px 0px 6px 3px #44D816; -moz-box-shadow:0px 0px 6px 3px #44D816; -o-box-shadow:0px 0px 6px 3px #44D816; -ms-box-shadow:0px 0px 6px 3px #44D816; } .form-wrapper button:active, .form-wrapper button:focus{ background:url(https://lh5.googleusercontent.com/-bfasMiPvfZA/UYSkiD6sABI/AAAAAAAAARY/ecjiB_C8oyk/h120/1367665345_search.png) no-repeat center center #26B11E; outline: 0; } .form-wrapper button:before { /* left arrow */ content: ''; position: absolute; border-width: 8px 8px 8px 0; border-style: solid solid solid none; border-color: transparent #26B11E transparent; top: 12px; left: -6px; } .form-wrapper button:hover:before{ border-right-color: #26B11E; } .form-wrapper button:focus:before, .form-wrapper button:active:before{ border-right-color: #26B11E; } .form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */ border: 0; padding: 0; } .comments-page {background-color: #fff; width:673px; border-top: 1px solid #353535; border-left: 1px solid #353535; border-right: 1px solid #353535; border-bottom: 1px solid #353535; } #blogger-comments-page {padding: 0px 5px;display: none; width:663px; border-top: 1px solid #353535; border-left: 1px solid #353535; border-right: 1px solid #353535; border-bottom: 1px solid #353535; } .bloggercmt{ background: #fb8f3d; font-family: 'Ubuntu'; font-style: normal; font-weight: 400; color:#fff; padding:7px; font-size:19px; border: 1px solid #eb5200; width:165px; margin-top: 10px; cursor:pointer; float:right; } .fbcmt{ background: #3B5998; color:#fff; font-family: 'Ubuntu'; font-style: normal; font-weight: 400; padding:7px; font-size:19px; border: 1px solid #293E6A; width:175px; margin-top: 10px; cursor:pointer; float:left; } ]]>
</div></div> <div class="date-outer">

<div class="date-posts">
</div></div>

Categories: ,