/*
Theme Name: Blog-Master 
Theme URI: http://blog-master.zdravkolukic.com/
Author: Zdravko Lukic
Author URI: http://zdravkolukic.com/
Description: This theme is lightweight, simple theme for just bloging, not much features fully responsive design for mobiles and tablets. I want with this theme just people to use for bloging nothing else. Write something to hear your words whole world and enjoy.This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 
Tags:black, gray, white,  dark, light, two-columns, left-sidebar, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support,  threaded-comments, translation-ready
*/

 /* 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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body{
	font-family: 'Monda', sans-serif;
}
time {
	padding: 5px;
}
.wp-caption {

}
.wp-caption-text{

}
.sticky {
}
.screen-reader-text{

}
.gallery-caption {

}
.bypostauthor {

}
.alignright {

}
.alignleft {

}
.aligncenter {

}
.wrap{
	width:1000px;
	margin:0 auto;
}
.header_top{
	background:#222;
	border-bottom: 1px solid black;
	padding:5px 0;
}
.header_bottom{
	background:#8B0530;
	border-top: 1px solid #920029;
}
.logo{
	float:left;
	margin-left:15px;
}
.social_button{
	float:right;
	color:#646464;
	margin:20px 30px;
}
.social_button li{
	display:inline-block;
}
.social_button li a{
	color:#646464;
	font-size:14px;
	padding:0 10px;
}
.social_button li a:hover{
	text-decoration:underline;
	color:#FFF;
}

.social-icons a{
	padding: 10px;
	font-size: 20px !important;
}

.site-title a {
	font-size:20px;
}
.site-description {
	font-size:13px;
}
.site-title a, .site-description{
	text-decoration:none;
	display:block;
	color:#000;
	text-shadow: 0 1px 0 #fff;
	text-shadow: 0 1px 0 #B34761;
	margin:10px 8px;
}
.site-title a:hover, .site-description:hover {
	color:#fff;
	text-decoration:underline;
	text-shadow: none;
}
.menu{
    float:left;
    margin-left:15px;
}
.menu li{
	display:inline-block;
}
.menu li a{
	text-decoration:none;
	display:block;
	color:#000;
	text-shadow: 0 1px 0 #fff;
	text-shadow: 0 1px 0 #B34761;
	font-size:13px;
	margin:10px 8px;
}
.menu li a:hover{
	color:#fff;
	text-decoration:underline;
	text-shadow: none;
}
.search_box{
	float:right;
	margin:6px 25px;
	border:1px solid #fff;
	background:#FFF;
	border-radius:0.3em;
	position:relative;
   -moz-box-shadow: inset -1px 1px 7px -1px #aaa;
   -webkit-box-shadow: inset -1px 1px 7px -1px #aaa;
    box-shadow: inset -1px 1px 7px -1px #aaa;
}
.search_box input[type="text"]{
	border:none;
	outline:none;
	background:none;
	font-size:12px;
	color:#666;
	width:195px;
	padding:3px;
}
.search_box input[type="image"]{
	border:none;
	cursor:pointer;
	position:relative;
	width:15px;
	top:1px;
	right: 4px;
}
.main{
	background:#fff;
}
.content{
	float:left;
	width:660px;
}
.box1 h2 a{
    font-size:22px;
    color:#666;
}
.box1 h2 a:hover{
	text-decoration:underline;
	color:#999;
}
.box1{	
    width:632px;
    margin:30px 20px;
    border-bottom:1px solid #E0D9D9;
}
.box2_img {
	float:left;
	margin-top:20px;
}
.box2_img img{
	border: 1px solid #CAC9C9;
    padding: 4px;
    box-shadow: 1px 1px 8px #888;
}
.box1_img{
	float:right;
	margin-top:20px;
}
.box1_img img{
	border: 1px solid #CAC9C9;
    padding: 4px;
    box-shadow: 1px 1px 8px #888;
}
.comments-link a{
	color: #888;
}
.posted-on , .byline, .byline a {
   color: #888;
}
.posted-on a {
	color: #888;
}
.posted-on a:hover, .byline:hover, .byline a:hover {
	color: #000;
	text-decoration: underline;
}
.edit-link {
	padding-left: 5px;
}
.data{
	float:left;
    width: 340px;
    padding-bottom:10px;
}
.data a{
	color:#5a77a0;
	text-decoration:underline;
	font-size:14px;
}
.entry-header {
	padding-bottom: 20px;
}
.entry-header h2 {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #888;
	font-size: 26px;
}
.entry-header h2 a{
	padding-top: 10px;
	padding-bottom: 10px;
	color: #888;
	font-size: 26px;
}
.entry-footer {
	padding-bottom: 20px;
	
}
.entry-footer span {
	padding-top: 10px;
}
.box1 p{
    font-size:13px;
    word-spacing:2px;
    line-height:1.8em;
    color:#999;
    margin-bottom:10px;
}
.sidebar{
	float:right;
	width:318px;
	border-left: 1px solid #E0D9D9;
}
.side_top{
	padding:30px 0px 0px 20px;
}
.side_top h2{
	font-size:26px;
	color:#888;
}
.recentcomments {
	color: #888;
	font-size: 13px;
}
.list1 li a{
	font-size:14px;
	color:#AAA;
	line-height:2.5em;
	border-bottom:1px solid #f6f6f6;
}
.list1 li a:hover{
	border-bottom:1px solid #888;
}
.side_bottom{
	padding:30px 0 0 20px;
}
.side_bottom h2{
	font-size:26px;
	color:#888;
}
.list2 li a{
	font-size:14px;
	color:#AAA;
	line-height:2.5em;
	border-bottom:1px solid #f6f6f6;
}
.list2 li a:hover{
	border-bottom:1px solid #666;
}
.page_links{
	padding:30px 25px;
}
.next_button{
	float:left;
	padding-left:15px;
}
.next_button a{
	 color:#FFF;
	 font-size:14px;
	 padding:6px 20px;
	 background:#8B0530;
	 border: 1px solid #2a2a2a;
	 border-radius: 2px;
	 box-shadow: inset rgba(255,255,255,0.3) 1px 1px 0;
	 text-shadow: 0 1px 1px rgba(0,0,0,0.3);
	 border: 1px solid rgba(0, 0, 0, 0.25);
	 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50);
	 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50);
	 text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}
.next_button a:hover{
	background:#660D29;
}
.page_numbers{
	float:right;
}
.page_numbers li{
	display:inline-block;
}
.page_numbers li a{
	font-size:14px;
	color:#888;
	padding:3px;
	font-weight:bold;
}
.page_numbers li a:hover{
	color:#222;
}
.page_bottom{
	text-align:right;
	padding-top:15px;
}
.page_bottom p{
	color:#888;
	font-size:12px;
}
.page_bottom a{
	color:#888;
	font-size:12px;
	text-decoration:underline;
}
.page_bottom a:hover{
	color:#222;
}
.footer{
	background:#111;
	padding:20px 2px;
	border-bottom: 1px solid black;
}
.footer h3{
	font-size:22px;
	color:#555;
	margin:15px 30px;
	border-bottom:1px dotted #222;
}
.footer_grid3{
	float:left;
	width:330px;
	padding-bottom: 50px;
}
.footer_grid3 .textwidget{
	font-size:13px;
	color:#444;
	padding-left:30px;
	line-height:1.8em;
	text-align: center;
}
.footer_grid3 a{
	font-size:15px;
	color:#555;
}
.footer_grid3 a:hover{
	color:#666;
}
.footer_grid3{
	float:left;
	width:275px;
	margin-left:20px;
}
.f_menu{
    margin-left:20px;
}
.f_menu li{
	display:block;
	margin:8px;
}
.f_menu li a{
	display:block;
	color:#444;
	font-size:13px;
}
.f_menu li a:hover{
	color:#666;
	text-decoration:underline;
}
.footer_grid3{
	float:left;
	width:300px;
}
.img_list{
	margin-left:35px;
}
.img_list li {
	display:block;
	margin:12px 0;
} 
.img_list li a{
	font-size:13px;
	color:#444;
	margin:10px;
}
.img_list li a:hover{
	text-decoration:underline;
	color:#666;
}
.img_list img{
	vertical-align:middle;
}

.center_footer {
    width: 530px;
    color: #555;
}
.center_footer a{
	color: #888;
}
.f_bottom{
	border-top: 1px solid #1F1F1F;
	background:#111;
	padding-top: 10px;
}
.f_bottom p{
	text-align:center;
	color:#444;
	font-size:12px;
	margin-top:5px;
}
.f_bottom p a{
	text-decoration:none;
	color:#AAA;
}
.f_bottom p a:hover{
	text-decoration:underline;
	color:#EEE;
}
/* about */
.box1 span{
	font-size:13px;
	color:#888;
	text-decoration:underline;
	font-size:13px;

}

.box1 span a {
	text-decoration: none;
	font-size: 13px;
	color: #888;
}
.top_img{
    text-align:center;
    margin:10px 0;
}
.top_img img{
	border: 1px solid #CAC9C9;
    padding: 4px;
    box-shadow: 1px 1px 8px #888;
}
.data_desc{
	margin-top:20px;
}
.data_desc p{
	font-size:13px;
    word-spacing:2px;
    line-height:1.8em;
    color:#999;
    margin-bottom:10px;
}
.data_desc a{
	color:#5a77a0;
	text-decoration:underline;
	font-size:14px;
}
/* contact */
.feed{
	padding:40px 0px;
	margin-bottom:10px;
}
.feedback{
	float:left;
}
.feedback h1{
	font-size:28px;
    padding-bottom:25px;
    color:#464646;	
    margin:5px 20px;
}
form label{
	display:block;
	margin-left:20px;
	font-size:14px;
	color:#888;
}
.feedback form input[type="text"]{
	padding:10px;
	margin:5px 0 20px 20px;
    display:block;
	width:450px;
	background:#DDD;
	border: none;
	outline:none;
	color:#464646;		
}
.feedback textarea{
    padding:10px;
	margin:5px 0 20px 20px;
	display:block;
	width:450px;
	height:100px;
	background:#DDD;
	border: none;
	outline:none;
	color:#464646;	
	font-family: 'Monda', sans-serif;
	resize:none;	
}
.feedback form input[type="submit"]{
	 color:#FFF;
	 font-size:13px;
	 padding:6px 20px;
	 background:#8B0530;
	 border: 1px solid #2a2a2a;
	 border-radius: 2px;
	 box-shadow: inset rgba(255,255,255,0.3) 1px 1px 0;
	 text-shadow: 0 1px 1px rgba(0,0,0,0.3);
	 border: 1px solid rgba(0, 0, 0, 0.25);
	 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50);
	 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.50);
	 text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	 font-family: 'Monda', sans-serif;
	 margin-left:20px;
	 cursor:pointer;
}
.feedback form input[type="submit"]:hover{
	background:#660D29;
}
.map{
   float: right;
   border: 1px solid #888;
   margin: 70px 25px;
}

.comments-area {
	padding:30px 30px;
	border-bottom: none !important;
}
.comments-title {
    padding: 10px;
    
    color: #888;
    font-size: 15px;
}
.comment-list {
	padding: 10px;
	
}
.comment-content p{
	color: #000;
	padding: 10px;
}
.comment-meta, .comment-metadata a, .fn a{
	color: #888;

}
.comment-metadata {padding-top: 10px;}
.comment-metadata a:hover, .fn a:hover {
	color: #000;
}
.reply a, .comment-reply-title{
	color: #888;
	padding: 10px;
}

.reply a:hover {
	color: #000;
}
.logged-in-as {padding: 10px;}
.logged-in-as a{
	color: #999;

}
.form-submit {padding-bottom: 10px;}
.logged-in-as a:hover {
	color: #000;
}

.post-edit-link {
	padding-left: 20px;
	color: #888;
}

.page-title {
	font-size: 26px;
}

.search-form {
	padding-bottom: 20px;
	padding-top: 20px;
}

.search-field {
	margin-bottom: 20px;
}
.content-page {
	width: 660px;
	padding-bottom: 340px;
}
.page-header {
	padding-top: 20px;
}

/* For mobile devices */

@media only screen and (max-device-width: 480px) {

	.wrap {
		width: 320px;
	}

	.social_button {
		float: none;
		margin-top: 20px;
	}

	.social_button li a {
		padding: 0px 5px;
	}

	.content {
        float: none;
        width: 300px;
	}

	.box1 {
		width: 300px;
		margin: 0;
		text-align: center;
	}

	.sidebar {
		float: none;
		border-left: none;
	}

	.data {
		width: 300px;
	}
    .footer_grid3 {
    	width: 280px;
    }
	.footer_grid3 .textwidget {
		font-size: 11px;
		padding-left: 0;
		text-align: left;
	}

	.feedback {
		width: 300px;
		float: none;
	}

	.feedback textarea {
		width: 200px;
	}

}

/* ----------- iPhone 4 and 4S ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    .wrap {
    	width: 300px;
    }

    .social_button {
		float: none;
		margin-top: 20px;
	}

	.social_button li a {
		padding: 0px 5px;
	}

	.content {
        float: none;
        width: 300px;
	}

	.box1 {
		width: 300px;
		margin: 0;
		text-align: center;
	}

	.sidebar {
		float: none;
		border-left: none;
	}
	.data {
		width: 300px;
	}
    .footer_grid3 {
    	width: 280px;
    }
	.footer_grid3 .textwidget {
		font-size: 11px;
		padding-left: 0;
		text-align: left;
	}

	.feedback {
		width: 300px;
		float: none;
	}

	.feedback textarea {
		width: 200px;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
     
     .wrap {
     	width:755px;
     }

     .content {
        width: 475px;
     }

     .sidebar {
     	width: 275px;
     }

     .box1 {
     	width: 430px;
     }

     .feedback textarea {
     	width: 380px;
     }

     .footer_grid3 {
     	width: 230px;
     }

     .box1_img {
     	float: none;
     }

     .box2_img {
     	width: 430px;
     }
}

@media (min-device-width: 800px) and (max-device-width: 1280px) {

}

@media only screen and (min-device-width: 600px) and (max-device-height: 960px)  {
      
      .wrap {
      	width: 599px;
      }

      .conetnt {
      	width: 599px;
      }

      .box1 {
      	width: 570px;
      }

      .box1_img {
      	float:none;
      }

      .data {
      	width: 500px;
      }
      .sidebar {
      	float: none;
      }

      .box2_img {
      	width: 570px;
      }
}