<data:blog.title/>

<data:blog.title/> <data:blog.pageName/> Page Not Found ------------------------------------------------------*/ /*------------------------------------------------------ 00. Table of Content -------------------------------------------------------- 01. Reset CSS 02. Global * font-family: PT Serif, Open Sans, Sans-serif; * font-size: 16px; 03. Header - Logo - Navigation 04. Tagline 05. Slidetoggle 06. Main - Primary Content - Blog pager - Comments 07. Sidebar 08. Widgets - Flickr - Popular posts - Search 09. Footer ----------------------------------------------------- */ /*------------------------------------------------------ 01. Reset CSS ------------------------------------------------------*/ body, html { height: 100%} 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; } body { line-height: 1} ol, ul { list-style: none} blockquote, q { quotes: none} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none} :focus { outline: 0} del { text-decoration: line-through} table { border-collapse: collapse; border-spacing: 0} /*------------------------------------------------------ 02. Global ------------------------------------------------------*/ body { background: $(body.background); font: $(body.font); color: $(body.text.color); } .container { background: #fff; } .content-wrapper { background: #fff; width: 1020px; margin: 0 auto; padding: 60px 0; } /* * Shortcode */ .left { float:left } .right { float:right } .center { text-align:center } .clear { clear:both } ul:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } pre { padding:10px; margin:20px 0; border:1px solid #ddd; background:#e8e8e8; overflow:auto; } pre br{ display:none; } code { font:1em/1.2em 'courier new', courier, monospace; } a:link { color: $(body.link.color); text-decoration: none; } a:visited, a:hover { color: $(body.link.color); text-decoration: underline; } h1, h2, h3, h4, h5, h6 { font-family: 'Viga', 'Helvetica Neue', Helvetica, Arial; font-weight: normal; } p { margin: 0 0 60px 0; } /* * Button */ .button { font: $(navigation.font); text-transform: uppercase; background-color: $(scheme.color); padding: 7px 15px; text-decoration: none !important; border-radius: 2px; overflow: hidden; cursor: pointer; display: inline-block; color: #fff !important; } /*------------------------------------------------------ 03. Header ------------------------------------------------------*/ .header-wrapper { background: #fff; width: 1020px; margin: 0 auto; padding: 40px 0; clear: both; } .header { width: 50%; } .header h1 { font-size: 30px; } .header .description { font-size: 10px; text-transform: uppercase; } /* * Navigation */ .navigation { width: 50%; } .navigation h2 { display: none; } .navigation ul { float: right; } .navigation ul li { float: left; margin-left: 30px; } .navigation ul li a { font: $(navigation.font); text-transform: uppercase; color: $(body.text.color); text-decoration: none; } .navigation li.selected a, .navigation ul li a:hover { color: $(scheme.color); } /*------------------------------------------------------ 04. Tagline ------------------------------------------------------*/ .branding { width: 100%; } .branding .sidebar { padding: 70px 0 !important; margin: 0; text-align: center; color: #fff; font: $(branding.font); } .branding .sidebar .button { background: transparent; border: 2px solid #fff; } .branding .sidebar .widget { margin: 0; padding: 0; } /*------------------------------------------------------ 05. Slidetoggle #theGrid ------------------------------------------------------*/ .slidetoggle { padding: 40px 0; background: #444; color: #aaa; text-align: center; } .slides { width: 1020px; margin: 0 auto; background: url(http://3.bp.blogspot.com/-FFmx0FMkX8M/UfXTTt5G_iI/AAAAAAAACSs/vJ7YjVtr_YQ/s1600/border_slides.png) repeat-y center center; } .slides .grid { width: 340px; padding: 0; } .slides .grid .widget { padding: 0 20px; background: none; margin-bottom: 0; } .slides .grid .widget h2 { background: none; color: #bbb; } .grid a, .grid a:visited { color: #f2f2f2; } .grid a:hover { color: #fff; text-decoration: underline; } /*------------------------------------------------------ 06. Main ------------------------------------------------------*/ .main-wrapper { width: 760px; } /* * Primary content */ .post-outer { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #ddd; } .post h1.entry-title a, .post h1.entry-title { color: #444; margin: 10px 0 30px 0; text-decoration: none; text-transform: capitalize; font: $(post.title.font); } .post-body { font-size: 18px; line-height: 1.8em; } .post-body img, .post-body iframe { max-width: 100%; height: auto; margin-top: 10px; marign-bottom: 10px; } .post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6 { margin-top: 20px; margin-bottom: 20px font-size: 48px; line-height: 1.2em; font-weight: normal; } .post-body h2 { font-size: 37px; } .post-body h3 { font-size: 32px; line-height: 1.5em; } .post-body h4 { font-size: 27px; line-height: 1.6em; } .post-body h5 { font-size: 20px; line-height: 1.8em; } .post-body h6 { font-size: 18px; line-height: 1.8em; } .post-body blockquote { font-style: italic; line-height: 1.6em; font-size: 22px; margin: 30px 0 20px -20px; padding-left: 15px; border-left: 5px solid $(scheme.color); } .post-body blockquote p { padding: 0; margin: 0; } .post-body a:link, .post-body a:visited { text-decoration: underline; } .post-header-line-0 { font: normal 13px/1.6em 'Open Sans', Helvetica, Arial; color: #aaa; } .post-header-line-0 a { color: #aaa; text-decoration: underline; } .post-footer { font: normal 13px/1.6em 'Open Sans', Helvetica, Arial; color: #aaa; margin-top: 40px; } .jump-link a { color: #fff; font: $(navigation.font); text-transform: uppercase; background: #444; padding: 10px 20px; border-radius: 2px; } /* * Blog pager */ #blog-pager { margin-top: 60px; clear: both; } #blog-pager a { float: left; text-decoration: none; color: #fff; background: $(scheme.color); padding: 10px 20px; text-transform: uppercase; font: $(navigation.font); border-radius: 2px; } #blog-pager a:hover { opacity: 0.8; } #blog-pager span { float: left; margin-right: 5px; } #blog-pager .home-link { margin-right: 5px; width: 2px; text-indent: -900px; overflow: hidden; background: $(scheme.color) url(http://2.bp.blogspot.com/-V010RNJ1w7o/Uf4IkFNd8jI/AAAAAAAACT0/FVlDU-tA18w/s1600/icon_home.png) no-repeat center; } .feed-links { display: none; } /* * Comments */ .comments { margin-top: 40px; padding-top: 20px; border-top: 1px solid #ccc; } .comments h4 { background: url(http://3.bp.blogspot.com/-YAbsdZEdknY/Uf4EUmQ9TgI/AAAAAAAACTk/sRydGLw79Lo/s1600/icon_comments.png) no-repeat left 5px; margin-bottom: 20px; padding-bottom: 20px; padding-left: 30px; clear: both; } .comment-header .user { padding-right:10px; margin-right:10px; border-right:1px solid #ddd; } .comment-header .user a { font: normal normal 16px/1em 'Viga', 'Helvetica Neue', Helvetica, Arial; text-decoration:none; } .comment-header span.blog-author, .comment-header span.icon {display:none!important} .comment-header .datetime a { font-size: 12px; color: #aaa; } .comment-thread li .comment-block { border-bottom:1px dotted #ddd; padding-bottom:10px; } .comment-content { } .comments blockquote { margin-bottom:20px; padding:10px 0; border-bottom:1px solid #ddd; line-height:1.6em; } #comment-holder .comment-block .comment-actions a { font-size:12px; margin-right:10px; background-position:-15px center; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } #comment-holder .avatar-image-container { border-radius: 2px; overflow: hidden; } #comment-holder .avatar-image-container img { } #comments-block.avatar-comment-indent { position:relative; margin:0 auto; } /*------------------------------------------------------ 07. Sidebar ------------------------------------------------------*/ #sidebar { margin-bottom: -40px; } #sidebar .widget h2 { margin-left: -20px; padding-left: 15px; border-left: 5px solid $(scheme.color); font: $(widget.title.font); } #sidebar .widget a:link, #sidebar .widget a:visited { text-decoration: underline; } .sidebar-wrapper { background: #f9f9f9; width: 240px; margin-left: 20px; border-radius: 2px; } .sidebar { padding: 20px; } .sidebar .widget h2 { margin-bottom: 20px; } .sidebar .widget { margin-bottom: 40px; } .sidebar .widget img, .sidebar .widget iframe { max-width: 100%; height: auto; } /*------------------------------------------------------ 08. Widgets ------------------------------------------------------*/ .widget p { margin: 20px 0; } .widget a { text-decoration: none; } /* * Flickr */ .flickr_wrap { margin-left: -5px; margin-right: -5px; } .flickr_badge_image { float: left; margin: 5px; height: 60px; width: 60px; border-radius: 2px; overflow: hidden; } .flickr_badge_image img { height: 100%; width: 100%; } .grid .flickr_wrap { margin-left: -7px; margin-right: -7px; } .grid .flickr_badge_image { margin: 7px; height: 64.5px; width: 64.5px; } /* * Popular Posts */ .PopularPosts ul li { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #ddd; } .PopularPosts .item-title a { font-weight: bold; font-size: 16px; line-height: 1.6em; display: block; text-decoration: none; } .PopularPosts .item-snippet { font-size: 14px; line-height: 1.6em; } .PopularPosts .item-thumbnail { width: 70px; height: 70px; border-radius: 2px; overflow: hidden; margin-right: 10px; margin-top: 5px; } .PopularPosts .item-thumbnail img { width: 70px; height: 70px; } /* * Search */ #searchform { background: #fff; padding: 10px; border-radius: 2px; border: 1px solid #e1e1e1; overflow: hidden; } #searchform:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } #searchform label { display:none; } #searchform #s { width: 150px; border: 0; padding: 0; float: left; color: #aaa; } #searchform #searchsubmit { background: url(http://1.bp.blogspot.com/-HrCkbVzlRLc/Ue89Kj8ihlI/AAAAAAAACSE/PvPCzwUoLlY/s1600/icon_search.png) no-repeat center center; width: 20px; float: right; border: 0; padding: 0; text-indent: -900px; } /*------------------------------------------------------ 09. Credit ------------------------------------------------------*/ footer.credit { background: #444; padding: 40px 0; color: #ccc; text-align: center; } footer.credit a { color: #fff; } footer.credit a:hover { text-decoration: underline; } ]]>

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

</div></div>

()

,

()