/*
Theme Name: Miankong
Theme URI: http://www.rukey.cn/blog
Description: For my blog.
Version: 1.0
Author: 大可
Author URI: http://www.rukey.cn/
Tags: simple, green, two columns, widgets


/*初始化浏览器默认样式*/
body {text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif;  margin:0; padding:0; background: #FFFFDD  url(images/bg.gif) repeat-x top; font-size:12px; color:#000;}
div,form,p,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border:0; }
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:12px; font-weight:normal;}
table,td,tr,th{font-size:12px;}
td {vertical-align:top; text-align:center;}
li{list-style-type:none;}
table{ margin:0 auto;}

input,select {font-size:12px; font-family:Arial, Helvetica, sans-serif;}

/* 全局链接颜色 */
a:link {color:#259cec; text-decoration:underline;}
a:visited {color:#259cec;text-decoration:underline;}
a:hover {color:#FF9900;}
a:active {color: #f00;}

#header {width:960px; margin:0 auto 32px; clear:both; overflow:hidden; height:163px; }
#header .logo {clear:both; overflow:hidden;}
#header .logo h1 {float:left; font-size:48px; font-family:"微软雅黑"; margin:12px 0 0 0;}
.logo h1 a:link,.logo h1 a:visited {color:#AEBBC4;text-decoration:none;}
.logo h1 a:hover,.logo h1 a:active {color:#fff;}
#header .logo span {float:left; font-size:20px; color:#AEBBC4; margin: 18px 0 0 12px;}
#header .logo .searchForm {float:right; margin:48px 0 0 0;}
#header .logo .searchForm #s {border:1px solid #AEBBC4; background-color:#4C566C;} 
#header .logo .searchForm #searchsubmit { width:48px;} 
#header .nav {line-height:26px; clear:both; height:26px; margin:54px 0 0;}
#header .nav li {float:left; color:#FFFFFF; font-size:14px;}
#header .nav li a {display:block; padding:6px 9px 9px;}
#header .nav li a:link,#header .nav li a:visited { text-decoration:none; color:#83ABC6;}
#header .nav li a:hover {color:#F8FFF6;background-color:#5AA0CD;}

#footer {text-align:center;line-height:23px; padding:12px 0 24px; border-top:1px solid #efefef;}

#area {width:960px; margin:9px auto; clear:both; overflow:hidden;}
#area .narrowcolumn {float:left; width:680px; overflow:hidden;}
#area .widecolumn {margin:0 48px;}

h2.pagetitle {margin-top: 30px;	text-align: center; font-size:14px; font-weight:bold; color:#999;}

.post {text-align:left; margin:12px 0 36px;}
.post .postTitle {padding-left:6px;}
.post h2 {font-family:'微软雅黑',Arial; font-size:30px; font-weight:normal;}
.post h2 a{text-decoration:none;}
.post h2 a:hover {background-color:#FF7403; color:#FFFFFF;}
.post h2 a:active {color:#FFFF00;background-color:#FF7403; }
.post h3 {font-size:20px; font-weight:bold; text-decoration:underline; }
.post small {font-size:12px; line-height:18px;}
.post .entry {line-height:22px; margin:12px 1em; font-size:14px;}
.post .entry p {margin:1.5em 0;}
.post .entry .border {border:1px solid #000;}
.post .postmetadata {text-align:right; font-size:12px; color:#999;}

#sidebar {float:right; width:210px; padding:0 25px; }
#sidebar h2 {margin:24px 0; font-size:24px; color:#999;}
#sidebar ul {text-align:left;}
#sidebar ul li ul li {line-height:20px; color:#999;}
#sidebar ul select {margin:6px 12px;}
#sidebar ul p { border:1px solid #FF9000; background-color:#FFFBEA;margin:12px 0; padding:3px 12px;}
#sidebar ul p:hover {background-color:#FFFFFF; border-color:#88C10E;}
#sidebar ul p span {color:#FF7403; font-weight:bold;}
#sidebar div.pare {text-align:left; line-height:20px; color:#666; text-indent:2em;}


code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps{letter-spacing: .07em;}
.navigation {clear:both; overflow:hidden; height:1%; margin:12px 0;}

/* Begin Calendar */
#calendar_wrap {margin:-24px 0 24px;}
#wp-calendar {empty-cells: show;margin:0 auto; width:220px; border-collapse:collapse;}
#wp-calendar caption {font-size:14px; font-weight:bold; color:#FF7403; padding:0 0 9px;}
#wp-calendar #next a {padding-right: 10px;text-align: right; border:none;}
#wp-calendar #prev a {padding-left: 10px;text-align: left; border:none;}
#wp-calendar th {font-style: normal;text-transform: capitalize;}
#wp-calendar td {padding:3px 0;text-align: center;}
#wp-calendar a {border:1px solid #88C10E; padding:1px;}
#wp-calendar a:hover {text-decoration: none;}


.widecolumn .smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;}
.widecolumn .attachment {text-align: center;margin: 5px 0px;}
p img {padding: 0;max-width: 100%;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {display: block;margin-left: auto;	margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;	}
img.alignleft {	padding: 4px;margin: 0 7px 2px 0;display: inline;}

.alignright {float: right;}
.alignleft {float: left;}

body .entry ul {margin-left: 0px;padding: 0 0 0 30px;list-style: none;padding-left: 10px;text-indent: -10px;}
body .entry ol{list-style:outside decimal; margin:0 24px;}
body .entry ol li{list-style:outside decimal;}
body .entry li {margin: 7px 0 8px 10px; }

.postmetadata ul, .postmetadata li {display: inline;}

.entry form { /* This is mainly for password protected posts, makes them look better. */text-align:center;}

select {width: 130px;}
/* Begin Comments*/
.commentlist {padding:12px 0 0; text-align:left; color:#444;}
.commentlist li {margin: 12px 0 3px;padding: 0px 10px 3px; border-bottom:1px solid #efefef;}
.commentlist li cite {font-style:normal; font-weight:bold; padding-right:12px; font-size:16px; color:#FF7403; }
.commentlist li em {font-style:normal; color:#333;}
.commentlist p {margin:18px auto;line-height:22px; font-size:14px;}
.alt {	}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0; color:#666; text-align:right;}
#commentform p {margin: 18px 0;}
#commentform p {text-align:left;}
#commentform p small {font-size:12px; color:#999;}
h3#respond,h3#comments {text-align:left; color:#5AA0CD; margin:24px 0 0; color:#f00;}
#commentform textarea {	width: 99%;padding: 2px;}
#commentform input {padding:3px; font-size:14px;}
#commentform #submit {width:120px;padding:4px 6px 3px; font-size:16px; cursor:pointer;}
/* End Comments */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 0.5em auto; padding:3px 12px; display:block; background-color:#efefef; font-size:12px; line-height:18px;}
.post .entry blockquote p {margin:12px 0; color:#333;}
blockquote cite {margin: 5px 0 0;display: block;}
.center {text-align: center;}

.btn{background-color:#2EBCF7; color:#fff; cursor:pointer; border:1px solid #ccc; border-color:#DDDDDD #264F6E #264F6E #DDDDDD; }


.more-link {display:block;}
img.alignnone,.alignnone img {border:1px solid #000; padding:1px;}
.share {font-size:16px; font-weight:bold; color:#009933; padding:5px 0;}
.share a {}
.share a img {border:1px solid #66CCFF;padding:1px;margin:0 3px -4px 0;}
.share a:hover img {border-color:#FF6600; background-color:#FF6600;}

/*
+----------------------------------------------------------------+
	File Information:																	|
|	- Page Navigation CSS Style													|
|	- wp-content/plugins/wp-pagenavi/pagenavi-css.css					|
|																							|
+----------------------------------------------------------------+
*/
.wp-pagenavi {text-align:center;}
.wp-pagenavi a,.wp-pagenavi span {padding:2px 4px 1px; border:1px solid #5AA0CD; margin:0 3px; background-color:#fff; line-height:22px; text-decoration:none;}
.wp-pagenavi a:link,.wp-pagenavi a:visited {text-decoration:none;}
.wp-pagenavi a:hover,.wp-pagenavi a:active {background-color:#5AA0CD; color:#fff; text-decoration:none;}

.wp-pagenavi span.pages {border:none;}
}
.wp-pagenavi span.current {color:#f00;  border-color:#f00;}
.wp-pagenavi span.extend {border:none;}