/*
THEME NAME: aeroom
THEME URI: http://kaero.org/
DESCRIPTION: For aeroom studio by <a href="http://kaero.org/about/">Kaero Zhi</a>, base on Sandbox.
VERSION: 1.0 Page
AUTHOR: <a href="http://kaero.org/about/">Kaero Zhi</a>
AUTHOR URI:
TAGS: aeroom, sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body, input, textarea, select, option {	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; }

input, textarea { background-color: #e8eaea; border-color:#c1c3c3 #ffffff #ffffff #c1c3c3; border-style:solid; border-width:1px; padding: 2px 4px; -x-system-font: none; color: #666; }
input.button { background-color: #e8eaea; border-color:#ffffff #c1c3c3 #c1c3c3 #ffffff; border-style:solid; border-width:1px; padding: 2px 4px; -x-system-font: none; color: #666; }

a:link { text-decoration: underline; color: #333; outline: none; }
a:hover { text-decoration: underline; color: #c00; }
a:visited { text-decoration: none; color: #666; }
a:active { text-decoration: none; color: #c00; }
.hidden { display: none; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

.wp-caption { background: #eeeff1; border: 1px solid #dddfe3; border-radius: 5px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; }
.wp-caption .wp-caption-text { margin: 0!important; padding: 0 1em; font-size: 0.8em; color: #8c9095; }

body { -x-system-font: none; color: #333333; font-size: 12px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.6em; background: #d6d6d6 url(images/page_top.png) no-repeat center top; }

#wrapper { width: 880px; margin: 16px auto 0 auto; padding: 0 100px 0 20px; background: url(images/page_bg.png) repeat-y center 16px; position: relative; }

/* left bar */
#header { }
#header h1 { position: absolute; top: 0; right: 130px; z-index: 10; display: block; width: 130px; height: 135px; background: url(images/site_logo.png) no-repeat; }
#header h1 a { display: block; width: 120px; height: 125px; margin: 5px; text-indent: -1000em; font-size: 0.1em; overflow: hidden; }
#header h1 a:hover { background: none;}
#header #blog-description { display: none; }
#header .global_links { display: none; }

/* access bar */
#access { position: relative; width: 100%; height: 135px; }
#access .categories { position: absolute; left: 30px; bottom: 10px; z-index: 10; }
#access .categories h3 { display: none; }
#access .categories ul { margin-top: 4px; list-style: none; font-weight: bold; color: #000; }
#access .categories ul li { float: left; display: inline; }
#access .categories ul li a { float: left; text-decoration: none; display: block; width: 30px; height: 30px; text-indent: -1000em; overflow: hidden; }
#access .categories ul li.menu-item-1041 a { width: 130px; background: url(images/cate-nav.png) no-repeat 0 0; }
.category-work  #access .categories ul li.menu-item-1041 a,
.s-category-work #access .categories ul li.menu-item-1041 a,
#access .categories ul li.menu-item-1041 a:hover { background: url(images/cate-nav.png) no-repeat 0 -30px; }
#access .categories ul li.menu-item-1043 a { width: 155px; background: url(images/cate-nav.png) no-repeat -130px 0; }
.category-inspirations  #access .categories ul li.menu-item-1043 a,
.s-category-inspirations #access .categories ul li.menu-item-1043 a,
#access .categories ul li.menu-item-1043 a:hover { background: url(images/cate-nav.png) no-repeat -130px -30px; }
#access .categories ul li.menu-item-1042 a { width: 118px; background: url(images/cate-nav.png) no-repeat -285px 0; }
.category-writings  #access .categories ul li.menu-item-1042 a,
.s-category-writings #access .categories ul li.menu-item-1042 a,
#access .categories ul li.menu-item-1042 a:hover { background: url(images/cate-nav.png) no-repeat -285px -30px; }
#access .categories ul li.menu-item-1040 a { width: 120px; background: url(images/cate-nav.png) no-repeat -403px 0; }
.category-free_talk  #access .categories ul li.menu-item-1040 a,
.s-category-free_talk #access .categories ul li.menu-item-1040 a,
#access .categories ul li.menu-item-1040 a:hover { background: url(images/cate-nav.png) no-repeat -403px -30px; }
#access .categories ul li.menu-item-1044 a { width: 85px; background: url(images/cate-nav.png) no-repeat -523px 0; }
.pageid-138  #access .categories ul li.menu-item-1044 a,
#access .categories ul li.menu-item-1044 a:hover { background: url(images/cate-nav.png) no-repeat -523px -30px; }/* .categories end */

#access #search { display: none; position: absolute; top: 50px; left: 30px; z-index: 10; width: 190px; height: 30px; background: url(images/search_box.png) no-repeat right center; }
#access #search h3 { display:none; }
#access #search form input#s { width: 145px; height: 20px; line-height: 20px; margin-left: 32px; margin-top: 8px; padding: 0; font-size: 0.9em; border: medium none; background: transparent; color: #999; }
#access #search form input.button { display: none; }


/* content layout */
#container { }
.sidebar { float: right; width: 240px; }

h2.page-title { display: none; }

#content #nav-above,
#content #nav-below { display: block; height: 25px; padding: 10px 80px; }
#content #nav-above { display: none; }
#content .navigation .nav-previous { }
#content .navigation .nav-next { }
#content .navigation  div a { line-height: 21px; display: block; height: 21px; color: #888; text-decoration: none; }
#content .navigation  div a .meta-nav { display: block; height: 21px; width: 10px; position: relative; }
#content .navigation  div a:hover { color: #fff; text-decoration: none; }
#content .navigation .nav-previous a { float: left; padding-right: 10px; background: url(images/btn_bg.png) no-repeat right top; }
#content .navigation .nav-previous a .meta-nav { float: left; padding-left: 5px; background: url(images/btn_bg.png) no-repeat left top; }
#content .navigation .nav-previous a:hover { background: url(images/btn_bg.png) no-repeat right bottom; }
#content .navigation .nav-previous a:hover .meta-nav { background: url(images/btn_bg.png) no-repeat left bottom; }
#content .navigation .nav-next a { position: relative; float: right; text-align: right; padding-left: 10px; #padding-right: 15px; background: url(images/btn_bg.png) no-repeat left top; }
#content .navigation .nav-next a .meta-nav { float: right; padding-right: 5px; background: url(images/btn_bg.png) no-repeat right top; #position: absolute; #top: 0; #right: 0; }
#content .navigation .nav-next a:hover { background: url(images/btn_bg.png) no-repeat left bottom; }
#content .navigation .nav-next a:hover .meta-nav { background: url(images/btn_bg.png) no-repeat right bottom; }

#content { margin-top: 10px; padding-top: 25px; padding-bottom: 25px; }
#content h2.page-title { color: #666; margin: 1em 30px 0 30px; }
#content h2.page-title span { font-size: 1.5em; color: #000; vertical-align: middle; vertical-align: text-bottom; }
#content .archive-meta { margin: 0 80px 1em 80px; color: #999; }
#content .hentry { clear: both; background: url(images/contentbg.png) repeat-y; padding: 10px 80px; }
#content .hentry h2 { font-size: 1.6em; color: #000; line-height: 40px; #line-height: 50px; font-weight: bolder; border-bottom: 1px solid #e9e9e9; margin-bottom: 5px; }
#content .post .entry-title a { color: #333; text-decoration: none; }
#content .post .entry-title:hover a,
#content .post .entry-title a:hover { color: #000; text-decoration: none; }
#content .post .entry-meta { font-size: 0.8em; color: #888; }
#content .post .entry-meta a { color: #888; text-decoration: underline; }
#content .post .entry-meta a:hover { color: #222; text-decoration: underline; }
#content .post .entry-head { margin-bottom: 0.4em; }
#content .post .entry-content hr { visibility: hidden; height: 1px; margin: 0; }
#content .post .entry-content a.more-link { display: inline-block; *display: block; margin-top: 8px; margin-bottom: 5px; width: 77px; height: 21px; background: url(images/btn_readmore.png) no-repeat left center;  font-size: 0.1em; text-indent: -1000em; }
#content .post .entry-content a.more-link:hover { background: url(images/btn_readmore.png) no-repeat right center; }

h4.relateposts_title { clear: both; margin-top: 1em; }

#content .hentry .entry-content,
#content .hentry .entry-content p { font-size: 1.1em; line-height: 1.6em; }
.home #content .hentry .entry-content { font-size: 1.0em; line-height: 1.5em; }
#content .hentry .entry-content p { margin: 0.6em 0; }
#content .hentry .entry-content ol { line-height: 1.5em; margin: 1.2em 0 1.2em 2em; list-style: decimal;} 
#content .hentry .entry-content ul { line-height: 1.5em; margin: 1.2em 0 1.2em 2em; list-style: disc;}
#content .hentry .entry-content ul li ul { list-style: circle; }
#content .hentry .entry-content ul li,
#content .hentry .entry-content ol li{ clear: both; margin-bottom: 0.2em; }
#content .hentry .entry-content em{ font-size: 1em;	color: #98795a;	}
#content .hentry .entry-content blockquote { margin: 0 20px;	padding: 0 20px; border-left: 1px solid #e7ded9; font-size: 0.9em;	}
#content .hentry .entry-content pre{ display: block;	margin: 1.0em 1.5em 1.0em 0; padding-left: 0.8em; border-left: 1px solid #ccc; background-color: #eee;	overflow: auto;	}
#content .hentry .entry-content code{font-family: monospace;  font-size: 11px; background-color: #eee;}
#content .hentry .entry-content pre code{ line-height: 1.3em;}
#content .hentry .entry-content kbd{ background-color: #ddd;	border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: inherit; font-family: inherit; padding: 0 3px 2px 4px;	}
#content .hentry .entry-content del, #content del * { text-decoration: line-through; }
#content .hentry .entry-content small { font-size: 0.8em; color: #a3a3a3;	}

/* page layout */
.page-template-default #container,
.pageid- #container,
.four04 #container,
.search-no-results #container,
.page-template-links-php #container { background: url(images/contentbg_bottom.png) no-repeat center bottom; padding-bottom: 10px; }
.page-template-default #container #content,
.four04 #container #content,
.pageid- #container #content,
.search-no-results #container #content,
.page-template-links-php #container #content { background: url(images/contentbg_top.png) no-repeat center top; padding-top: 10px; padding-bottom: 0; }
.page-template-default #container #content .hentry,
.pageid- #container #content .hentry,
.four04 #container #content .hentry,
.search-no-results #container #content .hentry,
.page-template-links-php #container #content .hentry { background: url(images/contentbg.png) repeat-y; padding-bottom: 2em; }
#flickr_album_show #highlight h2 { margin-bottom: 10px; }
#flickr_album_show #highlight h2 a { text-decoration: none; }

/* archives setting */
.pageid-186 #content .hentry ul.car-list { list-style: none outside; margin-left: 0; }
.pageid-186 #content .hentry ul.car-list li { margin-bottom: 1em; }
.pageid-186 #content .hentry ul.car-list li ul { list-style: none outside; }
.pageid-186 #content .hentry ul.car-list li ul li { margin-bottom: 0.2em; }
.pageid-186 #content .hentry ul.car-list li .car-yearmonth { font-weight: bold; }

/* single layout */
.single #content { background: url(images/contentbg_top.png) no-repeat center top; margin: 0; padding-top: 10px; padding-bottom: 10px; }
.single #content #nav-above { display: none; }
.single #content .hentry h2 { margin-top: 10px; }
.single #content .post .entry-meta { margin-top: 2em; border-top: 1px solid #e9e9e9; padding-top: 0.5em; }

#content .hentry .entry-content ul.photolist { list-style: none; }
#content .hentry .entry-content ul.photolist li { float: left; clear: none; margin-right: 5px; margin-bottom: 5px; }

#content .hentry .entry-content h3.rp_title { margin-top: 2em; }
#content .hentry .entry-content ul#relate-posts-thumbnail { list-style: none; margin: 1.5em 0 0 0; }
#content .hentry .entry-content ul#relate-posts-thumbnail li { float: left; clear: none; margin: 0 10px; }
#content .hentry .entry-content ul#relate-posts-thumbnail li a { display: block; width: 160px; text-decoration: none; color: #666; }
#content .hentry .entry-content ul#relate-posts-thumbnail li a:hover { color: #000; }
#content .hentry .entry-content ul#relate-posts-thumbnail li a div { font-size: 0.9em; margin: 0.2em 0; }

#comments,
#normal_bar,
#single_bar { width: 820px; padding: 20px 30px; background: #fff url(images/bg_footbar.png) repeat-x center top; }

/* comment */
#comments h3 { font-size: 1.6em; color: #999; line-height: 1.4em; }
#comments-list { margin-top: 10px; }
#comments-list ol { list-style: none; margin: 36px 125px; padding: 0; }
#comments-list ol li { position: relative; width: 570px; #height: 1%;; background: url(images/list570_bottom.png) no-repeat right bottom; margin-top: 16px; padding-bottom: 8px; }
#comments-list ol li .comment-author {}
#comments-list ol li .comment-author img { position: absolute; top: -6px; right: -68px; z-index: 9; }
#comments-list ol li .comment-author span { position: absolute; top: -8px; right: -69px; z-index: 10; width: 50px; height: 16px; margin: 0; padding-top: 52px; padding-right: 0; padding-left: 22px; background: url(images/comment_avatarbg1.png) no-repeat top right; font-size: 0.8em; line-height: 16px; text-align: left; }
#comments-list ol li .comment-author span,
#comments-list ol li .comment-author span a { color: #888; } 
#comments-list ol li .comment-author span a:hover { color: #333; } 

#comments-list ol li.alt .comment-author img { right: auto; left: -68px; }
#comments-list ol li.alt .comment-author span { right: auto; padding-left: 0; padding-right: 22px; text-align: right; left: -69px; background: url(images/comment_avatarbg.png) no-repeat top right; }

#comments-list ol li .comment-meta { position: absolute; top: -8px; right: 0; z-index: 10; width: 530px; margin: 0 0 5px 0; padding: 8px 20px 0 20px; background: url(images/list570_top.png) no-repeat right top; font-size: 0.8em; color: #999; }
#comments-list ol li .comment-meta a:link { color: #797979; }
#comments-list ol li .comment-meta a:hover { color: #900; }
#comments-list ol li .comment-content { width: 530px; #height: 1%; background: url(images/list570_bg.png) repeat-y bottom right; margin: 0; #margin: -16px 0 0 0; padding: 18px 20px 0 20px; }
#comments-list ol li .comment-content p { padding: 0.5em 0;  }
#commentform .form-submit { margin-top: 0.5em; margin-bottom: 1em; }
#comments-list ol li .comment-content blockquote {  display: block; clear: both; #clear: none; #width: 360px; background: #FFFFFF url(images/blockquote.gif) no-repeat scroll left top; border: 1px solid #EBEBEB; margin: 5px 10px 5px 10px; padding: 0 12px; filter: alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; }
#comments-nav-below { margin-top: 5px; text-align: right; padding-right: 10px; }
#comments-nav-below .page-numbers { margin: auto 0.2em; padding: 2px 5px; border: #e9e9e9 1px solid; background: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #666; text-decoration: none; }
#comments-nav-below .page-numbers:hover { border-color: #bbb; background: #ccc; color: #fff; }
#comments-nav-below .current { font-weight: bold; color: #333; }
#comments-nav-below .current:hover { border: #e9e9e9 1px solid; background: #fff; color: #333; }

#respond { margin-top: 10px; margin-left: 50px; color: #888; }
#respond p { margin: 0.5em 0; }
#respond .form-textarea { background: url(images/commenttextarea_bg.png) no-repeat; width: 410px; height: 160px; padding: 12px 11px 11px 11px; }
#respond .form-textarea textarea { border: medium none; background: transparent; width: 410px; height: 150px; margin: 0; padding: 0; outline: none; font-size: 1.1em; }
#respond .form-submit { width: 97px; overflow: hidden; }
#respond .form-submit #submit { display: block; width: 97px; #width: 120px; height: 21px; border: 0 none; outline: none; margin: 0; padding: 0; background: transparent url(images/btn_postcomment.png) no-repeat left top; #text-align: right; text-indent: -9999em; font-size: 0.1em; overflow: hidden; }
#respond #submit:hover { background-position: right top; #background-position: -97px top; }

/* sidebar */
.sidebar ul li { float: left; width: 200px; margin: 2px; }
.sidebar ul li h3 { border-top: 0 none; padding: 0; }
.sidebar ul li ul { list-style: disc inside; color: #aaa; }
.sidebar ul li ul li { margin: 0; padding: 0.1em 0; color: #888; }
.sidebar ul li ul li a { color: #888; }
.sidebar ul li ul li a:hover { color: #333; }

#normal_bar ul li#text-4 { margin-right: 0; }
#normal_bar ul li#text-5 { margin-left: 0; }
#normal_bar ul li#text-5 div { text-align: center; }
#normal_bar ul li#get-recent-comments ul { list-style: none!important; }
#normal_bar ul li#get-recent-comments ul a { font-weight: bold; color: #666; text-decoration: none; border-bottom: 1px dotted #ccc; }
#normal_bar ul li#get-recent-comments ul a:hover { color: #222; text-decoration: none; border-bottom: 1px dotted #666; }

#footer { clear: both; width: 840px; position: relative; font-size: 0.8em; line-height: 1.4em; color: #777; margin: 0 auto; background: url(images/page_foot.png) no-repeat center top; padding: 10px 120px 20px 40px; text-shadow: 1px 1px 0 #fff; }
#footer #support-links { position: absolute; top: 21px; right: 120px; z-index: 8; }
#footer #support-links li { float: right; margin-left: 2em; }
#footer #support-links li a { display: block; width: auto; height: 20px; padding-left: 25px; }
#footer #support-links li.dh a { background: url(images/dreamhost-logo.png) no-repeat left top; }
#footer #support-links li.wp a { background: url(images/wordpress-logo.png) no-repeat left top; }
#footer #support-links li a:hover { background-position: left bottom; }