『瞳』式風格

body{
color:#9C8F8F;
background:#322626;
}
a{
color:#F87B00;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

#bigcontainer ,
#container {
margin:auto;
width:950px;
}
/*header*/
#header {
background:url('http://f5.wretch.yimg.com/illusion2/13/1676096734.jpg') no-repeat left top;
position:relative;
height:auto!important;
height:280px;
min-height:280px;
}
#header h1 {
position:relative;
top:120px;
left:330px;
font-size:19px;
font-weight:bold;
width:160px;
}
#header h1 a {
color:#fff;
}
#description {
position:relative;
top:95px;
margin:0px 0px 105px;
color:#9c8f8f;
padding:5px 10px 0px 500px;
background:url() repeat-y 487px -5px;
height:auto!important;
height:120px;
min-height:120px;
}


#content {
position:relative;
width:610px;
}
/*main_tab*/
#main_tab {
position:relative;
width:auto!important;
width:610px;
min-width:608px;
height:35px;
border:1px solid #5a4e4e;
display:block;
}
#main_tab img {
margin-right:5px;
}
#main_tab li a {
position:relative;
display:block;
float:left;
padding:8 12px 2px;
color:#f87b00;
margin:3px 3px 4px;
overflow:hidden;
border-right:1px dotted #5a4e4e;
height:auto!important;
height:27px;
min-height:19px;
}
#main_tab li.hover a {
color:#fff;
background:#5A4E4E;
}
a.message {
position:absolute;
top:0px;
right:0px;
display:block;
line-height:30px;
padding:0 12px 2px;
color:#FFFFFF;
margin:4px 3px 4px;
height:27px;
overflow:hidden;
background:#da6e06;
z-index:2;
}
/*mainsection*/
#mainSection {
position:relative;
width:610px;
background:#5A4E4E;
padding-bottom:1px;
}
#search {
background:#5a4e4e;
border:1px solid #5a4e4e;
position:relative;
top:2px;
text-align:right;
}
#search form {
padding:5px 5px 0;
}
ul.page_control {
border:1px solid #322626;
position:relative;
color:#9C8F8F;
text-align:center;
padding:5px 0px;
margin:10px;
}
ul.page_control a {
color:#F87B00;
}

/*msg list*/
#msg_list {
background:#281E1E;
width:610px;
}
.msg_body {
background:url(http://l.yimg.com/wretch.yimg.com/style/1/1739/msg_body.gif) no-repeat center 10px;
border-bottom:5px solid #322626;
}
.msg_word strong {
display:block;
padding:10px 0 5px;
zoom:1;
}
.msg_content {
position:relative;
padding:0 20px 20px;
color:#9C8F8F;
}
.reply_content li span {
line-height:1.5;
zoom:1;
}
.msg_content li.msg_word span {
text-align:left;
display:block;
font-weight:bold;
color:#F87B00;
padding-bottom:5px;
}
.reply_content li.reply_word span {
text-align:left;
display:block;
font-weight:bold;
color:#F87B00;
}
.reply_word strong {
display:block;
zoom:1;
padding:10px 0px;
color:#718C8C;
}

.msg_img {
position:absolute;
left:20px;
top:22px;
}
.msg_man {
position:absolute;
left:120px;
top:25px;
}
.msg_man a {
font-weight:bold;
}
.msg_title {
position:absolute;
left:120px;
top:55px;
}
.msg_date {
position:absolute;
left:120px;
top:85px;
}
.msg_word{
padding:130px 0 0;
}

.msg_info {
border-bottom:1px dotted #4b4b4b;
padding:5px 20px;
}
.msg_info span {
color:#5A4E4E;
}
.msg_ip{float:right;color:#999;}
*html .msg_word span,
*html .msg_info span,
*html .msg_ip span,
*html .reply_word span,
*html .reply_date span
{
line-height:1.5;
zoom:1;
}/*ie only*/
.reply_content {
clear:both;
zoom:1;
padding:20px 10px;
position:relative;
border-left:10px solid #110B0B;
}
.reply_none {
width:100%;
text-align:left;
display:block;
border-bottom:1px dotted #7AD1C6;
color:#CCCCCC;
padding-right:20px;
padding-left:20px;
padding-bottom:5px;
}

.reply_date {
text-align:right;
color:#5A4E4E;
}
.reply_content textarea{width:100%;}
.msg_control{margin-top:10px;}
*html .msg_control{margin-top:0px;}/*ie only*/
.msg_control li a {
padding:3px 5px 3px;
background:#C1EAE4;
border:1px solid #42AB96;
color:#000000;
}
.msg_control li a:hover {
background:#42AB96;
color:#FFFFFF;
text-decoration:none;
}
/*addpost*/
#msg_added {
}
#msg_added h2{
color:#F87B00;
font-size:15px;
font-weight:bold;
left:30px;
padding:20px 0px 0px 20px;
}
#msg_added li {
padding:3px 20px;
}
#msg_added li span {
display:block;
width:105px;
float:left;
text-align:right;
margin-right:10px;
border-bottom:1px solid #4B4B4B;
padding-bottom:2px;
}
#msg_added form {
position:relative;
margin-top:10px;
padding-top:20px;
}
#msg_added li.add_img{
position:relative;
padding-left:20px;
padding-top:10px;
float:left;
margin-right:10px;
}
#msg_added li.add_title {
height:110px;
}
.add_name span {
margin-left:0px !important;
}


/*sidebar*/
#sidebar{
text-align:center;
color:#670612;
width:330px;
background:#5A4E4E;
}
#admin{text-align:center;}
.box{
margin:5 10px;
padding:5px;
border-bottom:1px dotted #fff;
}
#action {
}
#friendlist {
}
#friendlist select {
width:300px;
margin:auto auto 0;
}
#info span{padding:0 10px;font-weight:bold;}
#info a{font-weight:bold;}
#stats {
color:#9C8F8F;
height:162px;
overflow:hidden;
background:#322626 url(http://l.yimg.com/wretch.yimg.com/style/1/1739/stats.gif) no-repeat center top;
overflow:hidden;
text-align:left;
border-top:5px solid #322626;
border-right-style:none;
border-bottom-style:none;
border-left-style:none;
}
#stats.box {
margin:10px 0 0px;
padding:19px 0px 0px 22px;
}

/*namecard*/
#mine {
height:185px;
overflow:hidden;
border-bottom:5px solid #322626;
}
#namecard {
text-align:left;
background:#1A1110 !important;
border-color:#989291;
margin:18px auto 0px;
}
#myService li a {
border-bottom:1px solid #1A1110;
background:#483832;
color:#989291;
}
#myService li a:hover{
border-bottom:1px solid #1A1110;
background:#1A1110;
}
.myDesc {
color:#fff;
}
#myName a {
color:#989291;
text-decoration:none;
}
#myName a:hover {
text-decoration:underline;
}

#footer {
height:20px;
}
#automusic{
display:block;
}