﻿/* By Elly the UI Designer Of Socang.com 2013-07-12*/

/* Reset style */
abbr,acronym{border:0; font-variant:normal;}
address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,lable,textarea,p,blockquote,th,td{margin:0; padding:0;}
caption,th{text-align:left;}
fieldset,img{border:0;}
body,textarea{font:normal 100 13px Arial;}
img, button{background:none; border:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
html{color:#000; overflow-x:hidden;}
input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit;}
textarea{resize:none;}
legend{color:#000;}
q:before,q:after{content:'';}
sub{vertical-align:text-bottom;}
sup{vertical-align:text-top;}
table{border-collapse:collapse; border-spacing:0;}
ul,li,dl,dt,dd{list-style:none; padding:0;}
span,em{font-style:normal; float:left;}
div{float:none;}

/* Fonts style */
body{font:13px/1.231 Arial,"宋体"; background:url(/images/user_allbg.jpg) no-repeat top #fff; font-size: small; *font: x-small;}
table{font-size:inherit; font:100%;}
pre,code,kbd,samp,tt{font-family:monospace; *font-size:108%; line-height: 100%;}

a {color:#000; text-decoration:none; }
a:hover{text-decoration:underline; }
a:visited, a:active, a:focus{outline:none;}



/*all--------------------------------------*/
.main{width:960px; margin:0 auto; float:none;}
.user_body{width:924px; background:#fff; border:3px solid #D4CAA6; padding:15px; margin:60px auto 0 auto; float:none;}

/*头部*/
.user_nav{width:100%; height:35px; background:#7F5835; line-height:35px; color:#fff;}
.user_nav dt{width:400px; height:35px;}
.user_navletter{height:15px; background:url(/images/user_tb1.gif) no-repeat; margin:8px 0 0 10px; padding-left:20px; line-height:18px;}
.user_nav dd{width:550px; height:14px;}
.user_nav dd span{height:14px; background:url(/images/user_tb2.gif) no-repeat left; border-right:1px solid #D5CFC1; line-height:14px; padding:0 15px 0 10px; margin:10px 0 0 10px;}

/*body----------------------*/
.user_left{width:200px;}

.user_face{width:198px; height:198px; background:#fff; border:1px solid #D8D8D8; overflow:hidden;}

.user_menu1{width:178px; background:#fff; border:1px solid #D8D8D8; padding:10px;}
.user_menu1a{width:68px; height:20px; background:url(/images/user_tb3.gif) no-repeat left; padding-left:20px; line-height:20px;}
.user_menu1b{width:68px; height:20px; background:url(/images/user_tb4.gif) no-repeat left; padding-left:20px; line-height:20px;}
.user_menu1c{width:68px; height:20px; background:url(/images/user_tb5.gif) no-repeat left; padding-left:20px; line-height:20px;}
.user_menu1d{width:68px; height:20px; background:url(/images/user_tb6.gif) no-repeat left; padding-left:20px; line-height:20px;}

.user_leftframe{width:198px; background:#fff; border:1px solid #D8D8D8;}
.user_leftframe dt{width:188px; height:29px; background:url(/images/user_btbg1.gif) repeat-x; border-bottom:1px solid #D8D8D8; line-height:29px; padding-left:10px;}

.user_leftcon1{}
.user_leftcon1 dd{width:198px; height:30px; border-bottom:1px solid #ECF1F3;}
.user_leftcon1 dd span{width:16px; height:16px; padding:8px 10px 0 10px;}
.user_leftcon1 dd em{width:160px; height:30px; line-height:30px; font-size:14px; color:#764F19;}

.user_lefttabletb{width:16px; height:16px; padding:3px 5px 0 10px;}





.user_middle{width:524px; margin-left:15px;}
.user_name{width:100%; height:31px; border-bottom:1px solid #D8E2E6; line-height:31px; font-size:14px;}
.user_usercon{width:524px; height:160px; padding-top:8px;}
.user_usercon dt{width:220px; padding-top:8px; text-align:right;}
.user_usercon dd{width:300px; height:160px;}
.user_usercon dd span{width:300px; height:24px; line-height:24px;}
.user_loadingframeout{width:172px; height:16px; border:1px solid #E5CB8F; margin-top:3px; background:none;}
.user_loadingframein{width:170px; height:14px; background:#F1EAD5; border:1px solid #fff; position:relative;}
.user_loading{height:14px; background:url(/images/user_loadingbg.gif) repeat-x;}
.user_loading_txt{width:170px; height:14px; text-align:center; line-height:14px; position:absolute; left:0; overflow:hidden;}

.user_middleframe{width:522px; border:1px solid #D8D8D8;}
.user_middleframe dt{width:512px; height:29px; background:url(/images/user_btbg1.gif) repeat-x; border-bottom:1px solid #D8D8D8; padding-left:10px; line-height:29px;}
.user_middle_con{width:502px; padding:10px;}

.user_dynamic{width:502px; height:34px; border-bottom:1px solid #D8E2E6; line-height:34px; font-weight:normal;}
.user_dynamic span{width:420px; height:34px; overflow:hidden;}
.user_dynamic em{width:80px; height:34px; color:#828282; text-align:right; overflow:hidden;}

.user_bloglist{width:502px; height:60px; border-bottom:1px solid #D8E2E6; padding:5px 0;}
.user_bloglist h1{width:502px; height:20px; line-height:20px; overflow:hidden;}
.user_bloglist h2{width:502px; height:40px; line-height:20px; overflow:hidden; font-weight:normal;}





.user_right{width:170px; margin-left:15px;}
.user_rightframe{width:168px; border:1px solid #D8D8D8;}
.user_rightframe dt{width:158px; height:29px; background:url(/images/user_btbg1.gif) repeat-x; line-height:29px; padding-left:10px;}

.user_rightpicframe{width:62px; height:90px; padding:15px 0 0 15px;}
.user_rightpicframe p{width:60px; height:60px; border:1px solid #D8D8D8; overflow:hidden;}
.user_rightpicframe span{width:62px; height:25px; line-height:25px; padding-bottom:5px; overflow:hidden;}



/*user--friend--------------------*/
.user_friend_name{width:200px; line-height:20px; font-size:14px;}

.user_friend_right{width:709px;}
.user_friend_rightbt{width:694px; height:31px; border-bottom:1px solid #D8E2E6; line-height:31px; font-size:14px;}
.user_friend_right dd{width:201px; height:62px; border:1px solid #D8D8D8; padding:10px; margin:25px 0 0 12px;}
.user_friend_right dd p{width:60px; height:60px; border:1px solid #D8D8D8; overflow:hidden;}
.user_friend_right dd h1{width:130px; height:25px; line-height:25px; padding-left:8px; overflow:hidden; font-weight:normal;}
.user_friend_right dd h2{width:110px; height:20px; background:url(/images/user_tb23.gif) no-repeat left; margin-left:8px; padding-left:20px; line-height:20px; font-weight:normal;}
.user_friend_right dd h3{width:110px; height:20px; background:url(/images/user_tb22.gif) no-repeat left; margin-left:8px; padding-left:20px; line-height:20px; font-weight:normal;}


/* block
----------------------------------*/
.block10{width:100%; height:10px;}
.block15{width:100%; height:15px;}
.block20{width:100%; height:20px;}
.block30{width:100%; height:30px;}

/*other*/
.clear{clear:both;}
.lt{float:left;}
.rt{float:right;}
.user_btmore{height:29px; line-height:29px; padding-right:10px;}

.yellow{color:#F5D300;}
.white{color:#fff;}
.brown_l{color:#99855E;}
.brown_d{color:#764F19;}
.red{color:#cc0000;}
.blue{color:#0F61DD;}
.orange{color:#F08911;}