#leftbar {float: left; width: 251px;background-color:#fff;}
    #lefttitle {width: 211px; height: 250px; padding: 0 20px; background: url(../../images/family/lefttitlebg.jpg) no-repeat; font-weight: bolder; font-size: 16px; color: #9FA7BE; letter-spacing:6px; position:relative;}
		#lefttitle center {position:absolute;top:100px;}
	#leftnav {background: #E1E3D0 url(../../images/family/leftnavbg.gif) no-repeat bottom; padding: 10px 20px; width: 200px; margin-left: 6px;}
		#leftnav a {color: #3B5998; text-decoration: none;}
		#leftnav a:hover {text-decoration: underline;}
		#leftnav b {color: #555}
		#leftnav ul {margin: 5px; padding: 0; list-style-type: none;}
		#leftnav ul#tag li {float: left;margin-right: 10px;}
	
  #content {float: left; width: 589px;padding: 0 10px; color: #333; background-color: #fff;}
  	#content a {color: #92A7B9}
	#content a:hover {text-decoration: none;}
  	#content p {margin: 0; word-wrap:break-word;}
	#content .sep {height: 20px; width: 100%; background: url(../../images/family/dotted.gif) repeat-x 50% 50% }
	#content .title {font-size: 14px; padding-left: 15px; position: relative;}
		#content .title a { color: #7d7d7d; text-decoration:none;}
	    #content .title span {background: white; padding: 0 5px;}
		#content .title .close {position: absolute; padding: 0 5px; top: 0; right: 0px; height:20px; width: 13px; background:#fff url(../../images/family/switch.gif) no-repeat top;}
		#content .title .open {position: absolute; padding: 0 5px; top: 0; right: 0px; height:20px; width: 13px; background:#fff url(../../images/family/switch.gif) no-repeat bottom;}
	    #content .first .title {background: url(../../images/family/diary_title_0.gif) no-repeat}
	    #content .odd .title {background: url(../../images/family/diary_title_1.gif) no-repeat}
	    #content .even .title {background: url(../../images/family/diary_title_2.gif) no-repeat}
	    
	#content .author {text-align: right;}
	#content .content {padding: 5px; background: #fff; color: #000; word-break: break-all; overflow:auto;}
	#content .content:hover {background: #f8f8f8}
		#content .content a {color: #BCA7BF}
		#content .gbook {padding: 10px;border: 2px solid;background: #F9F9F9}
		#content .gbook .replylist {padding: 10px; margin: 10px; border: 1px solid #EFE2D9; background: #FcFcFc}
		#content .gbook .toolbar {border: 1px solid white;border-bottom-color:#f3f3f3;color: #999;margin: 10px -5px}

	#content a.more {color: #D3739A} 
	#content .category {margin-top: 10px;}
	
	#content form {padding: 10px; background: #FCF9F0;}
	#content form p {padding: 5px 0;}
	#content form input {width: 60%}
	#content form input.checkbox {width: auto}
	#content form input.radio {width: auto; background: #FCF9F0}
	#content form input.checkbox {width: auto; background: #FCF9F0}
	#content form input.btn {width: auto}
	#content form {border: 1px dotted #E8EADF}

  .replyer {background-color: #E0ECFF}