/* ==========================================================================
   Custom styles
   ========================================================================== */

html, body {
height: 100%;
font-family: arial;
font-size: 12px;
color: #555;
}

a{color:#555;}
a:hover{color:#FFCFB2; text-decoration: none}

.wrap{width:872px; margin: auto}

header{width:872px; margin:100px auto 0;}

/* ===================================================
   Main Nav
   =================================================== */
#nav ul{
    list-style:none;
    margin:0;
}
#nav a:hover, #nav .current-menu-item a{color:#555;}


/* ===================================================
   Footer
   =================================================== */

footer{
  height:100px;
  }

/* ===================================================
   Blog page
   =================================================== */
#blog-page{margin-top:105px}
#blog-page .left{width:600px; }
#sidebar{width:202px; margin-right:0px; float:right; margin-top:56px; font-size: 12px}
#sidebar .sidebar-item{margin-bottom: 30px;  }
#sidebar .sidebar-item:last-child{border-bottom: 0}
#sidebar .social{
  list-style:none;
  padding:0;
}
#sidebar .social ul{ position:relative; margin:0px 0px 0px 20px; height:15px; padding: 15px 0px;} 
#sidebar .social ul li { margin:0; padding:0; list-style:none; postion:absolute; float:left; 
  background:url('../img/social.png') no-repeat;
  left:0px; 
  width:15px;
  margin-right: 20px;
  }

#sidebar .social ul li, #sidebar .social ul a {display:block; height:15px;} 
#sidebar .social ul li:last-child{margin-right: 0px;}

#sidebar .social .insta{ background-position:0 0;}
#sidebar .social .tw{ background-position:-35px 0;}
#sidebar .social .pinit{ background-position:-64px 0;}  
#sidebar .social .vm{ background-position:-93px 0;}  


/* ===================================================
   Blog item
   =================================================== */
#main-content .page{
  margin-top: 60px;
}

#main-content .post h1, #main-content .post .posted-on{
  font-size: 12px;
  margin-bottom: 0;
  line-height: 1.5;
  font-weight: normal;
}
#main-content .post h1 a{color:#555;}

#main-content {
  text-align: left;
}

#main-content .post .entry{margin-top:15px; color:#555;}
#main-content .post p{
  margin-bottom: 12px;
}

#main-content .post img{
  display:block;
  margin-bottom: 5px
}

#main-content .post a{
  color:#888888;
}

#main-content .post .post-meta{
  height: 47px;
  background: url("../img/post-meta-box.png") no-repeat;
  margin:25px 0;
  padding:13px 0 0 0px;
  font-style: italic;
}

#main-content .post .post-meta .comments{
  padding:0px 25px 0 25px;
  }

#main-content .post .post-meta .tags{
  padding:0px 0px 0px 25px;
  }

#main-content .post .post-meta a, #main-content .post .post-meta a:hover{
  color:#555;
}

#main-content .post blockquote{
  margin: 20px 0 20px 20px;
}

#comments{color:#3b3b3b; margin-top: 70px; font-size: 11px;}
#comments>h2{
  font-size: 11px;
   font-weight: bold;
   text-transform: uppercase;
}
#comments li.comment{
  padding:20px; 
  background:#f6f6f6;
}
#comments .media-heading span{
  font-size: 11px;
  display: block;
  text-transform: uppercase;
  }
#comments .media-heading span a{text-decoration: none; color:#3b3b3b;}
#comments #respond h2{
  text-transform: uppercase; 
  color:#3b3b3b;
  font-size: 12px;
}
#comments #respond label{display: none}
#comments #respond input, #comments #respond textarea{
  display: block; 
  font-size: 11px;
  background: #f2f2f2;
  border: none;
  -webkit-box-shadow: inset 0 0px 0px;
  -moz-box-shadow: inset 0 0px 0px;
  box-shadow: inset 0 0px 0px;
  padding: 10px 30px;
}



/* ===================================================
   search
   =================================================== */
form.form-search{
  margin: 0;
  background: url('../img/search-icon.png') no-repeat 0 6px;
  padding-left: 26px;
}

form.form-search input{
  font-size: 12px;
  color:#555;
  width:120px;
  border: 0;
  -webkit-box-shadow: inset 0 0px 0px;
  -moz-box-shadow: inset 0 0px 0px;
  box-shadow: inset 0 0px 0px;
}

form.form-search ::-webkit-input-placeholder {
   color: #555;
}

form.form-search :-moz-placeholder { /* Firefox 18- */
   color: #555;  
}

form.form-search ::-moz-placeholder {  /* Firefox 19+ */
   color: #555;  
}

form.form-search :-ms-input-placeholder {  
   color: #555;  
}



/* ===================================================
   Common components
   =================================================== */
.center{text-align: center;}

.box{
  width:202px;
}

.box .top, .box .bottom{
  width: 202px;
  height: 20px;
}

.lineheight{
  padding-top: 10px;
}

.box .mid{
  width: 162px;
  padding:0px 20px;
}

.box.gray .mid{
  background: url('../img/box-mid-gray.png') repeat-y;
}

.box.gray .top{
  background: url('../img/box-top-gray.png') no-repeat;
}

.box.gray .bottom{
  background: url('../img/box-bottom-gray.png') no-repeat;
}

.box.orange .mid{
  background: url('../img/box-mid-orange.png') repeat-y;
}

.box.orange .top{
  background: url('../img/box-top-orange.png') no-repeat;
}

.box.orange .bottom{
  background: url('../img/box-bottom-orange.png') no-repeat;
}

.box.light-orange .mid{
  background: url('../img/box-mid-light-orange.png') repeat-y;
}

.box.light-orange .top{
  background: url('../img/box-top-light-orange.png') no-repeat;
}

.box.light-orange .bottom{
  background: url('../img/box-bottom-light-orange.png') no-repeat;
}

.box.search .top{height:10px;}
.box.search .bottom{background-position: 0px -10px; margin-bottom: -10px;}


.div.wpcf7-response-output{margin:0;}