body{background:#F5F6F9;margin:0 0;text-align:center}
img.spacer{border:none;width:1px;display:none;height:1px}
#header,
#toolbar,
#desktop,
#copyright{width:950px;margin:0 auto;background:white;
border-left:1px solid #999999;
border-right:1px solid #999999;}

/*Header*/
#header{background:#000033;padding-top:24px}
#header #mylogo{border:none;background:none;text-align:center}
#header #mylogo img{border:none;background:none;margin:0 auto}
#header div.title,
#toolsbar{display:none}

#header div.body{text-align:left}
#menutop{
text-align:center;
padding-bottom:4px}
#menutop a{
display:inline-block;
display:-moz-inline-box;
*display:inline;
margin-left:4px;
padding-left:36px;
padding-top:20px;
text-align:left;
width:146px !important;width:182px;
height:38px !important;height:58px;
background-image:url(media/theme/f6881a822727130e9939c99a1eaab2d0/menu.light.blue.gif);
background-repeat:no-repeat;
background-position:0 0;
text-decoration:none;
font-size:11pt;
color:white}
#menutop a:hover{
background-position:0 -58px;
}
#menutop a.lightblue{background-image:url(media/theme/f6881a822727130e9939c99a1eaab2d0/menu.light.blue.gif);color:navy}
#menutop a.yellow{background-image:url(media/theme/f6881a822727130e9939c99a1eaab2d0/menu.yellow.gif);}
#menutop a.green{background-image:url(media/theme/f6881a822727130e9939c99a1eaab2d0/menu.green.gif);}
#menutop a.blue{background-image:url(media/theme/f6881a822727130e9939c99a1eaab2d0/menu.blue.gif);}
#menutop a.purple{background-image:url(media/theme/f6881a822727130e9939c99a1eaab2d0/menu.purple.gif);}

#header div.footer{display:none}

#desktop{text-align:left;background:url(media/theme/f6881a822727130e9939c99a1eaab2d0/dsk.bg.gif) repeat-y;}
#desktop:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}

#sidermenu{
float:left;
width:240px;
margin:0 1px;
padding-top:10px;
background:#ffffff;
color:#000000;
font:10pt/140% verdana;letter-spacing:2px;}
#sidermenu:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}
#sidermenu #mypicture{width:240px;text-align:center}
#sidermenu #mypicture img{width:240px;}

#sidermenu div.header{
margin:1px 0;
color:white;
font:bold 10pt/160% verdana;
letter-spacing:2px;text-align:left;
padding:6px}
#sidermenu div.footer{height:10px}

#mypicture,#calendar,#archives{display:none}
#category,
#recently,
#recentlycomments,
#friendslink{margin:1px 0 0 0}

#search{position:absolute;top:0;background:none;text-align:right;width:950px;}
#search input{width:240px;height:18px;border:1px solid #333333}
#search button{border:none;background:url(media/profile/common/search-icon.gif) no-repeat;width:70px;height:20px;margin-right:6px}
#search div.header,#search div.footer{display:none}

#category div.category a,
#recently a,
#recentlycomments a,
#friendslink a{
display:block;
font:9pt verdana;letter-spacing:2px;
background-image:url(media/theme/f6881a822727130e9939c99a1eaab2d0/cate.bg.blue.png);
background-repeat:no-repeat;
background-position:0 0;
padding-left:54px;
padding-top:15px;
width:186px !important;width:240px;
height:33px !important;height:48px;
color:#0066cc;text-decoration:none;
margin-bottom:-1px
}
#category div.category a:hover,
#recently a:hover,
#recentlycomments a:hover,
#friendslink a:hover{background-position:0 -48px}

#category{background:#0066cc}
#category div.header{background:#0066cc}
#category div.category a{color:#0066cc;font-size:10pt}

#recently{background:#ccb72b}
#recently div.header{background:#ccb72b;color:#333333}
#recently a{color:#666600;
background-image:url(media/theme/f6881a822727130e9939c99a1eaab2d0/cate.bg.yellow.gif);
padding-top:10px;
height:38px !important;height:48px;
}

#friendslink{background:#6ac26a}
#friendslink div.header{background:#19a4a9;color:#ffffff}
#friendslink a{color:#333333;
background-image:url(media/theme/f6881a822727130e9939c99a1eaab2d0/cate.bg.green.gif);
padding-top:10px;
height:38px !important;height:48px;
}

#sidermenu #category div.category a:hover,
#sidermenu #recently a:hover,
#sidermenu #recentlycomments a:hover,
#sidermenu #friendslink a:hover{text-decoration:none;color:#333333}
#sidermenu #friendslink a:hover{color:darkred}

/*Submenu FX*/
#sidermenu #category div.body span.categpr{
display:none;
position:absolute;
width:208px;
margin-left:210px;
margin-top:-46px !important;
margin-top:-46px;
filter:alpha(opacity=95);
opacity:0.90;
background:lightblue;
}
#sidermenu #category div.body div.subcategory{
background-color:none;
background-image:none;
margin-bottom:4px;
border-bottom:1px solid white;
padding-bottom:0 !important;padding-bottom:4px;
}
#sidermenu #category div.body div.subcategory a{display:block;
margin:4px;padding-left:6px;
background:none;
height:20px;
text-decoration:none;
color:#6666ff}
#sidermenu #category div.body div.subcategory a:hover {color:navy;background-color:#87BBB9;}

/*Content*/
#content{
margin:0 10px;
padding-top:10px;
float:right;
width:680px;
}

#content div.body #navlinktop,
#content div.body #navlinkbottom{width:100%;margin:0 0 10px 0;text-align:right}
#content div.body #navlinktop div,
#content div.body #navlinkbottom div{display:inline;font:8pt verdana;text-align:right;letter-spacing:2px}
#content #navlinktop  a,
#content #navlinkbottom a{padding:2px 6px;background:none;color:#6666ff;font:bold 8pt verdana;letter-spacing:1px;text-decoration:none}

#content #categorydescription{font:9pt verdana;letter-spacing:2px;
padding-bottom:10px;
margin-bottom:10px}
#content #categorydescription div.body{margin:6px 0 0 0}
#content #categorydescription div.body div.title{
padding-bottom:4px;
color:#6666ff;font:9pt/160% verdana;
letter-spacing:2px;text-decoration:none;
background:url(media/theme/f6881a822727130e9939c99a1eaab2d0/cate.desc.blue.bg.gif) repeat-x left bottom;}
#content #categorydescription div.body div.title a{
color:#6666ff;
font:9pt/160% verdana;
letter-spacing:2px;text-decoration:none}
#content #categorydescription div.body div.title a:hover{
color:#000000;
font:9pt/160% verdana;
letter-spacing:2px;
text-decoration:none}
#content #categorydescription .content{
margin:4pt 2pt 2pt 9pt;color:#6666ff}

/*Homepage*/
#homepage #content #welcome{
display:block;width:100%;height:auto;background:none;border:none
}
#homepage #content table.docarea,
#categorypage #content table.docarea{
width:328px;/*原330px*/
display:inline-block;
display:-moz-inline-box;
*display:inline;
vertical-align:top;
background:#f4f2e5;
border:1px solid #989eb4;
height:200px;
margin-right:0 !important;margin-right:4px;
margin-bottom:4px;
}
#homepage #content table.docarea td.created,
#homepage #content table.docarea td.footer,
#categorypage #content table.docarea td.created,
#categorypage #content table.docarea td.footer{
display:none
}
#homepage #content table.docarea td.title,
#categorypage #content table.docarea td.title{text-align:left;
background:url(media/theme/f6881a822727130e9939c99a1eaab2d0/category.icon.gif)  no-repeat 6px 6px;padding:0 0;
vertical-align:top;
border-left:none;
width:328px;
height:auto !important;height:0px;}
#homepage #content table.docarea td.title a,
#categorypage #content table.docarea td.title a{
display:block;
color:#6666ff;
margin:4px 6px 4px 24px;
}
#homepage #content table.docarea td.title a:hover,
#categorypage #content table.docarea td.title a:hover{color:navy}
#homepage #content table.docarea td.body,
#categorypage #content table.docarea td.body{padding:0 0;vertical-align:top;}
#homepage #content table.docarea td.body div.content,
#categorypage #content table.docarea td.body div.content{
margin:4px 6px;
width:310px;
vertical-align:top;
}

/*CONTENT*/
#content table.docarea{
width:100%;
margin:0 0 10px 0;
background:#ffffff}

#content table.docarea td.body div.content,
#content table.docarea td.body div.welcome{
color:#000000;
font:9pt/140% verdana;
letter-spacing:2px}

#content td.created{display:none}
#content table.docarea td.title{
background:url(../media/theme/f6881a822727130e9939c99a1eaab2d0/content.title.icon.gif) no-repeat;
padding:14px 4px 16px 50px;
font:10pt/180% verdana;
letter-spacing:2px;
color:white;
}
#content table.docarea td.title a{color:white}
#content td.footer{
padding:10px 0;
font:8pt/180% verdana;
letter-spacing:2;
text-align:right}
#contentpage #content td.footer{border-top:2px solid #1e2e69}
#content #empty{border:1px solid #7da641;
margin:20px 0;width:100%;
padding:4px;
background:#ffffff;
font:9pt verdana;
letter-spacing:2px;
text-align:center}

#content td.footer a,
#content table.docarea td.created a,
#content table.docarea td.title a{text-decoration:none}
span.lastUpdate{display:one}

#content div.docattbox{
float:right;
width:240;
margin:0 -10px 4px 4px;
padding-left:4px;
border-left:1px solid #f4f4f4;
border-bottom:1px solid #f4f4f4;
display:inline}
#content div.docattbox a{color:#806b32;font:8pt verdana;letter-spacing:2px;text-decoration:none}
#content div.docattbox a:hover{text-decoration:underline}
#content div.docattbox img.content{margin-bottom:4px;width:240px}
#content div.docattbox td.body{padding:0}
#content div.docattbox table{margin-bottom:10}
#content div.docattbox td.header{color:#cccccc;font:bold 8pt verdana;text-align:center}

#comments div.header{
padding:6px;
width:100%;
color:#1e2e69;
font:bold 9pt verdana;
letter-spacing:2px;
text-align:center}

#commentarea{border:1px solid #7da641;width:100%;margin:0 0;background:#ffffff;text-align:center}

#content table.commentarea{
width:100%;
margin:0 0 20px 0;background:#ffffff;
border-left:4px solid #1e2e69;
border-bottom:1px solid #1e2e69}

#content table.response{
width:100%;
margin:-20px 0 20px 0;
background:#ffffff;
border-left:4px solid #1e2e69;
border-bottom:1px solid #1e2e69}

#content table.response td.header{display:none}

#content #comments div.body table.commentarea td.header{font:bold 9pt/140% georgia;text-align:center}
#content #comments div.body table.commentarea td.body{padding:10px;font:9pt/140% verdana;letter-spacing:2px;}

#content #comments div.body table.response td.body{color:blue;}

#content #comments div.body table.commentarea td.footer{border:none}
#content #commenteditor{width:100%;text-align:center}
#content #commenteditor table{width:98%}
#content #commenteditor td input{border:1px solid #999999;width:100%;font:8pt verdana}
#content #commenteditor td textarea{width:100%;border:1px solid #999999;font:8pt verdana;height:100px}
#content #commenteditor td button{border:1px solid #666666;padding-top:2px;font:9pt verdana;letter-spacing:2px}
#content #commenteditor table caption,
#content #commenteditor td{font:9pt verdana;letter-spacing:2px}

#copyright{
clear:both;
text-align:center;
background:#333366}
#copyright div.body{
margin:0 20px;
font:9pt/180% verdana;text-align:center}

#content #commenteditor td.header,
#content #commenteditor td.footer,
#header .header,
#homepage #navlinktop,
#homepage #navlinkbottom{display:none}

/*Flash News*/
#flashnews{
background:url(media/theme/f6881a822727130e9939c99a1eaab2d0/flashnews.bg.gif) no-repeat;
width:661px;height:100px;
margin-bottom:6px;}
#flashnews marquee{
width:649px;height:88px;
margin:6px;margin-left:0px;
background:none;
color:blue
}
#flashnews #headline a{font:10pt verdana;letter-spacing:2px;text-decoration:none;color:blue}
#flashnews #headline a:hover{color:navy}
/*user defined style*/
#header div.body div.title{font:normal 9pt Verdana;letter-spacing:2px;color:#333333}
#header div.body div.content{font:normal 9pt/140% Verdana;letter-spacing:2px;color:#333333}
#welcome div.welcome{font:normal 9pt/140% Verdana;letter-spacing:2px;color:#333333}
#categorypage #welcome{display:none}
#content table.docarea td.title,#content table.docarea td.title a{font:normal 12pt Verdana;letter-spacing:2px;color:#3300ff}
#content table.docarea td.created a{color:#3300ff}
#content table.docarea td.body,#content table.docarea td.body div.content{font:normal 10pt/160% Verdana;letter-spacing:2px;color:#000000}
#content table.commentarea td.body{font:normal 10pt/160% Verdana;letter-spacing:2px}
#content table.docarea td.body a{font:normal 9pt Verdana;letter-spacing:2px;color:#333333;text-decoration:none}
#content table.docarea td.footer a{color:#333333}
#content table.commentarea td.footer a{color:#333333}
#content table.docarea td.body a:hover{font:normal 9pt Verdana;letter-spacing:2px;color:#333333}
#content table.docarea td.created a:hover,#content table.docarea td.title a:hover,#content table.docarea td.footer a:hover,#content table.commentarea td.footer a:hover{color:#333333}
#copyright div.body{font:normal 9pt/140% Verdana;letter-spacing:2px;color:#ffffff}
#copyright div.body a{color:#ffffff}
#copyright div.body a:hover{text-decoration:none}
img.spacer{border:none;width:1px;height:1px}
