﻿/*-----------------全局-----------------*/
body 
{
    margin:0;
    padding:0;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
}
a
{
    text-decoration:none;
    outline-style:none;
    outline-width:medium;
}
a:hover
{
    text-decoration:underline;
    color:#000000;
}
h2
{
    font-family:微软雅黑,Arial,Helvetica,sans-serif;
}
p
{
    margin:0;
    padding:2px 0;
}
b, strong {
    font-weight:bolder;
}
/*-----------------头部-----------------*/
#header
{
    height:99px;
    width:100%;
    background:transparent url(headerBg.gif) repeat-x scroll 0 0;
}
#headbox
{
    width:960px;
    height:99px;
    margin:0 auto;
    position:relative;
}
#bloginfo
{
    float:left;
}
#bloginfo .blogname
{
    font-size:26px;
    line-height:40px;
    margin-top:10px;
    font-family:微软雅黑,Arial,Helvetica,sans-serif;
    margin-bottom:0;
}
#bloginfo .blogname a
{
    color:#555555;
    text-decoration:none;
}
#bloginfo .blogname a:hover
{
    color:#000000;
    text-decoration:underline;   
}
#bloginfo .blogsubname
{
    margin:0;
    padding:0;
    font-size:14px;
    font-family:微软雅黑,Arial,Helvetica,sans-serif;
}
#headbox .menu
{
    float:right;
    bottom:0;
    right:0;
    position:absolute;
    height:38px;
}
#headbox .menu ul
{
    height:38px;
    float:right;
    line-height:38px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
}
#headbox .menu ul li
{
    float:left;
    margin:0 2px 0 0;
    padding:0;
    font-weight:bold;
    text-align:center;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
#headbox .menu ul li a
{
    color:#000000;
    display:block;
    text-decoration:none;
    width:81px;
}
#headbox .menu ul li a:hover
{
    background:transparent url(menu.gif) repeat scroll 0 0;
    color:#FFFFFF;
    text-decoration:none;
}
#headbox .menu ul li a.active
{
    background:transparent url(menu.gif) repeat scroll 0 0;
    color:#FFFFFF;
    text-decoration:none;
}
#banner
{
    width:100%;
    height:109px;
    background:#368BE6 url(blogImg.gif) repeat-x scroll 0 0;
}
#bannerbox
{
    margin:0 auto;
    width:960px;
    height:109px;
    background:#368BE6 url(blogPic.jpg) repeat scroll 0 0;
}
/*-----------------底部-----------------*/
#footer
{
    clear:both;
    height:96px;
    width:100%;
    background:#FFFFFF url(footerBg.gif) repeat-x scroll 0 0;
    display:block;
    margin-top:10px;
}
#footbox
{
    color:#4087DC;
    height:96px;
    margin:0 auto;
    width:960px;
}
#top
{
    background:transparent url(topBg.gif) repeat scroll 0 0;
    float:left;
    height:21px;
    width:54px;
    margin-top:5px;
    text-align:center;
    font-size:12px;
    font-weight:normal;
    font-variant:normal;
    line-height:normal;
}
#top a
{
    color:#FFFFFF;
    text-decoration:none;
}
#top a:hover
{
    text-decoration:underline;
}
#footbox .copyright
{
    float:right;
    margin-top:15px;
    text-align:right;
}
#footbox .copyright p
{
    line-height:20px;
    margin:0;
    padding:0;
}
#footbox .copyright a
{
    font-family:Arial,Helvetica,sans-serif;
    color:#4087DC;
}

/*-----------------中部-----------------*/
#main
{
    width:100%;
    margin:0;
    background:#FFFFFF url(contentBg.gif) repeat-x scroll 0 0;
}
#mainbox
{
    margin:0 auto;
    width:960px;
}
/*---------------边栏---------------*/
#siderbar
{
    margin-top:15px;
    float:right;
    width:290px;
}
#rss
{
    height:50px;
    overflow:hidden;
    width:290px;
}
#rssGoogle, #rssIcon, #rssXiangou
{
    background:transparent url(rssBg.png) no-repeat scroll 0 0;
    display:block;
    float:left;
    overflow:hidden;
    padding-top:50px;
}
#rssGoogle:hover, #rssIcon:hover, #rssXiangou:hover
{
    background:transparent url(rssBg.png) no-repeat scroll -290px 0;
}
#rssGoogle
{
    background-position:0 0;
    width:113px;
}
#rssGoogle:hover
{
    background-position:-290px 0;
}
#rssIcon
{
    background-position:-113px 0;
    width:79px;
}
#rssIcon:hover
{
    background-position:-403px 0;
}
#rssXiangou
{
    background-position:-192px 0;
    width:98px;
}
#rssXiangou:hover
{
    background-position:-482px 0;
}
#searchbox
{
    background:transparent url(searchBg.gif) no-repeat scroll left center;
    height:68px;
    width:282px;
    margin-top:3px;
    padding-top:6px;
    padding-left:8px;
}
#searchbox h2
{
    color:#656C4A;
    font-size:14px;
    padding:5px 0 0 16px;
    margin:0;
    float:left;
}
#searchbox .googlecopy
{
    float:right;
    margin:5px 5px 0 0;
}
#searchbox .googlecopyimg
{
    float:right;
    margin:5px 16px 0 0;
}
#searchbox #textboxsearch
{
    float:left;
    margin:8px 0 0 16px;
    width:170px;
}
#searchbox #buttongosearch
{
    float:left;
    margin:6px 0 0 15px;
}
.rsidebar
{
    margin-top:3px;
    width:290px;
}
.rsidebar a
{
    color:#0054B3;
}
.rsidebar a:hover
{
    color:#000000;
}
.rsidebar ul
{
    display:block;
    list-style-type:disc;
    padding:0;
    margin:0;
}
.rsidebar ul li
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-bottom:5px;
    padding:0;
}
.rsidebar ul li h2
{
    background:transparent url(sidebarHeader.gif) repeat scroll 0 0;
    color:#656C4A;
    font-size:14px;
    height:35px;
    padding:5px 0 0 16px;
    width:270px;
    margin:0;
    line-height:26px;
}
.rsidebar ul li ul
{
    background:transparent url(sidebarLiBottom.gif) no-repeat scroll center bottom;
    border-left:2px solid #F6F6F6;
    border-right:2px solid #F6F6F6;
    clear:both;
    margin:0 0 0 7px;
    overflow:hidden;
    padding:5px 5px 10px 10px;
    width:255px;
}
.rsidebar ul li ul li
{
    background:transparent url(sidebarLi.gif) no-repeat scroll 0 3px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-bottom:5px;
    padding-left:15px;
}
.rsidebar ul li ul li.sidebarlinks
{
    float:left;
    line-height:16px;
    width:112px;
}
/*---------------内容---------------*/
#content
{
    float:left;
    color:#333333;
    margin-top:15px;
    line-height:22px;
    width:650px;
}
/*-------------Default-------------*/
.postslist
{
    margin-bottom:10px;
    clear:both;
}
.postheader
{
    height:25px;
    padding:0 10px;
}
.postheader h2
{
    float:left;
    color:#1E73D5;
    font-size:16px;
    line-height:26px;
    margin:0;
}
.postheader h2 a
{
    color:#1E73D5;
}
.postheader h2 a:hover
{
    color:#000000;
}
.postheader .posttime
{
    color:#666666;
    float:right;
}
.postheader .posttime a
{
    color:#555555;
    margin-right:5px;
}
.postshortcontent
{
    padding:0 10px;
    font-size:14px;
    margin-top:10px;
}
.postmeta
{
    background:transparent url(contentBottom.gif) no-repeat scroll 0 0;
    color:#999999;
    height:27px;
    padding:6px 10px 0;
    width:630px;
}
.postmeta .posttags
{
    float:left;
}
.postmeta .postviews
{
    float:right;
}
.leftpager
{
    float:left;
}
.rightpager
{
    float:right;
}
/*-------------Topic-------------*/
.topicheader
{
    background:transparent url(postHeader.gif) no-repeat scroll 0 0;
    height:36px;
    line-height:34px;
    margin-bottom:10px;
    padding:0 10px;
    width:630px;
}
.topicheader a
{
    color:#555555;
}
.topicheader a:hover
{
    color:#000000;
}
.topicheader .goleft
{
    float:left;
}
.topicheader .goright
{
    float:right;
}
.topiccontent
{
    clear:both;
    display:block;
    margin-bottom:10px;
}
.topiccontent h2
{
    margin:0 10px;
    clear:both;
    color:#1E73D5;
    font-size:16px;
    line-height:26px;
}
.topiccontent .topicmeta
{
    margin:0 10px;
    color:#777777;
}
.topiccontent .topicmeta a
{
    color:#777777;
}
.topiccontent .topicdetailcontent
{
    padding:0 10px;
    font-size:14px;
    margin-top:10px;
}
.topiccollect
{
    color:#000000;
    background:transparent url(pagebarBg.gif) no-repeat scroll 0 0;
    height:36px;
    line-height:34px;
    margin-bottom:10px;
    padding-left:15px;
    width:635px;
    font-size:14px;
    font-family:微软雅黑,Arial,Helvetica,sans-serif;
    margin-top:20px;
}
.topiccollect a
{
    padding:0 2px;
    border:0;
}
.topiccollect img
{
    border:0;
}
/*-------------Comments-------------*/
#comments 
{
    margin-bottom:10px;
}
#comments h3
{
    color:#1E73D5;
    font-size:14px;
    font-family:微软雅黑,Arial,Helvetica,sans-serif;
}
.commentstitle
{
    border-bottom:1px solid #CCCCCC;
    margin:0 10px;
}
.commentform
{
    padding:15px 15px 1px;
}
.commentform p
{
    margin:5px 0;
}
.commentform input {
    margin:0 5px 10px 0;
    padding:1px;
}
ol.commentlist
{
    clear:both;
    display:block;
    padding:0 10px;
    list-style-type:none;
    margin:1em 0;
}
ol.commentlist li
{
    background:#FFFFFF url(commentList.gif) repeat-x scroll center bottom;
    clear:both;
    display:block;
    height:auto !important;
    margin-top:10px;
    min-height:110px;
}
ol.commentlist li a
{
    color:#1E73D5;
}
.userpic
{
    background:transparent url(gravatiarsHeader.gif) repeat-x scroll center top;
    float:left;
    padding:0 5px;
}
.gravatars
{
    background:transparent url(gravatarsBg.gif) no-repeat scroll 0 0;
    height:70px;
    margin-top:10px;
    padding-left:10px;
    padding-top:8px;
    width:68px;
}
.commenttext
{
    background:transparent url(commentTextHeader.gif) repeat-x scroll center top;
    float:right;
    padding:10px 10px 15px;
    width:520px;
    display:block;
}
.commenttext p {
    line-height:18px;
    margin-top:6px;
}
.commentchilds
{
    background-color:#E2E2E2;
    border:1px solid #999999;
    margin:5px 2px 2px 4px;
    padding:4px 2px 2px 4px;
    display:block;
}
.commentchilds p
{
    margin:0;
    padding:0;
    margin-bottom:5px;
}
