/*
Theme Name: Spectrum
Theme URI: http://whimsical.nu/
Description: Second version of Whimsical.Nu
Version: 1.1
Author: Angela Sabas
Author URI: http://whimsical.nu/
Tags: spectrum, lines, clean

Yay!

*/

* {
	outline: 0;
	margin: 0;
	padding: 0;
}

html,
body {
	background: #f5f5f5;
	
	color: #555;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 97%;
	line-height: 150%;
	
	height: 100%;
}
body.category-girl {
	background: #f5f5f5 url(img/bg_girl.png) no-repeat top right;
}
body.category-geek {
	background: #f5f5f5 url(img/bg_geek.png) no-repeat top right;
}
body.category-reader {
	background: #f5f5f5 url(img/bg_reader.png) no-repeat top right;
}
body.category-writer {
	background: #f5f5f5 url(img/bg_writer.png) no-repeat top right;
}
body.category-gamer {
	background: #f5f5f5 url(img/bg_gamer.png) no-repeat top right;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.alignleft {
	float: left;
	margin-right: 1em;
}
.alignright {
	float: right;
	margin-left: 1em;
}
.alignnone {
	margin: auto;
}

.category-girl {
	color: #d75f81;
}
.category-geek {
	color: #676767;
}
.category-reader {
	color: #488cc1;
}
.category-writer {
	color: #209574;
}
.category-gamer {
	color: #8549b7;
}

#doc {
	/* for footers at the bottom! */
	min-height: 100%;
	position: relative;
	_height: 100%;
}

/*************************************************************************************
 * Header
 ************************************************************************************/
#hd {
	background: url(img/bg_spectrum.png) repeat-x;
	padding-top: 25px;
}
#hd .about {
	float: left;
	padding: 1.5em 0 0 2em;
}
#hd .recent {
	float: right;
	font-size: 85%;
	padding: 0 1em 0 0;
}

#hd .about h2 a {
	display: block;
	width: 437px;
	height: 64px;
	
	background: url(img/whimnu.png) no-repeat;
}
#hd .about h2 span {
	position: absolute;
	top: -9999px;
	left: -9999px;
	z-index: -1;
}
#hd .about p {
	text-transform: lowercase;
	color: #d17636;
	font-size: 123.1%;
	margin: 0.5em 0;
}

#hd .recent h3 {
	color: #d17636;
	font-weight: normal;
	font-size: 95%;
	text-align: right;
}
#hd .recent ul li {
	list-style-type: none;
	text-align: right;
}
#hd .recent ul li a {
	padding-right: 16px;
}
#hd .recent ul li a.category-girl {
	background: url(img/arrow_girl.png) right center no-repeat;
}
#hd .recent ul li a.category-geek {
	background: url(img/arrow_geek.png) right center no-repeat;
}
#hd .recent ul li a.category-reader {
	background: url(img/arrow_reader.png) right center no-repeat;
}
#hd .recent ul li a.category-writer {
	background: url(img/arrow_writer.png) right center no-repeat;
}
#hd .recent ul li a.category-gamer {
	background: url(img/arrow_gamer.png) right center no-repeat;
}
#hd .recent ul li.search label {
	position: absolute;
	top: -9999px;
	left: -9999px;
	z-index: -1;
}
#hd .recent ul li.search input {
	padding: 0.1em;
	color: #a64500;
}
#hd .recent ul li.search input#searchsubmit {
	border: 0;
	background: url(img/arrow_norm.png) right center no-repeat;
	color: #a64500;
	padding: 0 12px 0 0;
}

/*************************************************************************************
 * Main body
 ************************************************************************************/
#bd {
	padding-top: 10px;
	padding-bottom: 67px;
	color: #3c3342;
	clear: both;
}

#bd h1 {
	font-size: 180%;
	text-align: center;
	margin: 1em;
}
#bd p {
	margin-bottom: 1em;
}

#bd .meta {
	float: left;
	width: 230px;
	padding: 1em 20px 10em 0;
	
	border-right: 1px #d75f81 solid;
	
	color: #28a07e;
	text-align: right;
	font-size: 75%;
	line-height: 150%;
}
#bd .entry {
	padding: 0.5em 3em 0 270px;
	
	color: #a64500;
	line-height: 170%;
}
#bd .comments {
	color: #5e0c7c;
}
#bd .meta a,
#bd .entry a,
#bd .comments a {
	color: #424242;
}

#bd .meta p.date {
	padding: 120px 0 0;
	font-weight: bold;
}
#bd .category-girl .meta p.date {
	background: url('img/a_angela-big.png') no-repeat top right;
}
#bd .category-geek .meta p.date {
	background: url('img/a_geek-big.png') no-repeat top right;
}
#bd .category-reader .meta p.date {
	background: url('img/a_reader-big.png') no-repeat top right;
}
#bd .category-writer .meta p.date {
	background: url('img/a_writer-big.png') no-repeat top right;
}
#bd .category-gamer .meta p.date {
	background: url('img/a_gamer-big.png') no-repeat top right;
}
#bd .meta p.date span {
	display: block;
	font-weight: normal;
}
#bd .meta dl dt {
	font-weight: bold;
}
#bd .meta dl dd {
	margin-bottom: 1em;
}
#bd .meta .more-posts {
	font-weight: bold;
}
#bd .meta .more-posts span {
	font-weight: normal;
}
#bd .meta .more-posts span a {
	/* white-space: nowrap;  :( */
}
#bd .meta .more-posts span.back a {
	padding-left: 16px;
	background: url(img/arrow_norm_back.png) no-repeat left center;
}
#bd .meta .more-posts span.next a {
	padding-right: 16px;
	background: url(img/arrow_norm.png) no-repeat right center;
}
/* show colored arrows when browsing category pages */
.category #bd .category-girl .meta .more-posts span.back a {
	background-image: url(img/arrow_girl_back.png);
}
.category #bd .category-girl .meta .more-posts span.next a {
	background-image: url(img/arrow_girl.png);
}
.category #bd .category-geek .meta .more-posts span.back a {
	background-image: url(img/arrow_geek_back.png);
}
.category #bd .category-geek .meta .more-posts span.next a {
	background-image: url(img/arrow_geek.png);
}
.category #bd .category-reader .meta .more-posts span.back a {
	background-image: url(img/arrow_reader_back.png);
}
.category #bd .category-reader .meta .more-posts span.next a {
	background-image: url(img/arrow_reader.png);
}
.category #bd .category-writer .meta .more-posts span.back a {
	background-image: url(img/arrow_writer_back.png);
}
.category #bd .category-writer .meta .more-posts span.next a {
	background-image: url(img/arrow_writer.png);
}
.category #bd .category-gamer .meta .more-posts span.back a {
	background-image: url(img/arrow_gamer_back.png);
}
.category #bd .category-gamer .meta .more-posts span.next a {
	background-image: url(img/arrow_gamer.png);
}

#bd .entry strong,
#bd .entry b {
	color: #672b00;
}
#bd .entry em,
#bd .entry i {
	color: #007453;
	font-family: Georgia, Helvetica, Arial, serif;
}
#bd .entry blockquote {
		margin: 1em 3em;
		border-left: 10px #999 solid;
		padding-left: 1em;
		font-family: Georgia, Helvetica, Arial, serif;
		font-size: 110%;
}
#bd .entry ol,
#bd .entry ul {
	margin: 1em 0 1em 3em;
}
#bd .entry ol li {
	list-style: lower-roman;
	margin-bottom: 0.5em;
}
#bd .entry ul li {
	margin-bottom: 0.5em;
}

#bd .entry img {
	padding: 3px;
	border: 1px #777 solid;
}
#bd .entry a img {
	border-color: #cb5b5b;
}
#bd .entry .wp-caption-text {
	font-size: 85%;
	color: #777;
	background: #e3e3e3;
	padding: 5px;
}
#bd .entry pre {
	background: #333;
	padding: 1em;
	border: 1px #777 solid;
	border-left-width: 10px;
	margin: 0 2em 1em;
	color: #aaa;
	overflow: auto;
}
#bd .entry code {
	font-family: "Andale Mono", Monaco, "Courier New", Courier, monospace;
	font-size: 100%;
}
#bd .entry pre code {
	padding: 0;
	font-size: 110%;
}

#bd .entry table {
	margin: auto;
	margin-bottom: 1em;
	width: 90%;
}
#bd .entry table tr td,
#bd .entry table tr th {
	padding: 5px;
}
#bd .entry table tr.even td {
	background-color: #e5e5e5;
}
#bd .entry table tr th {
	background-color: #777;
	color: #efefef;
}

#bd .entry dl dt {
	font-weight: bold;
	color: #672b00;
}
#bd .entry dl dd {
	color: #007453;
	margin: 0 1em 1em;
}

#bd hr {
	clear: both;
	border: 0;
	background: url(img/hr.png) no-repeat;
	width: 715px;
	height: 15px;
	margin: 3em auto;
}

#bd .navigation {
	padding: 1em 3em 0 270px;
	font-size: 85%;
}
#bd .navigation a {
	color: #676767;
}

#bd .comments h3 {
	padding-left: 270px;
	margin-bottom: 0.5em;
}
#bd .comments .nocomments {
	padding-left: 270px;
}
#bd .comments ul {
	list-style-type: none;
}
#bd .comments ul li.comment {
	clear: both;
	margin-bottom: 2em;
}
#bd .comments .meta {
	padding-bottom: 3em;
}
#bd .comments .meta .comment-author cite {
	font-size: 145%;
	font-style: normal;
}
#bd .comments .meta div.reply a.comment-reply-link {
	padding-right: 16px;
	background: url(img/arrow_norm.png) no-repeat right center;
}
#bd .comments .entry {
	font-size: 93%;
	color: #5e0c7c;
	margin-bottom: 2em;
}

/* comment children */
#bd .comments ul.children {
	margin-left: 270px;
}
#bd .comments ul.children ul.children {
	margin-left: 125px;
}
#bd .comments ul.children .meta {
	float: none;
	border: 0;
	padding: 0;
	text-align: left;
	width: auto;
}
#bd .comments ul.children .meta .comment-author,
#bd .comments ul.children .meta div.comment-meta,
#bd .comments ul.children .meta div.reply {
	display: inline;
}
#bd .comments ul.children .meta .comment-author {
	padding-right: 1em;
}
#bd .comments ul.children .meta div.comment-meta,
#bd .comments ul.children .meta div.reply {
	opacity: .5;
}
#bd .comments ul.children .entry {
	padding: 0;
}

/* comment pagination */
#bd .comments .pagination {
	text-align: center;
	font-size: 85%;
	padding-right: 3em;
}

/* comment form */
#bd .comments #respond .cancel-comment-reply,
#bd .comments #respond #commentform {
	margin-left: 270px;
}
#bd .comments ul.children #respond h3,
#bd .comments ul.children #respond .cancel-comment-reply,
#bd .comments ul.children #respond #commentform {
	margin-left: 0;
}

/*************************************************************************************
 * Quasi-sidebar
 ************************************************************************************/
#bd #sidebar {
	padding: 20px;
	clear: both;
	margin-top: 3em;
	font-size: 85%;
	line-height: 150%;
}
#bd #sidebar a {
	color: #ddd;
}
#sidebar ul ul,
#sidebar ul table,
#sidebar ul div.flickr-photos,
#sidebar ul div.wow_character {
	padding: 1em; /* give more breathing space to content */
}

.category-girl #bd #sidebar {
	background: #823a4e;
	color: #d8a6b4;
	border-top: #490015 1px solid;
}
.category-geek #bd #sidebar {
	border-top: #111 solid 1px;
	background: #444;
	color: #bbb;
}
.category-reader #bd #sidebar {
	background: #29506e;
	border-top: #105081 1px solid;
	color: #90b4d0;
}
.category-writer #bd #sidebar {
	background: #326858;
	color: #92cab9;
	border-top: #0e5440 1px solid;
}
.category-gamer #bd #sidebar {
	background: #53316f;
	border-top: #350061 1px solid;
	color: #b899d1;
}

#bd #sidebar ul {
	list-style-type: none;
}
#bd #sidebar h2 {
	margin: 0.5em 0;
}

#bd #sidebar ul.siteinfo li.about p,
#bd #sidebar ul.siteinfo li.site p {
	font-size: 95%;
}
#bd #sidebar ul.siteinfo li.about {
	float: left;
	width: 49%;
}
#bd #sidebar ul.siteinfo li.site {
	float: right;
	width: 49%;
}

#bd #sidebar ul.secondary {
	float: left;
	width: 33%;
}
#bd #sidebar ul.links {
	float: right;
	width: 33%;
}

/* lifestream */
#lifestream {
	clear: both;
	float: left;
	width: 33%;
	margin-right: 1%;
}
#lifestream li {
	list-style-type: none;
}
#lifestream .lifestream-meta {
	font-size: 80%;
}
#sidebar #lifestream table {
	margin-top: -15px;
}
#bd #sidebar #lifestream .lifestream_meta {
	color: #ddd;
}
#lifestream h2,
#lifestream .lifestream-icon,
.lifestream-paging,
.lifestream_credits {
	display: none;
}

/* links */
#bd #sidebar ul.links li {
	margin-bottom: 0.25em;
}
#bd #sidebar ul.links li a {
	padding-left: 20px;
	background: url(img/arrow_norm.png) no-repeat left center;
}
.category-girl #bd #sidebar ul.links li a {
	background-image: url(img/arrow_girl.png);
}
.category-geek #bd #sidebar ul.links li a {
	background-image: url(img/arrow_geek.png);
}
.category-reader #bd #sidebar ul.links li a {
	background-image: url(img/arrow_reader.png);
}
.category-writer #bd #sidebar ul.links li a {
	background-image: url(img/arrow_writer.png);
}
.category-gamer #bd #sidebar ul.links li a {
	background-image: url(img/arrow_gamer.png);
}

/* now-reading plugin */
#sidebar ul.now-reading li ul li {
	display: inline;
}
#sidebar ul.now-reading li.not-yet-read ul li {
	list-style-type: disc;
	display: list-item;
	margin: 0 0 0.25em 1em;
}
#sidebar .finished-reading ul li.expanded {
	line-height: 150%;
}
#sidebar .finished-reading ul li.expanded img {
   float: left;
   margin: 0 1em 0 0;
   height: 75px;
}
#sidebar .finished-reading ul li.expanded h3 {
   font-size: 100%;
}
#sidebar .finished-reading ul li.expanded dl {
	margin: 0.5em 0;
}
#sidebar .finished-reading ul li.expanded dl dt {
   float: left;
   width: 4em;
   margin: 0 0.5em 0.25em 0;
   font-size: 93%;
}
#sidebar .finished-reading ul li.expanded dl dd {
   margin: 0 0 0.25em 0;
   font-size: 93%;
}
#sidebar .finished-reading ul li.expanded dl:after{content:".";display:block;font-size:0px;line-height:0px;height:0;clear:both;visibility:hidden;}

/* scripts */
#sidebar ul.scripts ul li {
	margin-bottom: 0.5em;
	background: #333;
	padding: 10px;
}
#sidebar ul.scripts ul li p {
	font-size: 85%;
	margin: 0 0 0 20px;
}
#sidebar ul.scripts ul li p.downloadlink a {
	padding-left: 20px;
	background: url(img/arrow_geek.png) no-repeat left center;
}

/* wow characters */
#sidebar .wow_character {
	border: 0;
	font-size: 85%;
	line-height: 150%;
	padding-bottom: 0;
}
#sidebar .wow_character img.armory_char_prof {
	margin-right: 1em;
}
#sidebar .wow_character .armory_char_image {
	margin: 0;
}
#sidebar .wow_character .armory_char_name,
#sidebar .wow_character .armory_char_guildname,
#sidebar .wow_character .armory_char_realm {
	font-size: 120%;
}
#sidebar .wow_character .armory_char_name {
	font-weight: bold;
}
#sidebar .wow_character .armory_char_faction {
	display: none;
}
#sidebar .wow_character .armory_char_levelraceclass,
#sidebar .wow_character .armory_char_specced {
	margin-bottom: 0.25em;
}
#sidebar .wow_character .armory_char_levelraceclass {
	margin-top: 1em;
}
#sidebar .wow_character .armory_basestats {
	width: 120px;
	float: left;
	margin-top: 10px;
}
#sidebar .wow_character .armory_spelldamage,
#sidebar .wow_character .armory_casterstats {
	float: right;
	width: 120px;
	margin-top: 10px;
}
#sidebar .wow_character .armory_basestats ul.armory_basestat_list li.armory_basestat_item,
#sidebar .wow_character .armory_spelldamage ul.armory_spelldamage_list li.armory_spelldamage_item,
#sidebar .wow_character .armory_casterstats ul.armory_casterstats_list li.armory_casterstats_item {
	margin-bottom: 0.25em;
}
#sidebar .armory_professions,
#sidebar .armory_basestats,
#sidebar .armory_spelldamage,
#sidebar .armory_casterstats,
#sidebar .armory_gear {
	display: none;
}

/*************************************************************************************
 * Footer
 ************************************************************************************/
#ft {
	clear: both;
	
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 67px;
	
	background: #222 url(img/bg_spectrum.png) repeat-x bottom;
	border-top: #111;
	
	font-size: 75%;	
	color: #bbb;
	line-height: 150%;
}
#ft a {
	color: #ddd;
}

#ft div {
	padding: 10px;
}
#ft .copyright {
	float: left;
	width: 45%;
}
#ft .badges {
	float: right;
	width: 45%;
	text-align: right;
}
#ft .badges a img {
	border: 0;
	opacity: 0.5;
}

#wpstats {
	position: absolute;
	left: -9999px;
	top: -9999px;
	z-index: -1;
}