﻿@charset "utf-8"; 
/*
Theme Name: 浅蓝博客
Theme URI: http://www.huihui.name
Description: 一款浅蓝色清爽主题。
Version: 1.2
Author: 珲珲
Author URI: http://www.huihui.name
Tags: WP主题 珲珲 浅蓝 蓝色
*/

/*格式化*/
* {
margin: 0;
padding: 0;
}
ul {
margin-left: 2em;
}
ul ul {
margin-left: 1em;
}
img, fieldset {
border: none;
}
#header li, #sidebar li, #comments li {
list-style-type: none;
}
h1, h2, h3, h4, h5, h6 {
font-size: 1.15em;
}
acronym, abbr {
border-bottom: 1px dashed;
cursor: pointer;
}
ins {
text-decoration: none;
border-bottom: 1px dashed;
}
kbd {
margin: 0 .5em;
padding: .3em .4em;
background-color: #eeeeee;
border: 2px outset #efefef;
}
blockquote, code {
width: 90%;
font-size: 1em;
margin: 1em auto;
padding: 1em;
background-color: #eef3f8;
border: 1px dashed #c6d1d8;
cursor: text;
overflow: auto;
}
code {
display: block;
background-color: #ffffff;
border: 2px inset #eef3f8;
}
#article-content table { 
margin: 1em auto;
border-collapse: collapse;
background-color: #ffffff;
}
#article-content caption {
font-size: 1.15em;
font-weight: bold;
padding-bottom: .5em;
}
#article-content th {
background-color: #eef3f8;
}
#article-content td, #article-content th {
border: 1px solid #c6d1d8;
padding: .5em .8em;
}
#article-content th[scope="row"] {
background-color: #f4f7f9;
}
#article-content img, #article-content object {
margin: .5em 0;
}
a:link, a:visited {
color: #0066CC;
text-decoration: none;
}
a:hover, a:active {
color: #912022;
}

/*布局*/
body {
color: #525252;
width: 100%;
background: url(images/body.jpg) #ffffff repeat-x;
font: .75em arial, Verdana, sans-serif;
line-height: 1.75;
}
#container {
width: 950px;
margin: 15px auto 1.5em auto;
overflow: hidden;
}
#sidebar {
width: 280px;
float: left;
}
.content {
width: 668px;
float: left;
border: 1px solid #9DBED7;
background-color: #ffffff;
}
#footer {
width: 950px;
clear: both;
margin: 0 auto;
padding: .5em 0 1em 0;
text-align: center;
border-top: 1px solid #E5E5E5;
}
/*布局结束*/

/*头部*/
#header {
color: #3160A6;
height: 123px;
background: url(images/headbg.gif) no-repeat center top;
position: relative;
z-index: 9999;
}
#header #title, #navigation {
width: 950px;
margin: 0 auto;
}
#header #title {
height: 70px;
padding-top: 10px;
line-height: 1.5;
overflow: hidden;
}
#header #title p {
font-size: 1.4em;
letter-spacing: .2em;
}
#header #title .blog-name {
font-weight: bold;
font-size: 2em;
letter-spacing: .4em;
}
/*头部结束*/

/*导航菜单*/
#navigation {
font-size: 1.15em;
font-weight: bold;
height: 43px;
line-height: 43px;
}
#navigation ul {
float: right;
margin: 0;
padding-right: 2px;
background: url(images/navbg.gif) no-repeat right 2px;
}
#navigation li {
float: left;
padding: 0 0 0 2px;
background: url(images/navbg.gif) no-repeat left 2px;
}
#navigation li.home {
}
#navigation li:hover {
position: relative;
}
#navigation li ul, #navigation li:hover li ul {
display: none;
}
#navigation li li {
margin: 0 0 0 1em;
padding: 0 1em;
display: inline;
line-height: 1.8;
background: url(images/list5.gif) no-repeat left center;
}
#navigation li:hover ul {
width: 8.5em;
font-size: .87em;
font-weight: normal;
padding: 1em 0 .5em 0;
display: block;
position: absolute;
left: 0;
top: 100%;
background: #3391CF;
}
#navigation li a:link, #navigation li a:visited {
color: #ffffff;
font-size: 1.15em;
padding: 0 2em;
text-decoration: none;
display: block;
}
#navigation li a:hover, #navigation li a:active {
background: url(images/nav_hover.jpg) no-repeat center 2px;
}
#navigation li li a:link, #navigation li li a:visited {
color: #CAF8FF;
padding: 0;
}
#navigation li li a:hover, #navigation li li a:active { 
color: #91CCD2;
background: none;
}
/*导航菜单结束*/

/*边栏*/
#sidebar h3, #sidebar h4 {
color: #2592D2;
height: 28px;
line-height: 28px;
padding-left: 1em;
border-bottom: 1px solid #9DBED7;
background: url(images/title.jpg) no-repeat;
}
#sidebar ul {
margin-left: .5em;
}
#sidebar ul ul {
margin: 0;
padding: .8em;
width: 100%;
float: left;
}
#sidebar ul ul ul {
padding: 0;
}
#sidebar li {
width: 99%;
float: left;
margin-bottom: .5em;
overflow: hidden;
border: 1px solid #9DBED7;
background-color: #ffffff;
}
#sidebar li li {
width: 85%;
margin: 0;
padding: 0 0 0 14px;
white-space: nowrap;
background: url(images/list1.png) no-repeat left center;
border: none;
}
#sidebar li li li {
width: 100%;
}
#sidebar form {
float: left;
padding: 1em;
}
#sidebar form div {
padding: 0;
}
#sidebar form .screen-reader-text {
display: none;
}
#sidebar form input#s, #index input#search {
float: left;
height: 28px;
line-height: 28px;
padding-left: .3em;
border: 1px solid #1B85BE;
border-right: none;
display: inline;
}
#sidebar form input.searchsubmit, #index input.searchsubmit, #sidebar form input#searchsubmit {
float: left;
color: #ffffff;
font-size: 1.15em;
font-weight: bold;
letter-spacing: .3em;
width: 66px;
height: 30px;
line-height: 30px;
cursor: pointer;
border: none;
background: url(images/search.gif) no-repeat;
}
#sidebar li.page_item {
width: 43%;
float: left;
display: inline;
background-position: left 8px;
 }
#sidebar li.page_item ul {
margin-left: -14px;
}
#sidebar li.page_item li {
background-position: left 8px;
width: 100%;
}
* html #sidebar li.page_item li {
margin-left: 14px;
}
#sidebar .categories li, #sidebar li.cat-item  {
width: 40%;
float: left;
padding-left: 20px;
display: inline;
background: url(images/category.gif) no-repeat left 5px;
}
#sidebar .categories li ul {
margin-left: -20px;
}
#sidebar .categories li li {
width: 100%;
}
* html #sidebar .categories li li {
margin-left: 20px;
}
#sidebar .recent-comments li {
line-height: 1.6;
width: 100%;
margin-top: .8em;
padding: 0;
background: none;
}
#sidebar .recent-comments li img {
margin-right: .5em;
float: left;
display: inline;
}
#sidebar .tag div {
padding: .8em;
}
#sidebar .links li, #sidebar .blogroll li {
width: 40%;
float: left;
display: inline;
background: url(images/list2.gif) no-repeat left center;
}
#sidebar li div.textwidget, #sidebar li div#calendar_wrap, #sidebar #searchform, #sidebar div {
padding: .8em;
}
#sidebar div.clearfix {
padding: 0;
}
#sidebar div.clearfix p {
width: 80px !important;
padding: .35em;
}
#sidebar #wp-calendar {
width: 100%;
}
#sidebar #wp-calendar caption {
font-weight: bold;
padding-bottom: 1em;
}
/*边栏结束*/

/*页脚*/
#footer a:link, #footer a:visited {
color: #525252;
}
#footer a:hover, #footer a:active {
color: #912022;
}
/*页脚结束*/

/*首页内容区域*/
#index .entry, .content-top {
width: 668px;
margin-bottom: .5em;
border: 1px solid #9DBED7;
overflow: hidden;
}
#index .entry h2, .content-top h4, .search-count h3 {
color: #2592D2;
height: 28px;
line-height: 28px;
margin-bottom: .5em;
padding-left: 1em;
border-bottom: 1px solid #9DBED7;
background: url(images/title.jpg) no-repeat;
}
#index .entry h2 a:link, .content .entry h2 a:visited {
color: #2592D2;
}
#index .entry h2 a:hover, .content .entry h2 a:active {
color: #912022;
}
.content-top .textwidget {
width: 96%;
margin: 0 auto;
padding: .8em 0;
overflow: hidden;
}
#index .entry p {
margin: 0 1.5em .8em 1.5em;
}
#index .entry p span.time {
margin-left: -.5em;
padding: 0 0 0 20px;
}
#index .entry p span.author {
margin-left: .8em;
padding-left: 20px;
background: url(images/author.gif) no-repeat;
}
#index .entry .meta-data {
margin: 0 1.5em;
padding-bottom: .5em;
}
#index .entry .ta-pageimg-left {
padding: .4em .8em 0 0;
}
#index .entry .ta-pageimg-right {
padding: .4em 0 0 .8em;
}
#index .entry .ta-pageimg-center {
margin-bottom: .8em;
}
#index .entry .abstract {
line-height: 1.65;
margin: 0 1.5em .8em 1.5em;
}
#index .entry .abstract p {
margin: 0;
}
/*首页内容区域结束*/

/*错误页面*/
#index #error form {
float: left;
display: inline;
margin: .6em 2em;
}
#index #error p {
clear: left;
margin: 0 1.5em;
padding: .4em 0;
}
#index .random-articles ul {
padding: 1em 1em 2em 0;
}
#index .random-articles ul li {
margin-left: -1em;
padding: .3em 0 .3em 20px;
list-style-type: none;
background: url(images/list1.png) no-repeat left center;
border-bottom: 1px dashed #c6d1d8;
}
/*错误页面结束*/

/*搜索页*/
.search-count {
margin-bottom: .8em;
padding: 1px;
border: 1px solid #9DBED7;
}
.search-count p {
padding: 1em;
}
/*搜索页结束*/

/*文章页面*/
#path {
margin: 0 .8em;
padding: 2em 0 .5em .5em;
border-bottom: 1px dashed #c6d1d8;
}
#path ol, #path li {
display: inline;
}
#path li {
margin-right: 5px;
padding-right: 20px;
background: url(images/list3.gif) no-repeat right 2px;
}
#path li.title {
background: none;
}
#single h1 {
margin: 1em 1.1em .2em 1.1em;
}
#single .meta-data {
margin: 1em .5em 1em 1.5em;
}
.article-content-top, .article-content-around {
margin: 0 1.7em;
}
#article-content .article-content-around {
float: left;
margin: 0 1em 1em 0;
display: inline;
}
#article-content .article-content-around h4 {
display: none;
}
#article-content {
width: 92%;
}
#copyright-statement {
margin: 1em 1.3em 0 1.3em;
padding: .8em;
background-color: #eef3f8;
border: 1px dashed #c6d1d8;
}
.previous-article, .next-article {
width: 44%;
margin: .8em 1.3em .5em 1.3em;
overflow: hidden;
white-space: nowrap;
}
.previous-article {
float: left;
display: inline;
}
#extended-reading {
clear: left;
margin: 0 1em;
border-top: 1px dashed #c6d1d8;
}
#extended-reading #related-posts, #extended-reading #random-articles, #extended-reading .article-content-sidebar {
width: 48%;
float: left;
margin: .8em .5em;
display: inline;
overflow: hidden;
}
#related-posts h3, #random-articles h3, #extended-reading .article-content-sidebar h4 {
margin-bottom: .3em;
}
#related-posts li, #random-articles li {
color: #1C8CCD;
white-space: nowrap;
list-style-type: square;
}
#article-content .nextpage {
width: 6em;
margin: 1em auto;
}
#article-content .page-links {
text-align: center;
}
#article-content .page-links a, #article-content .page-links span {
margin-right: .3em;
padding: .2em .5em;
vertical-align: middle;
border: 1px solid #c6d1d8;
}
/*文章页面结束*/

/*评论*/
#comments {
margin: 0 1em;
clear: left;
}
#comments ul {
margin: 0;
}
#comments h4 {
padding: 1em .5em;
border-top: 1px dashed #c6d1d8;
}
#comments .comment-list {
margin: 0;
}
#comments .comment-list .comment-list-entry {
padding: .8em;
margin: 0 .8em .8em .8em;
border: 1px solid #c6d1d8;
background-color: #eef3f8;
}
#comments .comment-info {
line-height: 1.4;
float: left;
}
#comments .comment-info li {
float: left;
}
#comments .comment-info li img {
margin-right: .5em;
}
#comments .comment-list .comment-text {
clear: left;
padding: 1em 0;
}
#comments .comment-list .comment-list-entry .children .comment-list-entry {
margin: .8em .8em 0 .8em;
background-color: #f4f7f9;
border: 1px solid #c6d1d8;
}
#comments .comment-list .comment-list-entry .children .children .comment-list-entry {
background-color: #ffffff;
border: 1px solid #c6d1d8;
}
#comments form {
padding: 0 1em;
}
#comments form p {
margin-bottom: .8em;
}
#comments label {
margin-right: 1em;
}
#comments #author-info input {
border: 1px solid #c6d1d8;
height: 1.5em;
line-height: 1.5em;
padding: 0 .3em;
background-color: #f8f8fa;
}
#author-info p em {
margin-left: .5em;
color: red;
}
#comments #comment-content textarea {
font-size: 1em;
padding: .5em;
border: 1px solid #c6d1d8;
overflow: auto;
background-color: #f8f8fa;
}
#comments #comment-content label {
vertical-align: top;
}
#comments-navi {
padding: 0 .8em .5em .8em;
}
#comments form input#submit {
color: #ffffff;
font-size: 1.15em;
font-weight: bold;
letter-spacing: .3em;
width: 120px;
height: 30px;
line-height: 30px;
margin-left: 3.5em;
margin-top: .5em;
cursor: pointer;
border: none;
background: url(images/button.gif) no-repeat;
}
#comments .cancel_reply, #comments #cancel_reply {
position: relative;
left: 180px;
top: -28px;
}
#comments #comment-smilies {
margin: 0 0 .5em 4em;
}
/*评论结束*/

/*存档页面*/
#archive #statistics {
padding: 2em .5em .5em .5em;
border-bottom: 1px solid #c6d1d8;
}
#archive ul li {
width: 8em;
float: left;
margin: .8em .5em;
padding: .2em .5em;
text-align: center;
border: 1px dashed #c6d1d8;
list-style-type: none;
display: inline;
}
/*存档页面结束*/

/*友情链接页面*/
#links-content h3, #links-content input {
margin: 1em 0;
}
#links-content ul {
margin-bottom: 1em;
}
#links-content p {
clear: left;
padding: 0 1em;
}
#links-content .links-list {
float: left;
display: inline;
}
#links-content .links-list li {
list-style-type: none;
width: 6em;
float: left;
margin: .3em;
padding: .2em .5em;
text-align: center;
white-space: nowrap;
overflow: hidden;
display: inline;
border: 1px dashed #c6d1d8;
}
/*友情链接页面结束*/

/*分类页面*/
.article-list {
width: 96%;
margin: 0 auto;
padding: 2em 0 1em 0;
}
.article-list ul {
margin:0;
}
.article-list li {
position: relative;
padding: .3em 18px;
list-style-type: none;
background: url(images/list1.png) no-repeat 3px center;
border-bottom: 1px dashed #c6d1d8;
}
.article-list li a {
width: 80%;
overflow: hidden;
white-space: nowrap;
}
.article-list .time {
position: absolute;
right: .1em;
background: none;
}
.article-list li:hover {
background-color: #eef3f8;
}
#article .page-navigation {
width: 96%;
margin: 0 auto;
}
#article .content-top {
border: none;
}
#article .content-top h4 {
display: none;
}
#article .content-top .textwidget {
padding-bottom: 0;
}
/*分类页面结束*/

/*各页面公用样式*/
#article-content, #statistics, #page-content, #archive ul, #links-content {
width: 94%;
line-height: 1.8;
margin: 0 auto;
padding: 2em 0;
overflow: hidden;
}
#article-content p, #page-content p, #links-content p {
margin: .8em 0;
}
#article-content h1, #page-content h1, #links-content h1, #article-content h2, #page-content h2, #links-content h2, #article-content h3, #page-content h3, #links-content h3, #article-content h4, #page-content h4, #links-content h4, #article-content h5, #page-content h5, #links-content h5, #article-content h6, #page-content h6, #links-content h6 {
margin: 1em 0;
}
#container #index {
width: 670px;
border: none;
}
.meta-data span {
padding: 0 10px 0 20px;
}
.time {
background: url(images/time.gif) no-repeat left center;
}
.meta-data span.views {
background: url(images/views.gif) no-repeat left center;
}
.meta-data span.comments {
background: url(images/comments.gif) no-repeat left center;
}
.meta-data span.category {
background: url(images/category.gif) no-repeat left center;
}
.meta-data span.tag {
background: url(images/tag.gif) no-repeat left center;
}
.meta-data span.continue {
background: url(images/continue.gif) no-repeat left center;
}
.meta-data span.edit {
background: url(images/edit.gif) no-repeat left center;
}
.page-navigation {
padding: .5em 0;
}
.page-navigation span, .content .page-navigation a {
margin-right: .3em;
padding: .2em .5em;
border: 1px solid #c6d1d8;
vertical-align: middle;
}
.page-navigation .current-page {
background: #e8eef2;
cursor: text;
}
#index .random-articles ul li:hover, .article-list li:hover, #comments #author-info input:hover, #comments #comment-content textarea:hover, #sidebar input#s:hover, #index input#search:hover {
background-color: #eef3f8;
}
/*各页面公用样式结束*/

/*wp-thread-comment插件CSS*/
#comments .comment-list .comment-text .comment-childs {
margin: 1em;
padding: .8em;
border: 1px solid #c6d1d8;
background-color: #ffffff;
}
#comments .comment-list .comment-text .chalt {
background-color: #f4f7f9;
}
.comment-childs p cite {
font-style: normal;
}
.comment-childs p {
margin-bottom: 1em;
}
.thdrpy {
margin-top: 1em;
}
/*wp-thread-comment插件CSS结束*/
h1, h2, h3, h4, h5, h6 {text-shadow: 1px 1px #FFFFFF;}
div.excerpt {text-shadow: 1px 1px #FFFFFF;}
code {text-shadow: 1px 1px #FFFFFF;}
#hotfriends {
    text-align:center;
}
#hotfriends ul {
    padding:7px;
}
#hotfriends ul li {
    float:left;
    list-style:none outside none;
    margin:6px;
    padding:0;
}
#hotfriends h3 {
    font-size:15px;
    margin:7px 7px 0;
}
#rc-comment-temp,#rc-ping-temp{display:none}.rc-item .rc-avatar{background:#FFF;padding:1px;border:1px solid #999}.rc-item .rc-left{display:inline;float:left;margin-right:8px}.rc-item .rc-right{display:inline;float:right;margin-left:8px}.rc-item .rc-reviewer{font-weight:bold}.rc-item .rc-label{text-transform:capitalize;font-weight:bold;font-size:10px}.rc-item .rc-collapse,.rc-item .rc-expand{background:url(images/icons.png) no-repeat;height:16px;width:16px;display:block;text-indent:-999em;float:right;cursor:pointer}.rc-item .rc-expand{background-position:100% 0}.rc-item .rc-ellipsis{font-size:10px}.rc-navi{font-size:10px}.rc-navi a{cursor:pointer}
.rc-navi .rc-newest{float:left;padding-right:10px}
.rc-navi .rc-newer{float:left}
.rc-navi .rc-older{float:right}.rc-navi .rc-loading{}
.rc-clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.rc-clearfix{display:block}*+html .rc-clearfix{display:inline-block}* html .rc-clearfix{height:1%}
