/* 
Theme Name: Comics Should Be Good
Theme URI: http://goodcomics.comicbookresources.com
Description: 
Version: 2.0
Author: Matt Brett
Author URL: http://mattbrett.com
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

#csbg-logo {
	position: relative;
	display: block;
	width: 300px;
	height: 248px;
	text-indent: -9999px;
	overflow: hidden;
}

#csbg-logo span {
	position: absolute;
	width: 100%;
	height: 100%;
	margin-left: 9999px;
	background: url("images/csbg-logo.jpg") no-repeat 0 0;
	cursor: pointer;
}

#csbg-logo a {
	color: #fff;
	text-decoration: none;
}

#csbg-mascot {
	position: relative;
	display: block;
	width: 300px;
	height: 317px;
	text-indent: -9999px;
	overflow: hidden;
}

#csbg-mascot span {
	position: absolute;
	width: 100%;
	height: 100%;
	margin-left: 9999px;
	background: url("images/csbg-mascot.jpg") no-repeat 0 0;
	cursor: pointer;
}

#csbg-nav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #333;
}

#csbg-nav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#csbg-nav li a:link, #csbg-nav li a:visited, #csbg-nav li a:active {
	display: block;
	padding: 8px 12px;
	color: #df5f3a;
	font-weight: bold;
	background: #000;
	border-bottom: 1px solid #333;
}

#csbg-nav li a:hover {
	color: #fff;
	background: #000 url("images/csbg-nav-hover.jpg") repeat-x 0 0;
}

#content .subheading {
	background: #111 url("images/subheading-article-bg.jpg") no-repeat 0 0;
	border-bottom: 1px solid #fff;
}

#content .subheading h3 {
	padding-left: 10px;
	color: #d13d21;
}

#midbar .subheading {
	background: #101010 url("images/subheading-midbar-bg.jpg") no-repeat 0 0;
	border-bottom: 1px solid #fff;
}

#content-narrow .subheading h3, #midbar .subheading h3, #sidebar .subheading h3 {
	color: #d13d21;
}

#article h2 a:link, #article h2 a:visited, #article h2 a:active {
	color: #000069;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
}

#article h2 a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000069;
}

.content h3 a:link, .content h3 a:visited, .content h3 a:active {
	color: #000069;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
}

.content h3 a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000069;
}

.content p a:link, .content p a:visited, .content p a:active, .content li a:link, .content li a:visited, .content li a:active {
	color: #000069;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
}

.content p a:hover, .content li a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000069;
}

.content blockquote {
	margin: 0 15px 15px;
	padding: 0 0 0 10px;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.3em;
	color: #333;
	border-left: 3px solid #ccc;
}

#article #meta li a:hover {
	color: #000;
	border-bottom: 1px solid #d13d21;
}

#content #blog-nav p a {
	color: #d13d21;
	background: #111;
}

#content #blog-nav p a:hover {
	color: #fff;
	background: #111;
}

#article img.avatar {
	float: none;
	display: block;
	margin: 0;
	border: 1px solid #bbb;
}

#comments img.avatar {
	border: none;
}

/* @group blog */

/* BLOG
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#blog-subscribe {
	float: left;
	display: inline;
	width: 105px;
}

#blog-subscribe li {
	float: none;
	display: block;
	padding-left: 0;
	background: none;
}

#blog-subscribe a {
	border-bottom: 0;
}

#blog-skyscraper {
	float: right;
	display: inline;
	width: 160px;
	margin: 0;
	text-align: right;
}

#content #blog-nav {
	float: left;
	margin: 0 10px 20px;
	padding: 0;
}

#content #blog-nav p {
	margin: 0;
	padding: 0;
	font-size: 1em;
	text-transform: uppercase;
}

#content #blog-nav p.left {
	float: left;
	width: 49%;
}

#content #blog-nav p.right {
	float: right;
	width: 49%;
	text-align: right;
}

#content #blog-nav p a {
	margin: 0;
	padding: 7px 8px;
	color: #9a001b;
	background: #ffdea6;
	border-bottom: 0;
}

#content #blog-nav p a:hover {
	color: #fff;
	background: #feb439;
	border-bottom: 0;
}

#comments {
	border-top: 0;
}

#comments .comment {
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
}

#comments h4 {
	margin-bottom: 15px;
}

#comment-form h4 {
	padding: 20px 0 10px;
	border: 0;
}

#comments h3 {
	color: #9a001b;
}

#article #comments blockquote {
	padding-left: 0;
	border-left: 0;
}

#article #comments blockquote p {
	margin: 0 15px 15px;
	padding: 0 0 0 10px;
	font-size: 1em;
	font-style: italic;
	font-weight: normal;
	line-height: 1.3em;
	color: #333;
	border-left: 3px solid #ccc;
}

#blog-search-input {
	float: left;
	display: inline;
	width: 175px;
	height: 14px;
	margin: 4px 8px 0 0;
	padding: 3px 5px;
	font-size: 1.1em;
	color: #333;
	background: #a6a6a6 url("images/blog-search-input-bg.jpg") repeat-x 0 100%;
	border: 1px solid #999;
}

#blog-search-button {
	border: 0;
}

#comment-form p {
	margin-bottom: 10px;
}

#comment-form label {
	margin-left: 5px;
}

#comment-form input, #comment-form textarea {
	font: 12px Arial, Helvetica, Geneva, sans-serif;
	color: #666;
	padding: 3px 5px;
	background: #fefefe;
	border: 1px solid #999;
}

#comment-form input:focus, #comment-form textarea:focus {
	color: #333;
	background: #fff;
	border: 1px solid #050673;
}

#comment-form #comment-message {
	width: 611px;
}

#comment-form #comment-button {
	padding: 0;
	background: transparent;
	border: 0;
}

/* @end */