html, body{
margin:0;
padding:0;
}
a img{
border:0;
}
a{
color:#999;
}
#sidebar a:hover, 
a:hover{
color:#555;
text-decoration:none;
}
body{
font-size:.8em;
font-family:sans-serif, arial;
line-height:160%;
color:#111;
background:black url(http://l.yimg.com/e/style/13/1312/body.gif) fixed repeat-x 50% 0;
}
#header{
width:900px;
padding:30px 0 100px;
}
h1{
margin:0;
padding:0;
font-size:15px;
display:inline;
background:black;
color:white;
}
h1 a{
background:black;
color:white;
text-decoration:none;
}
h1 a:hover{
color:white;
}
#description{
background:white;
display:inline;
}
* html #description{
}
#main_tab{
height:35px;
margin-top:5px;
}
#main_tab li a{
display:block;
padding:5px 10px;
background:white;
text-decoration:none;
}
#main_tab li{
float:left;
margin:0;
margin-right:10px;
}
#main_tab li.hover a{
color:black;
text-decoration:none;
font-weight:bold;
cursor:default;
}
.message{
margin-left:380px;
display:block;
width:150px;
height:26px;
background:black;
color:white;
padding-top:4px;
padding-left:40px;
width:130px;
text-decoration:none;
}
.message:hover{
color:white;
}
* html .message{
width:170px;
}
#content{
width:550px;
}
#main{
float:none;
width:900px;
}
#footer{
clear:both;
}
.page_control{
text-align:center;
}
.msg_body{
padding:10px 0 20px;
margin-bottom:20px;
background:white;
}
.msg_body a{
}
.msg_body a:hover{
}
.msg_content ul{
margin:0;
padding:0;
position:relative;
padding-left:100px;
}
* html .msg_content ul{
height:1%;
}
.msg_img{
position:absolute;
top:0;
left:20px;
width:60px;
height:60px;
text-align:center;
}
.msg_title{
}
.msg_date{
clear:left;
}
.msg_ip span, 
.msg_title span, 
.msg_date span, 
.msg_man span{
float:left;
width:80px;
}
.msg_info{
position:absolute;
top:0;
right:10px;
width:80px;
text-align:right;
}
.msg_info span, 
.msg_word span{
display:none;
}
.msg_word{
padding:8px;
word-break:break-all;
}
.reply_content{
border-top:1px dashed black;
padding-left:80px;
background:#eee;
}
* html .reply_content{
height:1%;
}
.reply_content ul{
padding:8px;
}
.reply_word span{
display:none;
}
body #namecard{
background:black;
border:0 none;
color:white;
width:300px;
}
#myImg a{
border:0;
}
#myInfo{
width:100px;
}
.myNick{
width:100px;
}
.myDigu .digu{
width:100px;
line-height:16px;
height:64px;
}
.myDigu .digu_date{
width:100px;
}
#myService{
float:none;
top:9px !important;
width:90px;
text-align:left;
}
#myService li{
display:inline;
}
#myService li a{
background:none;
border:0 none;
}
#myService li a:hover{
background:#666;
color:white;
border-bottom:0 none;
}
#myImg{
border:0;
}
.box{
margin-bottom:20px;
background:black;
color:white;
padding:10px;
}
#action{
margin-top:20px;
}
div#friendlist{
width:280px;
overflow:hidden;
}
#msg_added li span{
float:left;
width:120px;
}
#msg_added li{
margin:5px 0 10px;
}
* html #msg_added li{
height:1%;
}
#msg_added li:after{
content:".";
display:block;
height:0;
overflow:hidden;
visibility:hidden;
}
#msg_added textarea{
width:340px;
}
.add_img{
float:left;
}
#msg_added .add_title{
margin-left:120px;
}
.add_name{
clear:left;
}
#msg_added ul{
padding:0 10px 0 20px;
}
h2{
font-size:13px;
margin:0;
padding:0;
background:black;
color:white;
display:inline;
}
.page_control a{
background:white;
padding:2px 3px;
text-decoration:none;
}
body {
background:#070707;
color:#597881;
text-align:center;
}
a {
color:#5acbff;
text-decoration:none;
}
a:hover {
color:#fff;
text-decoration:underline;
}

#bigcontainer {overflow:hidden;}

#container {
background:#070707 url(http://lol.garena.tw/images/wretchart/20110104-3.jpg) no-repeat center top;
position:relative;
margin:auto;
width:1000px;
}
#header {
height:auto!important;
height:250px;
min-height:0px;
margin:450px 0px 20px;
}
h1 {
font-size:15px;
font-weight:bold;
text-align:left;
}
#description {
padding:0 20px 20px;
color:#c3d4d9;
text-align:center;
}

#content {
width:620px;
position:relative;
}
#main_tab {padding:0px 5px 10px;}
#main_tab a , 
#main_tab li.hover a , 
.message {
display:block;
height:24px;
width:90px;
overflow:hidden;
float:left;
text-align:center;
padding:3px 0px 0px !important;
padding:6px 0px 0px;
margin:0px 0px 0px 5px;
}
#main_tab a {
color:#c3d4d9;
background:url(http://l.yimg.com/e/style/14/1415/mainbtn2.jpg) no-repeat left top;
}
#main_tab li.hover a {
color:#070707;
background:url(http://l.yimg.com/e/style/14/1415/mainbtn1.jpg) no-repeat left top;
}
.message {
background:url(http://l.yimg.com/e/style/14/1415/mainbtnmsg.jpg) no-repeat left top;
position:absolute;
top:0px;
right:10px;
padding:3px 0px 0px !important;
color:#c3d4d9;
}
#mainSection {position:relative;}
#search {
position:absolute;
top:0px;
right:0px;
}
#search input , 
#search select {
height:20px;
color:#c3d4d9;
background:#3f90b6;
overflow:hidden;
border-style:none;
float:left;
margin:0px 5px 0px 0px;
}
#search form {padding:7px 0 0 15px;}
.page_control {
padding:10px;
color:#597881;
font-weight:bold;
}
.page_control a {font-weight:normal;}
.msg_body {
position:relative;
width:613px;
padding:0 0 10px;
margin:5px 0 0;
border-bottom:1px dotted #3f90b6;
}
#msg_added {
position:relative;
width:613px;
}
.msg_content {
color:#106b85;
position:relative;
width:613px;
}
.reply_content {
position:relative;
padding:10px;
margin:10px 20px;
border:1px solid #3f90b6;
}
.comments-reply-edit form {
background:#072432;
border:1px solid #3f90b6;
padding:5px 10px 5px !important;
padding:5px;
}
.comments-reply-edit input{
color:#c3d4d9;
background:#3f90b6;
margin:10px 5px 5px !important;
margin:10px 5px 15px;
border-style:none;
}
.msg_img {
position:absolute;
left:20px;
top:20px;
}
.msg_man {
position:absolute;
left:90px;
top:20px;
z-index:1;
}
.msg_title {
position:absolute;
left:90px;
top:40px;
}
.msg_date {
position:absolute;
left:90px;
top:60px;
}
.msg_word {
position:relative;
padding:90px 20px 10px;
color:#597881;
}
.msg_ip {padding:0 20px;}
.msg_info {padding:0 20px;}
.msg_word span , 
.reply_word span {
font-weight:bold;
display:block;
color:#9a9a9a;
}
.reply_word {color:#815e81;}
.reply_date {
text-align:right;
color:#106b85;
}
.msg_control {
position:relative;
padding:15px !important;
padding:0;
}
.msg_control a {
color:#c3d4d9;
background:#3f90b6;
margin:0px 5px 0px 0px;
padding:5px 10px;
}
#sidebar {
width:330px;
margin:0px 0px 10px;
}

li#mine {padding:0 15px 10px;}
html #namecard {
border-style:none;
color:#597881;
background:none;
}
.myNick {color:#5acbff;}
#myImg {
border-style:none;
margin:0;
}
#myInfo {margin:0 0 0 100px;}
#myName {

left:0;
}
#myService {width:45px;}
#myService li a {
background:url(http://l.yimg.com/e/style/14/1415/myService.gif) no-repeat left 8px;
border-color:#070707;
}
#myService li a:hover {
background:url(http://l.yimg.com/e/style/14/1415/myService.gif) no-repeat 2px 8px;
border-color:#070707;
}
.myId a {color:#732F31;}
.myDesc {
width:140px;
overflow:hidden;
}
.box {
padding:10px 0 5px;
margin:5px 15px;
border-top:1px dotted #3f90b6;
}
#friendlist select {width:300px;}
#stats {
color:#597881;
border-top:none;
}
#msg_added {
margin:0 0 10px 0;
background:url(http://l.yimg.com/e/style/14/1415/msg_added.jpg) no-repeat right top;
border:1px solid #3f90b6;
}
#msg_added li {padding:3px 0;}
#msg_added h2 {
padding:15px 15px 0;
font-weight:bold;
color:#9a9a9a;
}
#msg_added form {padding:20px;}
#msg_added span {
float:left;
clear:left;
width:150px;
border-bottom:1px solid #597881;
margin-right:10px;
padding-bottom:5px;
color:#3f90b6;
}
#msg_added .add_img {
height:100px;
margin:0px 0px 10px;
}
#msg_added .add_title {
position:absolute;
left:136px;
top:15px;
}
#msg_added table {
float:left;
clear:right;
}
#content_data {
margin-top:5px;
width:400px;
}