body {background: #B3B0AB; margin: 0; padding: 0;}
/*-------------
/* page header *
/ *************/
p.empty, div.empty {width: 90%; background: #ffc; color: #B0B0B0; padding: 3px 10px; text-align: center; margin: 10px auto; border: 5px solid #E8E8E8; border-top: 1px dotted #E8E8E8; border-bottom:  1px dotted #fff;}
span.empty {color: #B0B0B0;}
.empty a {color: #D24515;}
.public {color: green}
.protect {color: #fc0}
.private {color: red}
#pageheader {width: 100%; background-color: white; height: 88px;} 

	/* pageheader begin */
	#header-wrapper {width: 966px; position: relative; z-index: 20;left: 50%;margin-left: -469px; }
		#logo {float: left;padding-top: 25px; width: 120px; text-align: left;}
		ul#ownnav {float: left;height: 77px; width: 456px; background: url(../../images/family/ownnavbg2.jpg) repeat-x;margin: 5px 0 0 5px;	padding: 0; }
		ul#ownnav li {float: left; height: 77px; list-style-type: none;}
		ul#ownnav li.ownnav_left {width:13px;background: url(../../images/family/ownnavbg1.jpg) no-repeat;}
		ul#ownnav li.ownnav_right {width:13px;background: url(../../images/family/ownnavbg3.jpg) no-repeat;}
	
	#globalnav {float: left; width: 276px;}
	#globalnav ul {padding: 0; margin: 0;}
	#globalnav ul li img {cursor: pointer;}
    #globalnav ul#usernav { height: 35px; margin: 5px 0; padding: 0; list-style-type:none; position: relative;}
  	#globalnav ul#usernav li {float: left; margin-left: 3px; display: inline; }
  	#globalnav #account {margin: auto; padding: 3px 0; background: #F9F3EC; border: 1px solid #E1E1E1; width: 260px; text-align: center; position:relative;}
		#account #shortcut {position:absolute; z-index: 100; width: 100px;left: 133px; top: -6px;}
		#account #shortcut ul {width: 100px; background: url(../../images/family/navshortcut.png); padding-top:10px;}
		#account #shortcut li {margin: 0 6px; border-bottom: 1px dotted #DCDCA0; list-style-type: none; text-align: left;}
		#account #shortcut li:hover {}
		#account #shortcut li a {display: block; width: 80px; padding-left: 8px; text-decoration: none; color: #C1B6A1; background: url(../../images/family/arr.png) left center no-repeat;}
		#account #shortcut li a:hover {color: #A1A09B;background: #fff url(../../images/family/arr.png) left center no-repeat}
		#account #shortcut li.btm {margin: 0; padding: 0; cursor:pointer; border: 0; width: 100px; height: 18px; background: #ffffff url(../../images/family/navshortcut.png) bottom;}
		#account span a {background: #F44779; color: #fff; margin: 0 5px; font-size: 11px; padding: 0 5px; text-decoration: none;}
		#account span a:hover {color: #FFED00;}
	
	#user_no_notice {float: left; margin: 5px 0 0 3px; height: 35px; width: 66px; background: url(../../images/family/user_no_notice.png) top no-repeat;}
	#user_notice {float: left; margin: 5px 0 0 3px; padding-bottom: 7px; width: 66px; background: url(../../images/family/user_no_notice.png) bottom no-repeat;}
		#user_notice span {float: left; padding: 8px 5px 0 5px; text-align: center; min-height: 20px; line-height: 130%; width: 56px; background: url(../../images/family/user_notice.png) top no-repeat;}
		#user_notice span a {text-decoration: none; color: #F44779; font-size: 11px; display: block;}
		#user_notice span a:hover {color: #FF850B;}
  /* pageheader end */
  
/*-------------
/* page *
/ *************/

/* header ***********/
#header {width: 870px; height: 39px; margin: 0 auto; background: #fff url(../../images/family/headerbg2.jpg) no-repeat; padding: 5px 30px 0 0;text-align:right;}
#header a {margin-right: 10px; color: #1CA0C0; font-size: 12px;  text-decoration: none;
	border:1px solid #717171;
	border-top-color: #fff;
	border-left-color: #fff;
	background-color: #FCE6EA;
	padding: 0 5px;
}
#header a:hover {color: #8FCC2B;
	border: 1px solid #717171;
	border-bottom-color: #fff;
	border-right-color: #FFF;
}
#header p {margin: 0; float: right; color: #7B869A;}
#header h1 {margin: 0 30px;	letter-spacing: 6px; font-size: 15px; float: left; height: 22px; text-transform : capitalize;}
#header h1 img {float: left;}
#header h1 span a {font-size: 12px;}
#header h1 span {height: 22px; float: left; padding: 0;	margin-left: 10px; }
#header h1 span.l {color: #c60; padding-left: 25px;background: url(../../images/family_name_li.png) no-repeat;}
#header h1 span.r {padding-left: 20px; background: url(../../images/family_name_ri.png) no-repeat top left;}
#header marquee {float: left;}

/* mainbody ***********/
#mainbody {	width: 860px; margin: 0 auto; background: #fff url(../../images/family/bodybg2.jpg) repeat-y; padding: 0 20px; position: relative;}
/* footer  *************/
#footer {clear: both;width: 900px; height: 68px; line-height: 68px; text-align: center; margin: 0 auto; background: #fff url(../../images/family/footerbg2.jpg) no-repeat;}

/* comments */
#comments {width: 90%; border:1px solid #C1C1C1; border-bottom-color: #E9E9E9; border-right-color: #E9E9E9;padding: 10px;background-color:#F3F5E9; margin-top: 5px;}
#comments hr {border: 1px solid #DDD6C2; height: 1px;}
#comments div.clear {height:10px;}
#comments span {color: #DAB77F}
#comments span a {font-weight:bolder; color: #DAB77F}
#comments img {border: 1px dotted #ccc; padding: 2px;margin: 0 5px;}
#comments p {font-weight:bolder; color: #990000;}
h5, fieldset.comment legend {color: #B4C24B; font-weight: bold; font-size: 14px;}
fieldset.comment {background-color: white; margin-top: 20px; width: 530px; border: 1px dotted #E8EADF;}
fieldset.comment form {padding: 10px;}

#qface {width: 550px; margin: 0 auto; position: relative; background: #F3F5E9; border: 1px solid #E8EADF;}
#qface span.more{float: right; background-color: #F3F5E9; color: #2B76B0; padding: 0 5px; cursor: pointer;}
#qface h3 {font-size: 12px; margin: 0; background-color: #F3F5E9; text-indent: 10px;}
#qface img {cursor: pointer; }
#qface img:hover { border-color: #ccc;}
#qface #moreqface {width: 550px; background: #F3F5E9; border: 1px solid #E8EADF; border-bottom: 0; position: absolute; z-index: 100; top: -318px; left: -1px;}