/* Dark */

/* #111 */
body, 
#topaccess ul ul a, 
#access ul ul a, 
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img  {
	background: #111;
}
#access li:hover > a,
#access a:focus {
	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#161616, #262626);
	background: -o-linear-gradient(#161616, #262626);
	background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#666), to(#262626)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#161616, #262626);
}


/* #212121 */
#commentform #submit,
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #212121;
}


/* #222 */
hr {
	border-top: 1px solid #222;
}
#topaccess ul ul {
	border: 1px solid #222;
}
.wp-caption img {
	border-color: #222;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img,
.gallery-thumb a:hover img,
caption, blockquote, 
#wp-calendar #prev a:hover, 
#wp-calendar #next a:hover,
ol.commentlist li div.reply a,
.home .sticky,
#access, .wp-caption {
	background: #222;
}


/* #333 */
#topaccess ul ul a,
#access ul ul a  {
	border-bottom: 1px dotted #333;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* … including captioned images! */
	border-color: #333;
}
ol.commentlist li ul.children li, ul.meta, #below_footer {
    border-top: 1px solid #333;
}
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img,
.gallery-thumb img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #333;
}
blockquote { border-left: 5px solid #333;}
a, abbr, acronym, ol.commentlist li, h3#comments, .app, ul.meta, h3.title, .welcomebox a { border-bottom: 1px solid #333; }
#commentform input, #commentform textarea, #commentform #submit,  #sidebar input, ol.commentlist li div.vcard img.avatar, ol.commentlist li div.reply a, #wp-calendar #prev a, #wp-calendar #next a  { border: 1px solid #333; }
#commentform #submit:hover, ol.commentlist li div.reply a:hover, .page-link a:hover {background: #333;}


/* #444 */
#access li:hover > a,
#access a:focus {
	-moz-box-shadow: inset 0 0 10px #444;
    -webkit-box-shadow: inset 0 0 10px #444;
    box-shadow: inset 0 0 10px #444;
}
#commentform #submit:hover,
ol.commentlist li div.reply a:hover {
	border: 1px solid #444;
}
thead th, 
tr.even td,
.page-link a {
	background: #444;
}


/* #555 */
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img,
.gallery-thumb a:hover img {/* Add some useful style to those fancy borders for linked images … */
	border-color: #555;
}

/* #777 */
.description, .entry-meta, .entry-utility, .entry-author, .entry-meta a, .entry-utility a, .entry-author a, ol.commentlist li div.comment-meta a, #commentform p, #commentform a, .navigation a, dd.gallery-caption, .wp-caption p.wp-caption-text, #below_footer, #below_footer a {color: #777;}


/* #888 */
del, 
.entry-meta a:hover, 
.entry-utility a:hover, 
ul.meta, 
h3.title span span.amp,
a:hover,
#access a, 
.wp-caption .wp-caption-text,
.gallery-caption, 
.wp-caption .wp-caption-text:before {
	color:#888;
}


/* #999 */
p.fancy {color: #999;}


/* #aaa */
#topaccess ul ul a, #access ul ul a  {
	color: #aaa;
}


/* #bbb */
#access li:hover > a,
#access a:focus {
	color: #bbb;
}


/* #b9b9b9 */
body, input, textarea {
    color: #b9b9b9;
}


/* #eee */
.home .sticky {border-top: 5px solid #eee}


/* #fff */
a {
	color: #fff;
}


/* other */
#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(255,255,255,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(255,255,255,0.2);
	box-shadow: 0 3px 3px rgba(255,255,255,0.2);
}


/* Responsive structure */
@media (max-width: 850px) {
	#nav-below,
	.page-template-showcase-php .other-recent-posts {
		border-bottom: 1px solid #444;
	}
	#search {		
		background: #222;
	}
	#s {
		color: #333; 
	}
	aside {
		border-top: 2px solid #ccc;
	}
}
