/**
 *	Theme Name: Blash
 *	Theme URI: http://dstudio.cf
 *	Author: Dicky Syaputra
 *	Author URI: http://dstudio.cf
 *	Description: A super dooper responsive WordPress theme for personal & blogging.
 *	Version: 0.0.1
 *	License: GNU General Public License V2 or Later
 *	License URI: http://www.gnu.org/licenses/gpl-2.0.html
 
 */
 
/*-----------------------------------------------------------------------------------------------------------------------------*/
/* CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
/*-----------------------------------------------------------------------------------------------------------------------------*/

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; background: transparent; } 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; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */


/*-----------------------------------------------------------------------------------------------------------------------------*/
/* Global Elements
/*-----------------------------------------------------------------------------------------------------------------------------*/


:focus { outline: none; }

html, body { height: 100%; }

body, input, textarea, select { font: normal 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; background: #fff url("images/dark-bg.png") top left repeat-y; }

input, textarea, select { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

body { line-height: 1.7em; overflow-y: scroll; color: #646568; }

a { text-decoration: none; color: #69d05f; }
a:hover { color: #84e57b; }

p, ul, ol, iframe,pre,blockquote,h1, h2, h3, h4, h5, h6, .hentry .post-title, .hentry .post-entry { margin-bottom: 20px; }

p:last-child, ul:last-child, ol:last-child, iframe:last-child, pre:last-child, blockquote:last-child,
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, .page .hentry .post-entry  { margin-bottom: 0; }

table { border: 1px solid #e7eaee; margin: 0 0 1.625em; width: 100%; }
table th { color: #666; font-weight: bold; padding: 5px 10px; border-right: 1px solid #e7eaee; }
table td { border-top: 1px solid #e7eaee; border-right: 1px solid #e7eaee; padding: 5px 10px; }

hr { height: 1px; padding: 0; margin: 30px 0; border: none; background: #e7eaee; }

code, kbd, samp, var { font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

code, pre { background: #f0f2f5; }

code { padding: 0 4px; }

pre { padding: 15px 20px; margin: 30px 0 40px 0; }

abbr { border-bottom: 1px dotted #b2b5b9; cursor: help; }

blockquote { border-left: 3px solid #f0f2f5; padding-left: 20px; margin-left: 40px; margin-right: 40px; font: italic 16px "Georgia", serif; line-height: 1.6em; color: #a4a8ad; }

ins { background: #; padding: 3px 6px; }

ol { list-style: decimal; margin-left: 20px; }
ol ul { list-style: square; margin-left: 15px; }
ul { list-style: square; margin-left: 15px; }

img { max-width: 100%; height: auto; }

.alignleft, .alignright, .alignnone,
.aligncenter { margin-top: 7px; }
.alignleft {  display: inline; float: left; margin-right: 40px; margin-bottom: 10px; }
.alignright {  display: inline; float: right; margin-left: 40px; margin-bottom: 10px; }
.wp-caption { border: 1px solid #e7eaee; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,0.02); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.02); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.02); }
.wp-caption img { margin: 5px 5px 0 5px; }
.wp-caption .wp-caption-text,
.gallery .gallery-caption { font-size: 12px; padding: 0 5px 5px 5px; text-align: center; }

.gallery-caption { padding: 0; }

label .required { color: #f85a5a; }

img, input, textarea, select, pre, .wp-caption { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], 
input[type="tel"], input[type="time"], input[type="url"], textarea, select { background: #fff; padding: 10px 12px; border: 1px solid #ced2d8; color: #a8adb2; box-shadow: 0 1px 0 rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.05); -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.05); }

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, 
input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, 
textarea:focus, select:focus { border-color: #acafb5; }

select { cursor: pointer; }

input[type=submit] { border: none; background: #69d05f; padding: 10px 12px; color: #fff; font-weight: bold; cursor: pointer; }
input[type=submit]:hover { background: #60e177; }

h1, h2, h3 { font-weight: bold; }
h4, h5, h6 { font-weight: normal; }
h1, h2 { letter-spacing: -1px; }
h1 { font-size: 24px; line-height: 1.2em; }
h2 { font-size: 20px; line-height: 1.3em; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; line-height: 1.7em; }
h6 { font-size: 11px; line-height: 1.6em; }


/*-----------------------------------------------------------------------------------------------------------------------------*/
/* Layouts
/*-----------------------------------------------------------------------------------------------------------------------------*/

#secondary-side { width: 300px; padding: 60px; position: absolute; top: 0; left: 0; color: #c3c6cb; font-size: 12px; text-shadow: 0 1px 1px rgba(0,0,0,0.4); }
#primary-side { margin-left: 420px; padding: 60px; }
#primary-side .primary-main { width: 600px; }
#primary-side .primary-main.attachment-main { width: auto; }
.hentry { margin-bottom: 60px; }
.single .hentry { margin-bottom: 40px; }
.page .hentry, .hentry:last-child { margin-bottom: 0; }


/*-----------------------------------------------------------------------------------------------------------------------------*/
/* Secondary Side
/*-----------------------------------------------------------------------------------------------------------------------------*/

#secondary-side .section { margin-top: 40px; }
#secondary-side .section:first-child {  margin-top: 0; }

#secondary-side .section.branding .logo { line-height: 0; margin: 0; }
#secondary-side .section.branding .description { font-size: 12px; color: #c3c6cb; margin: 10px 0 0 0; }
#secondary-side .section.branding .toggle-menu { float: right; width: 16px; height: 13px; background: url("images/sprite.png") -333px -53px no-repeat; display: none; text-indent: -99999em; margin: 0 0 40px 40px;}

.section .widget-title { font-size: 14px; color: #fff; margin-bottom: 10px; }
.section a { color: #c3c6cb; }
.section a:hover { color: #fff; }

.section ul { list-style: none; margin: 0; }
.section ul li { position: relative; margin-bottom: 0; }
.section li .dropdown-button {	width: 11px; height: 11px; background: url("images/sprite.png") -322px -66px no-repeat; position: absolute; top: 6px; left: auto; right: 0; cursor: pointer; text-indent: -999999em; }
.section li .dropdown-button:hover { background-position: -322px -77px; }
.section li .dropdown-button.active { background-position: -322px -88px; }
.section li ul { margin: 0 0 0 16px; padding-left: 10px; border-left: 1px solid #3c3f44; font-size: 11px; }
.section li ul { display: none; }
.section li ul li { padding-left: 10px; margin-bottom: 0; }
.section li ul li:before { width: 10px; height: 1px; background: #3c3f44; position: absolute; content: ''; top: 10px; left: -10px; }
.section li ul li ul { margin-left: 0; }
.section li.active > a, .section .current-menu-item > a, .section .current-menu-ancestor > a, .section .current_page_item > a,
.section .current_page_ancestor > a { color: #fff; padding-left: 16px; background: url("images/sprite.png") -316px -99px no-repeat; }
.section li ul li a:hover, .section li ul li.active > a, .section li ul .current-menu-item > a, .section li ul .current-menu-ancestor > a, 
.section li ul .current_page_item > a, .section li ul .current_page_ancestor > a { background: none; padding: 0; }

.section input, .section textarea, .section select { border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.section select { width: 100%; }

.section.widget_recent_entries li, .section.widget_recent_comments li, .section.widget_rss li { padding-left: 31px; }
.section.widget_recent_entries li, .section.widget_rss li { background: url("images/sprite.png") -272px -145px no-repeat; }
.section.widget_recent_comments li { background: url("images/sprite.png") -256px -165px no-repeat; }

.section.widget_rss .widget-title a { color: #fff; }
.section.widget_rss .widget-title a img { display: none; }
.section.widget_rss a { font-weight: bold; }
.section.widget_rss .rss-date, .section.widget_recent_entries .post-date { font-size: 11px; display: block; }

.section #wp-calendar, .section #wp-calendar th, .section #wp-calendar td { border-color: #3c3f44; }
.section #wp-calendar caption, .section #wp-calendar th { color: #fff; }
.section #wp-calendar caption { text-align: left; padding-bottom: 10px; }
.section #wp-calendar td a { font-weight: bold }

.section.widget_search form { margin-top: 20px; }
.section.widget_search form label { display: none; }
.section.widget_search form input[type=text] { width: 84.3%; margin-right: 2px; }
.section.widget_search form input[type=submit] { text-indent: -99999em; padding: 9px 18px; background-image: url("images/sprite.png"); background-position: -349px -16px; background-repeat: no-repeat; }

.section.widget_tag_cloud a { font-size: 11px; color: #fff; background: #40454c; display: inline-block; margin: 5px 2px 0 0; padding: 0 10px; text-shadow: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.section.widget_tag_cloud a:hover { background-color: #69d05f; }

.section.widget_flickr .widget-title { margin-bottom: 15px; }
.section.widget_flickr .flickr_badge_image { line-height: 0; display: inline-block; margin: 5px 5px 0 0; }
.section.widget_flickr #flickr_badge_image4.flickr_badge_image,
.section.widget_flickr #flickr_badge_image8.flickr_badge_image,
.section.widget_flickr #flickr_badge_image12.flickr_badge_image { clear: right; margin-right: 0; }

.section.widget_social .social-links a { width: 64px; height: 64px; display: inline-block; margin: 5px 5px 0 0; text-indent: -99999em; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.section.widget_social .social-links a.facebook { background: #40454c url("images/sprite.png") 0 -378px no-repeat; }
.section.widget_social .social-links a.twitter { background: #40454c url("images/sprite.png") -64px -314px no-repeat; }
.section.widget_social .social-links a.google-plus { background: #40454c url("images/sprite.png") -128px -250px no-repeat; }
.section.widget_social .social-links a.pinterest { background: #40454c url("images/sprite.png") -192px -186px no-repeat; }
.section.widget_social .social-links a:hover { background-color: #69d05f; }


/*-----------------------------------------------------------------------------------------------------------------------------*/
/* Post Header
/*-----------------------------------------------------------------------------------------------------------------------------*/

.breadcrumbs { margin-bottom: 20px; font-size: 12px; color: #a4a8ad; }
.single .breadcrumbs, .page .breadcrumbs, .search .breadcrumbs { margin-bottom: 40px; }
.breadcrumbs a { font-weight: bold; }
.breadcrumbs .delimiter { margin: 0 5px; }

.archive-title { margin-bottom: 60px; color: #a4a8ad; font-size: 14px; font-weight: normal; letter-spacing: 0; line-height: 1.7em; background: url("images/sprite.png") -288px -125px no-repeat; padding-left: 26px; }
.archive-title.search-title { background: url("images/sprite.png") -391px 4px no-repeat; }


/*-----------------------------------------------------------------------------------------------------------------------------*/
/* Post Content
/*-----------------------------------------------------------------------------------------------------------------------------*/

.hentry .back { margin-top: 15px; }
.hentry .back span { font-weight: bold; }

.hentry .post-title { font-size: 30px; font-weight: bold; line-height: 1.1em; letter-spacing: -1.5px; }

.hentry .hmi { margin: 20px 0; }

.hentry .attachment { line-height: 0; margin-bottom: 60px; }
.hentry .attachments { margin: 30px 0; }
.hentry .attachments .large-attachment { line-height: 0; }
.hentry .attachments .small-attachments .small { float: left; margin: 0 6px 6px 0; line-height: 0; }
.hentry .attachments .small-attachments .small:nth-child(6n+6) { margin-right: 0; }
.hentry .attachments .small-attachments .small a:hover { opacity: 0.8; }
.hentry .attachment-external .nav { float: left; margin: 0 20px 20px 0 }
.hentry .attachment-external .attachment-share { float: right; }

.hentry .post-meta { font-size: 12px; }
.hentry .post-meta .meta.external .sticky { background: url("images/sprite.png") -304px -111px no-repeat; padding-left: 17px; }
.hentry .post-meta .meta.share-buttons { margin-top: 25px; }
.hentry .post-meta .meta.share-buttons .button,
.hentry .attachment-share .button { height: 62px !important; float: left; margin-right: 10px; }
.hentry .post-meta .meta.share-buttons .button:last-child,
.hentry .attachment-share .button:last-child { margin-right: 0; }
.hentry .attachment-share .button.pinterest a { position: relative; top: 39px; }
.hentry .post-meta a { font-weight: bold; }
.hentry .post-meta .meta.external a { font-weight: normal; }
.hentry .post-meta .tagged a, .hentry .post-meta .tagged strong {  font-weight:normal; color: #777;}
.hentry .post-meta .meta-border { width: 10%; height: 1px; background: #e7eaee; margin: 30px 0; }

.li img { width: 100%; height: auto; max-width: 820px; }


/*-----------------------------------------------------------------------------------------------------------------------------*/
/* Comments
/*-----------------------------------------------------------------------------------------------------------------------------*/

#comments { padding-top: 40px; }

#comments .comments-title,
#comments #respond .comment-reply-title { font-size: 20px; font-weight: normal; letter-spacing: -1px; }

#comments #respond { margin-top: 60px; }
#comments .commentlist #respond { margin: 30px 0 0 75px; }

#comments .commentlist,
#comments .commentlist ul { list-style: none; margin-left: 0; }
#comments .commentlist li { margin-top: 30px; }
#comments .commentlist li.depth-2 .comment-entry { margin-left: 40px; }
#comments .commentlist li.depth-3 .comment-entry { margin-left: 60px; }
#comments .commentlist li.depth-4 .comment-entry { margin-left: 120px; }
#comments .commentlist li.depth-5 .comment-entry { margin-left: 160px; }

#comments .commentlist li .comment-avatar { float: left; margin: 7px 0 0 0; }
#comments .commentlist li .comment-avatar img { border-radius: 200px; -moz-border-radius: 200px; -webkit-border-radius: 200px; }
#comments .commentlist li .comment-content { margin-left: 75px; border-bottom: 1px solid #e7eaee; padding-bottom: 30px; }
#comments .commentlist li .comment-content .comment-info { margin-bottom: 10px; }
#comments .commentlist li .comment-content .comment-info h3 { float: left; font-size: 14px; font-weight: bold; margin: 0; }
#comments .commentlist li.bypostauthor .comment-content .comment-info .by-author { float: right; background: #dbffd7; font-size: 11px; text-transform: uppercase; padding: 3px 7px; line-height: 1.6em; color: #5bbc51; margin-left: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#comments .commentlist li .comment-content .comment-info .comment-date { font-size: 12px; margin-left: 10px; }
#comments .commentlist li .comment-content .comment-info .comment-date span { margin: 0 5px; }
#comments .commentlist li .comment-content .comment-moderation { font-size: 12px; margin-bottom: 10px; }

#comments .comment-notice.closed { margin: 60px 0 0 75px; }

#comments #respond .comment-reply-title { margin-bottom: 25px; }

#comments #respond #cancel-comment-reply-link { font-size: 12px; margin-left: 10px; letter-spacing: 0; }
#comments #respond p {  position: relative; margin-bottom: 20px; }
#comments #respond .notice { font-size: 12px; }
#comments #respond p label,
#ds-contact-form p label { margin-bottom: 5px; cursor: pointer; display: block; }
#comments #respond p input[type=text],
#ds-contact-form p input[type=text] { width: 315px; }
#comments #respond textarea,
#ds-contact-form p textarea {  width: 100%; height: 200px; resize: vertical; }

#comments .comment-notice,
#comments .commentlist li .comment-content .comment-info .comment-date,
#comments .commentlist li .comment-content .comment-info .comment-date a,
#comments .commentlist li .comment-content .comment-moderation,
#comments #respond #cancel-comment-reply-link,
#comments #respond .notice,
#comments #respond .notice a { color: #a4a8ad; }

#comments .commentlist li .comment-content .comment-info .comment-date a:hover,
#comments #respond .notice a:hover { color: #646568; }


/*-----------------------------------------------------------------------------------------------------------------------------*/
/* Content Navigation
/*-----------------------------------------------------------------------------------------------------------------------------*/

.content-navigation { margin-top: 60px; }
.content-navigation.attachment-navigation { margin-top: 0; }
.content-navigation.comment-navigation { margin: 30px 0 0 75px; }
.content-navigation .previous-nav { float: left; }
.content-navigation .next-nav { float: right; text-align: right; }
.content-navigation .previous-nav,
.content-navigation .next-nav { width: 45%; }
.content-navigation span { color: #a4a8ad; }
.content-navigation.with-button .pagination { list-style: none; margin: 0; }
.content-navigation.with-button .pagination li { float: left; margin: 0 5px 5px 0;}
.content-navigation.with-button a,
.content-navigation.with-button span { color: #646568; font-size: 16px; display: block; padding: 10px 20px; background: #f1f3f6; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.content-navigation.with-button a:hover,
.content-navigation.with-button span,
.content-navigation.with-button .pagination li.active a { color: #fff !important; }
.content-navigation.with-button a:hover,
.content-navigation.with-button .pagination li.active a { background: #69d05f; }
.content-navigation.with-button span { background: #b8f9b2; }
.content-navigation.with-button span { cursor: default; }
.content-navigation.with-button .previous-nav,
.content-navigation.with-button .next-nav { width: auto; float: left; }
.content-navigation.with-button .previous-nav { margin-right: 10px; }


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*	Contact Form
/*-----------------------------------------------------------------------------------------------------------------------------*/

#ds-contact-form { margin-top: 20px; }
#ds-contact-form #response { margin-bottom: 30px; }
#ds-contact-form #response .message.success { color: #50bd4d; }
#ds-contact-form p { margin-bottom: 20px; }
#ds-contact-form p.submit { margin-bottom: 0; }
#ds-contact-form p.submit .loader { margin-left: 10px; vertical-align: middle; display: none; }


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*	Ads
/*-----------------------------------------------------------------------------------------------------------------------------*/

.ads-position-1 { margin: 30px 0; }
.ads-position-2, .ads-position-4 { margin: 30px 0; }
.ads-position-3 { margin-bottom: 30px; }


/*-----------------------------------------------------------------------------------------------------------------------------*/
/*	Footer
/*-----------------------------------------------------------------------------------------------------------------------------*/

#footer { margin-top: 60px; font-size: 12px; color: #a4a8ad; }

.ia { display: none; position: absolute; }