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

#footer-leaderboard { 
	background: #fff; 
}

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

#csbg-logo span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	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%;
	top: 0;
	left: 0;
	background: url("images/csbg-mascot.jpg") no-repeat 0 0;
	cursor: pointer;
}

#r6-sponsor { 
	position: relative; 
	display: block; 
	width: 300px; 
	height: 100px; 
	text-indent: -9999px; 
	padding-bottom: 4px; 
	padding-top: 4px; 
	overflow: hidden; 
}

#r6-sponsor span { 
	position: absolute; 
	width: 100%; 
	height: 100%; 
	padding-top: 8px; 
	top: 0;
	left: 0;
	background: url("images/BOOMStudios_HigherEarth_CBR_webskin3.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 {
	margin-bottom: -2px;
	background: #333333;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTExMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #333333 0%, #111111 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#111111));
	background: -webkit-linear-gradient(top,  #333333 0%,#111111 100%);
	background: -o-linear-gradient(top,  #333333 0%,#111111 100%);
	background: -ms-linear-gradient(top,  #333333 0%,#111111 100%);
	background: linear-gradient(to bottom,  #333333 0%,#111111 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 );
	border: 1px solid #111;
}

#content .subheading h3 {
	padding: 8px 10px;
	font: normal 16px 'Days', Nevis, Arial, Verdana, sans-serif;
	text-shadow: 0 -1px 1px #000;
	color: #fff;
}

#midbar .subheading {
	background: #333333;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTExMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #333333 0%, #111111 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#111111));
	background: -webkit-linear-gradient(top,  #333333 0%,#111111 100%);
	background: -o-linear-gradient(top,  #333333 0%,#111111 100%);
	background: -ms-linear-gradient(top,  #333333 0%,#111111 100%);
	background: linear-gradient(to bottom,  #333333 0%,#111111 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 );
	border: 1px solid #111;
}

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

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

#article p a:hover, #article li a:hover, #article h2 a:hover, #article dl a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #ca5433;
}

#article h2 { 
	margin-bottom: 5px; 
	font: bold 20px/26px Arial, Helvetica, sans-serif;
	text-transform: none;
}

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

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

.content ul li {
	background: url("images/bullet.gif") no-repeat 0 0;
}

.content h3 {
	color: #ca5433;
}

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

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

.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: #ca5433;
	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 #ca5433;
}

.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 .post-category a {
	float: left;
	display: block;
	margin-bottom: 8px;
	padding: 8px 10px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1em;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	background: #c75438;
}

#article .post-category a:hover {
	color: #fff;
	background: #000;
}

#article .post-title {
	clear: left;
	display: block;
	margin-bottom: 10px;
	color: #000;
}

#article h2.post-title a {
	text-decoration: none;
	color: #333;
	border-bottom: 1px solid #dfdfdf;
}

#article h2.post-title a:hover {
	color: #000;
	border-bottom: 1px solid #999;
}

#article .post-date {
	float: left;
	margin: 0 0 20px 0;
	font-family: Arial, Helvetica, Geneva, sans-serif; 
	font-size: 12px; 
	color: #666;
}

#article .post-date span {
	margin: 0 5px;
	color: #ccc;
}

#article .post-date a {
	text-decoration: none;
	color: #666;
	border-bottom: 1px solid #dfdfdf;
}

#article .post-date a:hover {
	color: #000;
	border-bottom: 1px solid #999;
}

#article #meta .right ul { 
	margin: 0; 
}

#article #meta .right li { 
	margin: 0;
	font-size: 11px;
	text-transform: none;
}

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

.promote {
	float: left;
	width: 200px;
	margin: -2px 0 0 5px;
}

.promote-facebook {
	float: left;
	width: 90px;
}

#content #blog-nav,
#content .post-pagination {
	float: left;
	width: 100%;
	margin: 0 10px 20px;
	padding: 15px 0 0;
	border-top: 1px solid #dfdfdf;
}

#content .post-pagination {
	width: 50%;
	border-top: 0;
}

#content #blog-nav p,
#content .post-pagination,
#content .post-pagination-numbers {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

#content .post-pagination-numbers {
	position: relative;
	float: right;
	width: 50%;
	top: 6px;
	font-size: 14px;
	text-align: right;
	color: #ca5433;
}

#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,
#content .post-pagination a,
#content .post-pagination-numbers a {
	margin: 0;
	padding: 8px 10px;
	text-decoration: none;
	color: #fff;
	background: #666;
	border-bottom: 0;
}

#content #blog-nav p a:hover,
#content .post-pagination a:hover,
#content .post-pagination-numbers a:hover {
	color: #fff;
	background: #000;
	border-bottom: 0;
}

#content .post-pagination-numbers a {
	padding: 8px 0;
	color: #999;
	background: transparent;
}

#content .post-pagination a {
	float: left;
	display: block;
	margin: 0 1px 20px 0;
}

#content .post-pagination-numbers a:hover {
	color: #000;
	background: transparent;
}

#article .avatar {
	float: right;
	display: inline;
	margin: 0 0 0 5px;
}

#comments .avatar {
	float: left;
	margin: 0 5px 0 0;
}

#comments .avatar a:link, #comments .avatar a:visited, #comments .avatar a:active { 
	border: none; 
}

#subscribe-options {
	width: 300px; 
	height: 48px;
	margin-bottom: 10px;
	background: url("images/subscribe-options.jpg") no-repeat 0 0; 
}

#subscribe-options ul {
	margin: 0 0 0 115px; 
	padding: 0; 
	list-style-type: none; 
}

#subscribe-options li {
	display: inline; 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
}

#subscribe-options a {
	float: left; 
	display: block; 
	width: 46px; 
	height: 0; 
	margin: 0; 
	padding: 48px 0 0 0; 
	overflow: hidden; 
	filter: alpha(opacity=85); 
	-moz-opacity: .85; 
	opacity: .85;
	border-bottom: none;
	outline: none;
}

#subscribe-options-feed a { 
	background: url("images/subscribe-options-buttons.jpg") no-repeat 0 0; 
}

#subscribe-options-email a {
	background: url("images/subscribe-options-buttons.jpg") no-repeat -46px 0; 
}

#subscribe-options-facebook a {
	background: url("images/subscribe-options-buttons.jpg") no-repeat -92px 0; 
}

#subscribe-options-twitter a {
	width: 47px; 
	background: url("images/subscribe-options-buttons.jpg") no-repeat -138px 0; 
}

#subscribe-options a:hover, #subscribe-options a:focus {
	filter: alpha(opacity=100); 
	-moz-opacity: 1.0; 
	opacity: 1.0; 
}

/* @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;
}

#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: #ca5433;
}

#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;
}


img
{
border: 0px;
}

img.centered  a:link a:hover {
display: block;
margin-left: auto;
margin-right: auto;
border: 0px;
width: 100%
}

img.alignright  a:link a:hover {
padding: 6px;
margin: 0 0 2px 7px;
display: inline;
border: 0px;
}

img.alignleft  a:link a:hover {
padding: 6px;
margin: 0 7px 2px 0;
display: inline;
border: 0px;
}

.alignright {
float: right;
padding-left: 10px;
border: 0px;
}

.alignleft {
float: left;
padding-right: 10px;
border: 0px;
}

img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 0px;
	}

.wp-caption p.wp-caption-text {
	text-align: center;
	color: #92400a;
	font-style: italic;
	font-size: 1.1em;
}

.wp-caption {
	text-align:center;
	padding-top:0px;
}

.wp-caption img {
	margin:0;
	padding:0;
	border:0 none;
}


/*sharethis code*/

#sharethis a {
	text-decoration: none
	}

ul.sharethis,
ul.sharethis li,
ul.sharethis ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.sharethis {
 position: relative;
 z-index: 597;
 float: right;
}

ul.sharethis li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.sharethis li.hover,
ul.sharethis li:hover {
 position: relative;
	text-decoration: none; 
 z-index: 599;
 cursor: default;
}

ul.sharethis ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.sharethis ul li {
 float: none;
}

ul.sharethis ul ul {
 top: 1px;
 left: 99%;
}

ul.sharethis li:hover > ul {
	background: white;
	padding: 2px;
	margin: 2px;
	text-decoration: none; 
	visibility: visible;
}


ul.sharethis li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.sharethis li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}

ul.sharethis-upward ul {
 top: auto !important;
 bottom: 100%;
}

ul.sharethis-upward ul ul {
 bottom: 1px;
}


ul.sharethis {
}

	ul.sharethis li {
	 padding: 3px;
	 background-color: #fff;
	 color: #000;
	}

	ul.sharethis li.hover,
	ul.sharethis li:hover {
	 background-color: #eee;
	text-decoration: none; 
	 color: #000;
	}

	ul.sharethis a:link	{ color: #000; text-decoration: none; }
	ul.sharethis a:visited	{ color: #000; text-decoration: none; }
	ul.sharethis a:hover		{ color: #000; text-decoration: none; }
	ul.sharethis a:active	{ color: #ffa500; text-decoration: none; }


	/* -- level mark -- */

	ul.sharethis ul {
	 width: 68px;
	border: 1px solid #ccc;
	 text-align: center;
	 margin-top: 1px;
	}

		ul.sharethis ul li {
		 font-weight: normal;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.sharethis *.dir {
 padding-right: 20px;
 background-image: url(images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.sharethis-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.sharethis-upward *.dir {
 background-image: url(images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(images/nav-arrow-right.png);
}

ul.sharethis-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}
/* End */



/* @end */

#header-buttons {
    float: right;
    width: 728px;
    height: 90px;
    margin: 0 10px 10px 0;
    display: none;
}

#header-buttons .header-button {
    float: left;
    width: 236px;
    margin-right: 10px;
    overflow: hidden;
}

#header-buttons .header-button:last-of-type {
    margin-right: 0;
}

#header-buttons a {
    position: relative;
    display: block;
    width: 234px;
    height: 87px;
    text-decoration: none;
    vertical-align: middle;
    color: #fff;
    border: 1px solid #000;
    border: 1px solid rgba(0, 0, 0, .25);
}

#header-buttons a:hover,
#header-buttons a:focus {
    border: 1px solid rgba(0, 0, 0, 1);
}

#header-buttons a h3 {
    position: relative;
    display: table-cell;
    width: 204px;
    height: 88px;
    padding: 0 15px;
    font: normal 1.2em "Nevis", Arial, Helvetica, sans-serif;
    text-align: center;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .75);
    text-transform: uppercase;
    vertical-align: middle;
    background: rgba(0, 0, 0, .75);
    -moz-transition: opacity 0.2s ease-out;
    -webkit-transition: opacity 0.2s ease-out;
    filter: alpha(opacity=0);
    opacity: 0;
    zoom: 1;
}

#header-buttons a:hover h3,
#header-buttons a:focus h3 {
    filter: alpha(opacity=100);
    opacity: 1.0;
    zoom: 1;
}

#header-buttons img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 234px;
}

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

#blog-125square {
    float: left;
    display: inline;
    width: 125px;
    padding-left: 0px;
    padding-top: 5px;
    margin: 0;
    text-align: left;
}

#blog-125square > div {
    margin-bottom: 5px;
}

.billboard {
    max-width: 970px;
    padding: 0 2px 0 3px;
    width: 970px;
    max-height: 250px;
    margin: 10px auto 0px;
    background-color: #000047;
}

.billboard div {
    background-color: #000047;
    text-align: center;
}

#zergnet {
    clear: both;
    margin-bottom: 20px;
}

#zergnet h2 {
    background: linear-gradient(to bottom, #333333 0%,#111111 100%);
    color: #fff;
    padding: 3px 10px;
}