/* ------------------------------------
 * Motion
 *
 * @author	Sam modified by 羽中
 * @link	http://www.jzwalk.com
 * --------------------------------- */

/************************************************
*          Resets          *
************************************************/
html,body,div,p,span,h1,h2,h3,h4,h5,h6,img,ul,ol,dl,li,dt,dd,blockquote,pre,form,fieldset,label,input,table,th,td,a
{margin:0; padding:0; border:0; vertical-align:baseline; color:#fff;}
:focus {outline:0;}
body {line-height:1;}
ul, ol {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}

/************************************************
*          General elements       *
************************************************/
body {background:#000 url(images/bodybg.jpg) top center no-repeat fixed; font-family:"Lucida Grande", "Lucida Sans Unicode", "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif; text-align:center; padding-bottom:20px;} 
h1,h2,h3,h4,h5,h6 {font-family:Rockwell,Georgia,Palatino Linotype,Palatino,"Microsoft YaHei",PMingLiu,"Times New Roman",Times,serif;}
h1,h2,h3,h4,h5,h6,p,li,dt,dd,blockquote,label,th,td,a {text-shadow:0 0 4px #444;}
a {color:#a8ef9d; text-decoration:none;}
a:hover {}
a img {border:0;}
img {max-width: 100%;}
blockquote {font-style:italic; background:url(images/whitetrans.png); padding:.4em 1em .7em 1em; margin:.7em 0 .3em 0;}
code {font-size:1.1em; font-family:"Bitstream Vera Sans Mono", Monaco, "Lucida Console", monospace;}
kbd, tt {font-size:1.2em;}
hr {border:1px solid #a8ef9d;}
pre {overflow:auto; width:600px; background:url(images/blacktrans.png); padding:1em 1.5em; margin:1em 0; font-size:1.2em; white-space:pre-wrap; /* css3 */}
dl {}
dt {font-weight:bold;}
dd {padding-left:1em;}

table {margin:.5em 0;}
table th {color:#a8ef9d;}
table td, table th {padding:.5em .7em;}
table th {background:url(images/whitetrans.png); text-transform:uppercase; border-bottom:1px transparent;}
table td {background:url(images/blacktrans.png);}
table tr.even td {background:url(images/blacktrans2.png);}
table tr:hover td{background:url(images/whitetrans.png);}

fieldset {padding:1.2em; border:1px dashed #a8ef9d;}
legend {padding:.2em .8em; font-size:1.2em; text-transform:capitalize;}
input, textarea, select {font-family:"Lucida Grande", "Lucida Sans Unicode", "Microsoft YaHei", "Microsoft JhengHei", Verdana, Arial, Helvetica, sans-serif; margin:.2em 0; color:#222; font-size:1em;}
input, textarea {padding:.3em;}
input.radio, input.checkbox {background:#fff; padding:2px;}
form label{font-weight:bold; display:block;}

/************************************************
*          General       *
************************************************/
#wrapper {margin:15px auto 10px auto; padding:0; text-align:left; width:980px;}
.clear {clear:both;}
.cleared {overflow:hidden; width:100%;}


/************************************************
*          Header       *
************************************************/
#top #topmenu {float:left; width:640px;}
#top #topmenu li {float:left; background:url(images/whitetrans.png); padding:0 .8em .2em .8em; line-height:1.5em; margin:0 .4em .4em 0;}
#top #topmenu li:hover, #top #topmenu li.current {background:url(images/blacktrans.png);}
#top #topmenu li a {color:#fff; font-size:.75em;}
#top #topmenu li a:hover {color:#a8ef9d;}
#top #topmenu li a.rss {background:url(images/rsstrans.png) left 4px no-repeat; padding-left:17px;}

#top #search {float:right; width:300px; text-align:right;}
#top #searchform input {padding:3px;}
#top #searchbox {width:180px; color:#555; font-size:.75em; border:1px solid #ddd; background:#eee;}
#top #searchbox:hover {background:#fff;}
#top .submitbutton {cursor:pointer; background:url(images/blacktrans.png); color:#fff; font-size:0.8em; padding:.08em; vertical-align:top;}
#top .submitbutton:hover {background:url(images/whitetrans.png);}

#header {padding-bottom:20px;}
#header #logo {float:left; width:480px; margin:35px 0 10px 0;}
#header #logo img {float:left; margin:5px 10px 10px 0;}
#header #logo h1 a {color:#fff; font-size:2em; font-weight:normal; text-shadow:0 0 6px #555;}
#header #logo h1 a:hover {color:#a8ef9d;}
#header #logo #desc {font-size:.8em; color:#ddd; margin-top:.6em; line-height:1.2em;}
#header #headerbanner {float:right; width:468px; margin:30px 0 10px 0; text-align:left; padding:10px; background:url(images/whitetrans.png); font-size:.8em; line-height:1.5em;}
#header #headerbanner h3 {font-size:1.1em; font-family:"Lucida Grande", "Lucida Sans Unicode", "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;}
#header #headerbanner p a {border-bottom:1px dashed #a8ef9d;}
#header #headerbanner a:hover {background:url(images/blacktrans.png);}
#top, #header, .navmenu {overflow:hidden; width:100%;}

.navmenu {width:980px; background:url(images/blacktrans.png);}
.navmenu li {float:left; background:url(images/blacktrans.png); line-height:2em; margin:5px 0 5px 5px;}
.navmenu li:hover, .navmenu li.current {background:url(images/blacktrans2.png);}
.navmenu li a {display:block; margin:0; font-size:0.8em; color:#fff; padding:0 13px;}
.navmenu li a:hover {color:#afdaff; text-decoration:none; display:block;}
.navmenu li ul {position:absolute; width:180px; left:-999em; padding-top:5px; margin:0;}
.navmenu li:hover ul, .navmenu li.sfhover ul {left:auto;}
.navmenu li li {padding:0; margin:0; width:180px; line-height:1.5em;}	
.navmenu li li a {color:#fff; margin:0; padding:7px 13px; background:url(images/blacktrans3.png);}
.navmenu li li ul li {margin-left:13px;}
.navmenu li li a:hover {color:#afdaff;}
.navmenu li:hover, .navmenu li.sfhover {position:static;}

/************************************************
*          Content      *
************************************************/
#main {padding:30px 0 20px 0;}
#content {float:left; overflow:hidden; width:640px;}
#content.full {width:980px;}
h2#contentdesc {font-weight:normal; font-size:1.3em; padding-bottom:15px;color:#ccc;}
h2#contentdesc span {color:white;}

.post {padding:0 0 35px 0;}
.sticky {padding:10px; margin-bottom:35px; background:url(images/blacktrans.png);}
.posttop {background:url(images/blacktrans.png); padding:10px;}
.posttop h2.posttitle a {color:#afdaff; font-size:1.4em;}
.posttop h2.posttitle a:hover {color:#a8ef9d; border-bottom:1px dashed #a8ef9d;}
.postmetatop {text-transform:capitalize; font-size:0.7em; padding-top:8px; line-height:1.5em; overflow:hidden;}
.postmetatop .categs {float:left; width:450px; background:url(images/categ.png) left 2px no-repeat; padding-left:20px; line-height:16px;}
.postmetatop .categs a:hover {color:#afdaff;}
.postmetatop .date {float:right; width:130px; text-align:right;}
.postmetatop .date span {background:url(images/date.png) left no-repeat; padding-left:20px;}

.postcontent {color:#fff; margin:.8em 0; font-size:0.8em; line-height:1.5em;}
.postcontent h1 {padding:.8em 0; font-size:1.5em;}
.postcontent h2 {padding:.8em 0; font-size:1.4em;}
.postcontent h3 {padding:.8em 0; font-size:1.3em;}
.postcontent h4 {padding:.8em 0; font-size:1.2em;}
.postcontent h5 {padding:.8em 0; font-size:1.1em;}
.postcontent h6 {padding:.8em 0; font-size:1em;}
.postcontent p {padding:.6em 0 .2em 0;}
.postcontent a {border-bottom:1px dashed #a8ef9d;}
.postcontent a:hover {background:url(images/blacktrans.png);}
.postcontent a img {border-bottom:0; display:block;}
.postcontent img {background:url(images/blacktrans.png); padding:0.4em;}
.postcontent ul, .postcontent ol {padding:.4em 0 .5em 2em;}
.postcontent ul li {list-style:disc;}
.postcontent ol li {list-style:decimal;}

.postmetabottom {background:url(images/whitetrans.png); padding:10px; font-size:0.8em; line-height:1.1em; margin-top:15px; overflow:hidden;}
.postmetabottom a {color:#fff;}
.postmetabottom a:hover {color:#afdaff;}
.postmetabottom .tags {float:left; width:440px; background:url(images/tags.png) left 1px no-repeat; padding-left:20px; line-height:16px;}
.postmetabottom .readmore {float:right; width:140px; text-align:right;}
.postmetabottom .readmore span {background:url(images/more.png) left 4px no-repeat; padding-left:17px;}

.postmetaauthor {background:url(images/blacktrans.png); padding:10px; font-size:0.8em; line-height:1.1em; margin-top:20px;}
.postmetaauthor .authorpic {float:left; width:60px; }
.postmetaauthor .authordesc {float:right; width:540px; }
.postmetaauthor .authordesc p.theauthor {line-height:1.4em; font-weight:bold;}
.postmetaauthor .authordesc p.thedesc {line-height:1.4em; padding:.8em 0 .2em 0;}
.postmetaauthor .authordesc a {color:#afdaff; border-bottom:1px dashed #afdaff;}
.postmetaauthor .authordesc a:hover {background:url(images/blacktrans.png);}

/************************************************
*          Navigation      *
************************************************/
#navigation {overflow:hidden; width:100%; line-height:1.7em; margin-bottom:20px;}
#navigation li {display:inline; margin:0 2px;}
#navigation a {padding:5px 7px; font-size:.8em; background:url(images/blacktrans.png); color:#fff; border:none;}
#navigation a:hover {color:#a8ef9d;}
#navigation .current a {padding:5px 7px; font-size:.8em; background:url(images/blacktrans2.png); color:#ccc; border:none;}

/************************************************
*          Comments      *
************************************************/
#comments {margin:15px 0; width:640px;}
#comments h3 {font-size:1em; font-weight:normal;}
#comments ul.commentlist li {margin:10px 0 0 0; padding:15px; background:url(images/blacktrans.png); clear:both;}
#comments .comment-wrap {overflow:hidden; width:100%;}
#comments div.children ul.commentlist li {margin:20px 0 0 20px; clear:both;}
#comments img.avatar {float:left; margin:0 20px 0 0; background:url(images/blacktrans.png); padding:3px;}
#comments .commentbody .author {font-size:.9em; margin-bottom:10px; color:#eee;}
#comments .commentbody .author a {color:#b9ff9d; border-bottom:1px dashed #b9ff9d;}
#comments .commentbody .author a:hover {color:#eee; border-bottom:1px dashed #b9ff9d;}
#comments .commentbody .commentmetadata {font-size:.7em; color:#bbb; margin-bottom:25px;}
#comments .commentbody .commentmetadata a {color:#bbb;}
#comments .commentbody p {font-size:.8em; padding:5px 0 8px 0; line-height:1.4em;}
#comments .commentbody p a {color:#b9ff9d; border-bottom:1px dashed #b9ff9d;}
#comments .commentbody p a:hover {color:#eee; border-bottom:1px dashed #b9ff9d;}
#comments .reply a {margin-top:5px; padding:5px; line-height:1.3em; font-size:.7em; float:left; background:#ddd; color:#000;}
#comments .reply a:hover {background:#fff; color:#111;}
#comments h3#trackbacktitle {padding-top:10px;}
#comments ul.trackback {margin:10px 0 0 0; padding:15px; background:url(images/blacktrans.png);}
#comments ul.trackback li {margin-bottom:17px; font-size:.9em;}
#comments ul.trackback li .commentbody .author {margin:0;}
#comments a#cancel-comment-reply-link {display:block; padding:8px 0;}
#comments a#cancel-comment-reply-link:hover {color:#ccc;}

#comments .respond {margin-top:20px; overflow:hidden; width:100%;}
#comments .respond h3 {margin-bottom:15px;}
#comments .respond input {padding:5px; width:200px; background:#efefef; font-size:.8em;}
#comments .respond p {padding:.5em 0 0 0;}
#comments .respond p label, .logged-in-as {font-size:.8em; font-weight:normal;}
#comments .respond textarea {width:600px; padding:10px; background:#efefef; font-size:.8em; border:none;}
#comments .respond .submitbutton {color:#fff; background:url(images/blacktrans3.png); padding:6px; line-height:1.4em; font-size:.8em;}
#comments .respond .submitbutton:hover {cursor:pointer; color:#a8ef9d;}

/************************************************
*          Sidebar       *
************************************************/
#sidebar {float:right; width:300px; font-size:0.8em; line-height:1.4em; margin-bottom:30px;}
#sidebar ul li.boxed {background:url(images/blacktrans.png); padding:10px; margin-bottom:15px; overflow:hidden;}
#sidebar h3 {background:url(images/blacktrans.png); padding:5px 10px; line-height:1.3em; font-weight:normal; font-size:1.4em; margin-bottom:10px;}
#sidebar ul ul li a {display:block; padding:3px 5px;}
#sidebar ul ul li a:hover, #sidebar p a:hover {background:url(images/blacktrans.png);}
#sidebar ul ul ul li {background:url(images/bullet.png) left 7px no-repeat; line-height:1.5em; padding:0 0 0 10px; margin:0 0 0 10px;}
#sidebar p {color:#eee; padding:0 5px 10px 5px;}
#sidebar img {background:none; border:none; padding:0 5px;}
li#tagbox a {display:inline !important;}
li#tagbox a:hover {color:#fff;}
li#commentbox img.avatar {float:left; margin-right:8px; background:url(images/blacktrans.png); padding:2px;}
li#commentbox a {display:inline !important; padding:0px !important; margin:0px !important;}
#commentbox li {margin:5px;}
li#categorybox ul li a {display:inline !important;}

/************************************************
*          Footer       *
************************************************/
#footer {clear:both; background:url(images/blacktrans.png); font-size:0.8em; overflow:hidden; width:100%;}
#footer .foot1 {float:left; width:310px; margin:10px 0 0 10px; display:inline;}
#footer .foot2 {float:left; width:310px; margin:10px 15px 0 15px;}
#footer .foot3 {float:left; width:310px; margin:10px 0 0 0;}
#footer h3 {font-weight:normal; font-size:1.4em; margin-bottom:.4em;}
#footer h4 {font-weight:normal; font-size:1em; margin:.8em 0 .2em 0; font-family:"Lucida Grande", "Lucida Sans Unicode", "Microsoft YaHei", Verdana, Arial, Helvetica, sans-serif;}
#footer p {line-height:1.5em; color:#eee; padding:.2em 0 .8em 0;}
#footer ul li {padding:10px; margin-bottom:10px; background:url(images/blacktrans.png);}
#footer ul ul li {background:url(images/bullet.png) left 7px no-repeat; line-height:1.5em; padding:0 0 0 10px; margin-bottom:4px;}
#footer li a {font-weight:normal; display:block; padding:2px 5px;}
#footer a:hover {background:url(images/blacktrans.png);}
#footer .tagbox a {display:inline;}
#footer .tagbox a:hover {background:none; color:#fff;}

#credits {clear:both; overflow:hidden; width:100%;margin-top:.7em; font-size:0.7em; line-height:1.4em;}
#credits a {color:#ddd;}
#credits a:hover {background:url(images/blacktrans.png); color:#fff;}
#credits #creditsleft {float:left; width:600px; color:#aaa;}
#credits #creditsright {float:right; width:300px; text-align:right; color:#aaa;}

/************************************************
* Typecho related *
************************************************/
.alignleft {float:left; margin:5px 15px 7px 0;}
.alignright {float:right; margin:5px 0 7px 15px;}
.aligncenter,div.aligncenter {margin:10px auto; text-align:center; display:block;}
img.alignleft {float:left; margin:5px 15px 5px 0;}
img.alignright {float:right; margin:5px 0 5px 15px;}
img.aligncenter {margin:10px auto; text-align:center; display:block;
.caption {text-align:center; background:url(images/blacktrans.png); padding-top:6px; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.caption img {padding:0; margin:0; border:0 none;}
.caption p.caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}
.gallery-caption{text-align:center; background:url(images/blacktrans.png);}
.form-allowed-tags{display:none;}
/* Tag Size */
.size-5 {font-size:12px;}
.size-10 {font-size:14px;}
.size-20 {font-size:16px;}
.size-30 {font-size:20px;}