/*
Theme Name:Nest
Theme URI:http://www.ychong.com/blog/?page_id=70
Description:A simple wordpress theme, theme options and widgets supported. You can choose where your sidebar will be: left, right, or even hide the sidebar (it will display a wide body column), and custom the Twitter and Facebook links. Supports many plugins.
Tags:dark, gray, white, light, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, custom-menu, sticky-post, full-width-template
Version:1.0.4
Author:YChong
Author URI:http://www.ychong.com/
License:The GNU General Public License, v3.0
License URI:http://www.gnu.org/licenses/gpl.html
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

dl { list-style : none; }
dt { font-weight: bold; }
dd { margin-left: 15px; }

/* ===== Structures ===== */

#header, #footer, #main, #nav {
	margin: 0;
	padding: 0;
	width: 100%;
}

#header { min-height: 96px; }
#nav { min-height: 32px; }
#main { height: auto; }
#footer { height: auto; }

#header-inner, #footer-inner, #content, #nav-inner {
	width: 960px;
	margin: 0 auto;
}

#content { margin-top: 10px; }
#content .column-narrow { width:640px; padding: 10px; }
#content .column-narrow .post-entry * { max-width: 610px; }
#content .column-narrow .post-entry img { max-width: 592px; }
#content .column-wide { width:940px; padding: 10px; }
#content .column-wide .post-entry * { max-width: 910px; }
#content .column-wide .post-entry img { max-width: 892px; }
#content #sidebar { width: 280px; padding: 10px; }

#content .hentry ul, #content .hentry ol,
#content .comment-body ul, #content .comment-body ol
{ padding-left: 20px; }
#content .hentry li,
#content .comment-body li
{ padding: 3px 0; }

/* ===== Details ===== */

body { font-size: 12px; font-family: 'Tahoma', 'Arial', 'Verdana'; }

a:link, a:visited { text-decoration: none; color: #333; }
a:hover, a:focus, a:active { text-decoration: underline; color: #000; }

h1 { font-size: 200%; line-height: 200%; }
h2 { font-size: 150%; line-height: 150%; }
h3 { font-size: 120%; line-height: 200%; display: inline; font-weight: bold; /* ! use for a secondary title */ }
h4 { font-size: 130%; line-height: 130%; }
h5 { font-size: 120%; line-height: 120%; }
h6 { font-size: 110%; line-height: 110%; }

.site-logo { clear: both; padding: 10px 0 5px 0; }
.site-title { clear: both; font-size: 28px; padding: 20px 0 5px 0; text-shadow: 1px 1px 5px #ccc; }
.site-description { clear: both; font-size: 12px; color: #666; text-shadow: 1px 1px 2px #ccc; }

#header { background: #f9f9f9 url('images/header-bg.png') repeat-x center top; }
#nav { background-color: #f0f0f0; border-bottom: 1px solid #ccc; }
#main { border-top: 2px solid #ddd; }
#footer { background-color: #f0f0f0; border-top: 3px solid #ddd; padding: 15px 0 30px 0; }

.page-meta {
	padding: 8px 10px; margin: 0 0 20px 0;
	background-color: #eee; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;
}
.page-meta > span { font-weight: bold; }
.page-meta > p { font-size: 12px; padding: 8px 0 0 0; }

.post-title {
	/* height: 26px; */ line-height: 26px; min-height: 26px;
	background-color: #f9f9f9;
	border-left: 5px solid #ccc; border-bottom: 1px dotted #ddd;
	padding: 0 10px; font-size: 14px; font-weight: bold;
	text-shadow: 1px 1px 3px #ccc;
}
.post-title a { display: block; min-height: 26px; width: 615px; }
.post-meta {
	/* height: 20px; */ line-height: 20px;
	background-color: #f0f0f0;
	border-left: 5px solid #ddd;
	padding: 0 10px; font-size: 12px;
}
.post-meta .alignright > a,
.post-meta .alignright > span.comments_popup_link
{ display: inline-block; background: url('images/icons.png') 0 -40px no-repeat transparent; padding-left: 24px; margin-left: 10px; }
.post-meta .alignright > span.comments_link
{ display: inline-block; background: url('images/icons.png') 0 -60px no-repeat transparent; padding-left: 24px; margin-left: 10px; }
.post-meta-else {
	/* height: 20px; */ line-height: 20px;
	margin: 0 15px 15px 15px; font-size: 12px;
	background: url('images/icons.png') 0 -100px no-repeat transparent; padding-left: 24px; 
}
.post-meta, .post-meta > a, .post-meta-else, .post-meta-else > a { color: #666; }
.post-author-info {
	position: relative;
	padding: 15px; margin: 20px 0;
	background-color: #eee; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;
}
.post-author-info .author-description { position: absolute; top: 15px; left: 150px; }
.post-author-info .author-description-title { display: block; }
.post-author-info .author-bio { margin: 10px 0; }
.post-entry {
	font-size: 13px;
	padding: 10px 15px;
	line-height: 22px;
	overflow: hidden;
}
.post-entry p {
	padding-top: 7px;
	padding-bottom: 7px;
}
.post-entry a {
	color: #666;
}
a.more-link { background: url('images/icon-more.png') 6px center no-repeat transparent; padding: 20px; }
.navigation { clear: both; padding: 5px 0 25px 0;}
.navigation .alignleft
{ display: inline-block; line-height: 16px; background: url('images/icon-navi.png') left 0 no-repeat transparent; padding-left: 22px; }
.navigation .alignright
{ display: inline-block; line-height: 16px; background: url('images/icon-navi.png') right -16px no-repeat transparent; padding-right: 22px; }
.sticky { padding: 10px; margin-bottom: 15px; border: 1px solid #eee; }
.page-link { font-weight: bold; margin: 5px 0 20px 0; }
.page-link a { background: #f9f9f9; font-weight: normal; padding: 6px 9px; }
.post-entry .thumbnail { float: right; border: 1px #f0f0f0 solid; padding: 4px; margin: 0 0 10px 10px; }

#sidebar {}
#sidebar ul { list-style: none; }
#sidebar li.widget-container ul,
#sidebar li.widget-container div.textwidget,
#sidebar li.widget-container div.tagcloud,
#sidebar li.widget-container form#searchform,
#sidebar li.widget-container div#calendar_wrap {
	padding: 10px; 
	line-height: 24px;
}
#sidebar li.widget-container { margin-bottom: 5px; }
#sidebar li.widget-container .widget-title {
	display: block; padding: 0 10px;
	height: 26px; line-height: 26px;
	border-bottom: 1px solid #ddd;
	font-size: 12px; font-weight: bold;
	text-shadow: 1px 1px 3px #ccc;
}
#sidebar li.widget-container ul li ul { padding: 0; }
#sidebar li.widget-container ul li {
	display: block;
	padding: 0 13px;
	background: transparent url('images/icon-li.png') 6px 9px no-repeat; padding-left: 24px;
}

#footer, #footer a { color: #999; }

/* ===== Navigation ===== */

#nav ul { list-style: none; margin: 0; }
#nav li { float: left; position: relative; margin: 0; padding: 0; }
#nav li a { display: block; height: 32px; line-height: 32px; padding: 0 15px; }
#nav ul ul {
	border: 1px #ccc solid;
	background-color: #eee;
	display: none;
	position: absolute;
	left: 0;
	float: left;
	width: 170px;
	z-index: 99999;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
}
#nav ul ul li { padding: 0; }
#nav ul ul ul { left: 100%; top: -1px; }
#nav ul ul a { width: 140px; }
#nav ul li:hover > ul { display: block; }
#nav ul li.page_item > a { text-shadow: 1px 1px 3px #ccc; }
#nav ul li.page_item > a:hover { background-color: #e0e0e0; }
#nav ul li.current_page_item { background: none transparent; }
#nav ul li.current_page_item > a { font-weight: bold; }
#nav #nav-sns { float: right; height: 18px; padding: 7px 10px; }
#nav #nav-sns a { display: inline-block; height: 18px; line-height: 18px; padding: 0 20px 0 25px; text-align: left; }
#nav #nav-sns a.btn_rss { background: url('images/icon-sns-feed.png') no-repeat 0 0 transparent; }
#nav #nav-sns a.btn_rss:hover { background: url('images/icon-sns-feed.png') no-repeat 0 -18px transparent; }
#nav #nav-sns a.btn_twitter { background: url('images/icon-sns-twitter.png') no-repeat 0 0 transparent; }
#nav #nav-sns a.btn_twitter:hover { background: url('images/icon-sns-twitter.png') no-repeat 0 -18px transparent; }
#nav #nav-sns a.btn_facebook { background: url('images/icon-sns-facebook.png') no-repeat 0 0 transparent; }
#nav #nav-sns a.btn_facebook:hover { background: url('images/icon-sns-facebook.png') no-repeat 0 -18px transparent; }
#nav #nav-sns a.btn_sina { background: url('images/icon-sns-sina.png') no-repeat 0 0 transparent; }
#nav #nav-sns a.btn_sina:hover { background: url('images/icon-sns-sina.png') no-repeat 0 -18px transparent; }

/* ===== Comments ===== */

#comments { line-height: 40px; }
.commentlist { clear: both; border-top: 1px solid #ddd; }
.commentlist li.comment { list-style: none; }
.commentlist li.trackback { list-style: none; }
.commentlist li.pingback { list-style: none; }
.commentlist li.comment .comment-body,
.commentlist li.trackback .comment-body,
.commentlist li.pingback .comment-body
{ position: relative; margin: 10px 0; border-bottom: 1px solid #ddd; }
.commentlist li.comment .comment-body .fn { position: absolute; left: 40px; top: 0; line-height: 16px; font-style: normal; }
.commentlist li.comment .comment-body .commentmetadata { position: absolute; left: 40px; top: 16px; line-height: 16px; }
.commentlist li.comment .comment-body .comment-awaiting-moderation { padding: 10px; font-style: normal; }
.commentlist li.comment .comment-body .reply,
.commentlist li.trackback .comment-body .reply,
.commentlist li.pingback .comment-body .reply
{ position: absolute; right: 0; top: 0; }
.commentlist li.comment .comment-body .says,
.commentlist li.trackback .comment-body .says,
.commentlist li.pingback .comment-body .says
{ display: none; }
.commentlist li.comment .comment-body p,
.commentlist li.trackback .comment-body p,
.commentlist li.pingback .comment-body p
{ margin: 15px 10px; line-height: 20px; }
.commentlist li.comment .children > .comment { margin-left: 20px; }
.commentlist .bypostauthor {}

#respond { clear: both; }
#commentform { padding-top: 10px; }
#commentform input[type="text"], #commentform textarea { margin: 5px 0; }
#commentform input[type="submit"] { padding: 3px 8px; margin: 5px 0; }
#commentform .comment-form-author,
#commentform .comment-form-email,
#commentform .comment-form-url { height: 32px; line-height: 32px; }
#commentform .comment-form-author label,
#commentform .comment-form-email label,
#commentform .comment-form-url label { padding-left: 10px; }
#commentform .smilies { padding: 0; }
#commentform .comment-form-comment label { display: none; }
#commentform .comment-notes { display: none; }
#commentform .form-allowed-tags { display: none; }
input#author,
input#email,
input#url { width: 200px; }

/* ===== CSS fixing ===== */

.clearfix { clear: both; }
input[type="text"],
input[type="password"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}
.screen-reader-text { display: none; }
.box { padding: 0 !important; }
.box li { padding: 0; list-style: none; clear: both; }
.box li .box-title { display: block; padding: 0 10px; line-height: 26px; font-size: 12px; font-weight: bold; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #eee; }
.box li ul li { float: left; clear: none; list-style: none; padding: 0 10px; width: 145px; line-height: 26px; }

/* ===== WordPress Elements (required) ===== */

.aligncenter { display: block;margin: auto; }
.alignleft { float: left; }
.alignright { float: right; }
.post-entry .alignleft { margin-right: 15px; margin-top: 10px; margin-bottom: 10px; }
.post-entry .alignright { margin-left: 15px; margin-top: 10px; margin-bottom: 10px; }
.wp-caption { background: #eee; line-height: 18px; margin-bottom: 10px; padding: 4px; text-align: center; }
.wp-caption img { margin: 5px 5px 0; }
.wp-caption-text { color: #888; font-size: 12px; margin: 5px; }
.wp-smiley { margin: 0; }
.gallery { margin: 0 auto 10px; }
.gallery img { border: 2px solid #cfcfcf; }
.gallery .gallery-item { float: left; margin-top: 10px; text-align: center; width: 33%; }
.gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery .gallery-caption { color: #888; font-size: 12px; margin: 5px 0 10px; }
.gallery dl { margin: 0; }
.gallery img { border: 8px solid #eee; }
.gallery br+br { display: none; }
.attachment .post-entry img { display: block; margin: 0 auto; }
#wp-calendar { width: 100%; margin: 0 auto; }
#wp-calendar tbody a { font-weight: bold; }
#wp-calendar caption { text-align: left; padding: 5px 0; }
#wp-calendar th, 
#wp-calendar td { text-align: center; height: 20px; }
#wp-calendar tbody td { }
#wp-calendar tbody td.pad { }
#wp-calendar th { background: #999; color: #FFF; }
#wp-calendar #today { background: #ddd; }
#wp-calendar td#prev { text-align: left; padding: 5px 0; }
#wp-calendar td#next { text-align: right; padding-top: 5px; }

/* ===== HTML Elements ===== */

blockquote { background: url('images/blockquote.png') no-repeat 10px 10px #eee; border-left: 5px solid #ddd; padding: 10px 20px 10px 50px; margin: 10px 10px; }
pre { background-color: #eee; border: 1px dashed #ddd; padding: 10px 20px; margin: 10px 10px; }
code { font-family: 'Courier New'; }
.column table { margin: 5px 0 10px 0; }
.column table td, .column table th { padding: 5px; }
.column table, .column table td, .column  table th { background-color: #f9f9f9; border: 1px solid #ddd; }
abbr[title], acronym[title] { border-bottom: thin dotted; cursor: help; }
label, label a { color: #555; }
fieldset {
	border: 1px solid #ddd;
	margin: 0 0 15px 0;
	padding: 15px;
}
fieldset legend {
	background: #fff;
	font-weight: bold;
	padding: 0 10px;
}

/* ===== Miscellaneous ===== */

/* Plugin: wp-pagenavi BEGIN */
.wp-pagenavi { height: 24px; padding: 5px 0;}
.wp-pagenavi, .wp-pagenavi a { color: #666; }
.wp-pagenavi .pages,
.wp-pagenavi .page,
.wp-pagenavi .current,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .extend,
.wp-pagenavi .first,
.wp-pagenavi .last { padding: 2px 12px; margin: 0; border: 0; border-right: 1px #ccc solid; }
.wp-pagenavi .current { font-weight: bold; }
.wp-pagenavi .pages { padding-left: 0; }
/* Plugin: wp-pagenavi END */

/* Plugin: wp-recentcomments BEGIN */
li.rc-item { padding: 5px 0 !important; background: none !important; }
li.rc-item .rc-info,
li.rc-item .rc-excerpt { line-height: 16px; }
li.rc-navi { padding: 0 !important; background: none !important; }
/* Plugin: wp-recentcomments END */