/*
Theme Name: P2 Categories (Revision 2)
Theme URI: https://github.com/versluis/P2-Categories
Description: A fork of P2 v1.5.8 with added support for categories
Version: 2.1
Author: Jay Versluis and Automattic
Author URI: https://wpguru.co.uk
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: p2
Tags: blue, custom-colors, two-columns, fixed-layout, rtl-language-support, right-sidebar, white, light, front-page-post-form, translation-ready, custom-background, custom-header, custom-menu, post-formats, sticky-post, theme-options
*/

/* The Reset ---------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,
h6,pre,form,fieldset,input,p,blockquote,table,
th,td,figure { margin: 0; padding: 0; }
fieldset,img { border: 0; }
abbr { border-bottom: 1px dotted #555; cursor: help; outline: none; }
address,caption,code,dfn,h1,h2,h3,h4,h5,h6,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }
a { text-decoration: none; }
/* -------------------------------------------- */

h1 a:hover {
	border: none;
}
a:hover {
	border-bottom: solid;
	border-width: 1px;
}
acronym {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	cursor: help;
}
dd {
	margin-left: 2em;
}
pre, code {
	overflow: auto;
}
#header {
	min-height: 120px;
	position: relative;
}
#header .sleeve {
	display: inline-block;
	margin-top: 40px;
}
h1 {
	display: inline-block;
	padding: 8px 10px;
}
blockquote {
	padding-left: 8px;
	color: #888;
	background: #f1f1f1;
	padding: 2px 12px;
}
blockquote + blockquote {
	margin-top: 10px;
}
.category-quote blockquote,
.format-quote blockquote {
	margin-bottom: 8px;
	background: transparent;
	padding: 0;
}
.category-quote blockquote p,
.format-quote blockquote p {
	padding: 10px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.category-link .postcontent p,
.format-link .postcontent p {
	background: #e4f2fd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	font-size: 1.2em !important;
	padding: 10px;
}
#header small {
	display: block;
	clear: both;
	margin-top: -3px;
	padding: 0 12px 12px 12px;
}
#header .sleeve, #wrapper, #footer {
	border: 0;
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
#header {
	width: 980px;
	margin: 0 auto;
}
#footer {
	border: solid;
	border-width: 1px;
	clear: both;
	margin: 20px auto 0;
	width: 978px;
}
#footer p {
	margin: 10px 15px;
}
#wrapper {
	/* this is #sidebar bg */
	border: solid;
	border-width: 1px;
	clear: both;
	width: 978px;
	margin: 0 auto;
	position: relative;
	margin-top: 20px;
	overflow: hidden;
}
#wrapper button, #wrapper input[type="submit"] {
	border: solid;
	border-width: 1px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 12px;
	min-height: 28px;
	padding: 0 10px;
	max-width: 100%;
}
#main button {
	margin: 10px 10px 0 0;
}
.sleeve_main {
	width: auto;
}
#postbox {
	background: #fff;
	position: relative;
	padding: 16px 15px 16px 14px;
}
#postbox div.avatar {
	margin-top: 25px;
	float: left;
	border: 0;
}
#postbox div.avatar img {
	padding: 0;
	border: solid;
	border-width: 1px;
}
#postbox .inputarea {
	padding-left: 60px;
}
.inputarea .post-input {
	display: none;
}
.inputarea .selected {
	display: block;
}
#postbox textarea#posttext,
textarea.posttext {
	border: solid;
	border-width: 1px;
	font-size: 13px;
	margin-bottom: 6px;
	max-width: 97%;
	padding: 5px 7px;
	width: 97%;
	height: 4em;
}
#wrapper form input[type="text"],
#wrapper form input[type="url"],
#wrapper form input[type="email"],
#wrapper form input[type="number"],
#wrapper form input[type="search"],
#wrapper form input[type="password"],
.inlineediting input[type="text"],
.inlineediting input[type="url"],
.inlineediting input[type="email"],
.inlineediting input[type="number"],
.inlineediting input[type="search"],
.inlineediting input[type="password"] {
	border: solid;
	border-width: 1px;
	padding: 5px 7px;
}
.inlineediting input[type="text"],
.inlineediting input[type="url"],
.inlineediting input[type="email"],
.inlineediting input[type="number"],
.inlineediting input[type="search"],
.inlineediting input[type="password"] {
	width: 97.45%;
}
form#new_post {
	margin-top: 20px;
}
#postbox label#post-prompt {
	display: block;
	float: left;
	font-weight: normal;
	font-size: 1.6em;
	max-width: 490px;
}
#postbox input#tags {
	width: 75%;
	float: left;
}
.inlineediting input.tags {
	width: 60%;
}
#postbox input#submit {
	margin: 0 3px 0 6px;
	padding: 0 20px;
	float: right;
}
#postbox .postrow {
	height: 28px;
}
#media-buttons {
	float: right;
	min-width: 100px;
	position: relative;
		top: 6px;
		right: 16px;
	text-align: right;
}
#postbox-type-post:not([style*="display: none"]) + #media-buttons {
	top: 0;
}
#media-buttons .add_media:after {
	background: url( i/icons.png ) -800px center no-repeat;
	content: '';
	float: right;
	margin-left: 5px;
	position: relative;
		top: -1px;
	width: 16px;
	height: 16px;
}
#media-buttons .button {
	background: transparent;
	border: none;
	height: auto;
	padding: 0;
	line-height: inherit;
}
#wrapper .mejs-controls .mejs-button button {
	background: transparent url(/wp-includes/js/mediaelement/controls.svg) no-repeat;
	border: 0;
	cursor: pointer;
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 7px 5px;
	padding: 0;
	position: absolute;
	text-decoration: none;
	width: 16px;
	height: 16px;
}
#wrapper .mejs-controls .mejs-pause button {
	background-position: 0 -16px;
}
#wrapper .mejs-controls .mejs-mute button {
	background-position: -16px -16px;
}
#wrapper .mejs-controls .mejs-unmute button {
	background-position: -16px 0;
}
#postbox input#posttitle,
#postbox input#postcitation {
	width: 97%;
	margin-bottom: 5px;
}
.disabled, .disabled:hover {
	border: solid;
	border-width: 1px;
}
#respond #submit, input#comment-submit {
	width: auto;
}
input#comment-submit {
	clear: both;
}
#main ul#postlist {
	list-style: none;
	margin-top: 16px;
	margin-left: 0;
}
h2 {
	position: relative;
}
#main {
	padding-left: 14px;
	padding-right: 14px;
	padding-bottom: 10px;
	position: relative;
}
.single #main {
	padding-top: 18px;
}
#main .wp-smiley {
	border: none;
}
#main h2 {
	padding-top: 10px;
	padding-bottom: 5px;
	line-height: 1.1em;
}
#main .controls {
	right: 0;
	position: absolute;
}
.single #main .controls {
position: static;
}
#main .transparent-title {
	text-indent: -1000em;
	height: 0;
	line-height: 0;
	font-size: 0;
	padding: 0;
	margin: 0;
}
#main .post h2 {
	margin: 0 0 15px;
}
#main img.avatar {
	float: left;
	margin-right: 10px;
	border: solid;
	border-width: 1px;
	margin-top: 0;
}
#main ul#postlist li {
	overflow: visible;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 14px 0 0;
}
#main ul#postlist ul.commentlist li {
	border-top-style: solid;
	border-top-width: 1px;
	display: block;
}

#main h4 {
	position: relative;
}
#main .actions {
	position: absolute;
	right: 2px;
	top: 0;
}
.single-action-links {
	display: none;
}
.bottom-of-entry {
	display: block;
	margin-bottom: 1px;
	overflow: hidden;
	width: 100%;
	height: 9px;
}
.page-nav {
	clear: both;
}
h2 img {
	vertical-align: middle;
	margin-right: 12px;
}
#main p img {
	vertical-align: top;
	padding: 2px;
	border-style: solid;
	border-width: 1px;
	display: block;
}
.attachment #main .entry .attachment-image {
	margin: .7em 0;
	text-align: center;
}
#main .attachment-image img {
	display: block;
	margin: 0 auto;
}
.discussion p img {
	display: inline !important;
}
#main p img.latex {
	display: inline-block;
}
#main p,
.mejs-container {
	margin: .7em 0;
}
#main ul, #main ol {
	margin-left: 18px;
}
#main ul.commentlist {
	border-top: 0;
	list-style: none;
	margin-top: 0;
	margin-left: 60px;
}
#main ul.commentlist li {
	list-style: none;
}
#main ul.commentlist .commentcontent ul li,
#main ul.commentlist .commentcontent ol ul li {
	list-style: disc;
}
#main ul.commentlist .commentcontent ol li {
	list-style: decimal;
}
#main ul.commentlist img.avatar {
	margin-right: 12px;
}
#main ul#postlist .postcontent ul, #main ul#postlist .postcontent ol,
#main ul#postlist .commentlist .commentcontent ul, #main ul#postlist .commentlist .commentcontent ol {
	border: none;
	border-width: 0;
	border-style: none;
	border-top-style: none;
	border-top-width: 0;
	overflow: visible;
	padding-top: 0;
}
.postcontent ul, .postcontent ol, .commentcontent ul, .commentcontent ol {
	margin: 10px 0 22px 20px !important;
}
.postcontent ul ul, .postcontent ul ol, .postcontent ol ol, .postcontent ol ul, .commentcontent ul ul, .commentcontent ul ol, .commentcontent ol ol, .commentcontent ol ul {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
#main ul#postlist .postcontent li, #main ul#postlist .commentlist .commentcontent li {
	border: none;
	border-width: 0;
	border-style: none;
	border-top-style: none;
	border-top-width: 0;
}
#main ul#postlist .postcontent ul li,
#main ul#postlist .commentlist .commentcontent ul li,
#main ul#postlist .postcontent ol li,
#main ul#postlist .commentlist .commentcontent ol li {
	display: list-item;
	padding: 2px 0 0;
}
#main ul#postlist .commentlist .children .commentcontent li {
	margin: 0;
}
#main form {
	margin-top: 10px;
}
#main input {
	margin: 4px 0;
}
#respond {
	overflow: hidden;
	position: relative;
}
#postpage #respond {
	width: 70%;
	margin-bottom: 20px;
	margin-left: 72px;
}
#main #respond, .textedit {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 10px;
	margin-left: 60px;
	padding: 14px 16px 12px;
}
.textedit {
	margin-left: 0;
}
#main .commentlist #respond.replying {
	margin-left: 44px;
}
#respond textarea, .textedit textarea {
	max-width: 94%;
	width: 94%;
	padding: 6px;
	border-width: 1px;
	border-style: solid;
}
#postpage #respond p {
	margin-right: 0;
}
#respond p, li ul #respond p {
	float: right;
	margin-right: 10%;
	padding-right: 5px;
	margin-top: 5px;
}
#respond p.form-submit, li ul #respond p.form-submit {
	float: none;
	display: inline;
	margin-right: 0;
}
#respond p label {
	color: #888;
	font-size: 12px;
}
#respond p.comment-form-author, #respond p.comment-form-email, #respond p.comment-form-url {
	float: left;
	width: 30%;
	margin-right: 1.11%;
}
#respond p.comment-form-author input, #respond p.comment-form-email input, #respond p.comment-form-url input {
	width: 90%;
}
#postpage li ul #respond p {
	margin-right: 5%;
}
#postpage #respond textarea {
	width: 96%;
}
#postpage li ul #respond textarea {
	width: 94% !important;
}
.commentcontent {
	min-height: 2.4em;
	overflow: auto;
}
.commentlist {
	margin-bottom: 5px;
}
.commentlist .children {
	margin: 0 !important;
}
.commentlist .children li {
	list-style: none;
	padding: 0 0 5px;
	position: relative;
	height: 1%;
	margin-left: 47px;
}
.commentlist .children li li {
	height: 1%;
}
.sleeve_main {
	margin-right: 242px;
	width: auto;
}
#sidebar {
	margin-left: -1px;
	float: right;
	width: 212px;
	position: relative;
	top: 0;
	padding: 6px 12px 18px 12px;
}
#sidebar h2 {
	margin-top: 5px;
	margin-bottom: 6px;
}
#sidebar ul li p {
	margin-bottom: 1.5em;
}
#sidebar a:hover {
	border-bottom: none;
}
#sidebar ul {
	list-style: none;
	margin-bottom: 22px;
}
#sidebar ul ul {
	margin-bottom: 0px;
}
#sidebar ul li {
	clear: both;
	padding: 4px 0 24px;
}
#sidebar ul li.widget {
	overflow: hidden;
	word-wrap: break-word;
}
#sidebar ul li ul li {
	padding-bottom: 4px;
	padding-right: 6px;
}
#sidebar ul li ul li ul {
	margin-left: 10px;
}
#sidebar ul li#authors ul ul {
	margin: 4px 0;
}
#sidebar ul li#authors .avatar {
	vertical-align: middle;
}
#recent-comments tr {
	overflow: hidden;
}
#recent-comments td {
	vertical-align: top;
	padding-top: 4px;
}
.widget_authors strong {
	padding-left: 6px;
}
#searchform div {
	height: 2em;
	clear: both;
	margin-bottom: 2px;
}
#searchform input {
	float: left;
	margin-top: 5px;
}
#searchform #s {
	width: 90%;
}
#searchform #searchsubmit {
	width: auto;
}
.error404 #main #searchform div,
.search #main #searchform div {
	clear: none;
}
.error404 #main #searchform #s,
.search #main #searchform #s {
	width: 33%;
}
.error404 #main #searchform label,
.search #main #searchform label {
	display: none;
}
#wpstats {
	margin: 20px auto;
	display: block;
	text-align: center;
}
#main ul#postlist, #main .post ul {
	overflow: hidden;
	list-style: none;
	margin-top: 0px;
}
#main ul#postlist ul, #main .post ul {
	list-style: disc;
}
#main ul#postlist ul ul, #main ul#postlist ol ul, #main .post ul ul, #main .post ol ul {
	margin-top: 0;
}
#main ol, #main .post ol {
	list-style: decimal;
	margin-left: 18px;
	margin-top: 16px;
	padding-left: .75em;
}
#main ol ol, #main .post ol ol {
	margin-top: 0;
}
img.wp-smiley {
	display: inline !important;
	vertical-align: middle !important;
	padding: 0 0 0 3px !important;
	margin: 0 !important;
}
img.centered, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	clear: none;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption, .gallery-icon {
	margin-bottom: 18px;
}
.wp-caption a:hover {
	border: none;
}
.gallery {
	display: block !important;
	margin: 0 0 1.5em !important;
	padding: 0 0 0 0 !important;
}
.gallery:before,
.gallery:after {
  content: " ";
  display: table;
}

.gallery:after {
  clear: both;
}
body .gallery br {
	display: none;
	clear: none !important;
}
.gallery-icon {
	width: auto !important;
	margin-bottom: 4px;
	padding: 4px;
}
.gallery-icon img {
	border-style: solid;
	border-width: 1px;
	padding: 4px 4px 0;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	margin: 0 auto;
}
.gallery-icon a:hover {
	border: none;
}
.gallery-icon img.attachment-thumbnail {
	border: none !important;
	padding: 0;
}
.gallery-caption {
	clear: both;
	padding: 4px;
}
.gallery-item {
	display: inline-block !important;
	padding-bottom: 1px;
	margin: 1em auto !important;
}
.gallery-item img {
	width: 100%;
	height: auto;
}
.gallery-columns-1 .gallery-item:nth-of-type(1n+1),
.gallery-columns-2 .gallery-item:nth-of-type(2n+1),
.gallery-columns-3 .gallery-item:nth-of-type(3n+1),
.gallery-columns-4 .gallery-item:nth-of-type(4n+1),
.gallery-columns-5 .gallery-item:nth-of-type(5n+1),
.gallery-columns-6 .gallery-item:nth-of-type(6n+1),
.gallery-columns-7 .gallery-item:nth-of-type(7n+1),
.gallery-columns-8 .gallery-item:nth-of-type(8n+1),
.gallery-columns-9 .gallery-item:nth-of-type(9n+1) {
	margin-left: 0;
	clear: left;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: none;
}
.wp-caption p.wp-caption-text {
	padding: 0 7px;
	margin: 0;
}
.liveupdates {
	min-height: 30px;
	margin: 0 0 10px;
	padding: 0 5px;
	display: none;
}
a.hidemessage {
	display: block;
	float: left;
}
.ac_results {
	margin: -1px 0 0;
	list-style: none;
	position: absolute;
	z-index: 10000;
	display: none;
	border-style: solid;
	border-width: 1px;
}
.ac_results li {
	padding: 4px 8px;
	white-space: nowrap;
	text-align: left;
}
.ac_over {
	cursor: pointer;
}
.post-error {
	width: 608px;
	padding-bottom: 10px;
}
#respond p.logged-in-as, #respond p.must-log-in, #respond p.comment-notes {
	position: absolute;
	top: 10px;
	right: 0;
	margin-right: 5%;
}
.progress {
	display: none;
	width: 20px;
	height: 20px;
}
.progress.spinner-post-new {
	position: absolute;
		bottom: 19px;
		left: 49px;
}
.progress.spinner-post-edit {
	position: absolute;
		left: -30px;
		bottom: 1px;
}
.progress.spinner-comment-new {
	position: absolute;
		bottom: 20px;
		left: 87px;
}
.progress.spinner-comment-edit {
	padding: 9px 0 13px;
}
#tooltip {
	position: absolute;
	border-style: solid;
	border-width: 1px;
	padding: 2px 5px;
	display: none;
}
#newCommentsIndicator {
	position: absolute;
	left: 0;
	top: 300px;
	border-style: solid;
	border-width: 2px;
}
li.newupdates,
li.newcomment {
	display: none;
}
#settings {
	float: left;
	padding: 22px 22px 0;
	width: 176px;
}
#help,
#notify {
	position: fixed;
	z-index: 10000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: none;
	padding: 30px;
}
#help {
	top: 50%;
	width: 50%;
	left: 50%;
	margin: -10% 0 0 -25%;
}
#notify {
	top: 90%;
	width: 20%;
	left: 50%;
	margin: -10% 0 0 -10%;
}
#help dl {
	margin: 0;
	padding: 0;
}
#help dd, #help dt {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
#help dt {
	width: 25%;
	padding-right: 5%;
	clear: left;
}
#help dd {
	width: 70%;
}
#userpage  ul {
	padding-top: 10px;
	clear: left;
}
#postpage h2.title {
	text-indent: -1000em;
	height: 1px;
	margin: 0;
	padding: 0;
}
#postpage li li h4 {
	margin-top: 0;
}
.postcontent {
	overflow: visible;
	padding-left: 60px;
}
.page .postcontent {
padding-left: 0;
}
#postpage #main ul#postlist, #postpage #main ul#postlist li {
	border-width: 0;
	margin-top: 0;
	padding-top: 0;
}
#postpage #main ul#postlist li ul li {
	border-width: 1px 0 0;
	margin-top: 0;
	padding-top: 14px;
}
.postcontent h1, .commentcontent h1,
.postcontent h2, .commentcontent h2,
.postcontent h3, .commentcontent h3,
.postcontent h4, .commentcontent h4,
.postcontent h5, .commentcontent h5,
.postcontent h6, .commentcontent h6 {
	margin-top: .3em;
	margin-bottom: .3em;
	padding: 5px 0;
}
.no-posts {
	padding: 2em !important;
}
div.entry {
	margin-right: 248px; /* compensate for sidebar */
	height: auto;
}
.attachment div.entry {
	margin-right: 0;
}
.navigation {
	clear: both;
	overflow: hidden;
}
.navigation p {
	float: left;
	width: 50%;
}
.navigation p.nav-newer {
	float: right;
	text-align: right;
}
.attachment .navigation {
	border-top: 0;
	clear: left;
	margin-bottom: 20px;
}
.discussion p img {
	padding: 0 !important;
	border: none !important;
	margin-right: 0 !important;
}
.discussion p {
	margin-bottom: 0;
}
.p2-recent-comments .avatar {
	margin-right: 8px;
	margin-bottom: 4px;
}
#post-types {
	float: left;
	list-style: none;
	margin-left: 60px;
	margin-bottom: 10px;
	width: 650px;
}
#post-types:after {
	clear: both;
	content: '';
	display: block;
}
#post-types li {
	float: left;
	margin-right: 5px;
}
#post-types li a {
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	padding: 4px 6px;
	border-color: #eee;
	border-top-color: #f5f5f5;
	border-left-color: #f5f5f5;
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #fafafa;
}
#post-types li a:active {
	border-top-width: 2px;
	border-left-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	background-color: #eee;
}
#post-types li a.selected {
	cursor: default;
}
.post-format-button:before {
	background: url( i/icons.png ) no-repeat;
	float: left;
	content: '';
	margin-right: 5px;
	width: 16px;
	height: 16px;
}
#post-types #post:before {
	background-position: -200px center;
}
#post-types #quote:before {
	background-position: -400px center;
}
#post-types #link:before {
	background-position: -600px center;
}
#cat-types {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}
#cat-types li {
	display: inline-block;
	margin: 0 5px 4px 0;
	vertical-align: top;
}
#cat-types li a {
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	padding: 4px 6px;
	border-color: #eee;
	border-top-color: #f5f5f5;
	border-left-color: #f5f5f5;
	display: inline-block;
	border-radius: 4px;
	background: #fafafa;
	font-size: 12px;
	color: #555;
	text-decoration: none;
}
#cat-types li a:hover {
	border-color: #ccc;
	color: #333;
}
#cat-types li a:active {
	border-top-width: 2px;
	border-left-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	background-color: #eee;
}
#cat-types li a.selected {
	background-color: #f0f0f0 !important;
	color: #555;
	cursor: default;
}

.discussion p a img {
	padding: 0 !important;
	border: none !important;
	margin-right: 0 !important;
}
.discussion p {
	margin-bottom: 0;
}
.discussion img.avatar {
	float: none !important;
	padding: 0 !important;
	border: none !important;
	margin: 0 !important;
}
.inlineediting .row2 {
	text-align: right;
}
.inlineediting .tags {
	float: left;
	position: relative;
		z-index: 2;
}
.inlineediting .buttons {
	position: relative;
		z-index: 1;
}
.inlineediting .buttons img {
	vertical-align: middle;
}
#main .inlineediting .buttons button {
	margin: 0 0 0 10px;
}

/*
#
# COLORS
#
*/

body {
	background: #f1f1f1;
}
a, a:visited, h1 a:visited, a:active, #main .selected .actions a, #main .selected .actions a:link, #main .selected .actions a:visited, #help dt, #media-buttons .button {
	color: #3478e3;
}
a:hover, h1 a:hover, #main .selected .actions a:hover, #main .selected .actions a:active, #media-buttons .button:hover {
	color: #d54e21;
}
a:hover {
	border-bottom-color: #bbb;
}
acronym {
	border-bottom-color: rgb(85, 85, 85);
}
code {
	background: #f1f1f1;
}
.category-quote blockquote p,
.format-quote blockquote p {
	color: #888;
	background: #eee;
	text-shadow: 0 1px 0 #fff;
}
h2 {
	color: #555;
}
h3 {
	color: #777;
}
#postlist h4 {
	border-bottom-color: #f0f0f0;
}
#main img.avatar {
	border-color: #ccc;
}
#main #postlist li {
	border-top-color: #bbb;
}
#main #postlist li.inlineediting {
	border-top: 0;
}
#main #postlist .commentlist li {
	border-top-color: #ddd;
}
#main #postlist .commentlist li.bypostauthor {
	border-top-color: #b3c4df;
}
#header .sleeve {
	background: #fff;
}
#header h1 a,
#header small {
	color: #3478e3;
}
#footer {
	background: #fff;
	border-color: #fff;
}
#footer p {
	color: #777;
}
#wrapper {
	background: #fff;
	border-color: #fff;
}
#postbox .avatar img {
	border-color: #ccc;
}
#postbox textarea#posttext, textarea.posttext {
	background: #fafafa;
	border-color: #d1d1d1;
	color: #666;
}
#wrapper form input[type="text"],
#wrapper form input[type="url"],
#wrapper form input[type="email"],
#wrapper form input[type="number"],
#wrapper form input[type="search"],
#wrapper form input[type="password"],
.inlineediting input[type="text"],
.inlineediting input[type="url"],
.inlineediting input[type="email"],
.inlineediting input[type="number"],
.inlineediting input[type="search"],
.inlineediting input[type="password"] {
	border-color: #d1d1d1;
	background: #fafafa;
	color: #666;
}
#sidebar form input[type="text"] {
	background: #fff;
}
#postbox label {
	color: #444;
	float: left;
}
#wrapper button,
#wrapper input[type="submit"] {
	border-color: #ccc;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
}
#wrapper button:active,
#wrapper input[type="submit"]:active {
	background: rgb(237,237,237); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
}
.disabled, .disabled:hover {
	color: #eee;
	background: #ddd;
	border-color: #ccc;
}
#main .actions, #main .actions a, #main .actions a:link, #main .actions a:visited, #main .actions a:hover, #main .actions a:active,
#main .keyselected .actions, #main .keyselected .actions a, #main .keyselected .actions a:link, #main .keyselected .actions a:visited, #main .keyselected .actions a:hover, #main .keyselected .actions a:active,
#main .selected ul li .actions, #main .selected ul li .actions a, #main .selected ul li .actions a:link, #main .selected ul li .actions a:visited, #main .selected ul li .actions a:hover, #main .selected ul li .actions a:active {
	color: #ccc;
}
#media-buttons {
	color: #999;
}
.postcontent {
	color: #555;
}
#main p img,
.wp-caption img {
	border-color: #eee;
	max-width: 98%;
	height: auto;
}
#main p, #main ul, #main ol {
	color: #555;
}
#main #respond, .textedit {
	background: #f1f1f1;
}
#respond textarea, .textedit textarea {
	border-color: #ccc;
}
#main span.meta {
	color: #888;
}
.sleeve_main {
	background: #fff;
}
#sidebar {
	color: #555;
}
#sidebar ul {
	color: #888;
}
.wp-caption, .gallery-icon {
	border-color: #ddd;
	border-color: rgba(255,255,255,0);
	background: #fff;
	text-shadow: 0 1px 0 #fff;
}
.liveupdates {
	color: #464646;
	background: #E4F2FD;
}
.ac_results {
	border-color: #ccc;
	background: rgba(255, 255, 255, 0.95);
}
.ac_over {
	color: #fff;
	background: #3478e3;
}
.post-error {
	color: red !important;
}
#tooltip {
	background: #eee;
	color: #333;
}
.hilite {
	color: #fff;
	background: #f93;
}
#newCommentsIndicator {
	border-color: #f00;
}
li.newupdates,
li.newcomment {
	background-color: #F6F3D1;
}
.repyling .post .comment {
	background: transparent;
}
#help, #notify {
	background: #000;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	color: #fff;
}
.navigation {
	border-top: 1px solid #bbb;
}
.keyselected {
	background-color: #eee !important;
}
#searchsubmit:hover, #submit:hover, input#comment-submit:hover {
	border-color: #555;
}
.discussion p {
	color: #888 !important;
}
.discussion p a {
	color: #888;
	border-bottom: 1px solid #ddd;
}
#post-types li a.selected {
	background-color: #f0f0f0 !important;
	color: #555;
}
#wrapper {
	background: #fff url( i/sidebar_back.gif ) top right repeat-y;
	border: 1px solid #fff;
}
.sleeve_main {
	background: transparent;
}
#main {
	background: #fff;
}

/*
#
# FONTS
#
*/
body, form *, #respond #cancel-comment-reply-link, input, textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1,
h2,
h3,
#postbox label,
#help dd,
.inlineediting input.title {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 200;
}
code, pre {
	font-family: Monaco, Consolas, "Courier New", monospace;
}
html {
	font-size: 100%;
}
body {
	font-size: 62.5%;
}
strong {
	font-weight: bold;
}
em, cite {
	font-style: italic;
}
code, pre {
	font-size: 1em;
}
dt {
	font-weight: bold;
}
#main .category-quote blockquote p,
#main .format-quote blockquote p {
	font-size: 1.2em;
}
.category-quote blockquote cite,
.format-quote blockquote cite {
	display: block;
	text-align: right;
}
.category-quote blockquote cite:before,
.format-quote blockquote cite:before {
	content: "\2014 ";
}
h1 {
	font-size: 4em;
	line-height: 1em;
}
#header small {
	font-size: 1.3em;
	line-height: 1.2em;
}
h2 {
	font-size: 2em;
	font-weight: normal;
}
h3 {
	font-size: 1.2em;
	font-weight: bold;
}
h4, h5, h6 {
	font-weight: 500;
}
.postcontent h4, h5, h6 {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#footer p {
	font-size: 1.3em;
}
#main {
	font-size: 1.3em;
}
#postbox {
	font-size: 14px;
}
#postbox .inputarea {
	font-size: 12px;
}
#postbox textarea#posttext, textarea.posttext {
	font-size: 13px;
}
#wrapper form input[type="text"],
#wrapper form input[type="url"],
#wrapper form input[type="email"],
#wrapper form input[type="number"],
#wrapper form input[type="search"],
#wrapper form input[type="password"],
.inlineediting input[type="text"],
.inlineediting input[type="url"],
.inlineediting input[type="email"],
.inlineediting input[type="number"],
.inlineediting input[type="search"],
.inlineediting input[type="password"] {
	font-size: 13px;
	line-height: 16px;
}
#postbox label {
	font-weight: normal;
	font-size: 1.6em;
}
#main button, #main input[type="submit"], #postbox input[type="submit"], #postbox button {
	line-height: 27px;
	font-size: 13px;
	font-weight: bold;
}
#main .controls {
	font-size: 12px;
	text-align: right;
	line-height: 3em;
}
#main h4 {
	font-size: 1em;
	line-height: 1.2em;
	margin-left: 55px;
}
#main .inlinecomments h4 {
	margin-left: 37px;
}
#main .inlinecomments .pingback h4 {
	margin-left: 0;
}
#main h4 a {
	font-weight: bold;
}
#main h4 span a {
	font-weight: normal;
}
#main .inlineediting h4 {
	display: none;
}
.postcontent h1 {
	display: block;
	font-size: 2em;
	font-weight: 500;
	padding: 10px 0 5px;
}
#main .postcontent h2,
.inlineediting input.title {
	font-size: 1.8em;
	font-weight: 500;
}
#main .postcontent h2 {
	padding: 10px 0 5px;
}
.postcontent h3 {
	color: #555;
	font-size: 1.6em;
	font-weight: 500;
}
#main .postcontent h4 {
	font-size: 1.4em;
	margin-left: 0;
}
.postcontent h5 {
	font-size: 1.3em;
}
.postcontent h6 {
	font-size: 1.2em;
}
#main p, #main ul, #main ol {
	font-size: 1em;
	line-height: 1.4em;
}
#respond #cancel-comment-reply-link {
	font-weight: normal;
}
#respond h3 small {
	font-weight: normal;
	font-size: 11px;
}
#main p.logged-in-as, #main p.must-log-in, #main p.comment-notes {
	font-size: 11px;
}
#respond textarea, .textedit textarea {
	font-size: 12px;
}
#main span.meta {
	font-size: 0.85em;
}
#main .meta abbr {
	border: none;
	cursor: default;
}
#main .meta em {
	font-style: normal;
}
#main p.meta {
	font-size: 1em;
}
#sidebar h2 {
	font-weight: normal;
	font-size: 1.7em;
}
#sidebar ul li p {
	line-height: 1.4em;
}
#sidebar ul {
	font-size: 1.1em;
}
#sidebar ul li {
	font-size: 1em;
}
#sidebar ul li ul li ul {
	font-size: 1em;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
}
.liveupdates {
	line-height: 30px;
}
.ac_results {
	font-size: 1.2em;
}
.ac_match {
	text-decoration: underline;
}
form.textedit textarea {
	font-size: 12px;
	line-height: 12px;
}
#notify {
	top: 90%;
	width: 20%;
	left: 50%;
	margin: -10% 0 0 -10%;
	font-size: 1.8em;
	text-align: center;
}
#help dl {
	font-size: 2.8em;
}
#help dt {
	text-align: right;
}
#postpage h2.title {
	line-height: 1px;
	font-size: 1px;
}
#post-types li {
	font-size: 0.9em;
}

/* to reorganize */
.invisible {
	height: 1px;
	font-size: 1px;
	text-indent: -1000em;
	width: 1px;
	position: absolute;
	top: 0;
	left: 0;
}
.postcontent table,
.commentcontent table {
	border: 1px solid #ccc;
	border-width: 1px 1px 1px 0;
	border-spacing: 0;
	margin: .7em 0 1.5em;
	width: 100%;
}
.postcontent table td,
.commentcontent table td {
	border: 1px solid #ccc;
	border-width: 1px 0 0 1px;
	padding: 6px 15px;
}
.postcontent table th,
.commentcontent table th {
	background-color: #f7f7f7;
	color: #555;
	border-left: 1px solid #ccc;
	font-weight: bold;
	padding: 6px 15px;
}
.postcontent table tr,
.commentcontent table tr {
	border: 0;
	border-width: 0;
}
.postcontent table ul,
.postcontent table ol,
.postcontent table p,
.postcontent table blockquote,
.commentcontent table ul,
.commentcontent table ol,
.commentcontent table p,
.commentcontent table blockquote, {
	margin-top: 0 !important;
	margin-bottom: 1.6em !important;
}
.mention-highlight {
	background-color: #DEEE66;
}
a.mention-current-user {
	background: #efefef;
	border: 1px solid #ddd;
	border-top: none;
	border-left: none;
	border-radius: 4px;
	color: #3478e3;
	font-weight: bold;
	margin: 0 2px;
	padding: 0 3px;
	text-shadow: 0 1px 0 #fff;
}
a.mention-current-user:hover {
	background: #3478e3;
	border-color: #3478e3;
	box-shadow: 0 1px 1px #ddd;
	color: #fff;
	text-shadow: 0 1px 0 #333;
}
.wp-caption {
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	border-radius:         3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	margin: 10px;
	max-width: 100%;
	padding-top: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
div.possibly-related {
	clear:left;
}
#main .wpl-likebox {
	padding-left: 60px !important;
}
#wpl-mustlogin {
	margin-left: -60px !important;
}
.sticky {
	background-color: #e4f2fd;
	border: 1px solid #d9e1e7 !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 3px rgba(85, 88, 90, 0.3);
	-moz-box-shadow: 0px 1px 3px rgba(85, 88, 90, 0.3);
	box-shadow: 0px 1px 3px rgba(85, 88, 90, 0.3);
	margin: 10px 0;
	padding: 10px !important;
}
/* Text meant only for screen readers */
.assistive-text,
.screen-reader-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}


/* =Network signup form
-------------------------------------------------------------- */
#content .mu_register {
	color: #999;
	margin: 0;
}
#content .mu_register input[type="submit"] {
	width: 10%;
}
#content .mu_register label {
	color: #111;
	display: block;
	font-weight: normal;
	margin: 15px 0 0;
}

/* Santa completeness */

.ui-menu.ui-autocomplete {
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-o-border-bottom-left-radius: 4px;
	-o-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-radius: 0 0 4px 4px;
	border-top: none;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15);
	box-shadow: 0 1px 3px rgba(0,0,0,.15);
}

.ui-menu.ui-autocomplete .avatar {
	margin: 0 .3em 0 0;
	width: 22px;
	height: 22px;
	vertical-align: middle;
}

.ui-menu .ui-menu-item a {
	padding: 3px 4px !important;
	position: relative;
	background: none;
}

.ui-menu .ui-menu-item:last-child .ui-state-hover,
.ui-menu .ui-menu-item:last-child {
	border-radius: 0 0 3px 3px;
}

.ui-menu li.ui-menu-item {
	background: none; /* Overriding inline nth-child(2n+1) rule */
}

.ui-menu .ui-menu-item:nth-child(2n+1) a {
	background: #D9E8FF; /* Applies rule again */
	border-color: #D9E8FF;
}

.ui-menu .ui-menu-item a.ui-state-hover {
	padding: 6px 7px !important;
	margin: -3px;
	-moz-transition: all .1s ease-in-out;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	background: #fff;
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.45);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.45);
	box-shadow: 0 1px 5px rgba(0,0,0,.45);
	background: #3478E3; /* !important needed - overules previous changes on hover/focus */
	z-index: 5;
	color: #fff !important;
}

.ui-menu-item strong {
	font-weight: normal;
	background: #F5E749;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 1px 2px 2px;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.ui-menu .ui-menu-item a.ui-state-hover strong {
	background: #fff;
	color: #000;
}
/* end Santa carnage */


/* =WP.com Specific Styles
--------------------------------------------------------- */

.milestone-widget .milestone-content {
	max-width: 210px;
}
.milestone-widget .milestone-countdown {
	border-color: #ccc;
}
.milestone-widget .difference {
	padding-top: 15px;
}
#main ul#postlist .postcontent .sharedaddy ul li {
	display: inline-block;
	padding: 0;
}


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

.main-navigation {
	clear: both;
	float: left;
	margin: 10px 0;
	width: 100%;
}
.main-navigation a:hover {
	border: none;
}
.main-navigation .menu {
	float: left;
	font-size: 14px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.main-navigation .menu > ul {
	top: 40px;
	left: 0;
}
.main-navigation .menu li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	white-space: nowrap;
}
.main-navigation .menu li:hover {
	background: #fff;
}
.main-navigation .menu li:hover > ul {
	display: block;
}
.main-navigation .menu li a {
	color: #666;
	display: block;
	line-height: 40px;
	padding: 0 10px;
	text-decoration: none;
}
.main-navigation .menu li li {
	border-top: 1px solid #ddd;
	font-size: 12px;
	white-space: normal;
	width: 200px;
}
.main-navigation .menu li li:hover {
	background: #eee;
	background: #f2f8fd;
}
.main-navigation .menu li li a {
	line-height: 1.6;
	padding: 6px 10px;
}
.main-navigation .menu li li a:hover {
	color: #333;
}
.main-navigation .menu ul {
	-moz-box-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.2 );
	-webkit-box-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.2 );
	box-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.2 );
	list-style: none;
	margin: 0;
	padding: 0;
	background: #fff;
	display: none;
	position: absolute;
	width: 200px;
	z-index: 99999;
}
.main-navigation .menu ul ul {
	top: -1px;
	left: 100%;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
	background: #ddd;
	color: #000;
}
.main-navigation li.current-menu-item > a,
.main-navigation li.current-menu-ancestor > a,
.main-navigation li.current-menu-item:hover > a,
.main-navigation li.current-menu-ancestor:hover > a {
	background: transparent;
	color: #3478e3;
}
.main-navigation ul ul .current-menu-item > a,
.main-navigation ul ul .current-menu-ancestor > a {
	background: #e4f2fd;
	color: #000;
}
.main-navigation ul ul .current-menu-item:hover > a,
.main-navigation ul ul .current-menu-ancestor:hover > a,
.main-navigation ul ul .current-menu-item > a:hover,
.main-navigation ul ul .current-menu-ancestor > a:hover {
	background: #d8edfd;
	color: #000;
}
.iphone .main-navigation .menu {
	display: none;
}
.printer-only {
	display: none;
}

/* =Dark Mode
--------------------------------------------------------- */
/* Applied via html.dark-mode class set by the inline script in header.php.
   The script reads localStorage first, then falls back to the OS preference,
   so the class is in place before the first paint — no flash of wrong theme. */

html.dark-mode body {
	background: #121212;
}
html.dark-mode a,
html.dark-mode a:visited,
html.dark-mode h1 a:visited,
html.dark-mode a:active,
html.dark-mode #main .selected .actions a,
html.dark-mode #main .selected .actions a:link,
html.dark-mode #main .selected .actions a:visited,
html.dark-mode #help dt,
html.dark-mode #media-buttons .button {
	color: #5a9af0;
}
html.dark-mode a:hover,
html.dark-mode h1 a:hover,
html.dark-mode #main .selected .actions a:hover,
html.dark-mode #main .selected .actions a:active,
html.dark-mode #media-buttons .button:hover {
	color: #f08050;
}
html.dark-mode a:hover {
	border-bottom-color: #555;
}
html.dark-mode acronym {
	border-bottom-color: #666;
}
html.dark-mode code {
	background: #2a2a2a;
	color: #c8c8c8;
}
html.dark-mode blockquote {
	color: #999;
	background: #252525;
}
html.dark-mode .category-quote blockquote p,
html.dark-mode .format-quote blockquote p {
	color: #999;
	background: #2a2a2a;
	text-shadow: none;
}
html.dark-mode .category-link .postcontent p,
html.dark-mode .format-link .postcontent p {
	background: #162030;
}
html.dark-mode h2 {
	color: #c0c0c0;
}
html.dark-mode h3 {
	color: #999;
}
html.dark-mode #postlist h4 {
	border-bottom-color: #2a2a2a;
}
html.dark-mode #main img.avatar {
	border-color: #3a3a3a;
}
html.dark-mode #main #postlist li {
	border-top-color: #333;
}
html.dark-mode #main #postlist .commentlist li {
	border-top-color: #2d2d2d;
}
html.dark-mode #main #postlist .commentlist li.bypostauthor {
	border-top-color: #1e2d40;
}
html.dark-mode #header .sleeve {
	background: #1e1e1e;
}
html.dark-mode #header h1 a,
html.dark-mode #header small {
	color: #5a9af0;
}
html.dark-mode #footer {
	background: #1e1e1e;
	border-color: #2a2a2a;
}
html.dark-mode #footer p {
	color: #888;
}
html.dark-mode #wrapper {
	background: #252525;
	border: 1px solid #2a2a2a;
}
html.dark-mode #postbox {
	background: #1e1e1e;
}
html.dark-mode #postbox .avatar img {
	border-color: #3a3a3a;
}
html.dark-mode #postbox textarea#posttext,
html.dark-mode textarea.posttext {
	background: #252525;
	border-color: #3a3a3a;
	color: #c8c8c8;
}
html.dark-mode #wrapper form input[type="text"],
html.dark-mode #wrapper form input[type="url"],
html.dark-mode #wrapper form input[type="email"],
html.dark-mode #wrapper form input[type="number"],
html.dark-mode #wrapper form input[type="search"],
html.dark-mode #wrapper form input[type="password"],
html.dark-mode .inlineediting input[type="text"],
html.dark-mode .inlineediting input[type="url"],
html.dark-mode .inlineediting input[type="email"],
html.dark-mode .inlineediting input[type="number"],
html.dark-mode .inlineediting input[type="search"],
html.dark-mode .inlineediting input[type="password"] {
	border-color: #3a3a3a;
	background: #252525;
	color: #c8c8c8;
}
html.dark-mode #sidebar form input[type="text"] {
	background: #252525;
}
html.dark-mode #postbox label {
	color: #aaa;
}
html.dark-mode #wrapper button,
html.dark-mode #wrapper input[type="submit"] {
	border-color: #444;
	background: #2e2e2e;
	color: #c8c8c8;
}
html.dark-mode #wrapper button:active,
html.dark-mode #wrapper input[type="submit"]:active {
	background: #222;
}
html.dark-mode .disabled,
html.dark-mode .disabled:hover {
	color: #555;
	background: #252525;
	border-color: #3a3a3a;
}
html.dark-mode #main .actions,
html.dark-mode #main .actions a,
html.dark-mode #main .actions a:link,
html.dark-mode #main .actions a:visited,
html.dark-mode #main .actions a:hover,
html.dark-mode #main .actions a:active,
html.dark-mode #main .keyselected .actions,
html.dark-mode #main .keyselected .actions a,
html.dark-mode #main .keyselected .actions a:link,
html.dark-mode #main .keyselected .actions a:visited,
html.dark-mode #main .keyselected .actions a:hover,
html.dark-mode #main .keyselected .actions a:active,
html.dark-mode #main .selected ul li .actions,
html.dark-mode #main .selected ul li .actions a,
html.dark-mode #main .selected ul li .actions a:link,
html.dark-mode #main .selected ul li .actions a:visited,
html.dark-mode #main .selected ul li .actions a:hover,
html.dark-mode #main .selected ul li .actions a:active {
	color: #555;
}
html.dark-mode #media-buttons {
	color: #666;
}
html.dark-mode .postcontent {
	color: #c0c0c0;
}
html.dark-mode #main p img,
html.dark-mode .wp-caption img {
	border-color: #333;
}
html.dark-mode #main p,
html.dark-mode #main ul,
html.dark-mode #main ol {
	color: #c0c0c0;
}
html.dark-mode #main #respond,
html.dark-mode .textedit {
	background: #252525;
}
html.dark-mode #respond textarea,
html.dark-mode .textedit textarea {
	border-color: #3a3a3a;
	background: #1e1e1e;
	color: #c8c8c8;
}
html.dark-mode #respond p label {
	color: #888;
}
html.dark-mode #main span.meta {
	color: #888;
}
html.dark-mode .sleeve_main {
	background: #1e1e1e;
}
html.dark-mode #main {
	background: #1e1e1e;
}
html.dark-mode #sidebar {
	color: #c0c0c0;
}
html.dark-mode #sidebar ul {
	color: #888;
}
html.dark-mode .wp-caption {
	background-color: #252525;
	border-color: #333;
}
html.dark-mode .liveupdates {
	color: #c0c0c0;
	background: #162030;
}
html.dark-mode .ac_results {
	border-color: #3a3a3a;
	background: rgba(30, 30, 30, 0.97);
}
html.dark-mode .ac_over {
	color: #fff;
	background: #5a9af0;
}
html.dark-mode #tooltip {
	background: #2a2a2a;
	color: #c8c8c8;
	border-color: #3a3a3a;
}
html.dark-mode #newCommentsIndicator {
	border-color: #900;
}
html.dark-mode li.newupdates,
html.dark-mode li.newcomment {
	background-color: #2d2d1a;
}
html.dark-mode .keyselected {
	background-color: #252525 !important;
}
html.dark-mode .hilite {
	color: #fff;
	background: #b05800;
}
html.dark-mode .mention-highlight {
	background-color: #4a4400;
}
html.dark-mode a.mention-current-user {
	background: #252525;
	border-color: #3a3a3a;
	color: #5a9af0;
	text-shadow: none;
}
html.dark-mode a.mention-current-user:hover {
	background: #5a9af0;
	border-color: #5a9af0;
	color: #fff;
	text-shadow: none;
}
html.dark-mode .navigation {
	border-top-color: #333;
}
html.dark-mode .discussion p {
	color: #888 !important;
}
html.dark-mode .discussion p a {
	color: #888;
	border-bottom-color: #333;
}
html.dark-mode #post-types li a {
	border-color: #3a3a3a;
	background: #252525;
	color: #c0c0c0;
}
html.dark-mode #post-types li a:active {
	background-color: #1e1e1e;
}
html.dark-mode #post-types li a.selected {
	background-color: #2a2a2a !important;
	color: #888;
}
html.dark-mode #cat-types li a {
	border-color: #3a3a3a;
	background: #252525;
	color: #c0c0c0;
}
html.dark-mode #cat-types li a:hover {
	border-color: #555;
	color: #e0e0e0;
}
html.dark-mode #cat-types li a:active {
	background-color: #1e1e1e;
}
html.dark-mode #cat-types li a.selected {
	background-color: #2a2a2a !important;
	color: #888;
}

html.dark-mode .postcontent table,
html.dark-mode .commentcontent table {
	border-color: #3a3a3a;
}
html.dark-mode .postcontent table td,
html.dark-mode .commentcontent table td {
	border-color: #3a3a3a;
}
html.dark-mode .postcontent table th,
html.dark-mode .commentcontent table th {
	background-color: #252525;
	color: #c0c0c0;
	border-color: #3a3a3a;
}
html.dark-mode .wp-caption p.wp-caption-text {
	color: #888;
}
html.dark-mode .sticky {
	background-color: #162030;
	border-color: #1e2d40 !important;
}
html.dark-mode .main-navigation .menu li:hover {
	background: #252525;
}
html.dark-mode .main-navigation .menu li a {
	color: #aaa;
}
html.dark-mode .main-navigation .menu li li {
	border-top-color: #333;
}
html.dark-mode .main-navigation .menu li li:hover {
	background: #2a2a2a;
}
html.dark-mode .main-navigation .menu li li a:hover {
	color: #e0e0e0;
}
html.dark-mode .main-navigation .menu ul {
	background: #252525;
}
html.dark-mode .main-navigation .current-menu-item > a,
html.dark-mode .main-navigation .current-menu-ancestor > a,
html.dark-mode .main-navigation .current_page_item > a,
html.dark-mode .main-navigation .current_page_ancestor > a {
	background: #333;
	color: #e0e0e0;
}
html.dark-mode .main-navigation li.current-menu-item > a,
html.dark-mode .main-navigation li.current-menu-ancestor > a,
html.dark-mode .main-navigation li.current-menu-item:hover > a,
html.dark-mode .main-navigation li.current-menu-ancestor:hover > a {
	background: transparent;
	color: #5a9af0;
}
html.dark-mode .main-navigation ul ul .current-menu-item > a,
html.dark-mode .main-navigation ul ul .current-menu-ancestor > a {
	background: #162030;
	color: #e0e0e0;
}
html.dark-mode .main-navigation ul ul .current-menu-item:hover > a,
html.dark-mode .main-navigation ul ul .current-menu-ancestor:hover > a,
html.dark-mode .main-navigation ul ul .current-menu-item > a:hover,
html.dark-mode .main-navigation ul ul .current-menu-ancestor > a:hover {
	background: #1a2840;
	color: #e0e0e0;
}
html.dark-mode .ui-menu .ui-menu-item:nth-child(2n+1) a {
	background: #1c2b45;
	border-color: #1c2b45;
}
html.dark-mode .ui-menu .ui-menu-item a.ui-state-hover {
	background: #5a9af0;
	color: #fff !important;
	box-shadow: 0 1px 5px rgba(0,0,0,.6);
}
html.dark-mode .ui-menu .ui-menu-item a.ui-state-hover strong {
	background: rgba(255,255,255,0.2);
	color: #fff;
}
html.dark-mode .ui-menu-item strong {
	background: #4a4000;
}

/* =Dark Mode Toggle Button
--------------------------------------------------------- */

#p2-color-scheme-toggle {
	position: absolute;
	top: 10px;
	right: 0;
	font-size: 11px;
	line-height: 18px;
	padding: 3px 8px;
	min-height: 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: transparent;
	color: inherit;
	cursor: pointer;
	opacity: 0.6;
}
#p2-color-scheme-toggle:hover {
	opacity: 1;
	border-color: #555;
}
html.dark-mode #p2-color-scheme-toggle {
	border-color: #555;
	color: #c8c8c8;
}
html.dark-mode #p2-color-scheme-toggle:hover {
	border-color: #aaa;
}

/* =Retina Displays
--------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {
		.p2-background-image-bubbles {
			background-size: 490px 329px;
		}
		.p2-background-image-dots {
			background-size: 150px 30px;
		}
		.p2-background-image-squares {
			background-size: 196px 262px;
		}
		.p2-background-image-plaid {
			background-size: 38px 38px;
		}
		.p2-background-image-stripes {
			background-size: 1px 134px;
		}
		.p2-background-image-santa {
			background-size: 116px 76px;
		}
		.post-format-button:before,
		#media-buttons .add_media:after {
			background-image: url( i/icons-2x.png );
			background-size: 816px 16px;
		}
}