/*----------------------------
【留】東方神起四輯樣式-全體
designed by 藍宇 http://www.wretch.cc/blog/sep8163
2008/10/19  請勿抄襲 適用於1024*768
------------------------------*/


/* CSS start */

html {
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color:#CCCCCC;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
}

body {
color:#000;
FONT-SIZE:7pt;
FONT-FAMILY:verdana;
line-height:20px;
letter-spacing:1px;
}

a {
color:#000;
text-decoration:none;
}
a:hover {
text-decoration:none;
}

#container{margin:0 auto;
width:900px;}



#header {
margin-top:15px;
background:#FFF;
margin-bottom:15px;
border:1px solid #D8D8D8;
padding-bottom:20px;
height:300px;
min-height:300px;
background-image:url(http://sep8179.googlepages.com/tv.jpg);
background-repeat:no-repeat;background-position:right;
}


h1 {
FONT-SIZE:12pt;
FONT-FAMILY:verdana;
line-height:15px;
letter-spacing:1px;
background:#D8D8D8;
padding:5px;
border-bottom:1px solid #D8D8D8;
}


h1 a {
color:#000;
}
h1 a:hover {
text-decoration:none;
background:#fff;
}

#description {height:35px;width:295px;color:#000;FONT-SIZE:7pt;
FONT-FAMILY:verdana;position:relative;top:0px;left:0px;overflow:auto;padding:10px;text-align:left;
line-height:20px;background:#fff;border:1px #d8d8d8 solid;}



#content {
position:relative;
width:580px;
height:345px;
border:1px solid #D8D8D8;
padding:10px;
padding-top:10px;
}

#main_tab li {
FONT-SIZE:9pt;
display:block;
height:5px;
float:left;
text-align:center;
margin-right:5px;
padding-top:8px;
width:100px;
background:#d8d8d8;
color:#fff;
}
*html #main_tab li {
height:32px;
}
#main_tab li.hover {
border:1px solid #fff;
position:relative;
font-weight:bold;
background-color:#999;
}

a.message {
position:absolute;
right:5px;
top:5px;
display:block;
width:130px;
height:20px;
padding:5px 0 0 5px;
background:#d8d8d8;
color:#2D1E00;
text-align:center;
border:1px solid #2D1E00;
FONT-SIZE:10pt;
}

*html a.message {
width:106px;
height:29px;
padding-top:8px;
}


a.message:hover {
background:#999;
}

#mainSection {
padding:0px 20px 0 0;
}
#search {
DISPLAY:none;}

ul.page_control {
margin:10px 0;
text-align:center;
FONT-SIZE:10pt;
}
#page_control_top {
margin-bottom:20px;
}

.page_control li {
display:block;
float:left;
color:#000;
text-align:center;
margin-right:3px;
}

.page_control li a {
display:block;
padding:3px 6px;
border:1px solid #d8d8d8;
color:#000;
}
.page_control li a:hover {
background:#fff;
text-decoration:none;
border-color:#d8d8d8;
color:#000;
}
.page_control li span {
display:block;
padding:4px 6px;
}

select {
FONT-SIZE:7pt;
FONT-FAMILY:verdana;
background:#ffffff;
width:150px;
color:#000000;
}

input {
FONT-SIZE:7pt;
FONT-FAMILY:verdana;
border:#d8d8d8 1px solid;
padding:3px;
}

textarea {
font-size:7pt;
font-family:verdana;
background-color:#fff;
color:#000;
border:#d8d8d8 1px solid;
}

.msg_body {
margin-bottom:30px;
}
.msg_word strong {
display:block;
background:#fff;
padding:10px 5px;
zoom:1;
}

.reply_word {
color:#000;
}
.reply_word strong {
display:block;
padding:5px;
zoom:1;
color:#000;
background-color:#ccc;
}

.msg_content li span {
width:70px;
display:block;
float:left;
color:#000;
text-align:right;
}
.reply_content li span {
line-height:1.5;
zoom:1;
}

.msg_content li.msg_word span {
float:none;
width:100%;
text-align:left;
background:#eaeaea;
border-bottom:1px solid #fff;
padding:5px;}



.reply_content li.reply_word span {
width:100%;
text-align:left;
display:block;
border-bottom:1px solid #d8d8d8;
padding:5px;
}

.msg_img {
float:left;
width:60px;
height:60px;
margin:0 5px 0px 0;
zoom:1;
text-align:right;
}
.msg_word {
clear:both;
}


.msg_info {
}
.msg_ip {
float:right;
color:#000;
}
*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;
}

.reply_content {
padding:5px;
clear:both;
border:1px solid #d8d8d8;
zoom:1;
}

.reply_date {
text-align:right;
color:#000;
}

.reply_content textarea {
width:100%;
}
.msg_control {
margin-top:10px;
}

*html .msg_control {
margin-top:0px;
}
.msg_control li a {
padding:3px 5px;
background:#eaeaea;
border:1px outset #d8d8d8;
color:#000;
}
.msg_control li a:hover {
background:#eaeaea;
border:1px inset #d8d8d8;
text-decoration:none;
color:#000;
}


.msg_man, .msg_date {
height:20px;
}

.msg_title{DISPLAY:none;
}

/*addpost*/
#msg_added h2 {
padding:8px 0 4px 0;
background:#eaeaea;
color:#000;
text-align:center;
margin-bottom:10px;
zoom:1;
}

#msg_added li {padding:3px 0;}
#msg_added li.add_img {padding:0;float:left;margin-right:10px;}
.add_name {clear:both;}
#msg_added li span {display:block;width:105px;float:left;text-align:left;margin-right:20px;padding-bottom:2px;}
#msg_added li.add_title {height:70px;padding:0px 15px;}


#sidebar {
color:#000;
}
#sidebar a {
FONT-SIZE:7pt;
FONT-FAMILY:verdana;
letter-spacing:1px;
color:#000;
}
#admin {
text-align:right;
}

.box {
margin:10px 0;
border:1px solid #d8d8d8;
padding:5px;
background:#ccc;
}

#myName a {
color:#543829;
text-decoration:none;
}
#myName a:hover {
text-decoration:underline;
}

#friendlist select {
margin:auto auto 0pt;
width:290px;
}


#info span {
padding:0 10px;
font-weight:bold;
}
#info a {
font-weight:bold;
}

#stats {
margin-top:20px;
}

#automusic {
display:block;
}