﻿/*---Body---*/
body
{
/*	background:url(Page_Bg.gif);*/
	margin:0px;
	padding:0px;
	font: 15px/1.75em arial;
	color: #000000;
}
table
{
	font: 12px "Courier New", Courier, monospace;
}
form
{
    padding:0px;
    margin:0px;
}
input 
{
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px
}
a:link,a:visited{color:#0049AA;text-decoration:none}
a:hover{text-decoration:none;color:#1488FD;}


/*---主容器样式---*/
#PageContainer
{
    width:990px;
    background:#FFFFFF;
}

/*---底部样式---*/
#PageContainer #Footer
{
    margin:10px 10px;
    border-top:1px dashed #999999;
    
    text-align:left;
    font-size:11px;
    color:#999999;
}
#PageContainer #Footer ul
{
    float: left;
    margin: 0px;
}
#PageContainer #Footer li
{
    list-style:none;
    margin:6px auto;
}
#PageContainer #Footer li a
{
    font-size: 11px;
    color: #999999;
    text-decoration: underline;
}


/*---顶部容器---*/
#PageContainer #Header
{
    height: 62px;
    border-bottom: #FFFFFF 1px solid;
    background: url(Head_Bg.gif) bottom;
}

/*---顶部站点标志---*/
#PageContainer #Header #Logo
{
    float:left;
    width:100px;
    padding:26px 10px 10px 0px;
}
#PageContainer #Header #Logo img
{
    float:right;
}

/*---顶部广告---*/
#PageContainer #Header #TopImage
{
    float: left;
    width: 400px;
    height:60px;
    padding-right:10px;
    overflow:hidden;
}
#PageContainer #Header #TopImage img
{
    width:400px;
    height:0px;
}

/*---顶部站内导航---*/
#PageContainer #Header #SiteNav
{
    width:456px;
    height:30px;
    padding-right:10px;
    border-right: #FFFFFF 1px repeat-x solid;
}
#PageContainer #Header #SiteNav #SiteNav_Left
{
    float:left;
}
#PageContainer #Header #SiteNav #SiteNav_Right
{
    float:right;
}    
#PageContainer #Header #SiteNav #SiteNav_ItemContainer
{
    float:right;
    padding-left:10px;
}
#PageContainer #Header #SiteNav ul
{
    float: left;
    margin: 0px;
}
#PageContainer #Header #SiteNav ul li 
{
    list-style:none;
    float:left;
    margin:6px auto;
}
#PageContainer #Header #SiteNav ul li a
{
    color: #990000;
    font-weight: bold;
}
.SiteNav_Separator div
{
    margin:8px 6px 0px 6px;
    width:3px;
    background:url("SiteNav_Separator_Bg.gif") no-repeat;
}

/*---顶部用户面板---*/
#PageContainer #Header #UserPanel
{
    float: right;
    text-align: right;
    width: 457px;
    height: 30px;
    padding-right: 10px;
    border-right: #FFFFFF 1px solid;
    background: url(Head_UserPanel_Bg.gif) repeat-y left bottom;
}
#PageContainer #Header #UserPanel #UserPanel_Login
{
    float:right;
    margin-top:6px;
}
#PageContainer #Header #UserPanel #UserPanel_Member
{
    float:right;
    margin-top:6px;
}
#PageContainer #Header #UserPanel #tbLoginName
, #PageContainer #Header #UserPanel #tbPassword
, #PageContainer #Header #UserPanel #ddlCookieDays
{ 
    border: 1px solid #CCCCCC; 
    font-size: 12px;
}

#PageContainer #Header #UserPanel #LoginButton
{
    width:47px;
    height:17px;
    border:none;
    background:url("btn_Login.gif");
}
#PageContainer #Header #UserPanel #RegisterButton
{
    width:47px;
    height:17px;
    border:none;
    background:url("btn_Register.gif");
}

/*---频道导航---*/
#PageContainer #ChannelNav
{
    float: left;
    width: 990px;
    height: 29px;
    border-top: #444444 2px solid;
    border-bottom: #444444 1px solid;
    background: url(ChannelNav_Bg.gif) center center;
}

#PageContainer #ChannelNav #ChannelNav_Left
{
}
#PageContainer #ChannelNav #ChannelNav_Right
{
}    
#PageContainer #ChannelNav #ChannelNav_ItemContainer
{
    float:left;
}
#PageContainer #ChannelNav ul
{
    list-style:none;
    float:left;
    height: 1.75em;
    margin:0px 0px 0px 5px;
}
#PageContainer #ChannelNav ul li
{
    list-style:none;
    float:left;
    margin:0px;
}

#PageContainer #ChannelNav #ChannelNav_ItemContainer .ChannelNav_Item
{
    padding: 6px 0px 0px 0px;
}
#PageContainer #ChannelNav #ChannelNav_ItemContainer .ChannelNav_Item a
{
    color:#FFFFFF;
}
#PageContainer #ChannelNav #ChannelNav_ItemContainer .ChannelNav_Item a:hover
{
    text-decoration: underline;
}
.ChannelNav_Separator div
{
    margin:8px 10px 0px 10px;
    width:1px;
    background:#999999;
}

/*---搜索与同城博客---*/
#PageContainer #TopBar
{
    width: 990px;
    height: 29px;
    border-bottom: #444444 1px solid;
    background: url(TopBar_Bg.gif) top center;
    overflow:hidden;
}

#PageContainer #TopBar #Search
{ 
    float: left;
    width: 570px;
    height: 29px;
    margin-left:10px;
    padding-left:35px;
    background: url(icon_Search.gif) no-repeat top left;
}
#PageContainer #TopBar #Search #ddlSearchType
{
    margin-top:4px;
    border:none;
}
#PageContainer #TopBar #Search #tbSearchKey
{
    width:200px;
    height:18px;
    border: #3076C4 1px solid;
}
#PageContainer #TopBar #Search #btnSearch
{
}

/*---顶部右侧文字---*/
#PageContainer #TopBar #ActivationBlogger
{
    float: left;
    text-align:right;
    width: 140px;
    height: 29px;
}
#PageContainer #TopBar #ActivationBlogger img
{
    margin-top:4px;
}

/*---顶部右侧文字---*/
#PageContainer #TopBar #TopText
{
    float: right;
    width: 220px;
    height: 29px;
}
#PageContainer #TopText ul
{
    list-style:none;
    float:right;
    margin:0px;
}
#PageContainer #TopText ul li
{
    list-style:none;
    float:left;
    margin:0px;
    padding: 4px 5px 0px 0px;
}
#PageContainer #TopText ul img
{
    width:97px;
    border:none;
}
#PageContainer #TopText ul li a span
{
    display:none;
}
#PageContainer #TopText ul li a
{
    color:#FFFFFF;
}
#PageContainer #TopText ul li a:hover
{
    text-decoration: underline;
}

/*---主内容布局---*/
#PageContainer #BodyContainer
{
    padding-top:10px;
    margin-left:10px;
    width:980px;
}

/*---主布局中的侧边栏---*/
#PageContainer #BodyContainer #Sidebar
{
    float: right;
    width: 210px;
    height:1630px;
    padding:0px 5px 10px 5px;
    margin-bottom:10px;
    background: url(Body_Separator.gif) repeat-y;
    overflow:hidden;
}

/*---主布局中的内容栏(主要放各个频道的日志列表)---*/
#PageContainer #BodyContainer #ContentContainer
{
    float: left;
    width: 750px;
}
#PageContainer #BodyContainer #ContentContainer #ContentTitle
{
    padding-left: 25px;
    background: url(Activation_Title_Bg.gif) #d9e0ec no-repeat 5pt 3pt;
    border-bottom: #F4F4F4 5px solid;
}

/*---系统公告---*/
#SitePlacard
{
    width:210px;
    height: 265px;
    margin-bottom:10px;
    background: url(SitePlacard_Bg.gif) repeat-y;
    overflow:hidden;
}
#SitePlacard .Title
{
    width:210px;
    height:23px;
    background: url(SitePlacard_Title.gif) no-repeat;
}
#SitePlacard .Title span
{
    display:none;
}
#SitePlacard .Body
{
    width: 198px;
    height: 222px;
    padding: 5px;
    overflow:hidden;
}
#SitePlacard .Bottom
{
    width: 210px;
    height: 10px;
    font-size: 0px;
    line-height:0px;
    background: url(SitePlacard_Bottom.gif) no-repeat bottom;
}

/*---4个排行榜的统一CSS---*/
#NewBlog, #ViewBlog, #PostBlog, #CommentBlog
{
    width: 360px;
    height: 117px;
    margin-bottom: 10px;
    border: #E5E5E5 0px solid;
    overflow:hidden;
}
#NewBlog .ItemContainer, #ViewBlog .ItemContainer, #PostBlog .ItemContainer, #CommentBlog .ItemContainer
{
    width:360px;
    height:137px;
}
#NewBlog .ItemContainer ul, #ViewBlog .ItemContainer ul, #PostBlog .ItemContainer ul, #CommentBlog .ItemContainer ul
{
    float: left;
    margin: 0px;
}
#NewBlog .ItemContainer ul li, #ViewBlog .ItemContainer ul li, #PostBlog .ItemContainer ul li, #CommentBlog .ItemContainer ul li
{
    list-style: none;
    width:360px;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 10px;
    padding-left: 20px;
    border-bottom: 1px solid #CCCCCC;
    
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}
#NewBlog .ItemContainer ul #Item_0, #ViewBlog .ItemContainer ul #Item_0, #PostBlog .ItemContainer ul #Item_0, #CommentBlog .ItemContainer ul #Item_0
{
    background: url(icon_num_1.gif) no-repeat left center;
}
#NewBlog .ItemContainer ul #Item_1, #ViewBlog .ItemContainer ul #Item_1, #PostBlog .ItemContainer ul #Item_1, #CommentBlog .ItemContainer ul #Item_1
{
    background: url(icon_num_2.gif) no-repeat left center;
}
#NewBlog .ItemContainer ul #Item_2, #ViewBlog .ItemContainer ul #Item_2, #PostBlog .ItemContainer ul #Item_2, #CommentBlog .ItemContainer ul #Item_2
{
    background: url(icon_num_3.gif) no-repeat left center;
}
#NewBlog .ItemContainer ul #Item_3, #ViewBlog .ItemContainer ul #Item_3, #PostBlog .ItemContainer ul #Item_3, #CommentBlog .ItemContainer ul #Item_3
{
    background: url(icon_num_4.gif) no-repeat left center;
}
#NewBlog .ItemContainer ul #Item_4, #ViewBlog .ItemContainer ul #Item_4, #PostBlog .ItemContainer ul #Item_4, #CommentBlog .ItemContainer ul #Item_4
{
    background: url(icon_num_5.gif) no-repeat left center;
}
#NewBlog .ItemContainer ul #Item_5, #ViewBlog .ItemContainer ul #Item_5, #PostBlog .ItemContainer ul #Item_5, #CommentBlog .ItemContainer ul #Item_5
{
    background: url(icon_num_6.gif) no-repeat left center;
}
#NewBlog .ItemContainer ul #Item_6, #ViewBlog .ItemContainer ul #Item_6, #PostBlog .ItemContainer ul #Item_6, #CommentBlog .ItemContainer ul #Item_6
{
    background: url(icon_num_7.gif) no-repeat left center;
}
#NewBlog .ItemContainer ul #Item_7, #ViewBlog .ItemContainer ul #Item_7, #PostBlog .ItemContainer ul #Item_7, #CommentBlog .ItemContainer ul #Item_7
{
    background: url(icon_num_8.gif) no-repeat left center;
}
#NewBlog .ItemContainer ul #Item_8, #ViewBlog .ItemContainer ul #Item_8, #PostBlog .ItemContainer ul #Item_8, #CommentBlog .ItemContainer ul #Item_8
{
    background: url(icon_num_9.gif) no-repeat left center;
}
#NewBlog .ItemContainer ul #Item_9, #ViewBlog .ItemContainer ul #Item_9, #PostBlog .ItemContainer ul #Item_9, #CommentBlog .ItemContainer ul #Item_9
{
    background: url(icon_num_10.gif) no-repeat left center;
}
#ViewBlog .Item_Title ,#NewBlog .Item_Title ,#PostBlog .Item_Title ,#CommentBlog .Item_Title 
{
    float:left;
    width:240px;
    margin-right:5px;
    
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
}
/*---最新加入---*/
#NewBlog .Title
{
    width: 192px;
    height: 20px;
    margin: 1px;
    padding:10px 0px 0px 10px;
    background: url(ViewBlog_Title.gif) no-repeat;
    
    color: #FFFFFF;
    font-weight: bold;
    font-size:15px;
}

/*---人气排行---*/
#ViewBlog .Title
{
    width: 192px;
    height: 30px;
    margin: 1px;
    padding:10px 0px 0px 10px;
    background: url(NewBlog_Title.gif) no-repeat;
    
    color: #FFFFFF;
    font-weight: bold;
}

/*---发表排行---*/
#PostBlog .Title
{
    width: 192px;
    height: 30px;
    margin: 1px;
    padding:10px 0px 0px 10px;
    background: url(ViewBlog_Title.gif) no-repeat;
    
    color: #FFFFFF;
    font-weight: bold;
}

/*---评论排行---*/
#CommentBlog .Title
{
    width: 192px;
    height: 30px;
    margin: 1px;
    padding:10px 0px 0px 10px;
    background: url(CommentBlog_Title.gif) no-repeat;
    
    color: #FFFFFF;
    font-weight: bold;
}

/*---激活页面---*/
#ActivationContainer
{
    border: #95A2B9 1px solid;
}
#ActivationContainer #Title
{
    padding-left: 25px;
    background: url(Activation_Title_Bg.gif) #d9e0ec no-repeat 5pt 3pt;
    border-bottom: #F4F4F4 5px solid;
    font-weight: bold;
}
#ActivationContainer #Body
{
    padding:3px;
}

#ActivationContainer #Body #BloggerUrl, #ActivationContainer #Body #BlogInfo
{
    margin-bottom:20px;
    padding-bottom:10px;
    border-bottom: #cccccc 1px solid;
}
#ActivationContainer #Body #BloggerUrl .Title, #ActivationContainer #Body #BlogInfo .Title
{
    font-weight: bold;
    font-size: 13pt;
}
#ActivationContainer #Body #BlogInfo ul
{
    margin:0px;
}
#ActivationContainer #Body #BlogInfo ul li
{
    clear: both;
    list-style: none;
    padding-bottom: 10px;
    
}
#ActivationContainer #Body #BlogInfo ul li .Left
{
    float:left;
    width:120px;
    
    text-align:right;
}
#ActivationContainer #Body #BlogInfo ul li .Right
{
    float:left;
}
#ActivationContainer #Body #BlogInfo ul li .Right .Notes
{
    padding-left:5px;
    color:#999999;
}

#ActivationContainer #Body #Submit
{
    margin-bottom:20px;
    text-align:center;
}

/*---博客列表页面---*/
#ContentContainer #BlogList
{
}
#ContentContainer #BlogList #ItemContainer .Item
{
    margin-bottom: 20px;
    border-bottom: #cccccc 1px solid;
}
#ContentContainer #BlogList #ItemContainer .Item .Title
{
    font-weight: bold;
}
#ContentContainer #BlogList #ItemContainer .Item .SubTitle
{
    color: #999999;
}

/*---博客之星列表页面---*/
#BlogStar_Page
{
    float:left;
    margin-bottom:10px;
}
#BlogStar_Page .Bottom
{
}
#BlogStar_Page #ItemContainer .Item
{
    clear:both;
    height:105px;
    margin-bottom: 20px;
    border-bottom: #cccccc 1px solid;
}
#BlogStar_Page #ItemContainer .Item .Image
{
    float:left;
	width:125px;
	height:105px;
    background:url(BlogShow_Shadow.gif) no-repeat right bottom;
}
#BlogStar_Page #ItemContainer .Item .Image img
{
    border:1px solid #F29F4C;
    padding:2px;
    background:white;
    width:119px;
    height:95px;
}
#BlogStar_Page #ItemContainer .Item .Text
{
    float:left;
    width:600px;
    height:105px;
    margin-left:10px;
}
#BlogStar_Page #ItemContainer .Item .Text .Title
{
    text-align:left;
}
#BlogStar_Page #ItemContainer .Item .Text .Notes
{
    text-align:left;
}

/*---常用文本输入框1,会员注册的输入框就是用的这个---*/
.Input_01
{
    border:1px solid #7E9DB9;
    width:12em;
    line-height:1.3em;
    height:18px;
    background: url(input_coner.gif) no-repeat right bottom;
}

/*---表单提交按纽---*/
.SubmitButton
{
    height:23px;
	margin:0px 3px 0px 3px;
    background: url(SubmitButton_Bg.png );
	border: 1px solid #999;
	border-left-color: #CCCCCC;
	border-top-color: #CCCCCC;
	color: #333333;
	text-align:center;
}