/*
Theme Name: Hecode Classic
Theme URI: http://hecode.org/
Description: Hecode template based on 960.
Version: 1.0
Author: Andy Depp.
Tags: Orange color, fixed width, one columns, widgets friendly


This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/


/* =GLOBALS */

/* =GRID OVERRIDE */
/*  Grid is inactive when entire section is commented */
/*
body {
  background: #fff url("/images/16_col.png") center top repeat-y !important;
}

#gutter, #navigation, #wrapper, #banner, #content, #container, #bg_social, #bg_footer {
  background: none !important;
}
*/
/* =BASE */

body {
 
  font: normal 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; /* normalize font size across browsers */
}


 

/* menutop */

#top {
 background:url("/wp-content/themes/hecode/images/gutter_left.jpg")  repeat-x; 

   
}



  #top_bg  {
    background:url("/wp-content/themes/hecode/images/gutter_center.jpg") no-repeat;
    height:63px;
}
 
/*
  #search {
   background:  url("/wp-content/themes/hecode/images/search.jpg") no-repeat;
   height:63px;
}
*/


#logo {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	/* border-bottom:1px solid #666;*/
	}
#top ul {
	margin:0;
	padding:0px 0px 0px 30px;
	list-style:none;
	}
#top li {
	display:inline;
	margin:0;
	padding:0;
	}

#logo a{
 cursor:pointer;
        /* shouldnt have height!*/
	float:left;
	background:url("/wp-content/themes/hecode/images/submenu.jpg") no-repeat;
	margin:0;
	padding:0 0 0 0px;
    background-position:-20px -0px;
	text-decoration:none;
     
}

#logo a span{
    background: url("/wp-content/themes/hecode/images/logo.jpg") no-repeat;
    background-position:-20px 0px;
    padding-top:18px;
   padding-bottom:25px;
   padding-left:210px;
   padding-right:0px;

   margin:0;
   display:block;

      /* shouldnt have height!*/
	float:left;

}


#logo a:hover,#logo a:hover span{
      background-position:-239px 0px;
}
 

#main_menu {
    padding-top:10px;
    background-color:#59554a;
     
     font-family:"Courier New",fantasy;
    height:30px;

}
#main_menu a{
    color:white;
    text-decoration: none;
}

#main_menu a:hover{
    color:silver;
    text-decoration: none;
}


#sub_menu {
     background:url("/wp-content/themes/hecode/images/submenu_left.jpg")  repeat-x;
}

 #sub_menu_bg {
   background:  url("/wp-content/themes/hecode/images/submenu_bg.jpg") no-repeat;
   height:44px;
}

#smenu {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	/* border-bottom:1px solid #666;*/
	}
#smenu ul {
	margin:0;
	padding:0px 0px 0px 30px;
	list-style:none;
	}
#smenu li {
	display:inline;
	margin:0;
	padding:0;
	}
#smenu a {
    /* shouldnt have height!*/
	float:left;
	background:url("/wp-content/themes/hecode/images/submenu.jpg") no-repeat left top; 
	margin:0;
	padding:0 0 0 12px;
    background-position:0px -44px;
	text-decoration:none;
	}
#smenu a span {
   /* shouldnt have height!*/
	float:left;
	display:block;
      background:url("/wp-content/themes/hecode/images/submenu.jpg") no-repeat right top;
	    padding:20px 15px 8px 0px;
      background-position:100% -44px;
	  color:white;
	}






#billboard {
     background:url("/wp-content/themes/hecode/images/left_billboard.jpg")  repeat-x;
     
}

#billboard #billboard_bg {
   background:  url("/wp-content/themes/hecode/images/billboard_bg.jpg") no-repeat;
   height:284px;
   
}

#billboard_left {
 
    margin-top:110px;
    margin-left:30px;
    height:150px;
  font-size:18px;
  text-align:center;
  font-family:cursive;
  font-weight:bolder;
  color:black;
   
   
}

#billboard_right {
  /*  border: solid orange; */
   margin-top:100px;
   margin-left:10px;
   width:480px;
   height:150px;
}


#buttoms_holder {
   /* background-color:red; */
    width:500px;
    height:180px;

}

a.buttomA {
        display:inline-block;         
        width: 240px;
        height: 78px;
        text-decoration: none;
        background: url("/wp-content/themes/hecode/images/button.jpg");
        background-position: -0px -10px;
}
a.buttomA:hover {
        background-position: 0px -184px;
}

a.buttomC {
        display:inline-block;
        width: 240px;
        height: 80px;
        text-decoration: none;
        background: url("/wp-content/themes/hecode/images/button.jpg");
        background-position: -0px -88px;
}
a.buttomC:hover {
        background-position: 0px -262px;
}

a.buttomB {
        display:inline-block;
        width: 240px;
        height: 80px;
        text-decoration: none;
        background: url("/wp-content/themes/hecode/images/button.jpg");
        background-position: -240px -8px;
}
a.buttomB:hover {
        background-position: -240px -182px;
}

a.buttomD {
        display:inline-block;
        width: 240px;
        height: 80px;
        text-decoration: none;
        background: url("/wp-content/themes/hecode/images/button.jpg");
        background-position: -240px -88px;
}
a.buttomD:hover {
        background-position: -240px -262px;
}

 
.displace {
        position: absolute;
        left: -5000px;
}

#gutter .buttons {
  clear: none;
  margin: 20px 0 0 0;
}

#gutter .buttons button {
  float: none;
}

#spaceA {
     background:url("/wp-content/themes/hecode/images/spaceA_left.jpg")  repeat-x;

}

#spaceA #spaceA_center {
   background:  url("/wp-content/themes/hecode/images/spaceA_center.jpg") repeat-x;
   height:16px;

}

#ContentTop {
    background:url("/wp-content/themes/hecode/images/ContentTop_left.jpg")  repeat-x;
    height:11px;
}

#ContentTop_center {
   background:url("/wp-content/themes/hecode/images/ContentTop_center.jpg") no-repeat;
height:11px;
}

#ContentMain {

     background:url("/wp-content/themes/hecode/images/Content_left.jpg")  repeat;
}

#ContentMain_center {
   background:url("/wp-content/themes/hecode/images/Content_center.jpg") repeat-y;
   
   
}

/* post  content style  */
#Content {
     
}

pre {
    background-color:#eee;
}

 
.post_cat_holder {    
     background-position:0px 0px;
    height:39px;     
     padding-left:0px;
     padding-bottom:0px;
     padding-right:0px;
    padding-top:10px;
    
}


.post_cat_left{    
  background:url("/wp-content/themes/hecode/images/post_cat_label.jpg")  no-repeat;
 background-position:0px 0px;
 padding-left:0px;
    padding-right:15px;
    padding-top:12px;
    padding-bottom:15px;
     
}

.post_cat_bg{
 background:url("/wp-content/themes/hecode/images/post_cat_label_bg.jpg")  no-repeat;
 background-position:100% 0px;
 padding-left:0px;
    padding-right:20px;
    padding-top:12px;
    padding-bottom:15px;
    font-size:large;
}

.post_cat_holder a {
    color:white;
        text-decoration:none;
}
.post_cat_holder a:hover{
text-decoration:underline;

}

.post_date {          
       color:gray;
       text-align:right;
       padding-right:30px;
       font-size:medium;
        padding-top:20px;
}

 .storytitle{
     margin-left:40px;
  
     font-family:"Arial",fantasy;
     padding-top:10px;
     line-height:40px;

}
.storytitle_left{
    float:left;
    width:450px;
}

.storytitle_comment{
    float:right;
    width:110px;
    height:90px;
    line-height:20px;
    text-align:center;
     padding-top:25px;
     padding-bottom:0px;
     padding-right:20px;
      background:url("/wp-content/themes/hecode/images/notes.jpg")  no-repeat;
}
.comment_size{

    font-size:xx-large;
    line-height:30px;
}

.storytitle a,.feedback a,#addyourcomment,.comment_info a,#commentlist a,.trackback, .post_comments_feed_link a,.related_post a,
.storycontent a{
color:gray;
text-decoration:none;
}
.storytitle a:hover,.feedback a:hover,.storycontent a:hover,#addyourcomment:hover,.comment_info a:hover,#commentlist a:hover,
.trackback hover, .post_comments_feed_link a:hover, .related_post a:hover,.storycontent a:hover{
 color:#ff8300;
text-decoration:none;
}

.storycontent {  
      margin-left:40px;
     margin-right:40px;
}



.feedback {
     margin-left:40px;
     margin-right:40px;
}

/*
.authcomment {
background-color: #B3FFCC !important;
}
*/


.comment_holder {
    padding-left:30px;
}
.comment_info {
    text-align:center;
    width:120px;
    height:150px;
         float:left;
}
.comment_top_bg_visitor{
     float:left;
       background: url("/wp-content/themes/hecode/images/comment_bg_top.jpg")  no-repeat;
        padding-top:9px;
}

.comment_middle_bg_visitor{
        background: url("/wp-content/themes/hecode/images/comment_bg_middle.jpg")  repeat-y;
        padding:0px;
       margin:0px;
}



.comment_arrow_bg_visitor{
    width:453px;
    background: url("/wp-content/themes/hecode/images/comment_bg_arrow.jpg")  no-repeat;
    background-position:left;
        background-position:top;
       padding-top:0px;
       padding-bottom:0px;

}
.comment_down_bg_visitor{
    width:453px;
    background: url("/wp-content/themes/hecode/images/comment_bg_down.jpg")  no-repeat;
    background-position:left;
    background-position:top;
    padding-top:9px;
}

.comment_content{
 padding-left:60px;
 padding-right:10px;
 text-align:justify;
 padding-bottom:20px;
}

.comment_top_bg_author{
     float:left;
       background: url("/wp-content/themes/hecode/images/comment_bg_top_autor.jpg")  no-repeat;
        padding-top:9px;
}

.comment_middle_bg_author{
        background: url("/wp-content/themes/hecode/images/comment_bg_middle_autor.jpg")  repeat-y;
        padding:0px;
       margin:0px;
}



.comment_arrow_bg_author{
    width:453px;
    background: url("/wp-content/themes/hecode/images/comment_bg_arrow_autor.jpg")  no-repeat;
    background-position:left;
        background-position:top;
       padding-top:0px;
       padding-bottom:0px;

}
.comment_down_bg_author{
    width:453px;
    background: url("/wp-content/themes/hecode/images/comment_bg_down_autor.jpg")  no-repeat;
    background-position:left;
    background-position:top;
    padding-top:9px;
}



#comments,.postcomment,.related_post {
    padding-left:60px;
    }

.comment_padding_left {
    padding-left:60px;
}

#addyourcomment{
    font-size:smaller;
}

#commentlist li,.commentform_holder {
    margin:0;
	 margin-left:30px;
     margin-right:15px;
    list-style:none;

}

#sidebarPlace {
   /*  background-color:green;   */
}


.rss_icon_holder,.news_by_email_icon_holder,.twitter_icon_holder {
    height:50px;
    padding-left:70px;
    padding-top:5px;   /* note: height+ padding top = 55px; */
}
.rss_icon_holder {
    background:url("/wp-content/themes/hecode/images/bigrss_icon.jpg")  no-repeat;
}

.news_by_email_icon_holder{
    background:url("/wp-content/themes/hecode/images/news_by_email_icon.jpg")  no-repeat;
}
.twitter_icon_holder {
    background:url("/wp-content/themes/hecode/images/twitter_icon.jpg")  no-repeat;
}

.ad_holder{
    color:black;
      /* background-color:yellow; */
    margin-left:0px;
}

.ad_holder img{
    width:125px;
    height:125px;
      background-color:white;
      margin:3px;

}

.sidebar_line{
     background:url("/wp-content/themes/hecode/images/sidebar_line.jpg")  no-repeat;
      height:2px;
       padding-top:3px;
       padding-bottom:3px;

}

#contentDown {
     background:url("/wp-content/themes/hecode/images/contentDown_left.jpg")  repeat-x;


}

#contentDown_center {
   background:url("/wp-content/themes/hecode/images/contentDown_center.jpg") no-repeat;
height:19px;
}

#gutterDown {
     background:url("/wp-content/themes/hecode/images/gutterDown_left.jpg")  repeat-x;

}

#gutterDown #gutterDown_center {
   background:  url("/wp-content/themes/hecode/images/gutterDown_center.jpg") no-repeat;
   height:87px;
}





/* End captions & aligment */

 

#menu ul{
	margin: 0;
	padding: 0;
    list-style-type: none;
}
#menu ul li {
    margin:0px;
	padding: 0px;
    font-weight:bold;
    font-size:medium;
    text-align:center;  
    
}

 #menu ul li   ul li{
   margin-top:0px;
   margin-right:0px;
   margin-bottom:0px;
    margin-left:20px;
	padding: 0px;
    font-weight:normal;
    font-size:small;
    text-align:left;    
}

#menu a {
    color:#333;
    text-decoration:none;
}

#menu a:hover {
    color:black;
    text-decoration:underline;
}

.screen-reader-text{
    color:white;
}

.box_up {
    color:white;
     padding-top:18px;
     height:39px;
}
.widget h5, .widget h4, .widget h3,.widget h2 {
    color:white;
}
.widget_recent_comments .box_up {
   background:  url("/wp-content/themes/hecode/images/sidebar_box_title.jpg") no-repeat;
}

.widget_recent_comments .box_down {

/*  background:  url("/wp-content/themes/hecode/images/sidebar_box_down.jpg") no-repeat;
  background-position:0% 100%;
       

  */
  height:100px;  /* this will add space to the end of box */

}

.widget_recent_comments  {
     background:#eee  url("/wp-content/themes/hecode/images/sidebar_box_body.jpg") no-repeat;
  background-position:0% 100%;
   
/*   background:#ddd  url("/wp-content/themes/hecode/images/sidebar_box_bg.jpg") repeat-y; */
     
}


/* ------- categories ----- */

.widget_categories .box_up {
   background:  url("/wp-content/themes/hecode/images/sidebar_box_category_title.jpg") no-repeat;
}

.widget_categories .box_down {
    
  height:35px;  /* this will add space to the end of box */
}

.widget_categories  {
    color:gray;
     background:#eee  url("/wp-content/themes/hecode/images/sidebar_box_category_body.jpg") no-repeat;
  background-position:0% 100%;
}



/* ---- meta ---- */

.widget_meta .box_up {
   background:  url("/wp-content/themes/hecode/images/sidebar_box_title.jpg") no-repeat;
}

.widget_meta .box_down {
  height:35px;  /* this will add space to the end of box */
}

.widget_meta  {
     background:#eee  url("/wp-content/themes/hecode/images/sidebar_box_body.jpg") no-repeat;
  background-position:0% 100%;
}

/* ---- Wishlist member login widget ---- */

.WishListMember_Widget .box_up {
   background:  url("/wp-content/themes/hecode/images/sidebar_box_title.jpg") no-repeat;
    
}

.WishListMember_Widget .box_down {
  
  height:35px;  /* this will add space to the end of box */
}

.WishListMember_Widget  {
     background:#eee  url("/wp-content/themes/hecode/images/sidebar_box_body.jpg") no-repeat;
  background-position:0% 100%;

}

#wlmember_loginwidget{
    text-align: left;
    padding-left: 18px;
}

/* ---- widget_tag_cloud ---- */

.widget_tag_cloud .box_up {
padding-top: 15px;
   background:  url("/wp-content/themes/hecode/images/sidebar_box_cloud_title.jpg") no-repeat;
}

.widget_tag_cloud .box_down {
  height:35px;  /* this will add space to the end of box */
}

.widget_tag_cloud  {
     background:#eee  url("/wp-content/themes/hecode/images/sidebar_box_cloud_body.jpg") no-repeat;
  background-position:0% 100%;

}
.widget_tag_cloud div {
padding-left: 30px;
padding-right: 30px;
line-height: 30px;
}


/* ---- widget_tag_cloud  ctc---- */

.ctc .box_up {
padding-top: 15px;
   background:  url("/wp-content/themes/hecode/images/sidebar_box_cloud_title.jpg") no-repeat;
}

.ctc .box_down {
  height:35px;  /* this will add space to the end of box */
}

{
     background:#eee  url("/wp-content/themes/hecode/images/sidebar_box_cloud_body.jpg") no-repeat;
  background-position:0% 100%;

}
/* .ctc div {
padding-left: 30px;
padding-right: 30px;
line-height: 30px;
}
*/




/* footer */
#footer, #footercopyright {
     padding-top:30px;
      padding-bottom:10px;
   background-color:#423e35;
   color:#cccccc;
     font-size:small;
    text-align:justify;
}

 
#footer a, #footercopyright a{
    color:#eeeeee;
text-decoration:none;
}
#footer a:hover, #footercopyright a:hover{
    color:#ffffff;
text-decoration:underline;
}



#footercopyright{
    font-size:smaller;
    text-align:center;
    
   
}



/* nav */

/*
#nav_place{

    height:52px;
    margin-bottom:40px;
     width:100%;
     background:#e6e6e6 url('images/navbar-bg.jpg') repeat-x center top;  
}
*/


 

#topnav {
    width:100%;
	/* background:#e6e6e6 url('images/navbar-bg.jpg') repeat-x   top; */
	padding:0;    
    line-height:normal;

	}

#topnav .limit {
	padding: 0;
	/* margin: 0 auto; */ /* this is like make it center */
        margin-left: 20px;
	width:890px;
	position:relative;
	padding: 0;
	z-index:9999;
        
	}

#topnav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}

#topnav ul a, #topnav ul a:link, #topnav ul a:visited {
	color:#ffffff;  /* link  color */
	display: block;
	text-decoration: none;
	padding: 0 20px;
	margin:0;
        font-size: medium;

    /*	border-right:1px solid #ddc; */
	}


#topnav ul a:hover, #topnav ul a:active  {
	/* background:#e6e6e6;*/
    /* background:#ffe6e6 */
        background-position:0px -88px;

	}
 



#topnav li {
	 height:44px;
	line-height:44px;
	float: left;
	padding: 0;
	margin:0;
	}

#topnav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 320px;
	margin: 0;
	padding:0;
	background:#bbb; /* submenu bg color */

	z-index:10000;

	}


#topnav li li {

	margin-left:0;
	}

#topnav ul li ul a, #topnav ul li ul a:link, #topnav ul li ul a:visited {

	width:300px;
	padding: 0 10px;
	}

#topnav ul li ul a:hover, #topnav ul li ul a:active  {
	background:#F6B35C; /* submenu bg color on hover */
        

	}

#topnav li ul ul {
	border:0;
	margin: -30px 0 0 300px;
	}

#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {
	z-index:9999;
	left: -999em;
	}

#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul {
	left: auto;
	z-index:9999;
	}

#topnav li:hover, #topnav li.sfhover {
	background:#e6e6e6; /* main menu bg color*/
	}




/* end nav */

#topnav ul li.current_page_parent a {   color:black;}

#topnav ul li.current_page_item a {   color:black;}
#topnav ul li.current_page_item  ul li a { color:black;}





.page_item a {
	background:url("/wp-content/themes/hecode/images/submenu.jpg") no-repeat left top;
        background-position:0px -44px;
	}
.page_item li a:hover {
	background:url("/wp-content/themes/hecode/images/submenu.jpg") no-repeat left top;
        background-position:0px -88px;
	}


.current_page_item a{
    background:url("/wp-content/themes/hecode/images/submenu.jpg") no-repeat left top;
     color:black;
     background-position:0px -0px;
}


 

#topnav ul li ul li a {background:none;
}

.current_page_item{
   background-color:#ddd;
}

.current_page_ancestor a, .current_page_parent  a {
    background:url("/wp-content/themes/hecode/images/submenu.jpg") no-repeat left top;
        background-position:0px 0px;

}