/* colour styles : light  */
  body  { background: url(../images/washi.png) repeat #fff;  font-size:12px; line-height:20px;  font-family: 'Archivo Narrow', cursive;   }
  #wrap { width:100%; margin:0 auto;width:960px;}
  
/* font styles */	
  h1  { font-size:20px; line-height:23px; color:#000000; padding:0px; margin:0px; font-weight:bold; padding-bottom:5px; padding-top:5px; }
  h2  { font-size:20px; line-height:23px; color:#000000; padding:0px; margin:0px; font-weight:bold; }
  h3  { font-size:15px; line-height:25px; color:#858585; padding:0px; margin:0px; font-weight:normal;   }
  h4  { font-size:15px; line-height:25px; color:#000000; padding:0px; margin:0px; font-weight:normal; font-weight:bold;  } 
  h5  { font-size:13px; line-height:22px; color:#000000; padding:0px; margin:0px; font-weight:normal;  }
  h6  { font-size:12px; line-height:22px; color:#858585; padding:0px; margin:0px; font-weight:normal;  } 
  p   { font-size:12px; color:#454545; line-height:22px; margin:0px; padding:0px; padding-top:8px; padding-bottom:8px; font-family:'Helvetica',Arial, Helvetica, sans-serif; }

/* list Styles */
  ul 	{ padding:0px; margin:0; margin-left:0px; font-family:'Helvetica',Arial, Helvetica, sans-serif; margin-top:10px;   }
  ul li { font-size:12px; color:#858585; padding-left:10px; margin-bottom:7px; list-style:inside; list-style-type:square;}
  ol 	{ padding:0px; margin:0; margin-left:25px; font-family:'Helvetica',Arial, Helvetica, sans-serif; margin-top:10px;   }
  ol li { font-size:12px; color:#858585; padding-left:10px; margin-bottom:7px;  list-style-type: decimal; }
  hr 	{ background:url(../images/hr.jpg) top center no-repeat; border:0; outline:0; clear:both; height:10px;}
	
/* link styles */	
  a:link 		{color:#444444; text-decoration: none;} 
  a:visited 	{color:#444444; text-decoration: none;}
  a:hover 		{color:#000000; text-decoration: none;}
  a:active 		{color:#444444; text-decoration: none;}
  a:focus 		{outline-style: none;}  	
	
/* header nav styles */ 
  #header 			 { width:100%; max-width:950px; }
  #logo 			 { 
      margin-top:35px; margin-bottom:7px; 
      background: url(../images/light/bg_header.jpg) top center no-repeat #FFF;
       box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.62);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.62);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.62);
      }
  #nav { 
    margin: 10px 0px -3px; 
    text-align: left;   
  }
  #nav ul ul{
    z-index:9999;
    display:hidden;
    padding: 0;
    position: absolute; top: 100%;
    opacity: 0;
    transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   width:auto;
   height:auto;
  }
  #nav ul li:hover > ul {
    display: block;
    opacity: 1;
  }
  #nav ul 			 {	
    padding: 0; 
    margin: 0;
    width: 100%;
    list-style: none;
    position: relative;
    display: inline-table;
  }
  #nav ul:after {
    content: ""; 
    clear: both; 
    display: block;
  }
  #nav ul li 		 { float: left; font-size: 17px; margin:0px; padding:0px; font-family: 'Archivo Narrow', cursive; font-weight:bold; list-style: none; }
  #nav ul li a 		 { display:block; height:22px; margin-right:10px; text-decoration:none; margin-top:5px;  }
  #nav ul li a:hover { }
  #nav ul ul li{
     background-color: rgb(255,255,255);
     padding:0px 5px;
     float:none;
     font-size: 16px;
     font-weight: normal;
     width:auto;
     box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.62);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.62);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.62);
  }
  #nav ul ul ul {
     position: absolute; left: 100%; top:0;
  }
  .current-menu-item{
      display:block;
      opacity: 1;
  }
  strong{
      font-weight:bold;
  }
  em{
      font-style:italic;
  }
/* footer styles */
  #footer-area 					{ width:100%; display:inline; float:left; padding-top:10px; margin-top:20px; clear:both; background:url(../images/light/bg-row.png) top left  repeat-x; }
  #footer-area .widget 			{ width:310px; margin-right:10px; padding-top:15px; display:inline; float:left; font-size:12px; color:#454545; line-height:18px; font-family:'Helvetica',Arial, Helvetica, sans-serif;  }
  #footer-area .widget h3 		{ color:#858585;}
  #footer-area .widget p    	{ color:#000;}
  #footer-area .widget ul   	{ margin-left:0px;}
  #footer-area .widget li   	{ color:#858585; }
  #footer-area .widget a 		{ color:#444444;}
  #footer-area .widget a:hover  { color:#000;}
  #footer-area .widget-copy 	{ width:280px; overflow:hidden; display:inline; float:left; margin-left:10px;} 

/* copyright styles */ 
  #copyright { clear:both; width:100%; background:url(../images/light/bg-row.png) top left repeat-x; display:inline; float:left; margin-top:20px; margin-bottom:20px; max-width:950px;  }
  #copyright p { padding-top:15px; color:#4f5356; font-size:12px; }
  #copyright a 	{color:#858585;	text-decoration: none;} 
  #copyright a:hover 	{color:#000000; text-decoration: underline;}
 
 
/* post and page styles */ 
  .type-post 				{ width:100%; background:#FFF; margin: 15px 0px; position:relative; 
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.62);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.62);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.62); 
    max-width:950px;
    width: 100%;
  }
  .type-page 				{ 
      width:100%; 
      background:#FFF;  
      margin-right:10px; 
      margin-top:15px; 
      display:inline; 
      float:left;
      width:925px;
      padding-right:25px;
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.62);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.62);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.62);
     }
  .type-attachment 			{ width:770px; background:#FFF; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin-right:10px; margin-top:15px; display:inline; float:left; }
  .gridly-image 			{ z-index:5; }
  .gridly-image img            { margin:0 auto; width-max:770px; }
  .gridly-category 			{ position:absolute; width:auto; background:#000; margin-top:-35px; z-index:10;  height:30px; overflow:hidden; left:0;}
  .gridly-category p 		{ margin:0; padding:0; line-height:30px; padding-left:20px; padding-right:40px; color:#fff; font-style:italic;   }
  .gridly-category a 		{ color:#fff; font-style:italic;}
  .gridly-category a:hover  { color:#555;}
  .gridly-copy 				{ width:100%; margin-left:auto; margin-right:auto; padding-top:20px; padding-bottom:20px; overflow:hidden; padding:10px; }
  .gridly-date 				{ width:150px;  color:#8e8e8e; font-size:11px;}
  .size-full 				{ width:100%; height:inherit;}
 
/* post index styles */ 
  #post-area .post 				{ 
      width:309px; 
      background:#FFF;
      margin-right:10px;
      margin-top:15px;
      position:relative;
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.62);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.62);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.62);  }
  #post-area .post .gridly-copy 		{ width:250px; margin-left:auto; margin-right:auto; padding-top:10px; paddingbottom:20px; overflow:hidden; clear:both;}
  #post-area .post .gridly-date 		{ width:150px;  color:#8e8e8e; font-size:11px;  border-bottom:1px dotted #cccccc; padding-bottom:0; padding-top:0; }
  #post-area .post .gridly-link 		{ width:150px; border-top:1px dotted #e8e8e8; color:#494e51;}

/* single post nav styles */ 
  .post-nav 		 { width:35px; margin:15px auto; }
  .post-next a 		 { background:url(../images/btn-left.png) top left no-repeat; height:35px; width:35px; display:inline; float:left; text-indent:-9999px; }
  .post-next a:hover { background:url(../images/btn-left.png) top right no-repeat; height:35px; width:35px;}
  .post-prev a 		 { background:url(../images/btn-right.png) top left no-repeat; height:35px; width:35px; display:inline; float:left; clear:both; text-indent:-9999px;}
  .post-prev a:hover { background:url(../images/btn-right.png) top right no-repeat; height:35px; width:35px;}

/* comment styles */
  .comments-area ol { list-style:none; margin:0; padding:0;  border-bottom:1px solid #8e8e8e; }
  .comments-area li { list-style:none; margin:0; padding:0; border-top:1px solid #8e8e8e; width:100%; clear:both; display:inline; float:left; 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: 'Droid Sans', sans-serif; }
  #comment-form 	{ width:50%; }
  .text-input 		{ clear:both; border:1px solid #8e8e8e; margin-bottom:5px; width:90%; padding:7px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:12px;  }
  .comment-input  	{ clear:both; border:1px solid #8e8e8e; margin-bottom:5px; width:90%; padding:7px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:12px;  } 
  .comment-submit 	{ clear:both; width:120px; height:30px; line-height:25px; background:#e5e5e5; border:1px solid #8e8e8e;   }

/* 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:11px; color:#999; } 
  .sticky    		{}
  .gallery-caption  {} 
  .bypostauthor  	{}
  blockquote 		{ font-size:2em; line-height:23px; color:#000; margin-left:20px; border-left: 1px dotted #999; padding-left:25px; margin-top:15px; margin-bottom:15px; }
/* end of css file */