/* main style */ 

body {
		margin: 0;
		padding: 0;
		background-color: #333;
		font-family: verdana, arial, sans-serif; }

h1, h2, h3, h4, h5, h6 {
		font-family: arial, helvetica, franklin, sans-serif;
		font-weight: bold;
		color: #222;
		letter-spacing: -1px;
		padding: 10px 0 0;
		margin: 0;
		}
		
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }

a img { border: 0px; }
	

		

/* header */

#hcl_header {
		background-image: url('/img/bkg-header.png');
		background-repeat: repeat-x;
		height: 81px;
		}
		
#hcl_tainer {
		width: 960px;
		text-align: left;
		position: relative;
		}
		
#hcl_logo {
		position: absolute;
		top: 20px;
		left: 0px;
		}	
		
#hcl_chat { 
		position: absolute;
		top: 40px;
		left: 270px;
		}	
		
#sponsor {
	background: #fff; padding: 6px;
	}
		
/* sliding doors v2 menu, modified */

	#hcl_menu { font-size:12px; position: absolute; top: 35px; right: 20px;  }
	
    #hclmenu ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #hclmenu li {
      float:left;
      background:url("/img/bkg-menu-left.gif") no-repeat left top;
      margin:0 0 0 7px;
      padding:0 0 0 5px;
      /* border-bottom:1px solid #765; */
      }
    #hclmenu a {
      float:left;
      display:block;
      width:.1em;
      background:url("/img/bkg-menu-right.gif") no-repeat right top;
      padding:4px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#fff;
      }
    #hclmenu > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #hclmenu a {float:none;}
    /* End IE5-Mac hack */
    #hclmenu a:hover {
      color:#29366e;
      }
    #home #nav-home,
    #screenshots #nav-screenshots,
    #downloads #nav-downloads,
    #demo #nav-demo,
    #support #nav-support,
    #forums #nav-forums {
      background-position:0 -150px;
      border-width:0;
      }
    #home #nav-home a,
    #screenshots #nav-screenshots a,
    #downloads #nav-downloads a,
    #demo #nav-demo a,
    #support #nav-support a,
    #forums #nav-forums a
    {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#29366e;
      }
    #hclmenu li:hover, #hclmenu li:hover a {
      background-position:0% -150px;
      color:#29366e;
      }
    #hclmenu li:hover a {
      background-position:100% -150px;
      }


		
/* footer */

#hcl_footer { clear: both; padding-top: 15px; height: 60px; font-size: 11px; color: #ececec; }


/* sidebar */

#hcl_sidebar { width: 220px; float: left; border-left: 1px #ccc dotted; margin-left: 20px; }

/* inside pages  */

#hcl_insider { width: 690px; float: left; }
		
/* body */

#hcl_body_shell { background-color: #fff; padding: 15px; }

#hcl_body a {
		text-decoration: none;
		border-bottom: 1px #ccc dotted;
		
		font-weight: bold;
		}

#hcl_body a:hover {
		text-decoration: underline;
		border: 0px;
		
		}


#hcl_body {
		text-align: left; 
		width: 960px;
		font-size: 12px;
		  }
		
.hcl_section_head {
		background-image: url('/img/bkg-sections.png');
		background-position: top right;
		height: 34px;
		}

.hcl_section_head h2 {
		padding: 6px 0px 0px 5px;
		font-size: 20px;
		color: #ececec;
		}


/* note */

#note { padding: 6px; color: #333; border: 1px #333 dotted; background-color: beige; margin: 10px 0px 10px 0px;}

/* sections */

#sections { margin-top: 15px; width: 960px; }

#hcl_blog { width: 460px; float: left; }
#post { padding: 10px; }
#post:hover { background-color: #faf6cc; }
#post h3 { padding-bottom: 5px; font-size: 20px; }
#post i { color: #666; }
#post_more {  background-image: url('/img/ico-triangle.gif');
				   background-repeat: no-repeat;
				   padding-left: 20px;
				   margin-left: 15px;
				   }
.comment { padding: 6px 4px 10px 25px; background-image: url('/img/ico-document-16.png'); background-repeat: no-repeat; background-position: 5px 5px; border-bottom: 1px #ccc dotted; }
.comment:hover { background-color: #faf6cc; }
.comment i { color: #666; }

#hcl_forum { margin-left: 20px; width: 220px; float: left; }
#hcl_bugs { margin-left: 20px; width: 220px; float: left; }

.bugs { padding: 6px 4px 10px 25px; background-image: url('/img/ico-bug.png'); background-repeat: no-repeat; background-position: 5px 5px; border-bottom: 1px #ccc dotted; }
.bugs:hover { background-color: #faf6cc; }
.bugs i { color: #666; }


#hcl_builds { margin-left: 20px; width: 220px; float: left; }

.builds { padding: 6px 4px 10px 25px; background-image: url('/img/ico-file-disk.png'); background-repeat: no-repeat; background-position: 5px 5px; border-bottom: 1px #ccc dotted; }
.builds:hover { background-color: #faf6cc; }
.builds i { color: #666; }



.mainNav a { color: #fff; }
.navBar a { color: #fff; }


#hcl_adshome { margin-left: 20px; width: 220px; float: left; margin-top: 10px; }