/*
Theme Name: deCoderN
*/
/*样式是基于原模板基础上修改，很多地方不是太合理，有时间我会修复直到这句注释消失 ：-）*/
html { width:100%; height:100%; overflow-x:hidden }
body { margin: 0px; padding: 0px; background: #1f1f1f url(img/laozhuhome.gif) repeat-x  0 -274px; color: #fdfdfd; font-family:"微软雅黑",'Microsoft YaHei',Tahoma,Sans-Serif; font-size: 12px; }
a { color: #f8dec7; }
a:hover { color:#f09; }
p { margin: 0 0 20px 0; padding: 0px; line-height: 22px; }
img { border: none; vertical-align:middle; }

/*BASIC LAYOUT*/
#Topimg,#content,#header{width:960px;margin:0 auto;}
#header{position:relative;;height:180px;background:url(img/bg-header.jpg) no-repeat left top;z-index: 2;/* IE z-index bug */ }
#content {background:url(img/bg-content.gif) repeat-y right top;z-index: 1;width:960px;margin:0 auto;/* IE z-index bug */ -moz-box-shadow:3px 3px 3px #111;-webkit-box-shadow:3px 3px 3px #111;box-shadow:3px 3px 3px #111;}
#content-left { font-size:14px; float: left; width: 630px; padding: 40px 0; }
#content-right { float: right; width: 290px; }

/*HEADINGS*/
h1#blog-title { float: left; margin: 50px 10px 0 0; padding: 0px; font-size: 33px; text-shadow:0px 1px 2px #E0E0E0; }
h1#blog-title a { font-family:Arial; color: #fff; text-decoration: none; }
h1#blog-title a:hover { text-decoration: none; color:#f09; -webkit-transition: all 0.5s ease-in-out; }
h2#blog-description { float: left; margin: 69px 0 0 0; padding: 0px; color: #f8dec7; font-size: 12px; font-weight: normal; }
h2#category-title { margin: -10px 0 30px 0; }
h3.post-title { margin: 0 0 20px 0; padding: 0px; color: #0cf; font-size: 22px; width:80%; }
h3.post-title a { color: #0cf; text-shadow:1px 1px 2px #0099FF; border-bottom: 1px solid #0cf; text-decoration:none; -webkit-transition: all 0.2s ease-out; }
h3.post-title a:hover { color:#f09; border-bottom: 1px solid #f09; }
h4.sidebar-title { margin: 0 0 10px 0; padding: 0px; color: #0cf; font-size: 20px; text-shadow:3px 3px 3px #111; }
h4.content-title { overflow:hidden; margin: 0 0 20px 0; padding: 0px; color: #0cf; font-size: 16px; }

/*HEADER*/
#rss {position:absolute;right:0;top:62px;}
#rss a {display:block; background: url(img/laozhuhome.gif) no-repeat 0 -93px; height:77px; width:104px; }
#rss a:hover { text-decoration: underline; }

/*CONTENT*/
/** CONTENT LEFT */
.box-left, .post, .page { overflow:hidden; margin: 0 0 20px 0; }
.sticky { padding: 20px; background: #2a2a2a; border: 1px solid #3a3a3a; }
.tags { padding: 0 0 0 15px; clear:both; background: url(img/laozhuhome.gif) no-repeat -133px -135px; }
.meta { padding: 10px 0 0 0; color: #f8dec7; border-top: 1px dotted #5d5d5d; clear: both; }
.meta-date { padding: 0 10px 0 15px; background: url(img/laozhuhome.gif) no-repeat -133px -213px; }
.meta-categories { padding: 0 10px 0 15px; background: url(img/laozhuhome.gif) no-repeat -133px -241px; }
.meta-comments { padding: 0 10px 0 15px; background: url(img/laozhuhome.gif) no-repeat -133px -171px; float:right;}
.box-left ul, ol, .post ul, ol, .page ul, ol { margin: 0 0 20px 0; line-height: 22px; }
.box-left ul, .post ul, .page ul { padding: 0 0 0 20px; list-style: none; overflow:hidden; }
.box-left ul li, .post ul li, .page ul li { margin: 5px; width:170px; float:left; padding: 0 0 0 20px; background: url(img/bg-list-item-content.png) no-repeat left center; }
/** CONTENT RIGHT */

.box-right { margin: 0px; width:248px; padding: 20px 20px 25px 20px; margin-right:-8px; background:url(img/bg-box-right.gif) repeat-x left bottom;overflow:hidden;}
.box-right ul { margin: 0px; padding: 0px; list-style: none; font-size:14px; }
.box-right li { margin: 0px; padding: 0 0 7px 10px; background: url(img/laozhuhome.gif) no-repeat -138px -93px; }
.box-right li a { padding: 5px 0; text-decoration: none; }
.box-right li a:hover { color:#f09; }
.box-right li ul { padding: 5px 0 0 0; }

/*BASIC CSS ELEMENTS*/
hr { height: 1px; margin: 20px 0; background: #3a3a3a; border: none; }
table { width: 100%; margin: 0 0 20px 0; }
th, td { padding: 5px 10px; }
th { background: #006990; color: #fff; }
tr.even { background: #2a2a2a; }
pre { margin: 0 0 20px 0; padding: 20px; background: #2a2a2a; line-height: 22px; border: 1px solid #3a3a3a; font-family:"微软雅黑", Helvetica, serif;}
blockquote { padding: 0 0 0 20px; border-left: 5px solid #2a2a2a; }

/*FORMS */
/** GENERAL */
fieldset { margin: 0 0 40px 0; padding:40px; background: #2a2a2a; border: none; }
legend { color: #006990; font-size: 14px; }
label { display: block; margin: 0 0 5px 0; }
input, textarea { width: 50%; height: 23px; margin: 0 0 20px 0; padding:5px; color: #5d5d5d; background: #fff url(img/input.gif) repeat-x left -30px; border: none; overflow-y:hidden; line-height:23px; font-family:'Comic Sans MS','Microsoft YaHei',Tahoma,Sans-Serif; }
textarea { width: 87%; height: 150px; background:#fff url(img/panda.jpg) no-repeat center top;}
select { margin: 0 0 20px 0; }
input.radio, input.checkbox { width: auto; height: auto; margin: 0px; padding: 0px; background: #fff; }
input.submit, input.button { width: 270px; height: 30px; margin: 0px; padding: 0 20px; background: url(img/input.gif) no-repeat left top; border: none; color: #fff; }
/** SEARCHFORM */

#content #searchform { width: 250px; }
#searchform #search { float: left; width: 200px; height: 23px; padding:4px; color: #5d5d5d;}
#searchform #search-submit { float: right; width: 30px; height: 30px; margin: 0px; padding: 0px; }
/** COMMENTFORM */

#comments, #trackbacks { margin: 0; padding-top:1px; }
#trackbacks { margin: 20px 0 0 0; }
.comment { padding: 0 40px 40px 40px; background: #2a2a2a; }
#trackbacks ul { margin: 0 0 40px 0; padding: 40px 40px 30px 40px; background: #2a2a2a; list-style: none; }
#trackbacks li { margin: 0 0 10px 0; padding: 0 0 0 20px; line-height: 22px; background: url(img/bg-list-item-content.png) no-repeat 0px 4px; }
.first { padding: 40px; }
#response { margin: 60px 0 0 0; }
#response fieldset { padding: 40px; }
.comment-left, #commentform-left { float: left; width: 110px; height: 120px; background: url(img/bg-commentform-left.gif) no-repeat right top; }
.comment-right, #commentform-right { float: left; width: 440px; min-height: 120px; margin-bottom:20px; }
.comment-text { padding: 20px; background: #303030; border:1px solid #3a3a3a; color: #fff; line-height: 22px; }
#response textarea { width: 420px; height: 100px; margin: 0px; padding: 5px; }
#response label { display: block; line-height: 20px; }
#response input.text { width: 420px; height: 20px; margin: 0px; padding: 5px; }
#response input.submit { float: right; height: 30px; margin: 20px 0 0 0; padding: 0 20px; width:100px; }
.comment-author { margin: 0px; padding: 5px 0; color: #fff; font-size: 14px; }
.comment-author a { color: #006990; text-decoration: none; }
.comment-author a:hover { text-decoration: underline; }
/** COMMENTS IN WP 2.7 */

#commentfieldset { padding: 20px 40px; }
.commentlist ul { margin: 0px; padding: 0px; list-style: none; }
.commentlist li { margin: 20px 0 0 0; padding: 20px 0 20px 20px; background: #2a2a2a; list-style: none; }
.commentlist .avatar { float: right; margin: 5px 20px 10px 20px; }
.commentlist li a { color: #f8dec7; }
.commentlist li p { margin: 0 20px 10px 0; }
.commentlist .comment-meta { margin: 0 0 20px 0; }
.commentlist .comment-author a { padding: 0 0 5px 0; color: #0cf; font-weight: bold; }
.commentlist ul.children { margin: 0px; padding: 0px; }
.commentlist .children li { margin: 20px 0 0 0; padding: 20px 0 20px 20px; background: none; border: 1px solid #3a3a3a; border-right: none; }
.reply { display:none; width: 50px; height: 25px; line-height: 25px; text-align: center; background: #1f1f1f; border: 1px solid #5d5d5d; border-right: none; border-bottom: none; }
.reply a { display: block; height: 25px; line-height: 25px; }
#cancel-comment-reply { margin: 5px 0 20px 0; }
#cancel-comment-reply a { color: #6a6a6a; }
.commentlist li.depth-1, .commentlist li.depth-3, .commentlist li.depth-5 { background: #2a2a2a; }
.commentlist li.depth-2, .commentlist li.depth-4, .commentlist li.depth-6 { background: #3a3a3a; }

/*FOOTER*/
#footer-wrap { background: url(img/laozhuhome.gif) repeat-x left -2px; height:40px; overflow:hidden;}
#footer { width: 960px; margin: 0 auto; }
#footer p { margin: 0px; padding: 0px; line-height: 40px; }
#legal { float: left; width: 450px; }
#webdemar { float: right; width: 450px; text-align:left; }
#webdemar a { display:inline-block; }

/*USEFUL*/
.clearfix:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
* html .clearfix { height: 1%;}
.clear { clear: both; }
/** WORDPRESS CSS */

.aligncenter, div.aligncenter { display: block; margin: 0 auto; }
.aligncenter { margin-bottom: 20px!important; }
.alignleft { float: left; margin: 0 20px 20px 0; }
.alignright { float: right; margin: 0 0 20px 20px; }
.wp-caption { margin-bottom: 20px; padding-top: 4px; border: 1px solid #3a3a3a; text-align: center; background-color: #2a2a2a; }
.wp-caption img { float: none; margin: 0px; padding: 0px; border: none; }
.wp-caption p.wp-caption-text { padding: 0px; margin: 0px; }
/** WIDGETS CSS */

#calendar_wrap table { width: 100%; margin:0; }
#calendar_wrap tfoot { display:none; }
#calendar-3 h4 { display:none; }
#calendar_wrap td { text-align: center; }
#wp-calendar caption { margin: 0 0 10px 0; padding: 2px; background: #3a3a3a; }

/*Add by N*/
.welcome { display:none; text-align: right; padding-top:70px; }
#welcome strong { color:#f09; }
.pagecontrol { padding-top:20px; height:20px; }
.pageleft { float:left; width:300px; }
.pageright { float:right; width:300px; text-align:right; }
.mokopink { color:#f09 }
.related_post_title { color:#ccc; font-size:14px; border-top:1px solid #343434; border-bottom:1px solid #343434; padding:2px 0; }
.album img { margin:3px 2px; border:3px solid #3a3a3a; }
span.logoA  { margin:0 0 20px 20px; float:right; width:100px; height:68px; overflow:hidden; border:2px solid #3a3a3a; }
span.logoB{margin:0 0 20px 20px; float:right;} 
.recorder { color:#f9c; }
#Topimg{margin:1px auto;height:200px;}
#Topimg img { display:none; vertical-align:top; }
#Topimg a:hover img { opacity: 1; -moz-transform: scale(1.01, 1) rotate(0deg); -webkit-transform: scale(1.01, 1) rotate(0deg); -o-transform: scale(1.01, 1) rotate(0deg); }
a img { opacity: 0.9; -webkit-transition: all 0.2s ease-out; }
a:hover img { opacity: 1; -moz-transform: scale(1.05) rotate(2deg); -webkit-transform: scale(1.05) rotate(2deg); -o-transform: scale(1.05) rotate(2deg); }
.backtop { float:right; margin:0; padding:0; }
.backtop a { text-decoration:none; }
.atm { background:url(img/laozhuhome.gif) no-repeat 0 -195px;float:left; height:40px; width:39px; margin-left:290px; }
cite { font-style:normal; }
cite a{color:#0cf;}
cite img{display:none;}
#rc_nav { background:none; position:relative; z-index:5; }
#tag_cloud-3 div a { z-index:7 }
.infos { position:absolute; right:85px; top:50px; width:170px; text-shadow:0 0 4px #ccc; }
#recentcomments ul li { background:none; }
.author{ color:#F8DEC7; font-weight:700;}
.adsense{width:468px; margin:0 auto 7px; -webkit-box-shadow:0px 0px 5px #3a3a3a; -moz-box-shadow:0px 0px 5px #3a3a3a;}
abbr{color:#F8DEC7;}
.beta{background: url(img/beta.jpg) no-repeat right 6px;}
.hexie{display:none;}
.Unav a{text-decoration:none;}
#readerswall a img{margin:2px;}
.wall img{border:1px dashed #3a3a3a; margin:0 1px 0 0; height:32px; width:32px;}
.flinks a{ color:#fff; text-decoration:none;}
.flinks li:hover span{background:#7a7a7a; color:#ffc;}
.flinks ul{margin:0; padding:0;}
.flinks ul li span{ display:block; text-align:center; background:#4a4a4a; color:#fff; padding:3px 0;}
.flinks ul li{ float:left; margin-right:3px; border:1px solid #0cf; padding:1px; list-style:none;  background:none; width:145px;}
.flinks ul li.last{ margin-right:0;}
.comment-body .linkimg{max-width:570px; max-height:428px; _display:none;}
.hots{float:right; font-size:14px; line-height:39px; color:#7a7a7a; text-shadow:2px 2px 2px #000; font-weight:700;}
#loading{position:fixed; _position:absolute; top:50%; left:50%; width:64px; height:64px; overflow:hidden; background:url(img/load.gif); z-index:7; margin:-32px 0 0 -32px;}
/*#mask{position:absolute;z-index:6; width:100%; margin:0 auto; left:0; top:0; height:2800px; opacity:0.77;}*/
.line{ height:0; border-bottom:1px dashed #3a3a3a; line-height:0; font-size:0; overflow:hidden;}
.category{margin-bottom:0;}
.category li a{font-size:20px;}
#qtww{display:none;}
#tooltips{ position:absolute; z-index:100; width:170px; height:67px; background:#000; border:1px solid #2a2a2a; -moz-border-radius:7px; -moz-box-shadow:0 0 1px #fff; overflow:hidden;}
#tooltips p{ margin:0;}
#tooltips span{ display:block; margin-top:5px; color:#F8DEC7;}
code{margin: 0; padding: 10px; background: #2a2a2a; line-height:22px; border:1px solid #3a3a3a; font-family:"微软雅黑", Helvetica, serif; display:block;}
#focusimg{ width:100%; position:relative;height:300px; overflow:hidden; border:1px solid #2a2a2a;}
#focusimg ul{ position:absolute; left:0;top:270px; margin:0; padding:0;}
#focusimg ul li{float:left; background:#fff; text-align:center; border:1px solid #000; width:120px; height:30px; color:#f09; font-weight:bold; list-style:none;}
#slideimg{ width:5000px; position:absolute; overflow:hidden; left:0;}
#article{ width:630px; float:left;}
#polls-widget-4{}

/*Comment*/
.editComment, .editableComment, .textComment { display: inline; }
.comment-childs { border: 1px solid #505050; margin: 7px; padding: 5px 15px 0; background-color: #4a4a4a; }
.chalt { border: 1px solid #404040; background-color: #3a3a3a; }
#newcomment { border:1px dashed #777; width:90%; }
#newcommentsubmit { color:red; font-weight:700; }
.adminreplycomment { border:1px dashed #777; width:99%; margin:4px; padding:4px; }
.mvccls { color: #999; }
.commentlist{ padding-left:0;}

/*** Navgation ***/
.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; }
.sf-menu { position: absolute; bottom: 0px; left: 0px; margin: 0px; padding: 0px; list-style: none; line-height:1.0; }
.sf-menu ul { position:		absolute; top:-999em; }
.sf-menu li:hover { visibility:	inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float:left; position:	relative; margin-right:2px; }
.sf-menu a { display:block; width:60px; color:#FFF; position:relative; font:700 14px/56px "微软雅黑",'Microsoft YaHei',Tahoma,Sans-Serif; height: 40px; line-height: 40px; padding:5px 12px 0; text-decoration:none; text-align:center; }
ul#menu li a:hover, ul#menu li.current-cat a { background: url(img/laozhuhome.gif) repeat-x left -42px; color:#f09; -webkit-transition: all 0.5s ease-out; }

/*Pagenav*/
.wp-pagenavi { clear: both; font-family:Georgia, "Times New Roman", Times, serif; padding:5px 0; font-size:15px; }
.wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: 1px solid #343434; padding: 3px 5px; margin: 2px; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #343434; background:#3e3e3e; }
.wp-pagenavi span.current { font-weight: bold; }
.post-ratings { width:100%;  -moz-opacity: 1; opacity: 1;/* background-color: #ffffff; filter: alpha(opacity=100);*/
}
.post-ratings-loading { display: none; height: 16px; text-align: left; }
.post-ratings-image { border: 0px; }
.post-ratings IMG, .post-ratings-loading IMG, .post-ratings-image IMG { border: 0px; padding: 0px; margin: 0px; }
.post-ratings-text { padding-left:12px; color:#F09; }
.post-ratings-comment-author { font-weight: normal; font-style: italic; }

/*Lightbox*/
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #5a5a5a; width: 250px; height: 250px; margin: 0 auto; -web-kit-box-shadow:0 0 5px #ccc; -moz-kit-box-shadow:0 0 5px #ccc; border-radius:17px; -moz-border-radius:17px;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #5a5a5a; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }

/*Chucai*/
#mp_ukagaka .mpu-clear { clear:both; color:#FFF; }
#mp_ukagaka a { color:#FFF; }
#ukagaka_shell { font-size:12px; margin:0 20px 0 0; padding:0; position:fixed; right:0; bottom:0; float:right; display:block; z-index:501; }
#ukagaka_img img:hover { cursor:pointer; }
#ukagaka { position:relative; float:right; padding-right:10px; }
#ukagaka_msgbox { position:absolute; color:#FFF; top:30px; left:-242px; width:250px; min-height:50px; }
.ukagaka-msgbox-border { height:8px; margin:-1px 6px 0 6px; background:url(/wp-content/plugins/mp-ukagaka/images/msgbox_border.png) no-repeat scroll right 0; }
#ukagaka_msg { padding:7px 10px; background:url(/wp-content/plugins/mp-ukagaka/images/ukagaka_bg.png) repeat scroll 0 0; border:1px solid #595956; border-bottom:none; -moz-border-radius:5px; -webkit-border-radius:5px; }
#ukagaka_msg a { color:#FFF; text-decoration:underline; }
#ukagaka_msg a:hover { text-decoration:none; }
.ukagaka-dock { color:#FFF; float:right; padding:5px 10px; text-align:center; background:#7a7a7a url(/wp-content/plugins/mp-ukagaka/images/bar-bg.png) repeat-x scroll 0 0; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; }
#mp_ukagaka{_display:none; display:none;}
#mp_ukagaka b{ font-weight:400; color:#fff;}
#mp_ukagaka strong{color:#F8DEC7;}
#ukagaka_msg{ color:#f09;}
#hellofrom{color:#F8DEC7;}

/*RecentComments*/
.rc_item .rc_avatar { line-height:1px; }
.rc_item .rc_avatar img { background:#FFF; padding:1px; border:1px solid #333; }
.rc_item .rc_left { display:inline; float:left; padding-right:7px !important; padding-right:4px; width:34px; }
.rc_item .rc_right { display:inline; float:right; padding-left:7px !important; padding-left:4px; }
.rc_item .rc_info .author_name { font-weight:bold; }
#rc_newest { float:left; padding-right:10px; }
#rc_newer { float:left; }
#rc_older { float:right; }
.rc_fixed { clear:both; }
.rc_label { font-weight:bolder; }
.rc_back { float:left; }
.rc_datetime { float:right; }
.rc_info {*margin-top:-20px; background:none; }
#recentcomments {padding-left:0;}
#recentcomments li{float:left;list-style:none;background:none;position:relative;width:53px;height:53px;z-index:0;}
.box-right ol li{padding:0 0 7px 5px;}
#recentcomments li a:hover{background:none;}
#recentcomments li img{position:absolute;}

#readers ul li{list-style:none;width:34px;height:34px;float:left;}

/*rewrite*/
#recentcomments a img{border:2px solid #fff;}
#recentcomments li a:hover img{border:4px solid #0cf;left:-15px;top:-15px;width:80px;height:80px;}

#readers{clear:both; zoom:1;}
#readers ul{margin:0; padding:0;}
/*#readers a img{-webkit-transition: all 0.4s ease-out; position:absolute;}
#readers a:hover img{border:2px solid #0cf; left:-22px; top:-24px;width:80px;height:80px;-webkit-transform:rotate(360deg);z-index:100; border-radius:2px; -webkit-box-shadow:0 0 7px #fff; left:}*/
#readers li{list-style:none; float:left; width:34px; height:34px; position:relative;}

h3.footprint{margin:0 0 15px 0; color:#0cf; font-size:16px;}
h3.footprint span img{border:4px solid #fff;}

/*HTML5*/
section, article, aside, header, footer, nav, dialog, figure{display:block;}