/* YUI adjustment */
body { background: #fff; text-align: left; }
#yui-main .yui-b { width: 74.4%; }
.yui-t4 .yui-b { width: 25%;}
.yui-gd .yui-u { width: 64%; margin-left: 3%; *margin-left:2.895%; }
.yui-gd .first { width: 32%; margin-left: 0; }
.yui-gc .yui-u { width: 100%; }
#doc {
    font-size: 92%;
    width: 990px;
    margin: 0 auto;
}
#ft { font-size: 92%; }

/* link */
a:link {
    color: #369;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #999;
}
a:hover {
    color: #003;
    text-decoration: underline;
}
a:hover img {
    text-decoration: none;
}
a:active {
    text-decoration: none;
}
.channel a:link,
.channel a:visited,
.channel a:hover,
.channel a:active {
    color: #ad3d00;
}

/* hd */
#logo {
    float: left;
    margin: 8px 0 0 5px;
}
#toolbar {
    text-align: right;
    padding: 5px 0;
    margin-right: 10px;
}

/* flash */
#banner {
    position: absolute;
    /*left: 0;*/
    float:left;
    /*overflow: hidden;*/
}
#bd {
    margin-top: 195px;
}

/* ft */
#ft p {
    border-top: 1px dotted #ccc;
    padding: 4px 10px;
    color: #666;
}
#ft .copyright span {
    font: 84% Consolas, Monaco, "Courier New", monospace;
    color: #999;
}
.email {
    padding-right: 15px;
    background-image: url(http://f.mwsrv.com/img/email.gif);
    background-repeat: no-repeat;
    background-position: right 50%;
}

/* login */
#login {
    background-image: url(http://f.mwsrv.com/img/login_bg_top.jpg);
    background-repeat: no-repeat;
    background-position: -25px -8px;
    position: relative;
}
#login .wrap {
    background-repeat: no-repeat;
    background-position: 50% 100%;
}
/* image replacement with Dwyer Method */
#login h2 {
    background-repeat: no-repeat;
    width: 139px;
    height: 11px;
    position: absolute;
    top: 20px;
    left: 55px;
}
#login h2 span {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}
#login h2.out {
    background-image: url(http://f.mwsrv.com/img/login_out.gif);
}
#login h2.in {
    background-image: url(http://f.mwsrv.com/img/login_in.gif);
}
#login form {
    padding-top: 50px;
    margin-left: 30px;
}
#login .info {
    padding-top: 40px;
    margin-left: 22px;
}
#login .status em {
    color: #ad3d00;
}
#login .status {
    position: relative;
    margin-top: 10px;
}
#login .func {
    margin-top: 30px;
}
#login .status .photo {
    position: absolute;
    top: 2px;
}
#login .status ul {
    margin-left: 90px;
}
#login .status li {
    line-height: 1.4em;
}
#login p {
    padding: 2px 0;
}
#username, #password {
    width: 80px;
    border: 1px solid #d17d00;
}
#login .label {
    width: 3.5em;
    letter-spacing: 1px;
    color: #333;
    margin-right: 2px;
    padding: 2px 0;
    display: inline;
    float: left;
    text-align: right;
    font-weight: bold;
}
#remember_me { margin-right: 4px; }
.remember {
    margin-left: 20px;
    margin-top: 10px;
    color: #ccc;
}
.remember label {
}
.submit {
    position: absolute;
    right: 24px;
    top: 55px;
}

/* registration & userguide */
.registration {
    margin-top: 20px;
    height: 160px;
    background-image: url(http://f.mwsrv.com/img/login_bar.gif);
    background-repeat: no-repeat;
    background-position: 50% 0;
    text-align: center;
}
.registration img {
    display: block;
    padding-top: 20px;
    margin: 0 auto;
}
.userguide {
    margin-top: -2px;
    text-align: center;
}

/* embedcode */
#embedcode {
    margin-top: 15px;
}
#embedcode h3 span {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}
#embedcode h3 {
    background-image: url(http://f.mwsrv.com/img/embedcode.gif);
    background-repeat: no-repeat;
    width: 230px;
    height: 31px;
    margin-left: 8px;
}
#embedcode .bd {
    background-image: url(http://f.mwsrv.com/img/embedcode_bg_bd.gif);
    background-repeat: repeat-y;
    background-position: 50% 0;
    text-align: center;
    margin: 0 auto;
}
#embedcode .bd textarea {
    margin-top: 10px;
    width: 200px;
    text-align: left;
}
#embedcode .ft {
    background-image: url(http://f.mwsrv.com/img/embedcode_bg_ft.gif);
    background-repeat: no-repeat;
    background-position: 50% 0;
    height: 10px;
}

/* main */
#yui-main h2 {
    background-repeat: no-repeat;
}
#yui-main h2 span {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}
#announce-b h2 {
    background-image: url(http://f.mwsrv.com/img/announce.gif);
    width: 230px;
    height: 36px;
}
#popular-b h2 {
    
    width: 230px;
    height: 35px;
}
#announce-b ul, #popular-b ul {
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 10px;
}
#announce-b li, #popular-b li {
    line-height: 1.4em;
}
#announce-b {
    background-image: url(http://f.mwsrv.com/img/announce_bg.gif);
    background-repeat: no-repeat;
    background-position: 4px 30px;
}
#popular-b {
    background-image: url(http://f.mwsrv.com/img/popular_bg.gif);
    background-repeat: no-repeat;
    background-position: 4px 30px;
    position: relative;
}
#popular-b .more {
    position: absolute;
    top: 13px;
    right: 10px;
}
/* hompy */
#hothompy {
    position: relative;
}
#hothompy .more {
    position: absolute;
    top: 3px;
    right: 1px;
}
#hothompy h2 {
    background-image: url(http://f.mwsrv.com/img/hothompy.gif);
    width: 465px;
    height: 28px;
}
#hothompy .navigation {
    text-align: right;
    margin: 4px 0;
    padding: 0;
}
#hothompy .button {
    display: inline-block;
    vertical-align: middle;
}
#article-b, #album-b {
    background-repeat: no-repeat;
    position: relative;
}
#article-b {
    background-image: url(http://f.mwsrv.com/img/article_bg_top.gif);
}
#album-b {
    background-image: url(http://f.mwsrv.com/img/album_bg_top.gif);
    margin-top: 20px;
}
#article-b h2 {
    background-image: url(http://f.mwsrv.com/img/album.gif);
    background-repeat: no-repeat;
    background-position: 5px 50%; 
    padding: 8px 0 8px 110px;
}
#album-b h2 {
    background-image: url(http://f.mwsrv.com/img/article.gif);
    background-repeat: no-repeat;
    background-position: 5px 50%; 
    padding: 8px 0 8px 110px;
}

#article-b table {
    width: 100%;
}

#article-b table .hd {
    background-image: url(http://f.mwsrv.com/img/article_bg_th.gif);
    background-repeat: repeat-y;
    background-position: 0 0;
    color: #35258f;
}
#article-b th,
#article-b td {
    padding: 3px 0 3px 10px;
}
#article-b th {
    border-top: 1px solid #ccc;
    border-bottom: 1px dotted #ccc;
}
#article-b td {
    border-bottom: 1px solid #eee;
}
#article-b .more {
    position: absolute;
    top: 15px;
    right: 25px;
}
#album-b .more {
    position: absolute;
    top: 15px;
    right: 235px;
}
#article-b h2:after,
#album-b h2:after { 
    content:".";display:block;height:0;clear:both;visibility:visible; 
}
#article-b h2,
#album-b h2 {
    zoom: 1; 
}
#article-b .button,
#album-b .button {
    display: block;
    background-repeat: no-repeat;
    width: 86px;
    height: 28px;
    text-indent: -9999px;
    float: left;
    margin-left: 5px;
}
#article-b .button:hover,
#album-b .button:hover {
    background-position: 0 -29px;
}
#article-b #article-hot {
    background-image: url(http://f.mwsrv.com/img/article_hot.gif);
}
#article-b #article-new {
    background-image: url(http://f.mwsrv.com/img/article_new.gif);
}
#article-b #article-newsend {
    background-image: url(http://f.mwsrv.com/img/article_newsend.gif);
}
#album-b #album-hot {
    background-image: url(http://f.mwsrv.com/img/album_hot.gif);
}
#album-b #album-new {
    background-image: url(http://f.mwsrv.com/img/album_new.gif);
}
#album-b #album-newsend {
    background-image: url(http://f.mwsrv.com/img/album_newsend.gif);
}

#article-b .current,
#album-b .current {
    background-position: 0 -29px;
}

#article-view, #album-view {
    /* fix opacity text blur problem in IE & Safari */
    background: #fff;
}

/* story */
#story-b {
    background-image: url(http://f.mwsrv.com/img/story_bg.gif);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    height: 324px;
    margin-top: 20px;
}
.story {
    position: absolute;
}
#story-b .more {
    position: absolute;
    top: 13px;
    right: 17px;
}
#story-1 {
    right: 130px;
    top: 46px;
}
#story-2 {
    right: 18px;
    top: 46px;
}
#story-3 {
    right: 18px;
    top: 136px;
}

/* gravatars, photos */
.gravatars {
    background: #fff;
}
.gravatars:after,
.photos:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
.gravatars,
.photos {
    zoom: 1; 
}
.gravatars li,
.photos li {
    display: block;
    float: left;
    text-align: center;
    border:solid #CCC;
    border-width:0 1px 1px 0;
}
.gravatars li {
    width: 145px;
    height: 130px;
    margin-left: 8px;
    margin-top: 10px;
}
.photos li {
    width: 102px;
    height: 130px;
    margin-left: 4px;
    margin-top: 10px;
}
.gravatars .photo,
.photos .photo {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
}
.gravatars .photo {
    width: 135px;
    height: 108px;
}
.photos .photo {
    width: 90px;
    height: 90px;
}
.gravatars .photo *,
.photos .photo * {
    vertical-align:middle;
}
.gravatars .title {
    display: block;
    margin-top: 5px;
}
.gravatars .title img {
		margin-right: 4px;
}

.photos .title, .photos .author {
    display: block;
    padding: 2px 0;
}

/* ad */
#ad-1 {
    text-align: right;
}
#ad-1 img {
	display: none;
}
#ad-2 {
    margin-top: 5px;
    text-align: center;
}

.show { visibility: visible; }
.hide { visibility: hidden; }

/* Value Main */
.style1 {color: #FFFFFF}

.bg{
background-position:center;
background-repeat:repeat-y;}
.style2 {color: #000000}
.h{
height:15px;
width:150px;
border:1px solid #CC3300;}


/*人氣小窩|人氣聊天室*/

#popular-b .h2 {
background-image: url(http://f.mwsrv.com/img/popular2.gif);
	display:block;
    width: 230px;
    height: 35px;
	z-index:3;
}

/*********** eliza新增  迷你最新好友廣播***********/

/******首頁播放******/

.broadcast{ 
	display:block; 
	width:465px; 
	height:55px; 
	background-color:#ffffff; 
	margin:5px 0px 0px 0px;
	background-image:url("http://f.mwsrv.com/images/broadcast_bg.jpg"); 
	background-position:top left; 
	background-repeat:no-repeat;
 	position:relative;
} 
.broadcast h3, #mini_broadcast h3{ font-size:12px; color:#777777; font-weight:bold; height:15px;}
.broadcast font, #mini_broadcast font{ font-size:11px; line-height:15px; color: #663300; font-weight:normal;}

.broadcast h3 a:link, .broadcast h3 a, #mini_broadcast h3 a:link, #mini_broadcast h3 a {color: #777777; font-weight: bold}
.broadcast h3 a:hover, #mini_broadcast h3 a:hover {color: #336699; font-weight: bold; text-decoration: underline}

/*使用者30x30圖片*/
.b_img{ float:left; width:30px; height:30px; margin:9px; float:left; background-color:#FFFFFF; padding:2px; border:1px #CCCCCC solid;}

/******最新廣播列表頁******/
#mini_broadcast { position: relative; }

/*迷你最新廣播標題列*/
#mini_broadcast h2 {
	background-image:url("http://f.mwsrv.com/images/broadcast_hd.gif"); 
	background-position:top left; 
	background-repeat:no-repeat; 
	display:block; 
	width: 465px; 
	height: 36px;
}

/*倒影底圖*/
#mini_broadcast ul{ 
	display:block; 
	background-image: url("http://f.mwsrv.com/images/b_list_bg.gif"); 
	background-position:center top; 
	background-repeat:no-repeat;
 	background-color:#FFFFFF; 
	display:block; 
	width:455px; 
	height:280px; 
	padding:10px 0px 0px 10px;
}
#mini_broadcast ul li{ 
	list-style-type:none; 
	float:left; 
	margin:0px; 
	padding:0px;
}
.b_text{ display:block; width:395px; margin-left:5px; float:left; text-align:left;}
.b_img2{ float:left; width:30px; height:30px; float:left; background-color:#FFFFFF; padding:2px; border:1px #CCCCCC solid;}
.page_bar{ FONT-SIZE: 12px; LINE-HEIGHT: 20px; font-weight:normal; color:#777777; text-align:center; width:460px; display:block; margin-left:5px; margin-bottom:5px;}

.page_bar A:link{ color:#666666; text-decoration:none;}
.page_bar A:visited{ color:#666666; text-decoration:none;}
.page_bar A:hover{ color:#FF0000; text-decoration:underline;}
.page_bar A:active{ color:#666666; text-decoration:none;}

.page_current{ color:#FF0000; text-decoration:none; font-size:16px; font-weight:bold;  }
.list_line{ display:block; height:1px; margin:0px; padding:0px; }

#lolita-b{
background-image:url(http://f.mwsrv.com/lolita/images/line.gif);
margin-top:20px;
background-repeat:no-repeat;
position:relative;
/*margin-top:70px;
padding-top:5px;
*/
}

#lolita-b #lolita-girl {
background-image: url(http://f.mwsrv.com/lolita/images/index_girl.gif);
}
#lolita-b #lolita-boy {
background-image: url(http://f.mwsrv.com/lolita/images/index_boy.gif);
}
#lolita-b #lolita-pet {
background-image: url(http://f.mwsrv.com/lolita/images/index_pet.gif);
}
#lolita-b .button{
background-repeat:no-repeat;
display:block;
float:left;
height:28px;
margin-left:5px;
text-indent:-9999px;
width:86px;
}
#lolita-b .current {
background-position: 0 -29px;
}
#lolita-b .more{
position:absolute;
right:235px;
top:20px;
}

#lolita-b .miniad{
position:absolute;
right:10px;
top:7px;
}

#lolita-b h2{
background-image:url(http://f.mwsrv.com/lolita/images/index.gif);
background-position:5px 50%;
background-repeat:no-repeat;
padding:10px 0 20px 110px;
}
#lolita-b h2 {}