/*
Theme Name: Personal Blog Responsive Theme
Theme URI: http://dessign.net/personalblogtheme/
Description: Personal Blog Responsive Theme for WordPress is stylish, customizable, simple, and readable. Perfect for any illustrator, designer and blogger. 
Version: 2.0.1
Author: Dessign Themes
Author URI: https://dessign.net
Tags: 1 column theme, clean, portfolio, blogger
*/
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 0 4px 5px;
}
/* Global */
body, div { margin: 0; padding: 0; }
body { font-size: 15px; font-family: 'Raleway', sans-serif; color: #666; line-height: 140%; letter-spacing: 1px; }
a { color: #566573; text-decoration: none; transition: background 0.3s ease 0s, color 0.3s ease 0s; }
a:hover { color: #566573; text-decoration: underline; }
h1,h2,h3,h4,h5,p { margin: 10px 0; }
img { border: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.container { width: 980px; margin: 0 auto; }
#infscr-loading { DISPLAY: NONE !important; visibility: hidden !important; } /* hide infinite scroll loading image */
::selection {
	background: #ccc; 
	}
::-moz-selection {
	background: #ccc; 
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}
/* Header */
.header_top { background-color: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; }
.header_menu { float: left; }
.header_menu ul { list-style-type: none; margin: 0; padding: 0; }
.header_menu ul li { float: left; position: relative; }
.header_menu ul li a { display: block; padding: 25px 20px 20px; color: #fff; font-size: 20px; font-family: 'Raleway', sans-serif; text-transform: uppercase; text-decoration: none;   font-weight: 900; background-color: #000;}
.header_menu ul li:first-child a {  }
.header_menu ul li a:hover { color: #fff;  }
.header_menu ul > li.current-menu-item a,
.header_menu ul > li.current_page_item a { color: #fff;  }
.header_menu ul li ul { position: absolute; top: 50px; left: 0; z-index: 50; display: none; }
.header_menu ul li ul li { float: none; width: 200px; }
.header_menu ul li ul li a { padding: 8px 10px; border-top: 1px solid #343434; border-right: none; font-size: 14px; background-color: #000; color: #fff; text-align: left; margin-left:7px; }
.header_menu ul li ul li a:hover { background-color: #000;  }
.header_menu ul li ul li:first-child a { border-top: none; }
.header_menu ul li ul li.current_page_item a { color: #fff; border-top: 1px solid #343434; }
.header_menu ul li ul > li.current-menu-item a  { color: #fff; border-top: 1px solid #343434; }
.header_menu ul li ul li ul { position: absolute; top: 0px; left: 190px; display: none; z-index: 500; width: 140px; float: none; }
.header_social { float: right; padding-top: 18px; }
.header_social img { display: inline-block; margin-left: 5px; }
.logo_cont { padding: 120px 0 10px; }
.logo { float: left; }
/* Content */
.slide_title_cont { position: absolute; top: 0; left: 0; z-index: 15; width: 100%; }
.slide_title { background: url('images/black-bg.png') repeat; color: #fff; padding: 13px 20px; font-size: 17px; text-transform: uppercase; text-align: center; display: none; }
.slide_thumbs_cont { padding: 15px 0; }
.slide_thumbs_cont img { margin-left: 21px; display: inline-block; cursor: pointer; width: 179px; height: 90px; }
.slide_thumbs_cont img:first-child { margin-left: 0; }
.slide_prev { position: absolute; top: 255px; left: 0; z-index: 10; cursor: pointer; }
.slide_next { position: absolute; top: 255px; right: 0; z-index: 10; cursor: pointer; }
#cont_left { float: left; width: 980px; color: #222; } 
#cont_left p {font-size: 28px; font-family: 'Raleway', sans-serif; line-height: 140%; letter-spacing: 1px; font-weight: 300; color: #222;}
.single_inside_content img { max-width: 100%; height: auto; }
.post_box { margin-bottom: 60px; position: relative; margin-top:50px; border-bottom: solid 20px #000;  }
.post_box h3 {  margin-top: 0;  font-size: 100px; font-family: 'Raleway', sans-serif; line-height: 100%; font-weight: 900; text-transform: uppercase; letter-spacing: -1px; }
h1.single_title { margin-top: 0;  font-size: 100px; font-family: 'Raleway', sans-serif; line-height: 100%; font-weight: 900; text-transform: uppercase; letter-spacing: -1px; margin-top:50px;}
.read_more { display: inline-block; padding: 7px 40px; background-color: #000; color: #fff; font-size: 11px;}
.read_more a:hover { display: inline-block; padding: 7px 40px; background-color: #000; color: #999; font-size: 11px;}
.post_box p { font-size: 18px; font-family: 'Raleway', sans-serif; line-height: 132%; letter-spacing: 1px; font-weight: 400; color: #222; }
.post_box h3 a { color: #000; text-decoration: none;  }
.post_box h3 a:hover { text-decoration: none; color: #566573; }
.post_box .media_cont { position: relative; }
.post_box img { display: block; width: 980px; height: 600px; }
.post_box iframe { width: 980px; height: 550px; }
.post_meta { color: #999; font-size: 14px; text-transform: uppercase; }
#commentform input[type=submit] { background-color: #161616; color: #fff; border: 1px solid #6E6E6E; padding: 3px 5px; }
.post_box img.view_more { position: absolute; bottom: 0; right: 0; display: none; width: 110px; height: 29px; }
.archive_title { padding: 20px 75px; background-color: #000; color: #fff; font-size: 20px; margin-bottom: 20px; font-weight: 900; text-transform: uppercase;  display: inline-block; }
.next_prev_cont { padding: 25px 0; }
.next_prev_cont .left { float: left; width: 45%; }
.next_prev_cont .left a { display: block; background: url('images/post_prev.png') no-repeat; background-position: top left; padding-left: 25px; min-height: 30px; }
.next_prev_cont .right { float: right; width: 45%; text-align: right; }
.next_prev_cont .right a { display: block; background: url('images/post_next.png') no-repeat; background-position: top right; padding-right: 25px;  min-height: 30px; }
.you_may_like { background-color: #000; color: #fff; padding: 1px 8px; font-size: 14px; margin-top: 15px; margin-bottom: 15px; font-weight: 700; }
.may_like_box { float: left; margin-right: 15px; width: 193px; }
.may_like_box_last{ margin-right: 0; }
.may_like_box img { width: 193px; height: 120px; }
.may_like_box h3 { font-weight: normal; font-size: 18px; }
.may_like_box h3 a:hover { text-decoration: underline; }
.single_may_like { list-style-type: none; margin: 0; padding: 0; }
.single_may_like li { float: left; margin-right: 15px; width: 144px; }
.single_may_like li img, .single_may_like li iframe { width: 144px; height: 88px; }

/* Footer */
#footer { padding: 13px 0; background-color: #000; text-align: center; margin-top: 25px; color: #ccc; }