/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/* Body 样式 */
body {
    margin: 0; /* 去除外边距 */
    padding: 0; /* 去除内边距 */
    background: url(/dingcan/images/img01.jpg) repeat-x left top; /* 设置背景图片并让其在横向上平铺 */
    font-family: Arial, Helvetica, sans-serif; /* 设置字体为Arial、Helvetica或sans-serif */
    font-size: 12px; /* 设置字体大小为12px */
    color: #66665E; /* 设置字体颜色为浅灰色 */
}

/* 标题样式（h1, h2, h3） */
h1, h2, h3 {
    margin: 0; /* 去除外边距 */
    text-transform: uppercase; /* 将文字转换为大写 */
    font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; /* 设置字体系列 */
    font-weight: normal; /* 设置字体重量为正常 */
    color: #0C95C9; /* 设置字体颜色为蓝色 */
}

/* 各级标题的字体大小 */
h1 { font-size: 44px; } /* h1标题设置为44px */
h2 { font-size: 18px; } /* h2标题设置为18px */

/* 段落、无序列表和有序列表的样式 */
p, ul, ol {
    margin-top: 0; /* 去除上边距 */
    line-height: 240%; /* 设置行高为240% */
    text-align: justify; /* 设置文本对齐为两端对齐 */
}

ul, ol { } /* 无特定样式 */

/* 引用样式 */
blockquote { }

/* 链接的样式 */
a { color: #0C95C9; } /* 设置链接的文字颜色为蓝色 */
a:hover { text-decoration: none; } /* 鼠标悬停时去除下划线 */
a img { border: none; } /* 去除图片边框 */

/* 图片浮动样式 */
img.left {
    float: left; /* 图片浮动到左侧 */
    margin: 7px 30px 0 0; /* 设置图片的外边距 */
}

img.right {
    float: right; /* 图片浮动到右侧 */
    margin: 7px 0 0 30px; /* 设置图片的外边距 */
}

/* 隐藏水平分隔线 */
hr { display: none; }

/* 列表1的样式 */
.list1 { }

.list1 li {
    float: left; /* 列表项浮动到左侧 */
    line-height: normal;
}

.list1 li img {
    margin: 0 30px 30px 0; /* 设置图片的外边距 */
}

.list1 li.alt img {
    margin-right: 0; /* alt类列表项右边距设置为0 */
}

#wrapper { }

/* Header 样式 */

/* 头部容器 */
#header-wrapper { }

/* 头部样式 */
#header {
    width: 920px; /* 设置头部的宽度为920px */
    height: 45px; /* 设置头部的高度为45px */
    margin: 0 auto; /* 水平居中 */
}

/* 菜单部分样式 */
#menu {
    float: left; /* 菜单浮动到左侧 */
    width: 540px; /* 设置菜单的宽度为540px */
    height: 45px; /* 设置菜单的高度为45px */
}

#menu ul {
    margin: 0;
    padding: 10px 0px 0px 5px; /* 设置内边距 */
    list-style: none; /* 去除列表项的默认样式 */
    line-height: normal;
}

#menu li {
    display: block;
    float: left; /* 列表项浮动到左侧 */
}

#menu a {
    display: block;
    float: left; /* 链接浮动到左侧 */
    margin-right: 3px;
    padding: 3px 8px 2px 8px; /* 设置链接内边距 */
    text-decoration: none; /* 去除下划线 */
    text-transform: capitalize; /* 将文字首字母大写 */
    font-family: Arial, Helvetica, sans-serif; /* 设置字体系列 */
    font-size: 12px; /* 设置字体大小为12px */
    color: #FFFFFF; /* 设置字体颜色为白色 */
}

#menu a:hover { text-decoration: underline; } /* 鼠标悬停时显示下划线 */

#menu .current_page_item a {
    height: 20px;
    background: #FEC200 url(/dingcan/images/img02.jpg) repeat-x left top; /* 设置当前页面项的背景颜色和图片 */
    color: #FFFFFF; /* 设置字体颜色为白色 */
}

#menu .first {
    background: none; /* 第一个菜单项无背景 */
}

/* 搜索框样式 */
#search {
    float: right; /* 搜索框浮动到右侧 */
    width: 305px; /* 设置搜索框的宽度 */
    height: 45px; /* 设置搜索框的高度 */
}

#search form {
    float: right; /* 表单浮动到右侧 */
    margin: 0;
    padding: 12px 30px 0 0;
}

#search fieldset {
    margin: 0;
    padding: 0;
    border: none; /* 去除fieldset的边框 */
}

#search input {
    float: left; /* 输入框浮动到左侧 */
    font: 12px Georgia, "Times New Roman", Times, serif;
    border: none; /* 去除边框 */
}

#search-text {
    width: 135px; /* 设置输入框宽度 */
    height: 18px; /* 设置高度 */
    padding: 3px 0 0 5px; /* 设置内边距 */
    border: 1px solid #333333; /* 设置边框 */
    background: #ECF9E4; /* 设置背景色 */
    color: #000000; /* 设置字体颜色 */
}

#search-submit {
    height: 21px; /* 设置提交按钮高度 */
    margin-left: 10px; /* 设置左边距 */
    padding: 0px 5px; /* 设置内边距 */
    background: #000000; /* 设置背景色为黑色 */
    color: #FFFFFF; /* 设置字体颜色为白色 */
}

/* Page样式 */
#page {
    width: 920px; /* 设置页面宽度为920px */
    margin: 0 auto; /* 页面居中显示 */
}

#page-bgtop {
    padding-top: 30px; /* 设置顶部内边距 */
}

/* LOGO部分样式 */
#logo {
    width: 860px; /* 设置LOGO的宽度 */
    height: 134px; /* 设置LOGO的高度 */
    margin: 0 auto; /* LOGO居中 */
    background: url(/dingcan/images/img04.jpg) no-repeat right top; /* 设置LOGO的背景图片 */
}

#logo h1, #logo p {
    margin: 0px;
    line-height: normal;
    text-transform: lowercase;
    font-weight: normal;
    color: #FFFFFF; /* 设置LOGO标题和文本的颜色为白色 */
}

#logo p {
    text-transform: lowercase; /* 设置文本为小写 */
    font-size: 10px; /* 设置字体大小 */
}

#logo h1 {
    padding-top: 54px; /* 设置LOGO标题的顶部内边距 */
    font-size: 34px; /* 设置LOGO标题的字体大小 */
}

#logo a {
    text-decoration: none; /* 去除链接下划线 */
    color: #FFFFFF; /* 设置链接颜色为白色 */
}

/* Content部分样式 */
#content {
    float: right; /* 内容浮动到右侧 */
    width: 658px; /* 设置内容区域的宽度 */
    padding-top: 10px; /* 设置顶部内边距 */
    padding-right: 30px; /* 设置右侧内边距 */
}

/* Post部分样式 */
.post {
    background: url(/dingcan/images/img07.jpg) repeat-x left bottom; /* 设置背景图片 */
    margin-bottom: 25px; /* 设置底部外边距 */
}

.post .title {
    height: 30px;
    color: #549900; /* 设置标题颜色为绿色 */
}

.post .title a {
    text-decoration: none; /* 去除标题链接下划线 */
    color: #585D60; /* 设置标题链接颜色 */
}

.post .date { }

.post .meta {
    margin-top: -10px; /* 设置meta部分的上外边距 */
    padding: 2px 30px 2px 16px;
    background: url(/dingcan/images/img03.gif) no-repeat left 8px; /* 设置背景 */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10px;
    color: #66665E; /* 设置meta字体颜色 */
}

.post .meta span {
    display: block; /* 设置meta span为块级元素 */
    margin-top: -10px; /* 设置上外边距 */
}

.post .entry {
    padding: 10px 0; /* 设置条目内容的内边距 */
}

/* Sidebar部分样式 */
#sidebar {
    float: left; /* 侧边栏浮动到左侧 */
    width: 177px; /* 设置侧边栏宽度 */
    padding-left: 22px; /* 设置左内边距 */
    font-family: Arial, Helvetica, sans-serif; /* 设置字体 */
    font-size: 11px; /* 设置字体大小 */
    color: #585D60; /* 设置字体颜色 */
}

#sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none; /* 去除默认列表样式 */
    line-height: normal;
}

#sidebar li {
    margin-bottom: 30px; /* 设置列表项底部外边距 */
    padding: 0 0 10px 0px;
}

#sidebar p {
    margin: 0; /* 去除段落的外边距 */
    padding: 0px 10px; /* 设置内边距 */
}

#sidebar h2 {
    height: 26px;
    margin: 0 0 10px 0px;
    padding: 12px 0 2px 7px; /* 设置内边距 */
    text-transform: capitalize; /* 设置首字母大写 */
    font-size: 18px; /* 设置字体大小 */
    font-weight: normal;
    color: #464F54; /* 设置字体颜色 */
}

/* Footer 样式 */
#footer {
    width: 920px; /* 设置页脚宽度 */
    height: 49px; /* 设置页脚高度 */
    margin: 0 auto; /* 页脚居中显示 */
    padding-top: 50px; /* 设置页脚顶部内边距 */
}

#footer-bgcontent {
    margin: 0px;
    padding: 0px;
    height: 99px; /* 设置页脚内容的高度 */
    background: #394144; /* 设置背景色 */
}

#footer p {
    margin: 0;
    text-align: center; /* 设置文本居中 */
    line-height: normal;
    text-transform: uppercase; /* 设置文字大写 */
    font-size: 10px; /* 设置字体大小 */
    color: #FFFFFF; /* 设置字体颜色 */
}

#footer a {
    color: #E5FFC4; /* 设置链接颜色 */
}