@charset "utf-8";

/*
Theme Name: xuan
Description: simple less
Version: 1.0
Author: xuan
Author URI: http://beyondseason.com
Tags: fixed-width, one-column, black
*/

body { margin: 0; padding: 0; border: 0; background: #fff; color: #000; font: normal 12px/1.5 microsoft yahei, arial, 'Trebuchet MS', simsun, sans-serif; text-align: center; }
a:link, a:visited { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
ul, ol { margin: 0; padding: 0; list-style: none; }
input { vertical-align: middle; }
pre { display: block; margin: 5px 0; padding: 5px 10px; border: 1px solid #ddd; background-color: #f6f6f6; color: #666; font-family: 'Courier New', Courier, Serif; }
code { display: block; margin: 5px 0; padding: 10px; border: 1px dotted #fff; background-color: #000; color: #090; font-family: 'Courier New', Courier, Serif; }
blockquote { margin: 0 1.5em; padding: 0 1.5em; border-left: 1px solid #ccc; color: #999; font-style: italic; }
blockquote strong { color: #333; font-weight: normal; font-style: italic; }
p { margin: 1.5em 0; padding: 0; }
p img { margin: 0; padding: 0; border: none; }
p img.centered { display: block; margin-left: auto; margin-right: auto; }
p img.alignright { display: inline; margin: 6px 0 0 15px; padding: 0; }
p img.alignleft { display: inline; margin: 6px 15px 0 0; padding: 0; }
.hidden { display: none; }
.clear { clear: both; }
small { font-size: 12px; color: #999; }

#page { width: 960px; margin: 0 auto; padding: 0; text-align: left; }

#header { position: relative; height: 128px; margin: 0; padding: 0; border-bottom: 1px solid #ccc; }
#header h1 { position: absolute; top: 55px; left: -5px; margin: 0; padding: 0; text-indent: -9999px; }
#header h1 a { display: block; width: 226px; height: 41px; overflow: hidden; background: url('images/logo_handsome-pro-44pt.png') no-repeat 0 0; }
#header .description { display: none; position: absolute; top: 70px; left: 12px; height: 18px; line-height: 18px; color: #999; font-size: 14px; }

#header .menu { position: absolute; top: 103px; left: 0; }
#header .menu ul { height: 28px; overflow: hidden; padding: 0 5px; }
#header .menu li { display: block; float: left; height: 18px; line-height: 1; margin: 0 5px; padding: 5px 10px; text-align: center; }
#header .menu li a:link, .menu li a:visited { color: #999; text-decoration: none; }
#header .menu li a:hover { color: #999; text-decoration: none; }
#header .menu li.current_page_item { background: url('images/dot.png') no-repeat center bottom; }

#content { margin: 0; padding: 0; }
#content h6, #content h6.pagetitle { margin: 30px 0; padding: 0; color: #999; font-size: 18px; font-weight: normal; font-style: italic; }
#content h2.pagetitle { margin: 0; padding: 0; font-size: 18px; font-weight: normal; font-style: italic; }

#content .post, #content .page { margin: 30px 0; padding: 0; }
#content h2 { font-size: 18px; font-weight: normal; }
#content a.post-edit-link { margin: 0 10px; color: #999; font-size: 12px; font-weight: normal; font-style: italic; }

#content .post .entry { margin: 10px 0; padding: 0; }
#content .post .entry h2 { font-size: 16px; }
#content .post .entry a { margin: 0 2px; color: #999; text-decoration: none; }
#content .post .entry ul { margin: 5px 0; padding: 0 20px; list-style: disc inside; }
#content .post .entry ol { margin: 5px 0; padding: 0 20px; list-style: decimal inside; }
#content .post .entry img { display: block; }
#content .post .entry .wp-caption { margin: 10px 0; padding: 5px 0 0; border: 1px solid #ddd; background-color: #f3f3f3; text-align: center; }
#content .post .entry .wp-caption img { display: block; overflow: hidden; margin: 0 auto; padding: 0; border: none; }
#content .post .entry .wp-caption p.wp-caption-text { margin: 0; padding: 5px; color: #666; font-size: 12px; }
#content .post .postmetadata { margin: 0; padding: 0 0 10px; }
#content .post .postmetadata p { margin: 2px 0; padding: 0; font-style: italic; }
#content .post .postmetadata p span { font-family: Georgia, serif; font-weight: bold; }

#content .nocomments { display: none; height: 24px; line-height: 24px; margin: 20px 0; padding: 0 10px; color: #ccc; background-color: #f6f6f6; }
#content .commentsclosed { display: none; height: 24px; line-height: 24px; margin: 20px 0; padding: 0 10px; color: #c30; background-color: #f6f6f6; }
#content .comments { margin: 30px 0 0; padding: 0; }
#content .comments h3 { font-size: 18px; font-weight: normal; font-style: italic; }
#content .commentlist { list-style: none; margin: 0; padding: 0; }
#content .commentlist li { margin: 10px 0; padding: 10px 0; border-top: 1px solid #eee; }
#content .commentlist li .says { color: #999; }
#content .commentmetadata a { color: #aaa; text-decoration: none; }
#content .commentlist li.even { background-color: #fff; }
#content .commentlist li.odd { background-color: #fff; }
#content .commentlist li .avatar { float: right; margin: 5px 0 10px 20px; padding: 2px; border: 1px solid #eee; background-color: #fff; }
#content .commentlist p { margin: 5px; }

#content .reply { height: 20px; text-align: right; }
#content .reply a.comment-reply-link { float: right; }

#content li #respond { margin: 10px 0; padding: 20px; border: 1px solid #eee; zoom: 1; }
#respond { margin: 0; padding: 0; color: #999; }
#respond h3 { color: #000; font-size: 18px; font-weight: normal; font-style: italic; }
#respond .cancel-comment-reply { margin: 0; padding: 0; text-align: right; }
#respond small { color: #666; font-size: 12px; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform { margin: 10px 0; padding: 0; }
#commentform p { margin: 0; padding: 5px 0; }
#commentform p a { font-style: italic; }
#commentform input.input { width: 176px; margin: 0 5px 0 0; padding: 1px; border: 1px solid #ccc; background-color: #f9f9f9; font-family: 'microsoft yahei', helvetica, arial, sans-serif; font-size: 12px; }
#commentform textarea { height: 120px; margin: 0; padding: 1px; border: 1px solid #ccc; background-color: #f9f9f9; font-family: 'microsoft yahei', helvetica, arial, sans-serif; font-size: 12px; }
#commentform input#submit { width: 180px; padding: 0; font-family: arial, 'Trebuchet MS', simsun, sans-serif; }

#content .navigation { /*clear: both;*/ margin: 0; padding: 5px 0; }
#content .navigation .alignright { float: right; }
#content .navigation .alignleft { float: left; }
#content .wp-pagenavi { display: inline; margin: 0; padding: 0; border: none; }
#content .wp-pagenavi a:link, #content .wp-pagenavi a:visited { padding: 2px 5px; margin: 0 2px; background-color: #fff; color: #666; }
#content .wp-pagenavi a:hover, #content .wp-pagenavi a:active { padding: 2px 5px; margin: 0 2px; background-color: #fff; color: #333; }
#content .wp-pagenavi span.pages { padding: 0; margin: 0 4px 0 0; border: none; background-color: #fff; color: #666; }
#content .wp-pagenavi span.current { padding: 2px 5px; margin: 0; background-color: #fff; color: #000; text-decoration: none; }
#content .wp-pagenavi span.extend { padding: 0; margin: 0 2px; border: none; color: #999; }

#sidebar { width: 180px; margin: 0 auto; padding: 12px 10px; text-align: center; }
#sidebar h2 { height: 22px; line-height: 22px; margin: 0; padding: 0 10px; color: #aaa; font-size: 14px; }
#sidebar ul { margin: 0; padding: 0; }
#sidebar ul ul { margin: 0; padding: 5px 10px 10px; }
#sidebar ul ul ul { margin: 0; padding: 0 10px; }
#sidebar li { margin: 0; padding: 0; list-style: none; }

#search { width: 190px; margin: 0; padding: 0; }
#searchform { margin: 0; padding: 0; height: 22px; }
#searchform .screen-reader-text { display: none; }
.s { margin: 0 5px; color: #000; }
#searchform #s { width: 150px; padding: 1px 2px; border: 1px solid #fff; border-bottom: 1px solid #ccc; background-color: #fff; font-family: 'microsoft yahei', helvetica, arial, sans-serif; color: #666; }
#searchform #searchsubmit { overflow: hidden; width: 20px; height: 20px; border: none; background: url(images/search-icon.png) no-repeat 0 0; text-indent: -9999px; *text-indent: 0; line-height: 60px; cursor: pointer; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 12px; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 12px helvetica, arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }

#footer { margin: 30px 0 50px; padding: 0; color: #999; text-align: center; }
#footer a { color: #999; text-decoration: none; }
#footer ul { margin: 10px 0; text-align: center; }
#footer li { display: inline; margin: 0 5px; }