/*
//////////////////////////////
hnnet head  css v1.0 
2010-05-20 
/////////////////////////////



/* CSS Document */
/* ------------- bg ----------------------- */
.head-top .loginarea .loginbtn ,.head-top .head-rig-line ,.head-nav ,#newshotarea .newstop-r,#newshotarea .newstop-weather,
#newshotarea .newshotbar 
{background:transparent url(../images/hnnetbg1.gif) no-repeat scroll 0 0;}

.head-othercitybbs,#newshotarea ,.loginarea .login-select
{background:transparent url(../images/hnnetbg1_x.gif) repeat-x scroll 0 0;}

.head-top .head-rig .email, .head-top .head-rig .ebuy, .head-top .head-rig .monline , .head-top .head-rig .adv
{background:transparent url(../images/hnnetbg1_x.gif) no-repeat scroll 0 0;height:21px;padding-left:22px;float:left;margin:5px 8px 0px 2px;*margin:6px 8px 0px 2px;}/* icon */

.loginarea .login-select span, #headnote-layer ,.head-nav-line,.head-nav .head-nav-lines
{background:transparent url(../images/hnnetbg1_x.gif) no-repeat scroll 0 0;}

#hnnet_head {margin:0px auto 8px;width:950px;}
.head-top {height:32px;margin:2px 0px 5px; position:relative;border-bottom:1px solid #ddd}
.head-top .htop-l {float:left;width:8px;height:32px;}
.head-top .htop-r {float:right;width:0px;height:32px;}

.head-top .loginarea {float:left;margin:5px 0px 0px ;}
.head-top .loginarea p {float:left;margin:0px 0px}
.loginarea .login-select {float:left;border:1px solid #bbb;width:96px;height:18px;background-position:0 -555px;position:relative;margin-right:5px;_margin-top:1px}
.loginarea .login-select span {background-position:right -585px;width:88px;color:#000;padding:0px 0px 0px 8px;line-height: 18px; cursor:pointe;display:-moz-inline-box;display:inline-block;}

.head-top .loginarea .inputx {width:80px;height:16px;border:1px solid #ccc;background-color:#fff;margin:0px 6px}
.head-top .loginarea .loginbtn {background-position:-2px -51px;width:57px;border:0px;height:21px;margin-right:8px;color:#fff}

.loginarea .login-select ul {position:absolute;border:1px solid #c19980;background-color:#fef9e7;left:-1px;	top:18px;	width:90px;	z-index:1;opacity:0.9}
.loginarea .login-select li {color:#000;text-align:center;padding:3px}
.loginarea .login-select li a:link,.loginarea .login-select li a:visited {color:#000;display:block;height:20px;margin:0px 2px;overflow:hidden;}
.loginarea .login-select li a:hover {background-color:#f4c37d;text-decoration:none}

.head-top .head-rig {float:right;}
.head-top .head-rig p {float:left;margin-right:10px}
.head-top .head-rig-line {float:left;background-position:-2px -474px;width:0px;height:30px}
.head-top .head-rig .email {background-position:0 -144px;}
.head-top .head-rig .ebuy {background-position:0 -168px;_background-position:0 -169px;}
.head-top .head-rig .monline {background-position:1px -193px;_background-position:1px -194px;}
.head-top .head-rig .adv {background-position:-0 -218px;_background-position:-0 -220px;}
.head-top .head-rig a:link,.head-top .head-rig a:visited {color:#888;text-decoration:none}
.head-top .head-rig .bahaver {background:transparent url(../images/icon_home.gif) no-repeat scroll 3px 2px;height:21px;padding-left:22px;float:left;margin:5px 8px 0px 2px;*margin:6px 8px 0px 2px;}
.head-top a {text-decoration:none;}
/* - ------ note ------------- */
#headnote-layer {position:absolute;background-position:right -347px;	left:-23px;	top:-1px;	width:30px;_width:31px;	z-index:10;}
	
.headnote-m { background-color:#fefbcf;border:1px solid #f1bc70;border-right:0px;width:23px;}
.headnote-m p {margin:6px 5px 3px;line-height: 14px;color:#000}
.headnote-m img {border-top:1px solid #ddd;padding-top:3px;margin-top:8px}
/* - ------ nav ------------- */
.head-navarea {clear:both}
.head-nav-left {float:left;;width:110px;margin-right:0px}
.head-nav-left .head-logo {background:transparent url(../images/hnnet_logo.gif) no-repeat scroll 5px 0;margin:0px;width:110px;font-size:0;height:68px;}
.head-logo h1 {text-indent:-9999em;display:block; border: 0 !important; border-bottom: 0;}
.head-nav-left p {text-align:center;}
.head-nav-logow {color:#999;margin-bottom:2px}
.head-nav {float:right;width:835px;padding:0px ;background-position:0 -89px;height:115px;}
.head-nav .head-navcol {float:left; margin-bottom:5px;_margin-bottom:7px;line-height:18px;}
.head-nav .head-navcol ul{height:25px; overflow:hidden}
.head-nav .head-navcol li {float:left;padding:3px 6px 4px}
.head-nav .navcol1 {width:284px;margin-left:8px;_margin-left:4px;padding-top:3px;}
.head-nav .navcol2 {width:283px;margin-left:3px;padding-top:3px;}
.head-nav .navcol3 {width:142px;margin-left:2px;padding-top:3px;}
.head-nav .navcol4 {width:100px;margin-left:4px;padding-top:3px;}
.head-nav .head-nav-line {background-position:right -246px;}
.head-nav .head-nav-lines {background-position:right -274px;}
.head-nav .head-nav-bbs {clear:both;margin-left: 8px;height:25px;_height:28px;overflow:hidden;}
.head-nav .head-nav-bbs li {float:left;padding:3px 6px 0px;_padding:1px 6px 4px 5px}
.head-nav .head-nav-othercitybbs {margin-left: 8px;clear:both}
.head-nav .head-nav-othercitybbs li {float:left;padding:5px 0px 0px ;_padding:0px 0px 0px ;width:80px;text-align:center}

.head-nav .head-navcol li a,
.head-othercitybbs li a { color:#fff;text-decoration:none}

/*  ------------- topadvarea --------------------------*/
#topadvarea {border:1px solid #ccc}
.topadv-cola {float:left;width:130px;margin:6px 8px;_margin:6px 4px}
.topadv-cola p {height:23px;padding-left:2px}
.topadv-colb {float:left;width:640px;margin:5px 5px;padding:0px}
.topadv-colb p {float:left;margin-right:12px}
.topadv-adpic {clear:both;padding:7px 0px}

/*  ------------- newshotarea --------------------------*/
#newshotarea {background-position:0 -76px;height:32px}
#newshotarea .newshotbar {float:left;width:120px;background-position:-77px 0;height:32px}
#newshotarea .newstop-center {float:left;width:620px;padding-top:5px;_padding-top:7px}
#newshotarea .newstop-center p {padding:0px 10px;float:left;}
#newshotarea .newstop-weather {float:left;width:180px;padding:5px 0px 0px 20px;_padding-top:7px;background-position:-80px -45px;}
#newshotarea .newstop-r {float:right;width:8px;background-position:-247px 0px;height:32px}