/*
Theme Name:Concerto
Theme URI:http://www.ychong.com/themes/#theme-concerto
Description:A pure white wordpress theme, valid HTML 5 and CSS 3. Custom site logo, navigation menu, footer string (HTML), Twitter and Facebook links. You can set the sidebar on the left, on the right, or hide the sidebar. Multi-level navigation menu with selective effects and random posts widget supported. Concerto allows you to hide a certain number of excerpts on archives page. (When the switcher was clicked, the excerpt will be slided down.) The "Author Information" box (inspired by TwentyTen) and "BY-NC-SA License Notice" are available in single post page. Also included full width page template and links page template.
Tags:white, light, theme-options, custom-menu, left-sidebar, right-sidebar, one-column, two-columns, full-width-template, fixed-width, sticky-post
Version:1.0.2
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
*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
.post-entry blockquote, q { quotes: none; }
.post-entry blockquote:before, .post-entry blockquote:after, .post-entry q:before, .post-entry q:after { content: ''; content: none; }
.post-entry table { border-collapse: collapse; border-spacing: 0; }

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

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

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

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

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: none; color: #666; }

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

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

#footer, #footer a { color: #999; }
#footer-inner { border-top: 1px dotted #ddd; padding: 15px 0 35px 0; margin-top: 15px; }

#content { margin-top: 10px; }
.sidebar-left #primary,
.sidebar-right #primary { width: 680px; padding: 10px 0 0; }
.sidebar-none #primary { width: 980px; padding: 10px 0; }
#secondary { width: 280px; padding: 10px 0; }
.sidebar-right #primary { float: left; _display: inline; padding-right: 20px; }
.sidebar-right #secondary { float: right; _display: inline; }
.sidebar-left #primary { float: right; _display: inline; padding-left: 20px; }
.sidebar-left #secondary { float: left; _display: inline; }
.sidebar-left #primary .post-entry img,
.sidebar-right #primary .post-entry img { max-width: 602px; }
.sidebar-none #primary .post-entry img { max-width: 912px; }

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

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

.site-logo { clear: both; padding: 10px 0; margin: 0; }
.site-title { clear: both; font-size: 30px; line-height: 60px; padding: 13px 0 0; margin: 0; text-shadow: 1px 1px 5px #cccccc; }
.site-description { clear: both; font-size: 12px; line-height: 16px; padding: 0 0 27px; margin: 0; color: #666; text-shadow: 1px 1px 2px #cccccc; }

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

.post { margin-bottom: 20px; border-bottom: 1px dotted #ddd; }
.post-header { position: relative; }
.post-title { padding: 0 10px; line-height: 26px; font-size: 17px; font-weight: bold; }
.post-title a { display: inline-block; min-width: 640px; min-height: 26px; overflow: hidden; }
.post-meta {
	line-height: 20px; min-height: 20px;
	padding: 0 10px; font-size: 12px;
}
.post-meta, .post-meta a { color: #666666; }
.post-footer .post-meta { padding-bottom: 25px; }
.post-author-info {
	position: relative;
	padding: 15px; margin: 20px 0;
	background-color: #f9f9f9; border-top: 1px dotted #ddd; border-bottom: 1px dotted #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: 17px 15px;
	line-height: 22px;
	overflow: hidden;
}
.post-entry p { padding-top: 7px; padding-bottom: 7px; }
.post-entry a { color: #666; }
.post-entry a:hover { text-decoration: underline; }
.post-entry a[target="_blank"] {
	background: url("data:image/gif;base64,R0lGODlhCgAKALMAAP///8bGxpSUlJOTk4+Pj46Ojm9vb25ubm1tbWZmZmVlZWRkZP///wAAAAAAAAAAACH5BAEAAAwALAAAAAAKAAoAAAQykEl2DEIHzTKAB8dEER+SnIkRfEfiHWtQgAoYH4dgAsEQIApGgeHiHQCLSfGTUKJQkwgAOw==") no-repeat scroll right center transparent;
	padding-right: 15px;
}
.post-toggle-link { position: absolute; right: 0; top: 0; display: block; width: 20px; height: 24px; background: transparent url('images/icon-toggle-post.gif') no-repeat; }
a.more-link { background: url('images/icon-more.gif') 6px center no-repeat transparent; margin: 20px 0; padding-left: 24px; }
.page-link { margin: 15px 0 10px; }
.page-link-item { display: inline-block; padding: 0 8px; margin: 0 3px; line-height: 22px; background-color: #f5f5f5; font-weight: bold; }
.page-link a .page-link-item { font-weight: normal; }
.page-link a:hover .page-link-item { background-color: #f9f9f9; }
.navigation { clear: both; }
.navigation-archives { padding: 5px 0 10px; }
.navigation-single { padding: 0 0 20px; }
.navigation-comments { padding: 5px 0 20px; border-bottom: 1px #ddd dotted; }
.navigation .alignleft
{ display: inline-block; line-height: 16px; background: url('images/icon-navi.gif') left 0 no-repeat transparent; padding-left: 22px; }
.navigation .alignright
{ display: inline-block; line-height: 16px; background: url('images/icon-navi.gif') right -16px no-repeat transparent; padding-right: 22px; }
.post-entry .thumbnail { float: right; border: 1px #f0f0f0 solid; padding: 4px; margin: 0 0 10px 10px; }
.sticky {/* padding: 10px; margin-bottom: 15px; border: 1px dotted #eeeeee; */}

#secondary .widget-container ul,
#secondary .widget-container div.textwidget,
#secondary .widget-container div.tagcloud,
#secondary .widget-container form#searchform,
#secondary .widget-container div#calendar_wrap {
	padding: 10px; line-height: 24px;
}
#secondary .widget-container ul { list-style: none; padding-left: 15px; }
#secondary .widget-container { margin-bottom: 15px; }
#secondary .widget-container .widget-title {
	display: block; padding: 0 10px;
	height: 22px; line-height: 22px;
	font-size: 12px; font-weight: bold;
}
#secondary .widget-container ul li ul { padding: 0; }
#secondary .widget-container ul li {
	display: block;
	padding: 0 13px;
	background: transparent url('images/icon-li.png') 5px 10px no-repeat; padding-left: 22px;
}

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

#nav-inner { height: 32px; border-top: 1px #ddd dotted; border-bottom: 1px #ddd dotted; position: relative; }
.menu ul { list-style: none; margin: 0; }
.menu li { float: left; position: relative; margin: 0; padding: 0; }
.menu a { display: block; min-height: 32px; line-height: 32px; padding: 0 20px; }
.menu ul li.item-submenu > a { background: url('images/arrow1.gif') right center no-repeat; padding-right: 25px; }
.menu ul ul a { padding: 0 15px; }
.menu ul.children li.item-submenu > a { background: url('images/arrow2.gif') right center no-repeat; padding-right: 15px; }
.menu ul ul {
	background-color: #f1f1f1;
	display: none;
	position: absolute;
	left: 0;
	float: left;
	width: 170px;
	z-index: 99999;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
	-khtml-box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}
.menu ul ul ul { left: 100%; top: 0; }
.menu ul ul a { width: 140px; }
.menu ul ul a:hover, .menu ul.children li.item-submenu > a:hover { background-color: #f9f9f9; }
.menu ul li.current_page_item { background: none transparent; }
.menu ul li.current_page_item > a { font-weight: bold; }
#nav-inner #item-bg { background-color: #f5f5f5; }

#nav-sns { float: right; height: 18px; padding: 7px 5px; }
#nav-sns .btn-sns { display: inline-block; height: 18px; line-height: 18px; padding: 0 20px 0 25px; background: url('images/icon-sns.gif') no-repeat transparent; text-align: left; }
#nav-sns .btn-sns-rss { background-position: 0px 0px; }
#nav-sns .btn-sns-rss:hover { background-position: 0px -18px; }
#nav-sns .btn-sns-facebook { background-position: 0px -36px; }
#nav-sns .btn-sns-facebook:hover { background-position: 0px -54px; }
#nav-sns .btn-sns-twitter { background-position: 0px -72px; }
#nav-sns .btn-sns-twitter:hover { background-position: 0px -90px; }

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

#comments { padding: 0 15px; font-size: 14px; line-height: 40px; font-weight: bold; background-color: #f9f9f9; border-top: 1px solid #ddd; }
.commentlist { clear: both; border-top: 1px solid #ddd; padding-bottom: 15px; }
.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: 0; padding: 15px 0 0 10px; border-bottom: 1px solid #ddd; }
.commentlist li.comment .children > li.comment > .comment-body
{ padding: 15px 0 0 10px; }
.commentlist li.comment .comment-body .fn { position: absolute; left: 50px; top: 15px; line-height: 16px; font-style: normal; }
.commentlist li.comment .comment-body .commentmetadata { position: absolute; left: 50px; top: 31px; 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: 10px; top: 15px; opacity: 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: 25px; margin-right: 25px; }
.commentlist .bypostauthor > .comment-body { background-color: #fafafa; }
.nocomments { margin: 10px 0; }

#reply-title { font-size: 14px; line-height: 40px; font-weight: bold; }
#respond { padding-top: 15px; }
#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; }
#comment { width: 520px; height: 160px; }

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

.clearfix { clear: both; display: block; font-size: 1px; height: 0; line-height: 1px; margin: 0; padding: 0; }
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);
	-khtml-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-ms-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}
.screen-reader-text { display: none; }
small { font-size: smaller; }
.concerto-box { padding: 0 !important; }
.concerto-box li { padding: 0; list-style: none; clear: both; }
.concerto-box-title { display: block; padding: 0 10px; line-height: 26px; font-size: 12px; font-weight: bold; color: #333; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #eee; }
.concerto-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: #f5f5f5; 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.gif') no-repeat 10px 10px #f9f9f9; border-left: 5px solid #eee; padding: 10px 20px 10px 50px; margin: 10px 10px; }
pre { background-color: #f9f9f9; border: 1px dashed #eee; padding: 10px 20px; margin: 10px 10px; }
code { font-family: 'Courier New'; }
#primary table { margin: 5px 0 10px 0; }
#primary table td, #primary table th { padding: 5px; }
#primary table, #primary table td, #primary 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 { line-height: 16px; padding: 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 !important; }
.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 */

/* Plugin: Google AJAX Translation BEGIN */
#translate_popup {
	background-color: #f9f9f9 !important;
	border: 1px #eeeeee solid !important;
	padding: 8px 12px !important;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.2) !important;
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.2) !important;
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.2) !important;
	-khtml-box-shadow: 0px 2px 5px rgba(0,0,0,0.2) !important;
	-ms-box-shadow: 0px 2px 5px rgba(0,0,0,0.2) !important;
}
.translate_links a { line-height: 22px !important; }
.translate_links .google_branding { opacity: 0.2 !important; }
/* Plugin: Google AJAX Translation END */