/*
Theme Name: Clearision
Theme URI: http://blog.dimpurr.com/Clearison
Version: 2.5
Author: Dimpurr
Author URI: http://dimpurr.com
Description: A HTML5 grey and one column WordPress theme.
Text Domain: clearision
*/

/* 重置样式 */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display:block;}
audio,canvas,video {display:inline;zoom:1;}
audio:not([controls]) {display:none;}
[hidden] {display:none;}
html {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
html,button,input,select,textarea {font-family: "Segeo UI Mono", "Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Micro Hei Mono", "Droid Sans Fallback", "WenQuanYi Zen Hei", "WenQuanYi Zen Hei", "Apple LiGothic Medium", "SimHei", "ST Heiti", "WenQuanYi Zen Hei Sharp", Sans; color:#222;}
body {margin:0;font-size:1em;line-height:1.4;}
::-moz-selection {background: #999;color: #FFF; text-shadow:none;}
::selection {background: #999;color: #FFF; text-shadow:none;}
a {color:#00e;}
a:visited {color:#551a8b;}
a:hover {color:#06e;}
a:focus {outline:thin dotted;}
a:hover,a:active {outline:0;}
abbr[title] {border-bottom:1px dotted;}
b,strong {font-weight:700;}
blockquote {margin:1em 40px;}
dfn {font-style:italic;}
hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
ins {background:#ff9;color:#000;text-decoration:none;}
mark {background:#ff0;color:#000;font-style:italic;font-weight:700;}
pre,code,kbd,samp {font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}
pre {white-space:pre-wrap;word-wrap:break-word;}
q {quotes:none;}
q:before,q:after {content:none;}
small {font-size:85%;}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-.5em;}
sub {bottom:-.25em;}
ul,ol {margin:1em 0;padding:0 0 0 40px;}
dd {margin:0 0 0 40px;}
nav ul,nav ol {list-style:none;list-style-image:none;margin:0;padding:0;}
img {border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}
svg:not(:root) {overflow:hidden;}
figure {margin:0;}
form {margin:0;}
fieldset {border:0;margin:0;padding:0;}
label {cursor:pointer;}
legend {border:0;margin-left:-7px;padding:0;white-space:normal;}
button,input,select,textarea {font-size:100%;margin:0;vertical-align:middle;}
button,input {line-height:normal;}
button,input[type=button],input[type=reset],input[type=submit] {cursor:pointer;-webkit-appearance:button;overflow:visible;}
button[disabled],input[disabled] {cursor:default;}
input[type=checkbox],input[type=radio] {box-sizing:border-box;padding:0;width:13px;height:13px;}
input[type=search] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button {-webkit-appearance:none;}
input,button,select,textarea { outline:none; }
button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0;}
textarea {overflow:auto;vertical-align:top;resize:vertical;}
input:invalid, textarea:invalid {background-color:#FAFAFA;}
table {border-collapse:collapse;border-spacing:0;}
td {vertical-align:top;}

/* 通用样式 */

.clearfix { clear: both; }
.round { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; }
.hide { display: none; }
.box-shadow { box-shadow:0 0 10px #DDD; }
.text-shadow { text-shadow: 0 0 8px #000; }
.opacity { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.blur { -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); }
.linear { background: -webkit-linear-gradient(top, rgba(200,200,200,0.3), rgba(0,0,0,0.7));
	background: -moz-linear-gradient(linear, top, from(rgba(255,255, 255,0.1)), to(rgba(255,255,255,0.9))); }

/* 基本样式 */

body { background: #F5F5F5; color: #444; font-size: 15px; }
p { font-size: 15px; line-height: 28px; }
a { text-decoration: none; color: #222; border-bottom: 1px dashed #BBB; }
a { -webkit-transition: color linear 0.2s; -moz-transition: color linear 0.2s; transition: color linear 0.2s; }
a:hover { color: #000; border-bottom: 1px dashed #666; }
a:visited { color: #222 }
blockquote , q { margin: 10px 30px 10px 50px; padding: 10px 5px;
	border-width: 1px 0 1px 0; border-style: dashed; border-color: #BBB; }
blockquote p , q p { margin: 0; }
ol , ul { font-size: 15px; padding-left: 70px; line-height: 24px; }
pre , code { margin: 15px 0; padding: 10px; display: block;
	background: #FBFBFD; color: #222; border: 1.5px solid #e1e1e8;
	font-family: "Yahei Consolas Hybird", "Consolas", "Ubuntu Mono", Monaco, Menlo, "Courier New", monospace, sans-serif; font-size: 14px; word-break: break-all; word-wrap: break-word;
	-webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; transition: all linear 0.2s; }
p pre, p code { display: inline; margin: 0 6px; padding: 2px; line-height: 24px; font-size: 12px; word-wrap: break-word; }
pre:hover , code:hover { background: #FDFDFF; }
pre:focus , code:focus { background: #FEFEFF; outline: none; border-color: #AAA; border-radius: 0; }
button , input[type="submit"] { border: 2px #DDD solid; background: #EFEFEF; padding: 5px 10px;
	-webkit-transition: background linear 0.2s, border linear 0.2s; -moz-transition: backgroundbackground linear 0.2s, border linear 0.2s; transition: background linear 0.2s, border linear 0.2s; }
button:hover , input[type="submit"]:hover { background: #DDD; }
button:active , input[type="submit"]:active { border-color: #CDCDCD; background: #CDCDCD; }
input , textarea { border: 2px #DDD solid; background: #FAFAFA; padding: 5px 10px;
	-webkit-transition: background linear 0.2s; -moz-transition: backgroundbackground linear 0.2s; transition: background linear 0.2s; }
input:hover , textarea:hover , input:focus , textarea:focus { background: #FFF; }

.post_t img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: auto !important; height: auto !important; max-height: auto !important; max-width: 100% !important; min-height: 40px !important; }
.wp-caption { margin: 20px auto; background: #F9F9F9; text-align: center; padding: 5px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-transition: background linear 0.2s; -moz-transition: background linear 0.2s; transition: background linear 0.2s; }
.wp-caption a { border: 0; }
.wp-caption:hover { background: #F6F6F6; }
.wp-caption-text { margin: 5px 0 0 0; }

/* 基本布局 */

#page { margin: 0 auto 0 auto; text-align: left; max-width: 1200px; }
#float { width: 160px; float: left; position: fixed; top: 0; text-align: right; }
#ctn , #link { margin-left: 200px; }
#content { margin: 20px; }
#footer { width: 160px; float: left; position: fixed; bottom: 0; text-align: right; }

/* 悬浮导航 */

#float { padding-top: 40px; text-align: right; }
#logo { width: 112px; background: #FFF; margin-bottom: 26px;
	border-style: solid; border-width: 1px; border-color: #DDD; box-shadow:0 0 10px #DDD;
	-webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; }
#logo { -webkit-transition: box-shadow linear 0.2s; -moz-transition: box-shadow linear 0.2s; transition: box-shadow linear 0.2s; }
#logo:hover { box-shadow:0 0 15px #CCC; }
#logo:active { position: relative; left: 3px; }

#nav , #next { padding: 0; width: 140px; float: right;
	border-style: solid; border-color: #DDD; border-width: 1px 0 0 0; }
#next { padding-top: 10px; }
#nav li { padding: 0 8px 0 0; margin: 15px 0 15px 0; }
#next li { padding: 0 8px 0 0; margin: 5px 0 5px 0; }
#nav li:hover , #next li:hover { padding-right: 4px; border-style: solid; border-color: #777; border-width: 0 4px 0 0; }
#nav li:active , #next li:active { position: relative; left: 3px; padding-right: 5px; }
#nav a , #next a { padding: 0; margin: 0; text-decoration: none;
	border: 0; font-size: 20px; color: #555; }
#next a { font-size: 15px; }
#float a { border: 0; }

/* 头部标题 */

#ctn_header { margin: 60px 20px 0px 200px; }

#title { float: left; text-align: left; margin: 10px 30px 30px 0; }
#title a { text-decoration: none; color: #444; border: 0; font-weight: normal; }
#title a:hover { color: #000; }
#title h1 { font-size: 32px; line-height: 38px; font-weight: normal; margin: 0; }
#title h2 { font-size: 18px; line-height: 28px; font-weight: normal; margin: 0; color: #777; }

#title_r { text-align: right; max-width: 100%; }
#title_r a { border: 0; }
#title_r input , #title_r button { 
	-webkit-transition: width ease 0.2s, height ease 0.2s, box-shadow linear 0.2s, background linear 0.2s, -webkit-transform linear 0.08s; -moz-transition: width ease 0.2s, height ease 0.2s, box-shadow linear 0.2s, background linear 0.2s, -moz-transform linear 0.08s; transition: width ease 0.2s, height ease 0.2s, box-shadow linear 0.2s, background linear 0.2s, transform linear 0.08s;
	display: inline-block; width: 38px; height: 38px; padding: 2px 8px; margin: 0 0 10px 10px;
	cursor: pointer; border: 0;
	background: url(img/search.png) no-repeat #FFF center; background-size: 18px;
	-webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px;
	box-shadow:0 0 10px #DDD;
}
#title_r input:hover , #title_r button:hover { background-color: #F9F9F9; }
#title_r button:active { box-shadow: 0 0 20px #DDD; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); }

#title_r form { display: inline-block; }
#title_r #tr_search { width: 22px; height: 34px; }
#title_r #tr_search:hover { background: url(img/search.png) no-repeat #F9F9F9 center; background-size: 18px; }
#title_r #tr_search:focus { width: 180px; height: 32px; padding: 2px 18px; vertical-align: middle;
	background: #FFF url(img/enter.png) right no-repeat; background-size: 12px; background-origin: content-box;
	border-style: solid; border-width: 2px; border-color: #E7E7E7; cursor: text;
	box-shadow: inset 0 0 0 #DDD; }

#title_r #tr_admin { background-image: url(img/admin.png); }
#title_r #tr_rss { background-image: url(img/rss.png); }
#title_r .tr_twitter { background-image: url(img/sns_twitter.png); }
#title_r .tr_fb { background-image: url(img/sns_fb.png); }
#title_r .tr_gplus { background-image: url(img/sns_gplus.png); }
#title_r .tr_weibo { background-image: url(img/sns_weibo.png); }
#title_r .tr_qqw { background-image: url(img/sns_qqw.png); }
#title_r .tr_github { background-image: url(img/sns_github.png); background-size: 30px; }
#title_r .tr_profile { background-image: url(img/profile.png); }


/* 内容容器 */

#ctn , #link { background: #FFF; margin: -16px 20px 0 200px; box-shadow: 0 0 15px #DDD; }
#link { margin-top: 0; }
#content , #link_content { margin: 30px; padding: 30px 0; }

/* 文章样式 */

.post_ctn { border-top: 1px dashed #DDD; }
.post_ctn .wp-caption { max-width: 100% !important; }
.post_ctn .wp-caption img  { width: auto !important; height: auto !important; max-height: auto !important; max-width: 100% !important; min-height: 40px !important; }
.wp-caption a { border: 0; }
.post_t { margin: 15px 0 15px 0; }
.post_time { display: inline-block; float: right; padding: 5px; margin-left: 15px;
	text-align: center; font-family: "Times New Roman", serif, sans-serif;
	border-width: 0 1px 1px 1px; border-style: dashed; border-color: #DDD; }
.post_t_u { font-size: 18px; line-height: 18px; }
.post_t_d { font-size: 24px; }
.post_hctn a { border: none; color: #444; }
.post_hctn a:hover { color: #000; }
.post_h_l { padding: 10px 0; border-bottom: 1px dashed #DDD; }
.post_ct { display: inline; font-size: 16px; line-height: 32px; padding-right: 5px;
	vertical-align: middle; }
.post_ct a:after { content: " >"; }
.post_h { display: inline; font-size: 24px; line-height: 32px; vertical-align: middle; font-weight: 600; }
.post_tag { margin: 5px 0 2px 0; }
.post_tag a , .post_c a { display: inline-block; padding: 2px 5px; margin: 0 4px 4px 0;
	font-size: 12px; border: 0; background: #EEE; color: #000;
	-webkit-transition: background linear 0.2s; -moz-transition: background linear 0.2s; transition: background linear 0.2s; }
.post_tag a:hover { background: #DEDEDE; }
.post_c a { background: #999; color: #FFF; }
.post_c a:hover { background: #777; color: #FFF; }
.wp-postviews { cursor: pointer; }
.more-link { display: inline-block; padding: 0 5px; line-height: 22px; height: 22px;
	background: #EEE; color: #000; border: 0;
	text-align: right; font-size: 14px; font-weight: normal;
	-webkit-transition: background linear 0.2s; -moz-transition: background linear 0.2s; transition: background linear 0.2s; }
.more-link:hover { background: #DEDEDE; color: #000; border: 0; }

#page_nav { text-align: center; }
.page-numbers { margin: 0 5px; }
#page_nav a , #post_nav a , #cmt-nav a { padding: 2px 5px; font-size: 14px;
	border: 0; background: #999; color: #FFF; box-shadow:0 0 10px #DDD;
	-webkit-transition: background linear 0.2s; -moz-transition: background linear 0.2s; transition: background linear 0.2s; }
#page_nav a:hover , #post_nav a:hover , #cmt-nav a:hover { background: #777; color: #FFF; }

#link_content { margin: 10px 30px; padding: 15px 0; }
#link_h { vertical-align: middle; padding: 0; margin: 0;
	font-size: 16px; line-height: 32px; }
#link a { vertical-align: middle; padding: 0; margin: 0 15px 0 0;
	font-size: 14px; line-height: 32px; }

#post_nav { margin: 30px 0 30px 0; }
#p_n_r { float: right; margin-left: 0; }

/* 评论样式 */

.comment , .comment li { list-style-type: none; }
.cmt .pingback { list-style: none; padding: 2px 15px; }
.cmt .pingback .edit-link { padding-left: 6px; }
.cmt_list { margin: 0; margin-left: -70px; }
.cmt_list li , .comment li { padding: 15px; margin: 0;
	border-style: dashed; border-color: #DDD; border-width: 1px 0 0 0; }
.comment .children { margin-bottom: 0; }
.comment .children li { margin-left: -35px; margin-bottom: 10px; padding-bottom: 0;
	border-style: dashed; border-color: #DDD; border-width: 1px 0 0 0; }
.comment-content { font-size: 14px; line-height: 24px; }
.comment-meta .avatar { float: left; margin-right: 15px; box-shadow:0 0 10px #DDD; }
.fn { font-weight: 600; font-style: normal; }
.cmt_meta_auth { font-weight: normal; font-style: italic; }
.cmt_meta_time { font-size: 12px; }
.cmt_ua_a { margin-left: 4px; border: 0; cursor: text; }
.cmt_ua_a:hover { border: 0; }
.cmt_ua_img { margin: 0 2px; width: 14px; }
.cmt_ua_n { margin: 0 2px; font-size: 12px; }
.comment-edit-link , .comment-reply-link {
	display: inline-block; margin: 0 5px 0 0; padding: 2px 6px; margin-right: 4px;
	font-size: 12px; border: 0; background: #EEE; color: #000;
	-webkit-transition: background linear 0.2s; -moz-transition: background linear 0.2s; transition: background linear 0.2s; }
.comment-edit-link:hover , .comment-reply-link:hover { background: #DEDEDE; border: 0; }
#cmt-nav { height: 21px; margin: 0; padding: 15px 0 15px 0; text-align: right;
	border-style: dashed; border-color: #DDD; border-width: 1px 0 0 0; }
.cmt-nav-prev { float: left; }
#cancel-comment-reply-link { text-decoration: none; font-weight: normal;
	padding: 2px 5px; margin-left: 10px; font-size: 12px;
	border: 0; background: #EEE; color: #000;
	-webkit-transition: background linear 0.2s; -moz-transition: background linear 0.2s; transition: background linear 0.2s; }
#cancel-comment-reply-link:hover { background: #DEDEDE; }
#respond { border-style: dashed; border-color: #DDD; border-width: 1px 0 0 0; }
#respond form { text-align: left; }
#respond input[type="submit"] { width: 27%; max-width: 200px; min-width: 100px; }
#author { margin-right: 10px; margin-bottom: 15px; }
#email { margin-right: 10px; margin-bottom: 15px; }
#url { margin-right: 0; margin-bottom: 15px; }
#respond textarea { width: 91.7%; max-width: 666px; padding: 15px; margin-top: -10px; }
#respond input[type="submit"] { min-width: 0; width: 80px; }

/* 边栏样式 */

#sidebar { margin: 0 5px 20px 200px; text-align: center; color: #555; font-size: 14px; }
#sidebar a { color: #777; border-bottom: 1px dashed #BBB; }
#sidebar a:hover { color: #000; border-bottom: 1px dashed #888; }
.widget { float: left; width: 45%; margin: 0 0px 10px 20px; }
#one { text-align: left; }
#two { text-align: right; padding: 0; }
.widget ul { margin-bottom: 20px; }

#two ul { padding: 0; }
#one ul > li , #one > form , #one > div { margin: 10px 0 10px 20px; text-align: left; }
#one ul > li { margin-left: -30px; }
#two ul > li , #two > form , #two > div { margin: 10px 30px 10px 0px;
	list-style: none; text-align: right; }
#two ul > li { margin-right: 30px; }
#two ul > li:after { content: ''; margin: 0 -15px 0 5px;
	display: inline-block; background: #555; width: 5px; height: 5px;
	-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }

.tagcloud a { display: inline-block; }
#wp-calendar td { width: 1%; height: 20px; }
#wp-calendar caption { font-weight: bold; margin-bottom: 5px; margin-left: -5px; }

/* 尾部样式 */

#footer { margin-left: 20px; width: 140px; padding: 10px 0 10px 0; font-size: 12px; line-height: 20px; background: #F5F5F5; color: #CECECE;
	border-style: solid; border-color: #DDD; border-width: 1px 0 0 0; }
#footer a { text-decoration: none; color: #BBB; }
#footer:hover { color: #999; }
#footer:hover a { color: #555; }
#footer a:hover { color: #000; }
#footer a:active { position: relative; top: 1px; }
#footer { -webkit-transition: color linear 0.2s; -moz-transition: color linear 0.2s; transition: color linear 0.2s; }
#footer a { -webkit-transition: color linear 0.2s; -moz-transition: color linear 0.2s; transition: color linear 0.2s; }

/* 移动适配 */

@media screen and (max-width: 600px) {

/* 基本样式布局 */

* { float: none; }
p { font-size: 14px; line-height: 26px; }
blockquote , q { margin-left: 15px; }
ol , ul { padding-left: 35px; font-size: 14px; }
.post_ctn img  { width: auto !important; height: auto !important; max-height: auto !important; max-width: 100% !important; min-height: 1px !important; }

#page { margin: 0 auto 0 auto; text-align: left; }
#float { width: auto; float: none; position: static; margin-top: 20px; padding: 0px; text-align: center; }
#ctn , #link { margin: 0; }
#content , #link_content { margin: 0px; }
#footer { width: auto; float: none; position: static; text-align: center; }

/* 细节样式适配 */

#logo { display: none; }

#nav , #next { width: auto; float: none; }
#next { padding-top: 2px; }
#nav li { padding: 0 8px 0 0; margin: 8px 2px 8px 2px; display: inline-block; }
#next li { padding: 0 8px 0 0; margin: 3px 2px 3px 2px; display: inline-block; }
#nav li:hover , #next li:hover { padding-right: 8px; border: 0; }
#nav li:active , #next li:active { position: static; padding-right: 8px; }
#nav a { font-size: 16px; }
#next a { font-size: 14px; }

#ctn_header { margin: 10px 0; text-align: center; }
#title { margin: 0 0 5px 0; float: none; text-align: center; }
#site-title a { font-size: 28px; margin: 5px 0 0 0; }
#site-description { font-size: 14px !important; margin: 0; }

#title_r { text-align: center; margin: 0; }
#title_r button { box-shadow: none; background: none; background-repeat: no-repeat; background-position: center; background-size: 16px; margin: -5px 0 0 0;  }
#title_r #tr_admin , #title_r #tr_rss { display: none; }
#tr_clear { display: block; }
#title_r #tr_search { text-align: center; margin: 0; }
#title_r #tr_search , #title_r #tr_search:hover , #title_r #tr_search:focus {
	display: block; width: 180px; height: 20px; padding: 2px 18px; vertical-align: middle;
	background: #FFF url(img/enter.png) right no-repeat; background-size: 12px; background-origin: content-box;
	border-style: solid; border-width: 2px; border-color: #E7E7E7; cursor: text; box-shadow: inset 0 0 0 #DDD; }

#float { margin-top: 0; }
#ctn { background: #FFF; margin: 0; }
#content { margin: 15px; padding: 30px 0; }

#link_content { margin: 15px; }

#post_nav { margin: 0 0 30px 0; }
.post_h_l { padding: 5px; }
.post_h { line-height: 22px; }
.post_h a { font-size: 20px; line-height: 22px; }
.post_t_d , .post_t_u { font-size: 16px; }
#p_n_r { float: right; margin-left: 0; }
.post_ct { line-height: 25px; margin: 0; padding: 0; }

.cmt_list { margin-left: -30px; }
.comment .children li { margin-left: -20px; }
.cmt_list li, .comment li { }
.comment { font-size: 13px; }
.comment p { font-size: 13px; line-height: 24px; }
.comment-meta .avatar { width: 24px; height: 24px; margin: 0 12px 0 0; }
.cmt_meta_auth { font-weight: normal; font-style: italic; }
.cmt_meta_time { font-size: 11px; margin: 0 6px; }
.cmt_meta_head , .cmt_meta_head , .cmt_meta_auth { display: inline; }
.cmt_ua_n { display: none; }
.cmt_ua_a:hover , .cmt_ua_a:hover .cmt_ua_n { display: inline; }

#sidebar , .widget , #one , #two , .recentcomments , #recentcomments , #recentcomments li , #two ul > li, #two > form, #two > div , #one ul > li, #one > form, #one > div { position: static; float: none; width: auto; text-align: center; padding: 0; margin: 0; list-style: none; }
#sidebar { margin-bottom: 20px; }
#recentcomments li { font-size: 14px; line-height: 30px; }

#footer { float: none; margin: auto; padding: 10px 0; width: auto; text-align: center; }

}