/*   
Theme Name: Emily Blog Theme
Theme URI: http://digwp.com
Description: This is just a BLANK starter WordPress Theme template -- WordPress v3.0.1
Author: Chris Coyier
Author URI: http://chriscoyier.net
Version: 2
*/



@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700,100);
@import url(http://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic);

html{
	height:100%;
}

body {
	background:#efefef;
	color: #635a53;
	font-size:18px;
	height:100%;
	width:100%;
	font-family: "Roboto Slab", Helvetica, Arial, Sans-serif;
    display:table;
    table-layout:fixed;
}

a{
	color:#b25e39;
	margin-bottom:0.2em;	
}

a:hover{
	color:#cd853f;
}

h1,h2,h3,h4,h5,h6{
	font-family: "Lato", Helvetica, Arial, Sans-serif;
	color: #635a53;
	font-weight:400;
}
h1{
	font-size:2.5em;
	font-weight:700;
}

h2{
	font-size:2em;
	font-weight:700;
}

h3{
	font-size:1.5em;

}

h4{
	font-size:1.3em;
}

h5{
	font-size:1.1em;
}



p{
	font-size:1em;
	line-height:1.5em;
	color: #635a53;

}

ul{
	list-style:none;	
	margin:0;
}

/*Links and buttons*/

.button, a.button{
	-webkit-appearance: none;
	border-style:none;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	padding:0.5em 1em;
	font-weight:300;

}

a.read_more{
    display:block;
    margin-top:0.7em;
    width:8em;
}

/*Helper*/

.align_right{
	text-align:right;
}

.small{
	font-size:0.8em;
}

.bgwhite{
	background-color:#ffffff;
}
.top-offset{
	padding-top:1em;
}

/*Layout*/

.row{
	max-width:80em;
}


.inner{
	margin:2em auto 0;
}




/*form*/
fieldset{
	border:none;
	margin:0;
}

label{
	font-size:1em;
}

label input[type="text"]{
	height:3em;
}

label textarea{
	height:8em;
}

/* header */

ul.menu{
	margin:1.5em 0 0 0;
}

ul.menu li{
	display:inline-block;
    margin-left:2em; 
}

ul.menu li a{
	font-size:1.2em;
	color:#ffffff;	
	padding:0.2em 0.6em;	
	
}

ul.menu li a:hover{
	color:#cd853f;
}

ul.menu li.current_page_item a{
    color: #363636;

}

header{
	background-color:#b25e39;
	position:relative;
	z-index:90;
}

/*Search Form*/
.search_form input[type="text"]{
	display:inline-block;
	vertical-align:top;
	width:70%;
}
.search_form input[type="submit"]{
	display:inline-block;
	vertical-align:top;
	width:25%;
}



/*intro*/
.intro{
	height:25em;
	padding: 1.5em;
	margin: 0 auto;
	background-color:#efefef;
	background: url("images/desk.jpg") no-repeat;
	background-size:cover;
}

 .intro p{
	line-height:1.7;
	color:#ffffff;
	  font-size: 1.1em;
}

.intro h1, .intro h3{
	color:#ffffff;
}

/*Refresh section*/
.wrapper {
  margin: 1em auto 1em;
  text-align: center;
  width: 50%;
}
.wrapper .property {
  background-color: #ffffff;
  display: inline-block;
  width: 75%;
  height: 60px;
  line-height: 60px;
  border: 2px solid #b25e39;
}
.wrapper .property p {
  display: inline-block;

  color:#b25e39;
  margin-bottom:0;
}
.wrapper .refresh {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  vertical-align: top;
  padding:0;
}
.wrapper .refresh i {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  color: #ffffff;
}



/*feature*/

.feature_self,.feature_blog{
    padding:2em 0;
}

.feature_self h2,.feature_blog h2{
    margin-bottom:1.5em;
}

.feature_self article{
	padding:1em;
	background-color:#c7c2bb;
}

.feature_blog{
	background-color: #e1dfdf;
}



	


/*works*/

ul.submenu{
	list-style:none;
	margin:1em 0 0.2em 0;
}

ul.submenu li{
	display:inline-block;
    margin-left:2em; 
}




.work_thumbnail {
	display:inline-block;
	background-color:#ffffff;
	padding:1em 1em 0;
	margin:0 1% 3% 0;
	border-bottom:2px solid #b25e39;
	cursor:pointer;
	-moz-opacity: 0.7;
	-webkit-opacity: 0.7;
	-o-opacity: 0.7;
    opacity: 0.7;
    width:30%;
    overflow:hidden;
    vertical-align:top;
	
}



.work_thumbnail:hover{
	-moz-opacity: 1;
    opacity: 1;  
}



.work_thumbnail  a{
	display:none;
}

.work_thumbnail p{
   margin-top:1em;
   text-align:center;
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;

}






/*work detail*/
.work_detail{
	padding:2em 1em 0 1em;
	background-color:#fff;
	
}

.work_detail h2{
	border-bottom:1px dashed #b25e39;
	padding-bottom:0.2em;
}

.client >.date{
	font-style:italic;
	float:right;

}
.work_detail p, .detail p{
	margin-bottom:2em;
	font-weight:300;
}

.work_detail h5{
	color:;
}

.detail{
	padding:1em 0;
}

.detail img{
	margin-bottom:2em;
	box-shadow:0px 0px 2px #8e8e8e;
	-moz-box-shadow:0px 0px 2px #8e8e8e;
	-webkit-box-shadow:0px 0px 2px #8e8e8e;
}

img[src$="png"] {
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}

/*.back a:before, .back a:after{
	content:"";
	display:inline-block;
	height:2px;
	width:45%;
	border-bottom:1px dashed #b25e39;
	vertical-align:top;
	margin-top:8px;
}
*/





/*Blog style*/
.article_list>li{
   display:inline-block;
   width:46%;
   margin-right:2%;
   vertical-align:top;
   padding: 1em;
   background-color: #ffffff;
   margin-bottom:1em;
   vertical-align:top;
}

.article_item img{
	display:inline-block;
	width:35%;
	margin-right:2%;
	vertical-align:top;
}

.article_item  article{
	display:inline-block;
	width:60%;
	vertical-align:top;
}



.post_style_single{
    background-color: #ffffff;
	padding: 1em;
	margin-bottom:1em;
}

.preview{
	margin-top:1em;
}

.columns .post_nav{
	margin-bottom:1em;
}





/*footer*/
footer{	
	background-color:#575759;

}


footer ul li{
	font-size:0.9em;
	color:#b25e39;
}

footer h6{
	color:#eaeaea;
}


footer ul li a:hover{
	color:#cd853f;	
}

footer .footer_links{
	padding:1em 0;
}

footer .copyright{
   background-color:#363636;
}

footer .copyright p{
	margin:1em 0;
	font-weight:100;
	color:#6d6c6a;
}


/*media queries*/



@media only screen and (max-width:878px){
   .work_thumbnail {
   	width:45%;
   	margin:0 0 5% 0;
   }
   .work_thumbnail:last-child{
   	display:none;
   }
   .article_list>li{
   	width:100%;
   	margin:0 0 5% 0;
   }

   .menu-main-navigation-menu-container{
   	margin-bottom:1em;
   }
}

@media only screen and (max-width: 814px){
   nav .logo, nav .menu{
       float:none;
       text-align:center;
   }
    .small_hide{
    	display:none;
    }
}

@media only screen and (max-width:797px) {
   .feature article{
   	margin-bottom:1em;
   }

}
@media only screen and (max-width:560px){
   .work_thumbnail {
   	width:90%;
   }
}


@media only screen and (max-width:430px) {
	ul.menu{
		margin-top:1em;
	}
	
	ul.menu li{
		margin-left:0.5em;
	}
	
	
}