@charset "utf-8";
/*
Theme Name: Elegant Box
Theme URI: http://wordpress.org/extend/themes/elegant-box/
Description: Elegant Box is my first experiment in WordPress theming.
Version: 4.1.1
Author: mg12
Author URI: http://www.neoease.com/
Tags: white, black, green, blue, purple, brown, two-columns, fixed-width, theme-options, right-sidebar, custom-colors, threaded-comments
*/

* {
	margin:0;
	padding:0;
}
/* 底层背景和默认字体颜色 */
body {
	font-family:Verdana,Tahoma,"BitStream vera Sans",Arial,Helvetica,sans-serif;
	font-size:12px;
	background:#FFFFFF;
	color:#333;
}
h1 {font-size:20px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
img {
	border:none;
}
.post1 img,.post img {max-width:500px;}
/* 默认的链接字体颜色 */
a {
	color:#6385A1;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
pre {
	font-family:'Courier New', Courier, Monospace, Fixed;
	overflow:auto;
}
blockquote, 
pre {
	padding:5px 10px;
	margin:5px 0;
}
.clear, 
.fixed {
	clear:both;
}
small, 
.small {
	font-size:12px;
}
.more-link {
	font-size:12px;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.alignleft{
	float:left;
	text-align:left;
	margin-right:10px;
}
.alignright{
	text-align:right;
	float:right;
	margin-left:10px;
}
.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.inline {
	display:inline;
}
.left {
	float:left;
	margin-right:10px;
}
.right {
	float:right;
	margin-left:10px;
}
.fontthin {
	font-weight:normal;
}
.boxcaption {
}
.boxcaption h3 {
	padding:5px 0px 6px;
	font-size:12px;
}
.box {
	padding:5px 0px;
	margin-bottom:10px;
	border-width:0 0px 1px;
	border-style:solid;
	border-color:#BDC7D8;
}
.messagebox {
	margin-bottom:10px;
}
.messagebox .content {
	padding:8px 10px;
}
/* 默认按钮样式 */
.button, 
a#cancel-comment-reply-link {
	font-size:12px;
	border-style:solid;
	border-width:1px;
	font-family:"lucida grande";
	text-align:center;
	padding:2px 8px;
	background:#B4D666;
	border-top:1px solid #B4D666;
	border-right:1px solid #81B840;
	border-bottom:1px solid #81B840;
	border-left:1px solid #B4D666;
	color:#6385a1;
}
a#cancel-comment-reply-link {
	padding:3px 8px;
}
a.button:hover, 
a#cancel-comment-reply-link:hover {
	text-decoration:none;
}
.bottom_space {
	margin-bottom:10px;
}

/* header START */
/* 顶部的下边线条 */
#header {
	border-bottom:1px solid #B7B7B7;
}
/* 顶部主题颜色,下边线条 */
#header .inner {
	height:55px !important;
	height:56px;
	background:#F9F9F9;
	border-bottom:1px solid #FFF;
}
#header .content {
	width:775px;
	margin:0 auto;
	text-align:left;
}
/* Blog 标题左边的粗线条 */
#header .caption {
	float:left;
	padding:1px 0 2px 0px;
	margin-top:8px;
	border-color:#999;
}
#title {
	font-weight:normal;
	font-style:normal;
	text-transform:uppercase;
	letter-spacing:-1px;
}
/* Blog 标题 */
#title a {
	color:#4C4C4C;
	text-decoration:none;
}
/* Blog 标题的字体悬停颜色 */
#title a:hover {
	color:#6385A1;
}
/* Blog 副标题 */
#tagline {
	color:#999;
	font-size:10px;
}
#searchbox {
	float:right;
	margin-top:17px;
}
#notice {
	margin:0 0px 10px;
}
#notice .inner {
	padding:5px 7px;
}
#notice .icon {
	float:left;
	margin-right:5px;
	margin-bottom:0;
}
#notice .content {
	float:left;
}
#notice .content .separator {
	padding-right:10px;
}
#navigation {
	margin-right:8px;
	float:right;
	margin-top:17px;
}
*+html #navigation {
	margin-top:18px;
}
#navigation li {
	list-style:none;
	float:left;
	margin-top:1px !important;
	margin-top:3px;
	font-size:12px;
}
/* 导航菜单项的链接右边颜色 */
#navigation li a {
	display:block;
	padding:3px 5px 4px;
	border-style:solid;
	border-width:0 1px 0 0;
	border-color:#D6D6D6;
}
#navigation li.current_page_item, 
#navigation li.current-cat {
	font-weight:bold;
}
#navigation .current_page_item li,
#navigation li.current-cat li {
	font-weight:normal;
}
#navigation li a#feed,
#navigation li a#twitter {
	padding:1px 8px;
}
#navigation li a#feed {
	border-width:0;
	padding-right:0;
}
/* 可转变的订阅图标 */
#navigation li a#feed img {
	background-image:url(images/feed_switch.gif);
}
#navigation li a#twitter img {
	background-image:url(images/twitter_switch.gif);
}
#navigation li a#feed img,
#navigation li a#twitter img {
	background-position:0 0;
	width:18px;
	height:18px;
}
#navigation li a#feed:hover img,
#navigation li a#twitter:hover img {
	background-position:0 -18px !important;
}
/* 搜索框 */
#searchbox .textfield {
	background:#fff url(images/search_background.gif) no-repeat right;
	background-position:0 0 !important;
	width:235px;
	padding-left:20px;
	font-family:Verdana,Tahoma,"BitStream vera Sans",Arial,Helvetica,sans-serif;
}
/* 搜索框获得焦点(对 IE<=6 的浏览器无效) */
#searchbox .textfield:focus {
	background-position:0 -21px !important;
}
/* 搜索框提示 */
#searchbox .searchtip {
	color:#CCC;
}
/* header END */

/* submenu START */
/* 订阅器列表 */
#navigation li ul {
	display:none;
	background:#F7F7F7;
	padding:5px;
	border:1px solid #333;
	position:absolute;
	border-color:#B7B7B7;
}
#navigation li li {
	float:none;
	margin:0 !important;
	margin:0;
	padding:0;
	display:block;
	list-style:none;
	display:inline;
}
#navigation li li a {
	display:block;
	padding:5px;
	padding:5px !important;
	text-decoration:none;
	width:150px;
	font-size:12px;
	border-style:solid;
	border-width:1px 0 0;
}
#navigation li a.first {
	border-top:none;
}
#navigation li a:hover,
#navigation li a.current {
	text-decoration:underline;
}
/* submenu END */

/* main START */
/* 主题背景和边框 */
#container {
	background:#F9F9F9;
	padding:10px 0;
}
#content {
	background:#F9F9F9;
	margin:0 auto;
	text-align:left;
	width:775px;
}
#main {
	width:500px;
	float:left;
	padding:10px 0px 0;
	overflow:hidden;
}
.sided {
	padding:2px;
	margin-bottom:5px;
}
.wp-caption {
	padding:5px 0;
	margin-bottom:5px;
	text-align:center;
}
.post .content .wp-caption p {
	margin:3px 0 0;
}
.part {
	margin-bottom:10px;
}
/* 最新贴子的日期字体颜色(1.4版后不用) */
.sidedate {
	float:right;
	font-size:10px;
	color:#999;
}
.post .content ul li, 
.post .content ol li {
	list-style-position:inside;
	padding-left:12px !important;
	padding-left:16px;
	text-indent:-12px !important;
	text-indent:-16px;
}
*+html .post .content ul li, 
*+html .post .content ol li {
	padding-left:16px !important;
	text-indent:-16px !important;
}
.post .content ul, 
.post .content ol {
	padding-bottom:10px;
}
.post {
	margin-bottom:20px;
}
/* 贴子的标题 */
.post .title h2 {
	font-size:14px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	margin:0;
	padding:0px;
	color:#000;
	padding-bottom:3px;
	border-bottom:1px solid #ccc;
}
.post .content {
	line-height:145%;
	overflow:hidden;
	padding-bottom:5px;
}
.post .content p {
	margin:0 0 10px 0;
}
.post .content table {
	border-width:2px;
	border-style:solid;
	border-collapse:collapse;
	margin:5px 5px 10px;
}
.post .content th, 
.post .content td {
	border-width:1px;
	border-style:solid;
	padding:3px 10px;
	text-align:left;
	vertical-align:top;
}
/* 评论的图标 */
.post .comments {
	background:url(images/comment.gif) no-repeat bottom left;
	padding-left:22px;
	height:16px;
	line-height:16px;
	font-size:12px;
}
.post .comments_single {
	margin:10px 0;
}
#postnav {
	margin-top:20px;
}
.post .info {
	font-size:12px;
	margin-bottom:8px;
	margin-top:0;
	padding-top:3px;
}
.post .info .edit, 
.post .info .addlink,
.post .info .editlinks {
	float:right;
}
/* 广告 */
.post .ad {
	text-align: center; 
}
#bottom {
	font-size:12px;
}
/* 翻页导航上边线条 */
#bottom .postnav {
	float:left;
	padding:9px 0px !important;
	padding:9px 0px 0;
	width:500px;
	border-top:1px dashed #B7B7B7;
}
#bottom .postnav span.right {
	margin-right:10px;
}
#bottom .anchor {
	float:right;
	text-align:right;
	width:260px;
	padding:9px 5px 10px 10px;
	margin-bottom:-1px;
}
#bottom .anchor span {
	padding:4px 0 4px 20px;
}
/* main END */

/* sidebar START */
/* 侧边栏背景和左边线条 */
#sidebar {
	background:#F9F9F9;
	float:right;

	width:260px;
	height:100%;
	padding-top:5px;
	overflow:hidden;
}
#sidebar ul {
	padding:0px;
}
#sidebar li {
	list-style:none;
}
#sidebar div.widget {
	margin:0 5px 5px;
}
#sidebar h3 {
	padding:3px 5px 4px;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	color:#4C4C4C;
}
/* Widget 标题的背景颜色 */
#sidebar h3 {
	background:#E9E9E9;
}
/* Widget 可连接标题的字体颜色 */
#sidebar a h3 {
	color:#4C4C4C;
}
#sidebar .widget {
	margin:0 0 5px;
}
#sidebar .widget_tag_cloud {
	padding:0 5px 8px;
	margin:0px;
}
#sidebar .widget_tag_cloud h3 {
	margin-bottom:5px;
	margin-left:-5px;
	margin-right:-5px;
}
/* Widget 各项的下边线条 */
.widget ul li {
	line-height:18px;
	padding:3px 5px;
	border-bottom:1px solid #eee;
}
.widget ul li span.right {
	font-size:10px;
}
.widget .showcase {
	background:#E9E9E9;
	padding:5px 0;
}
.widget ul li ul {
	padding-bottom:0;
	padding-right:0;
}
/* Widget 各子项的上边线条 */
.widget ul li ul li {
	padding:3px 5px 0;
	border-bottom:none;
	line-height:18px;
	margin-top:3px;
	margin-right:-5px;
	border-top:1px solid #eee;
}
#style-text {
	float:left;
	font-size:12px;
	margin-top:1px;
	font-weight:bold;
}
/* sidebar END */

/* footer START */
/* 底部的上边线条 */
#footer {
	font-size:12px;
	border-top:1px solid #B7B7B7;
}
/* 底部的背景和内线条 */
#footer .inner {
	margin:0;
	height:30px;
	background:#F7F7F7;
	border-top:1px solid #FFF;
}
#footer .content {
	margin:8px auto 0;
	width:775px;
}
#footer #about {
	float:left;
}
#footer ul#admin {
	float:right;
	display:block;
	list-style-position:outside;
	list-style-type:none;
}
#footer ul#admin li {
	display:block;
	float:left;
	margin-left:12px;
}
/* footer END */

/* comments START */
.commentlist {
	margin-bottom:15px;
}
.commentlist ol {
	margin:0;
	padding-left:0;
}
.commentlist .comment {
	background:#fff;
	list-style:none;
	margin-bottom:10px;
	overflow:hidden;
	position:relative;
	border:1px solid;
	border-color:#BDC7D8;
	padding:1px;
}
.commentlist .comment p {
	margin-bottom:8px;
}
.commentlist .comment blockquote {
	margin:0 0 8px;
}
.userinfo {
	padding:5px 10px 6px;
}
.userinfo .date {
	font-size:12px;
	position:relative;
}
.userinfo .userpic {
	padding:1px;
	float:left;
	margin-right:10px;
	position:relative;
}
.userinfo .usertext {
	float:left;
	position:relative;
}
.userinfo .count {
	float:right;
	text-align:right;
	font-size:12px;
	position:relative;
}
.commentlist .comment .username {
	font-weight:bold;
}
.commentlist .comment .comment_text {
	padding:8px 10px 0;
	line-height:145%;
}
#trackbacks {
	border:1px solid;
	padding:1px;
	margin-bottom:10px;
}
#trackbacks .caption {
	padding:5px 10px 6px;
}
#trackbacks h3 {
	float:left;
	font-size:12px;
}
#trackbacks .actions {
	float:right;
	font-size:12px;
}
#trackbacks ol {
	padding:3px 10px 8px;
}
#trackbacks li {
	list-style:none;
	padding:3px 5px;
	line-height:18px;
	border-width:0 0 1px;
	border-style:dashed;
}
#trackbacks li small {
	display:block;
}
textarea#comment {
	width:492px;
	background:#fff url(images/textarea.png) no-repeat scroll center center;
}
.commentlist .children {
	margin:0 10px;
}
.commentlist .children textarea#comment {
	width:468px;
}
.commentlist .children .children textarea#comment {
	width:444px;
}
.commentlist .children .children .children textarea#comment {
	width:420px;
}
.commentlist .children .children .children .children textarea#comment {
	width:396px;
}
.commentlist .children .children .children .children .children textarea#comment {
	width:372px;
}
.commentlist .children .children .children .children .children .children textarea#comment {
	width:348px;
}
.commentlist .children .children .children .children .children .children .children textarea#comment {
	width:324px;
}
.commentlist .children .children .children .children .children .children .children .children textarea#comment {
	width:300px;
}
#submitbox {
	margin:8px 0;
	font-size:12px;
	text-align:right;
}
#comments_rss {
	padding:2px 0 2px 22px !important;
	padding:2px 0 16px 22px;
	float:left;
	position:relative;
}
#submitbox .act {
	float:right;
}
#submitbox #submit {
	cursor:pointer;
}
#emoticon {
	margin-right:10px;
	float:right;
}
#respond .row {
	margin:0 3px 5px 0;
	text-align:left;
	font-size:12px;
}
/* XHTML */
#respond .notice {
	font-size: 10px;
	background: #E9E9E9;
	border-color: #BDC7D8;
	padding: 5px 5px;
}
#respond .ad {
	background: #F7F7F7;
	text-align: center; 
}
#author,#email,#url{
	background-image:url(images/icn.gif);
	background-repeat:no-repeat;
	padding:3px 1px 3px 22px;
}
#author{
	background-position:3px -477px;
}
#email{
	background-position:3px -349px;
}
#url{
	background-position:3px -509px;
}

#commentnavi {
	font-size:12px;
	margin-bottom:15px;
}
#commentnavi a.page-numbers {
	padding:0 3px;
}
#commentnavi span.pages {
	padding:0 9px 0 0;
	float:left;
}
#commentnavi span.current {
	padding:0 3px;
	font-weight:bold;
}
/* comments END */
/* comments START */
/* 评论框 */

/* 评论框的评论者信息栏 */
.userinfo {
	background:#F7F7F7;
}
/* 评论者头像框 */
.userinfo .userpic {
	background-color:#fff;
	border:1px solid #B7B7B7;
}
/* RSS 图标 */
#comments_rss {
	background:url(images/feed.gif) no-repeat top left;
}
/* Trackback 框的边线颜色 */
#trackbacks,
#trackbacks li {
	border-color:#BDC7D8;
}
/* Trackback 框的标题颜色 */
#trackbacks .caption {
	background:#F7F7F7;
}
/* Trackback 框的附属信息字体颜色 */
#trackbacks li small {
	color:#999;
}
/* comments END */

/* calendar START */
.widget_calendar h3 {
	display:none;
}
#wp-calendar {
	width:100%;
	border-collapse:collapse;
}
#wp-calendar #today {
	font-weight:bold;
}
#wp-calendar tbody a {
	font-weight:bold;
}
#wp-calendar caption {
	padding:5px;
	font-weight:bold;
	font-size:12px;
	text-align:left;
}
#wp-calendar th, 
#wp-calendar td {
	text-align:center;
}
#wp-calendar th {
	padding:4px 0;
}
#wp-calendar td {
	font-size:11px;
	padding:4px 0 0;
}
#wp-calendar td#prev {
	text-align:left;
	padding:9px 0 5px 5px;
	font-size:12px;
}
#wp-calendar td#next {
	text-align:right;
	padding:5px 5px 5px 0;
	font-size:10px;
}
/* calendar END */

/* links START */
.post .content .linkcat ul li {
	float:left;
	list-style:none;
	padding-left:0;
	padding-bottom:8px;
	width:25% !important;
	width:24%;
	height:16px;
	line-height:24px;
	overflow:hidden;
	padding-left:0 !important;
	padding-left:0;
	text-indent:0 !important;
	text-indent:0;
}
*+html .post .content .linkcat ul li {
	padding-left:0 !important;
	text-indent:0 !important;
}
/* links END */

/* related posts START */
#related_posts {
	border:1px solid;
	padding:1px;
}
#related_posts h3 {
	padding:5px 10px 6px;
	font-size:12px;
}
#related_posts ul {
	padding:3px 10px 8px;
}
#related_posts ul li {
	list-style:none;
	padding:3px 5px;
	line-height:18px;
	border-width:0 0 1px;
	border-style:dashed;
}
#related_posts .count {
	font-size:10px;
}
#related_posts .excerpt {
	font-size:11px;
	display:block;
}
#related_posts .info {
	border:0;
}
/* related posts END */

/* 引用和 pre 框的背景和边框 */
blockquote,pre {
	background:#F1F1F1;
	border:#CCC dashed 1px;
}
/* 文本区和文本域的样式 */
textarea,.textfield {
	border:1px solid #BDC7D8;
	padding:3px;
	font-size:12px;
}
/* 评论留言填写资料时,通过验证的颜色 */
.valid {
	color:#119900;
}
/* 评论留言填写资料时,不通过验证的颜色 */
.invalid {
	color:#ff4a00;
}

.button:hover,
a#cancel-comment-reply-link:hover {
	background:#98C64C;
	border-color:#98C64C;
}
/* 带边元素的背景和边框 */
.sided,
.wp-caption {
	background:#F3F3F3;
	border:1px solid #DDD;
}
/* 贴子内的图片在鼠标悬停时的边框颜色 */
a .sided:hover {
	border-color:#666;
}
/* BOX 线条和背景颜色 */
#related_posts,
#related_posts ul li {
	border-color:#BDC7D8;
	background:#FFF;
}
/* BOX 标题颜色 */
.boxcaption h3,
#related_posts h3,
.messagebox .content {
	background:#F7F7F7;
}
/* 带下边的元素的下边线 */
.bottom_separator {
	border-bottom:1px dashed #CCC;
}
/* header END */

/* TOP 的图标 */
#bottom .anchor span {
	background:url(images/go_top.gif) no-repeat left center;
}
/* 提示栏的边框 */
#notice {
	border:1px solid #C6C6C6;
}
/* 提示栏的背景和内线条 */
#notice .inner {
	background:#F4F4F4;
	border:1px solid #FFF;
}
/* 提示栏的图标 */
#notice .icon {
	background:url(images/notice.gif) no-repeat top left;
}
/* 提示栏的垂直分割线 */
#notice .content .separator {
	border-right:1px solid #C6C6C6;
}

/* 贴子的可链接标题 */
.post .title a {
	color:#4C4C4C;
	text-decoration:none;
}
/* 贴子的可链接标题悬停颜色 */
.post .title a:hover {
	color:#6385A1;
}
/* 贴子的分类等信息的字体颜色 */
.post .info,
#related_posts .excerpt {
	color:#999;
}

/* 文章内表格 */
.post .content table {
	background:#FFF;
	border-color:#CCC;
}
.post .content th,
.post .content td {
	border-color:#CCC;
}
.post .content tr.even td {
	background:#F7F7F7;
}
.post .content th {
	background:#E9E9E9;
}
/* main END */

/* calendar START */
/* 月历的背景颜色 */
#calendar_wrap {
	background:#E9E9E9;
}
/* 月历星期标题的背景颜色 */
#wp-calendar th {
	background:#DDD;
}
/* calendar END */

/* wp-pagenavi START */
/* 悬停页面链接颜色 */
.wp-pagenavi a:hover {
	background:#E9E9E9;
}
/* 当前页面链接颜色 */
.wp-pagenavi span.current {
	background:#F7F7F7;
}
/* wp-pagenavi END */

/* wp-recentcomments START */
/* 评论者头像的背景和边框颜色 */
.rc_item .rc_avatar img {
	background:#FFF;
	border-color:#B7B7B7;
}
/* wp-recentcomments END */

/* wp-syntax START */
.wp_syntax {
	background:#F9F9F9;
	border:1px solid #CCC;
}
.wp_syntax .line_numbers {
	background:#E9E9E9;
}
/* wp-syntax END */
#header #tagline,
.info,
#navlist li li a,
#wp-calendar td#next {
	font-size:12px;
}
#navigation li a {
	padding:2px 5px 3px !important;
	padding:2px 5px 4px;
}
#thecomments .tip {
	background:#FFF;
	border:1px solid #CCC;
	width:605px;
	padding:10px !important;
	padding:10px 10px 0;
	margin-top:0;
	position:absolute;
	z-index:3;
}
#thecomments .tip .act {
	display:none;
}
*+html #thecomments .tip {
	padding:10px 10px 0 !important;
}

.wp_syntax {
	margin-bottom:8px;
	overflow:auto;
	overflow-x:auto;
	overflow-y:hidden;
	width:99%;
	padding-bottom:0 !important;
	padding-bottom:15px;
}

.wp_syntax table, 

.post .content .wp_syntax table {
	border-collapse:collapse;
	border:none;
	margin:0;
}

.wp_syntax div {
	vertical-align:top;
	padding:2px 4px;
}

.wp_syntax pre {
	border:none;
	background:none;
	margin:0;
	padding:0;
	width:auto;
	float:none;
	clear:none;
	overflow:visible;
	font-size:12px;
	line-height:1.333;
}

.line_numbers pre {
	padding-left:5px;
}

.wp_syntax td, 

.post .content .wp_syntax td {
	border-top:none;
	padding:2px 4px;
	border:none;
}

.wp_syntax .line_numbers, 

.post .content .wp_syntax .line_numbers {
	text-align:right;
	overflow:visible;
}

.wp_syntax .code {
	width:100%;
}
