@charset "utf-8";
/* colour styles : custom  */
  body  { background: #f3f3f3 /*#191919 #161514*/; /*background: url(/HW/wp-content/themes/hw2014/images/dark/bg.jpg) repeat;*/ font-size:12px; line-height:18px; color:#363636; font-family:'Helvetica',Arial, Helvetica, sans-serif;   }
  #wrap { width:94%; margin-left:3%;}
  .clear{clear:both;}
  html { overflow-y: scroll; }
  
/* font styles */

@font-face {
    font-family: /*'bebas_neueregular'*/;
    src: url('/HW/wp-content/themes/hw2014/css/BebasNeue-webfont.eot');
    src: url('/HW/wp-content/themes/hw2014/css/BebasNeue-webfont.eot#iefix') format('embedded-opentype'),
         url('/HW/wp-content/themes/hw2014/css/BebasNeue-webfont.woff') format('woff'),
         url('/HW/wp-content/themes/hw2014/css/BebasNeue-webfont.ttf') format('truetype'),
         url('/HW/wp-content/themes/hw2014/css/BebasNeue-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

  h1  { font-family: /*'bebas_neueregular'*/, Helvetica, Arial, sans-serif; font-size:24px; line-height:30px; color:#363636; padding:0px; margin:0px; margin:10px 0px; }
  h2  { font-family: /*'bebas_neueregular'*/, Helvetica, Arial, sans-serif; font-size:18px; line-height:23px; color:#363636; padding:0px; margin:0px; font-weight:normal; margin-bottom:5px; margin-top:10px;  }
  h3  { font-size:15px; line-height:25px; color:#363636; padding:0px; margin:0px; font-weight:normal;   }
  h4  { font-size:13px; line-height:22px; color:#363636; padding:0px; margin:0px; font-weight:bold;  } 
  h5  { font-size:13px; line-height:22px; color:#363636; padding:0px; margin:0px; font-weight:normal;  }
  h6  { font-size:12px; line-height:22px; color:#363636; padding:0px; margin:0px; font-weight:normal;  } 
  p   { margin:0px; padding:0px; padding:8px 0px; font-family:'Helvetica',Arial, Helvetica, sans-serif; }
  em {font-style:italic;}
  strong, b {font-weight: bold;}

/* opacity*/

a.opacity img{
/*filter:alpha(opacity=100);*/
-moz-opacity:1.00;
-khtml-opacity: 1.0;
opacity:1.00;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

a.opacity:hover img{
/*filter:alpha(opacity=50);*/
-moz-opacity:0.50;
-khtml-opacity: 0.5;
opacity:0.50;
}

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(50%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

img.grayscale:hover {filter:none; -webkit-filter: grayscale(0%);}

/* list Styles */
  ul 	{ padding:0px; padding-left:10px; margin:0; margin-left:10px; font-family:'Helvetica',Arial, Helvetica, sans-serif; margin-top:10px;   }
  ul li { font-size:12px; color:#363636; padding-left:0px; margin-bottom:2px; list-style:outside; list-style-type:disc;}
  ol 	{ padding:0px; margin:0; font-family:'Helvetica',Arial, Helvetica, sans-serif; margin-top:10px;   }
  ol li { font-size:12px; color:#363636; padding-left:0px; margin-bottom:7px; list-style:inside; list-style-type: decimal; }
  hr 	{ border:0; outline:0; clear:both; border-bottom:1px solid #363636; margin-bottom:20px;}

/* services */
ul.services  {
	padding:0px;
	margin-left:0px;
}

ul.services li  {
font-size: 1.2em;
color: #666;
border-bottom: 1px dotted #363636;
padding: 5px 0px;
list-style:none;
}
	
/* link styles */	
  a:link,a:visited,a:active {
	  color:#666;
	  font-weight:bold;
	  text-decoration: none;
	  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s; }
  a:hover 		{color:#363636; text-decoration: none;}
  a:focus 		{outline-style: none;}
	
	
/* header nav styles */ 
  #header 			 { width:100%; }
  #logo 			 { margin-top:35px; margin-bottom:15px; float:left;}
  #nav 				 { width:100%; min-height:40px;   }
  #nav ul 			 { list-style: none;  margin:0px; padding:0px; clear:both; text-transform:uppercase;  }
  #nav ul li 		 { float: left; display: inline; font-size: 12px; margin:0px; padding:0px;   }
  #nav ul li a 		 { display:block; margin-right:10px; text-decoration:none; color:#666; font-weight:normal; /*text-transform:uppercase;*/ font-size:14px; }
  #nav ul li a:hover { color:#363636; }
    
  .current-menu-item a { color:#363636 !important;}  
  
  
  #social {
float: right;
text-align: right;
display: block;
margin-top:35px; margin-bottom:15px;
}

#top {
text-decoration: none;
color: #363636;
width: 30px;
height: 30px;
padding:10px;
text-align: center;
position: fixed;
bottom: 0px;
right: 0px;
cursor: pointer;
display: none;
text-transform: uppercase;
z-index: 100;
}
  	
/* footer styles */
  #footer-area 					{ width:100%; display:inline; float:left; padding-top:10px; margin-top:20px; clear:both; border-top:1px solid #363636;}
  #footer-area .widget 			{ width:310px; margin-right:10px; padding-top:15px; display:inline; float:left; font-size:12px; color:#666; line-height:18px; font-family:'Helvetica',Arial, Helvetica, sans-serif;  }
  #footer-area .widget h3 		{ color:#363636; font-weight:bold;}
  #footer-area .widget p    	{ color:#666;}
  #footer-area .widget ul   	{ margin-left:0px;}
  #footer-area .widget li   	{ color:#858585; }
  #footer-area .widget a 		{ color:#363636;}
  #footer-area .widget a:hover  { color:#666;}
  #footer-area .widget-copy 	{ width:280px; overflow:hidden; display:inline; float:left; margin-left:10px;}

/* copyright styles */ 
  #copyright { clear:both; width:100%; border-top:1px solid #363636; display:inline; float:left; margin-top:20px; margin-bottom:20px; }
  #copyright-inner{float:left; padding-top:5px; padding-right:20px;}
  #copyright p { padding-top:15px; color:#666; font-size:12px; }
  #copyright a 	{color:#666;	text-decoration: none;} 
  #copyright a:hover 	{color:#363636; text-decoration: underline;}
 
   
  #copyright-social {
float: left;
text-align: right;
display: block;
padding-top:10px; 
}

#scrolltotop{float:right; padding-left:20px; padding-top:10px; display:block;}

/* container */

.container{ display:none; margin-top:20px;}
 
/* post and page styles */ 
  .type-post 				{ background:none; margin-right:0px; margin-top:20px; }
  .type-portfolio 				{ width:100%; background:none; margin-right:10px; margin-top:0px; display:inline; float:left;}
  .type-page 				{ width:100%; background:none; margin-right:10px; margin-top:0px; }
  .type-attachment 			{ width:auto; background:none; margin-right:10px; margin-top:0px; }
  .hw-image 			{ z-index:5; max-height:350px; overflow:hidden; /*background:#363636;*/}
  .hw-postimage 			{ float:left; width:230px; padding-right:20px;}
  .hw-postimage img, .hw-image img { display:block; vertical-align:bottom;}
  .hw-image a img		{
   -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
  opacity:1;}
	
  .hw-image a:hover img		{ /*opacity:0.4;*/}
  .hw-postimagebig img{ max-width:100%; height:auto; display:block;}
  .hw-category 			{ position:absolute; width:auto; background:#000; height:30px; margin-top:-36px; line-height:30px; z-index:10; overflow:hidden;}
  .hw-category p 		{ margin:0; padding:0; line-height:30px; padding-left:20px; padding-right:40px; color:#363636; font-style:italic;   }
  .hw-category a 		{ color:#363636; font-style:italic;}
  .hw-category a:hover  { color:#666;}
  .hw-copy 				{ width:100%; margin-right:auto; margin-top:0px; margin-bottom:20px; }
  .hw-postcopy 				{ padding:0 10px;}
  .hw-postcopy-single 				{ padding:0px;}
  .hw-date 				{ color:#666; font-size:11px;}
  .hw-postdate 				{ color:#666; font-size:11px;}
  .hw-postdate a {color:#363636;}
  .hw-postdate a:hover {color:#666;}
  .size-full 				{ max-width:100%; height:auto; /*max-height:700px; width:auto;*//*max-height:700px; width:auto;*/ } 
  
  h1.headings {padding:10px 0px;}
  
  .newpost{width:50px; position:absolute; top:0px; right:0px; height:20px; padding:5px; background:#F00; display:block; color:#363636; z-index:1; text-align:center; font-weight:bold;}
  .share a{color:#363636; 
   -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;}
  .share a:hover{color:#666;}

/* Sidebar */
    
  .sidebar{width:200px; margin-top:20px;}
  .sidebar a{color:#666;}
  .sidebar a:hover{color:#363636;}
  .widget{margin-bottom:20px;}
  #sidebar-area .widget h3 		{ color:#363636; font-weight:bold;}
  
  .home-sidebar{ padding: 40px 0px; }
  .home-sidebar h1 {font-size:25px; color:#666;}
  
  .bigmessage{ text-align:center; border-top:1px solid #363636; padding:15px 0px 0px 0px; margin-top:20px;}
    
  #portfolioFilter, #portfolioFilter ul, #portfolioFilter li, #portfolioFilter ul li, #portfolioAll, #portfolioAll ul, #portfolioAll li, #portfolioAll ul li  {list-style:none; margin:0; padding:0;}
  #portfolioFilter li, #portfolioFilter ul li, #portfolioAll li, #portfolioAll ul li  {float:left; padding-right:10px;}
  #portfolioFilter, #portfolioAll{margin:20px 0px; text-align:center; font-style:italic; float:right;}
  #portfolioFilter a {color:#666;}
  #portfolioFilter a:hover {color:#363636;}
  .current { color:#363636 !important;}
 
/* post index styles */
/*#postarea2{position:relative;}*/	
  #post-area {float:left;}
  #post-area .post				{ margin:20px 0; background:#ffffff; /*padding-bottom:15px; border-bottom:5px solid #363636;*/ }
  #post-area .post .hw-copy			{ margin:0 0 20px 10px;}
  #post-area .post .hw-copy	h2	{ font-weight:normal; font-size:14px; }
  #post-area .post .hw-postdate 		{ color:#666; font-size:11px;  border-bottom:1px dotted #363636; padding-bottom:0; padding-top:0; }
  #post-area .post .hw-link, #post-area .post .hw-link a { color:#363636;}
  #post-area .post .hw-link a:hover{ color:#666;}
  
  #portfolio-area .portfolio 				{ width:230px; background:#ffffff; margin:15px 5px 0px 5px; }
  #portfolio-area .portfolio .hw-copy 		{ width:210px; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:20px; overflow:hidden; clear:both;}
  #portfolio-area .portfolio .hw-date 		{ width:210px;  color:#666; font-size:11px;  border-bottom:1px dotted #363636; padding-bottom:0; padding-top:0; }
  #portfolio-area .portfolio .hw-link,#post-area .portfolio .hw-link a { width:150px; color:#363636;}
  #portfolio-area .portfolio .hw-link a:hover { color:#666;}

/* single post nav styles */ 
  .post-nav 		 { width:35px; display:inline; margin-left:10px; margin-top:25px; float:left; }
  .post-nav-1 		 { width:100%; display:block; text-align:left; margin-top:15px; padding-top:15px; float:right; border-top: 1px solid #363636; }
  .post-next a 		 { background:url(/HW/wp-content/themes/hw2014/images/dark/btn-right.png) top left no-repeat; height:35px; width:35px; display:inline; float:left; text-indent:-9999px; }
  .post-next a:hover { background:url(/HW/wp-content/themes/hw2014/images/dark/btn-right.png) top right no-repeat; height:35px; width:35px;}
  .post-prev a 		 { background:url(/HW/wp-content/themes/hw2014/images/dark/btn-left.png) top left no-repeat; height:35px; width:35px; display:inline; float:left; clear:both; text-indent:-9999px;}
  .post-prev a:hover { background:url(/HW/wp-content/themes/hw2014/images/dark/btn-left.png) top right no-repeat; height:35px; width:35px;}
  .meta {font-style:italic;}
  .post-prev-1 {float:left;}
  .post-next-1 {float:right;}
  .post-nav-1 a {color:#666;}
  .post-nav-1 a:hover {color:#363636;}
  
  #navigation{margin:10px 0px; padding-top:25px; border-top:1px solid #363636; }

/* comment styles */
.comments-area{margin-top:40px;}
  .comments-area ol { list-style:none; margin:0; padding:0;  border:none; }
  .comments-area li { list-style:none; margin:0; padding:0; border-bottom:1px dashed #363636; display:block; margin-bottom:10px; padding:10px;  } 
  .avatar 			{ display:none;} 
  .reply 			{ display:none;}
  .comment-meta  	{ display:none;}
  .comment-author 	{ font-size:16px; font-weight:bold; font-family:'Helvetica',Arial, Helvetica, sans-serif; }
  #comment-form 	{ width:50%; }
  .text-input 		{ clear:both; border:1px solid #363636; margin-bottom:5px; width:90%; padding:7px; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px;  }
  .comment-input  	{ clear:both; border:1px solid #363636; margin-bottom:5px; width:90%; padding:7px; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px;  } 
  .comment-submit 	{ clear:both; width:120px; height:30px; line-height:25px; background:#e5e5e5; border:1px solid #363636;   }

/* Additional and WordPress styles */
  .clear 			{ clear:both;}
  .aligncenter	 	{ display: block; margin: 0 auto; }
  .alignleft		{ float: left; margin-right:20px; margin-top:20px; margin-bottom:10px; }
  .alignright		{ float: right; margin: 0 0 20px 20px; }
  .wp-caption		{  text-align: left; margin-top:5px; margin-bottom:5px; }
  .wp-caption-text  { margin-top:2px;  text-align:left; font-style:italic;  font-size:12px; color:#363636; } 
  .sticky    		{}
  .gallery-caption  {} 
  .bypostauthor  	{}
  blockquote 		{ font-size:15px; line-height:23px; font-style:italic; color:#666; margin-left:20px; border-left: 5px solid #363636; padding-left:25px; margin-top:15px; margin-bottom:15px; }
  
/* Input */
label, input, textarea {
    color: #363636;
}
label {
    display: block;
    line-height: 30px;
}
 
input {
    background: #f3f3f3;
    border: 0;
    color: #363636;
    height: 30px;
    line-height: 20px;
    padding: 0 10px;
}
textarea {
    background: #f3f3f3;
    border: 0;
    color: #363636;
    line-height: 20px;
    padding: 0 10px;
	font-family:Arial, Helvetica, sans-serif;
}

input[type="submit"]{
    background: #363636;
    border: 1px solid #363636;
    color: #f3f3f3;
    height: 30px;
    line-height: 20px;
    padding: 0 10px;
	cursor:pointer;
}

input[type="submit"]:hover{
    background: #f3f3f3;
    border: 1px solid #363636;
    color: #363636;
    height: 30px;
    line-height: 20px;
    padding: 0 10px;
}

::selection {
	background: #363636;
	color:#f3f3f3; /* Safari */
	}
::-moz-selection {
	background: #363636;
	color:#f3f3f3; /* Firefox */
}

div.wpcf7 input.wpcf7-text, div.wpcf7 textarea {
background-color: #f3f3f3;
width:300px;
border: 1px solid #363636;
color: #363636;
font-size: 12px;
padding: 5px 10px;
}

/**/
	  
	  .isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
 
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

.hungryfeed_item {font-size:10px; font-style:italic; line-height:normal; background:#fff; padding:5px;}
.hungryfeed_item img {width:250px; height:auto; float:left; margin: 0 10px 10px 0;}


@media only screen and (max-width: 480px) {
	
	#social{float:none; text-align:center;}
	#logo{float:none; width:100%; text-align:center;}
	h1{font-size:20px;}
	/*mobile*/

 #nav { width:100%; background:none; height:auto; overflow:hidden;   }
 #nav ul {	display: inline; list-style: none;  margin:0px; padding:0px; height:42px; line-height:42px;  }
 #nav ul li { float:none; display: block;  font-size: 12px; margin:0px; padding:0px;    }
 #nav ul li a { display:block; height:42px; padding:0; margin:0px;  width:100%; border-bottom:1px solid #363636; }
 #nav ul li a:hover { }
	}
	
@media only screen and (min-width: 480px) {	
	#nav ul li a {font-family: /*'bebas_neueregular'*/, Helvetica, Arial, sans-serif; /*font-size:28px;*/ height:auto;}
}

@media only screen and (max-width: 768px) {
	  .sidebar { width:100%; float:none; display:block; }
	  #post-area{ float:none;}
	  #portfolio-area .portfolio 				{ width:230px; background:#ffffff; margin:15px 3px 0px 3px; }
	  }
	  
@media only screen and (max-width: 1024px) {	  
	  #nav {border-top:1px solid #363636; border-bottom:1px solid #363636;}
	  #nav ul li { height:40px; line-height:40px;}
	  #social2 {display:none;}
	  }
	  
@media only screen and (min-width: 768px) {
	  #wrap { width:94%; /*margin:0px; margin:0 auto;*/}
	  }
	  
@media only screen and (min-width: 1024px) {
	#header {width:170px; position:fixed;}
	#social {display:none;}
	#social2{ display:block; margin-top:40px; font-size:10px;}
	#social2 a { color:#666;}
	#social2 a:hover { color:#555;}
	#nav {margin-top:40px;}
	#nav ul li {float:none;}
	#nav ul li a { /*padding:5px;*/ height:auto;}
	.container {width:720px; float:right;}
	  #wrap { width:960px; /*margin:0 auto;*/}
	  .sidebar{float:right;}
	  #post-area{max-width:720px; float:left;}
	  .type-post{max-width:720px;}
	  }