/*
Theme Name: Piano Black
Theme URI: http://wordpress.org/extend/themes/piano-black
Author: mono-lab
Author URI: http://www.mono-lab.net
Description: This dark and elegant theme showcases your content with a techny, sophisticated design. Make it yours with a header image, background, and custom menu, and optional RSS and Search areas in the header. Includes a full-width-template for dropping the sidebar on pages.
Version: 2.3.1-wpcom
Tags: black, dark, two-columns, right-sidebar, fixed-width, custom-background, custom-header, custom-menu, full-width-template, infinite-scroll, microformats, rtl-language-support, theme-options, translation-ready, blog, gaming, journal, portfolio, clean, contemporary, curved, dark, elegant, metallic, tech, technical, textured
License: GNU General Public License
License URI: license.txt
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.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;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}


/* =Basics
-------------------------------------------------------------- */

body {
	background: url(img/body-bg.gif);
	color: #b8babb;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}
a,
a:visited {
	color: #7f8e91;
	text-decoration: none;
}
a:hover,
a:active {
	color: #81c8d5;
	text-decoration: underline;
}
p {
	margin: 0 0 15px 0;
	line-height: 160%;
}
ul {
	list-style-type: none;
	margin: 0 0 1em 0;
}
ol {
	margin: 0 0 1em 19px;
}
.hentry li {
	padding: 0 0 5px 0;
}
blockquote {
	background: #222;
	border: 1px solid #333;
	margin: 0 0 1em 0;
	padding: 15px 20px 0;
}
blockquote a,
blockquote a:visited {
	text-decoration: underline;
}
pre {
	background: #222;
	border: 1px solid #333;
	margin: 0 0 1em 0;
	overflow: auto;
	padding: 10px 20px;
}
.hentry h1,
.hentry h2,
.hentry h3,
.hentry h4,
.hentry h5,
.hentry h6 {
	margin-bottom: 10px;
}


/* =Structure
-------------------------------------------------------------- */

#wrapper {
	background: url(img/page-bg.png) no-repeat center top;
}
#page {
	margin: 0 auto;
	width: 959px;
}
#main {
	background: url(img/side.png) repeat-y;
	overflow: hidden;
	width: 100%;
}
#primary {
	float: left;
	margin: 0 -350px 0 0;
	width: 100%;
}
#content {
	margin: 0 390px 0 5px;
	padding-bottom: 50px;
	width: 584px;
}
#main .widget-area {
	float: right;
	overflow: hidden;
	margin: 60px 5px 0 0;
	width: 330px;
}

/* Templates without sidebars */
.full-width-layout #main {
	background: url(img/side-noside.png) repeat-y;
}
.full-width-layout #content {
	margin: 0;
	width: 924px;
}

/* Text meant only for screen readers */
.screen-reader-text,
.section-heading {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}


/* =Header
-------------------------------------------------------------- */

#branding {
	background: #000;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	box-shadow: 0 0 2px #000;
	clear: both;
	display: block;
	margin: 11px auto 0;
	overflow: hidden;
	width: 951px;
	height: 160px;
}
header hgroup {
	float: left;
	margin: 64px 0 0 40px;
}
#site-title a,
#site-title a:visited {
	color: #ccc;
	font-size: 22px;
}
#site-title a:hover {
	color: #83bac4;
	text-decoration: none;
}
#site-description {
	color: #666;
	font-size: 11px;
	font-weight: normal;
	line-height: 100%;
	padding: 6px 0;
}

/* Search and RSS */
#header-meta {
	float: right;
	margin: 0 40px 0 0;
}
#rss-feed {
	background: url(img/rss.gif) no-repeat left top;
	color: #777;
	float: left;
	font-size: 11px;
	height: 25px;
	margin: 62px 0 0 20px;
	padding: 18px 0 0 55px;
	position: relative;
}
#rss-feed:hover {
	background-position: left bottom;
	color: #83bac4;
	text-decoration: none;
}
#search-area {
	background: url(img/search-area.gif) no-repeat;
	float: left;
	margin: 70px 25px 0 0;
	position: relative;
	width: 183px;
	height: 29px;
}
#search-input {
	background: transparent;
	border: 0;
	color: #7e7e7e;
	font-size: 100%;
	position: absolute;
	top: 6px;
	left: 21px;
	width: 125px;
	height: 17px;
}
#search-button {
	position: absolute;
	top: 0;
	right: 0;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	background: #000;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	box-shadow: 0 0 2px #000;
	display: block;
	float: right;
	margin: 0 4px 11px 4px;
}
#access ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access li {
	border-left: 1px solid #222;
	float: left;
	padding: 0 9px;
	position: relative;
}
#access li:first-child {
	border-left: none;
}
#access li li:first-child {
	border-left: 1px solid #222;
}
#access a {
	color: #888;
	border-bottom: 2px solid #000;
	display: block;
	padding: 15px;
	text-decoration: none;
}
#access ul ul li {
	margin-left: -1px;
	padding: 0;
}
#access ul ul {
	display: none;
	float: left;
	position: absolute;
	top: 44px;
	left: 0;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #000;
	border: 1px solid #222;
	display: block;
	line-height: 140%;
	padding: 9px 30px 8px;
	width: 128px;
}
#access li:hover > a {
	color: #83bac4;
	border-bottom: 2px solid #83bac4;
}
#access ul ul :hover > a {
	color: #83bac4;
	border-bottom: 1px solid #222;
}
#access ul ul a:hover {
	background: #222;
	border-bottom: 1px solid #222;
}
#access ul li:hover > ul {
	display: block;
}
#access .current_page_item a,
#access .current_page_item a:visited,
#access .current-menu-item a,
#access .current-menu-item a:visited {
	color: #869497;
	border-bottom: 2px solid #627376;
}
#access .current_page_item a:hover,
#access .current-menu-item a:hover {
	color: #83bac4;
	border-bottom: 2px solid #83bac4;
	text-decoration: none;
}
#access .current_page_item ul a,
#access .current_page_item ul a:visited,
#access .current_page_item ul a:hover,
#access .current-menu-item ul a,
#access .current-menu-item ul a:visited,
#access .current-menu-item ul a:hover {
	border-bottom: 1px solid #373737;
}


/* =Content
-------------------------------------------------------------- */

.entry-meta {
	clear: both;
	display: block;
}
#content nav {
	display: block;
}
.post-nav {
	padding: 20px 0 40px 35px;
}
.post-nav div {
	width: 48%;
	line-height: 140%;
}
.post-nav .nav-previous {
	float: left;
}
.post-nav .nav-previous a {
	background: url(img/arrow-left.gif) no-repeat;
	display: block;
	height: 23px;
	padding: 6px 0 0 35px;
}
.post-nav .nav-previous a:hover {
	background-position: 0 100%;
}
.post-nav .nav-next {
	float: right;
	text-align: right;
}
.post-nav .nav-next a {
	background: url(img/arrow-right.gif) 100% 0 no-repeat;
	display: block;
	height: 23px;
	padding: 6px 35px 0 0;
}
.post-nav .nav-next a:hover {
	background-position: right bottom;
}
.page-link {
	clear: both;
	margin: 0 0 1em;
}
.page-link a {
	padding: 0 2px;
}
.hentry {
	margin: 60px 0 5px 35px;
}
.entry-title {
	line-height: 120%;
	margin: 0 0 4px 0;
}
.entry-title a,
.entry-title a:visited {
	color: #ccc;
	font-size: 16px;
	font-weight: normal;
}
.entry-title h2 a:hover {
	color: #83bac4;
	text-decoration: none;
}
.entry-meta {
	clear: both;
	color: #666;
	font-size: 11px;
	line-height: 13px;
	margin: 10px 0;
}
.entry-meta a,
.entry-meta a:visited {
	color: #797f80;
}
.entry-meta a:hover {
	color: #83bac4;
}
footer.entry-meta {
	background: #000;
	border-top-right-radius: 18px;
	border-bottom-right-radius: 18px;
	clear: both;
	overflow: hidden;
	margin-left: -35px;
	padding: 13px 10px 10px 35px;
	width: 543px;
}
.cat-links {
	background: url(img/category-icon.gif) no-repeat 2px -1px;
	display: block;
	float: left;
	padding: 0 0 1px 20px;
	width: 345px;
}
.tag-links {
	background: url(img/tag-icon.gif) no-repeat 2px 2px;
	display: block;
	float: left;
	margin-top: 4px;
	padding: 0 0 4px 20px;
	width: 345px;
}
.comments-link {
	background: url(img/write-comment.gif) no-repeat left top;
	float: right;
	padding: 0 10px 2px 22px;
	width: 90px;
}
.page-header {
	background: #000;
	border-top-right-radius: 18px;
	border-bottom-right-radius: 18px;
	margin: 20px 10px 0 0;
	padding: 20px 10px 10px 35px;
	width: 543px;
}
.page-title {
	font-size: 14px;
}
.entry-content {
	clear: both;
	line-height: 160%;
	padding: 15px 0;
}
.entry-content a,
.entry-content a:visited {
	text-decoration: underline;
}
.entry-content a.more-link,
.entry-content a.more-link:visited {
	background: url(img/arrow-right.gif) no-repeat left top;
	clear: both;
	display: block;
	height: 23px;
	margin: 15px 0 5px 0;
	padding: 6px 0 0 35px;
	text-decoration: none;
}
.entry-content a.more-link:hover {
	background-position: left bottom;
	text-decoration: none;
}
.entry-content table {
	margin-bottom: 1em;
}
.entry-content td,
.entry-content th {
	border: 1px solid #333;
	padding: 1em;
}
.entry-content th {
	background-color: #000;
	font-weight: normal;
}
.entry-content ul li {
	background: url(img/bullet.gif) no-repeat left 9px;
	line-height: 160%;
	padding-left: 12px;
}
.entry-content ol li {
	line-height: 160%;
	list-style: decimal;
}
.edit-link {
	text-transform: uppercase;
}
.next-image {
	padding-left: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	margin: 0 0 1em;
	padding: 1em 0;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}
.sticky .entry-meta .entry-date-link,
.sticky .entry-meta span.post-date {
	display: none;
}


/* =Images
-------------------------------------------------------------- */

.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	max-width: 100%;
	padding: .5em;
	text-align: center;
}
.wp-caption-text,
.gallery-caption {
	text-align: center;
	max-width: 560px;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.wp-smiley {
	border: 0;
	padding: 0;
	margin: 0;
	background: none;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.entry-attachment img,
.widget-area img {
	max-width: 100%;
	height: auto;
}
.hentry img.aligncenter,
div.aligncenter {
	display: block;
	margin: 0 auto;
}
.hentry img.alignright,
div.alignright {
	margin: 4px 0 10px 10px;
}
.hentry img.alignleft,
div.alignleft {
	margin: 4px 10px 10px 0;
}
.attachment .hentry img,
.attachment .hentry a img {
	border: 0;
	padding: 0;
}


/* =Sidebar
-------------------------------------------------------------- */
.widget-title {
	color: #999;
	font-size: 11px;
	font-weight: normal;
	line-height: 100%;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.widget {
	color: #aaa;
	font-size: 11px;
	line-height: 1.3;
	margin: 0 0 30px 32px;
	width: 270px;
}
.widget ul li {
	padding: 0 0 5px 0;
}
.widget ul li li {
	background: url(img/bullet.gif) 1px 7px no-repeat;
	line-height: 140%;
	margin: 3px 0;
	padding: 0 0 0 10px;
}
.widget_search {
	overflow: hidden;
}
.widget_search input {
	float: left;
}

/* Calendar */
#wp-calendar {
	width: 100%;
}
#wp-calendar th,
#wp-calendar td {
	color: #868a8d;
	line-height: 220%;
	text-align: center;
	width: 14%;
}
#wp-calendar th {
	color: #777;
}
#wp-calendar td a,
#wp-calendar td a:visited {
	background: #272727;
	border-radius: 16px;
	box-shadow: 0 0 8px #161616;
	color: #868a8d;
	padding: 3px 6px 2px 6px;
	text-decoration: none;
}
#wp-calendar td a:hover {
	background: #3a3a3a;
	color: #ccc;
}
#wp-calendar caption {
	padding: 8px 0;
}
#wp-calendar tfoot td {
	border: none;
	padding: 5px 0;
}
#wp-calendar #prev a,
#wp-calendar #prev a:visited,
#wp-calendar #next a,
#wp-calendar #next a:visited {
	background: none;
	color: #7d7d7d;
	text-decoration: none;
}
#wp-calendar #prev a:hover,
#wp-calendar #next a:hover {
	color: #f3dc19;
	text-decoration: underline;
}
#wp-calendar td#today {
	background: #272727;
	border-radius: 16px;
	box-shadow: 0 0 8px #161616;
	color: #ccc;
}


/* =Forms
-------------------------------------------------------------- */

#searchform label {
	display: none;
}
/*#searchform input#s {
	width: 60%;
}
input[type=text],
input#s {
	margin: 0 1em 0 0;
	width: 60%;
}
textarea {
	width: 80%;
}
*/
/* Class for labelling required form items */
.required {
	color: #cc0033;
}


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

#comments {
	margin: 30px 0 0 35px;
	width: 549px;
}
.full-width-layout #comments {
	width: 889px;
}
.commentlist {
	margin: 15px 0 0 0;
	padding: 0 0 20px 0;
}
#comments-title,
#reply-title {
	color: #888;
	font-size: 13px;
	letter-spacing: 0.025em;
	margin-bottom: 20px;
	padding: 2px;
}
.commentlist li.comment {
	background: #000;
	border: 1px solid #333;
	display: block;
	margin: 15px 0;
	padding: 15px 20px;
}
.commentlist > li.comment.bypostauthor,
.commentlist .children > li.comment.bypostauthor {
	background-color: #292929;
	border-color: #494949;
}
.comment-meta {
	height: 50px;
	position: relative;
}
.comment .avatar {
	float: left;
	margin-right: 15px;
	padding: 2px;
}
.comment-author {
	color: #7f8e91;
	padding: 6px 0;
}
.comment .comment-meta time {
	color: #757676;
	font-size: 11px;
}
.comment-edit-link {
	border-left: 1px solid #3c4243;
	margin-left: 6px;
	padding-left: 10px;
}
.comment-content p {
	line-height: 160%;
}
.comment blockquote {
	margin-bottom: 20px;
}
.comment-note {
	background: #58593b;
	border: 1px solid #9ea084;
	color: #fff446;
	display: block;
	font-size: 11px;
	margin-bottom: 1em;
	padding: 10px 15px 5px 15px;
}
.nocomments {
	color: #666;
	margin: 15px 0;
}

/* Pingbacks */
li.pingback {
	background: #333;
	margin: 0 0 1.7em;
	padding: 0.5em 1em;
}
li.pingback p {
	margin-bottom: 0;
}

/* Comment form */
#respond {
	margin: 0 0 15px 0;
}
article.comment + #respond {
	margin-top: 2em;
}
#respond input[type=text] {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	width: 60%;
}
#respond textarea {
	display: block;
	margin: 0 0 1em;
	width: 90%;
}
#respond .comment-form-comment label {
	display: none;
}
#respond .form-allowed-tags {
	clear: both;
	color: #888;
	font-size: 12px;
	width: 80%;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}


/* =Footer
-------------------------------------------------------------- */

#colophon {
	background: url(img/bottom.png) no-repeat top;
	clear: both;
	display: block;
	margin-bottom: 50px;
	width: 100%;
	height: 114px;
}
.full-width-layout #colophon {
	background: url(img/bottom-noside.png) no-repeat top;
}
#site-generator {
	color: #555;
	font-size: 11px;
	margin-left: 40px;
	text-align: right;
	width: 548px;
}
.full-width-layout #site-generator {
	text-align: center;
	width: 877px;
}
#colophon a,
#colophon a:visited {
	color: #777;
}
#colophon a:hover {
	color: #849ca0;
}

/* 404 page */
.error404 .widget {
	float: left;
	width: 33%;
	margin-left: 0;
}
.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 90%;
}
.error404 #searchform {
	display: block;
	margin: 2em 0 4em;
}


/* =WordPress.com
-------------------------------------------------------------- */

.widget_rss_links p img {
	margin-bottom: 0;
	vertical-align: middle;
}
.widget_recent_comments img {
	vertical-align: middle;
}
.widget_flickr #flickr_badge_wrapper {
	background: transparent;
	border: 0;
}

/* =IE
-------------------------------------------------------------- */

#ie8 #content,
#ie7 #content {
    margin-left: 25px;
    margin-top: 15px;
}
#ie8 #main .widget-area,
#ie7 #main .widget-area {
    width: 315px;
}
#ie7 .entry-title {
	margin-top: 8px;
}
#ie8 footer.entry-meta,
#ie7 footer.entry-meta {
	margin-left: -21px;
}