/*
Theme Name: ComicPress Pinkerton
Theme URI: http://comicpress.org
Template: comicpress
Description: Publish a comic with WordPress.  <a href="http://comicpress.org">Visit the ComicPress Website.</a>
Author: ComicPress Developement Team
Author URI: http://comicpress.org/
Version: 1.0
.
The CSS, XHTML and design is released under GPL v3:
http://www.opensource.org/licenses/gpl-3.0.html
.
*/

@import url("../comicpress/style.css");

/* Start Adding Modifications /overrides/ here */
/*********************************************
	UTILITIES
*********************************************/
/* clearfix - is used for clearing floats */
.clearfix:after, div:after, ul:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix, div, ul {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

* html div {
	height: 1%;
}

* html ul {
	height: 1%;
}

.clearfix, div, ul {
	display: block;
}

/*********************************************
	DIV WIDTHS
*********************************************/

.full {
	width: 100%;
}

.half {
	width: 49.9%;
}

.third {
	width: 33.3%;
}

.twothirds {
	width: 66.6%;
}

.quarter {
	width: 25%;
}

.threequarters {
	width: 75%;
}

.fifth {
	width: 20%;
}

.twofifths {
	width: 40%;
}

.threefifths {
	width: 60%;
}

.fourfifths {
	width: 80%;
}

.seventy {
	width: 70%;
}

.thirty {
	width: 30%;
}

/*********************************************
	Helper Classes
*********************************************/

a img {
	border: 0;
}

.left {
	float: left !important;
}

.right {
	float: right !important;
}

.center {
	text-align: center;
}

.center-block {
	margin: 0 auto !important;
}

.text-right {
	text-align: right;
}

.nowrap {
	white-space: nowrap;
}

.hidden {
	display: none;
}

.inline {
	display: inline;
}

.block {
	display: block;
}

.relative {
	position: relative;
}

.section {
	padding-bottom: 16px;
}

.section-sm {
	padding-bottom: 8px;
}

.no-border, .leadin {
	border: none !important;
	padding-left: 0 !important;
	background-image: none !important;
}

img.right {
	padding: 0 0 10px 10px;
}

img.left {
	padding: 0 10px 10px 0;
}

.inner {
	padding: 10px;
}

.pointer {
	cursor: pointer;
}

/*********************************************
	Main
*********************************************/

body {
	background: #74953b url(images/body.png) repeat-x left top;
	color: #fff;
}

body.page-template-bottom-leaderboard-php .post-page {
	color: #000;
}

body.page-template-bottom-leaderboard-php .post-page a {
	color: #eb9d07;
}

body.page-template-bottom-leaderboard-php .post-page h2 {
	color: #e86d05;
	padding-top: 24px;
}

#header, .leaf-left, .leaf-right {
	background: url(images/header.png) no-repeat center top;
}

.leaf-left, .leaf-right {
	display: block;
	height: 43px;
	position: absolute;
	top: 172px;
	width: 60px;
	z-index: 400;
}

.leaf-left {
	background-position: left -177px;
}

.leaf-right {
	right: 0;
	background-position: right -174px;
}

#header {
	height: 172px;
	text-indent: -9999px;
	position: relative;
	z-index: 200;
}

#header h1, #header h1 a {
	font-size: 0;
	line-height: 0;
	padding: 0;
}

#header h1 a {
	display: block;
	width: 100%;
	height: 110px;
}

a {
	color: #fef597;
}

a:hover {
	color: #ffed36;
}

/*********************************************



	Layout



*********************************************/



#page-wide, #page {
	width: 1000px;
	position: relative;
	margin: 12px auto 0;
}



#subcontent-wrapper, #footer {
	width: 950px;
	margin: 0 auto;
}

#footer {
	/*background:#74953b;*/
	margin: 0 auto 24px;
}



#content {
	float: right;
}



#sidebar-right {
	float: left;
	width: 200px;
	padding: 0;
}



.layout-standard .narrowcolumn, .layout-v .narrowcolumn {
	width: 728px;
}



#page #content-wrapper {
	position: relative;
	z-index: 100;
	margin-top: -5px;
}



/*********************************************

	Navigation

*********************************************/



#menubar-wrapper {
	background: none;
	position: relative;
	z-index: 300;
	margin: -53px 0 15px 40px;
	zoom: 1;
}



#menunav {
	display: none;
}

/* hide RSS and arrows on menubar */



.page-item-home {
	display: none;
}

/* hide home button -- this can be done in the options */



.menu .current_page_item a, .menubar ul li a.selected {
	background-color: Transparent;
}



.menubar ul li a {
	background: url('images/header.png') no-repeat left -286px;
	width: 60px;
	height: 40px;
	padding: 0;
	margin: 0 20px 0 0;
	text-indent: -9999px;
}



.menubar ul li a:hover {
	background-color: Transparent; /*background of menu items during onmouseover (hover state)*/
	background: url('images/header.png') no-repeat left -286px;
	color: white;
}



#sidebar-undercomic {
	position: relative;
	z-index: 222;
}



/**

Episodes 1376

Story 1381

characters 1375

links 1378

about - 1383 (about-2 ?)/fix

forum - 1384

store - 1385

pinkerton pals 1363

*/



/* Episodes */



li#menu-item-1376 a {
	width: 94px;
}



li#menu-item-1376:hover a {
	background-position: left -330px;
}



/* Story */



li#menu-item-1381 a {
	width: 64px;
	background-position: -110px -286px;
}



li#menu-item-1381:hover a {
	background-position: -110px -330px;
}



/* Characters */



li#menu-item-1375 a {
	width: 112px;
	background-position: -192px -286px;
}



li#menu-item-1375:hover a {
	background-position: -192px -330px;
}



/* Links */



li#menu-item-1378 a {
	background-position: -320px -286px;
}



li#menu-item-1378:hover a {
	background-position: -320px -330px;
}



/* About */



li#menu-item-1383 a {
	width: 70px;
	background-position: -82px -387px;
}



li#menu-item-1383:hover a {
	background-position: -82px -431px;
}

li#menu-item-2422 a {
	width: 84px;
	background-position: -385px -385px;
}



li#menu-item-2422:hover a {
	background-position: -385px -427px;
}



/* Forum */



li#menu-item-1384 a {
	width: 71px;
	background-position: -536px -286px;
}



li#menu-item-1384:hover a {
	background-position: -536px -330px;
}



/* Store */



li#menu-item-1385 a {
	background-position: -624px -285px;
}



li#menu-item-1385:hover a {
	background-position: -624px -329px;
}



/* Pinkerton Pals */



li#menu-item-1363 a {
	width: 151px;
	background-position: -703px -285px;
}



li#menu-item-1363:hover a {
	background-position: -703px -329px;
}





/* Goodies */



li#menu-item-1408 a {
	width: 91px;
	background-position: -173px -387px;
}



li#menu-item-1408:hover a {
	background-position: -173px -431px;
}





/* Contact */



li#menu-item-1411 a {
	width: 91px;
	background-position: -279px -387px;
}



li#menu-item-1411:hover a {
	background-position: -279px -431px;
}



/*********************************************

	Comic

*********************************************/



#comic-head {
	display: none;
}



#comic, #comic-foot {
	background: transparent url(images/comic.png) no-repeat center top;
}



#comic, #comic-foot {
	width: 950px;
	margin: 0 auto;
	padding: 0 0 0 0; /* background: transparent url(images/comic.png) no-repeat center top; */
}



#comic-foot, body.page #content-wrapper-foot {
	background-position: center bottom;
	height: 75px;
}



.comicpane {
	padding: 3px 0 0 0;
}



#comic, home #comic {
	min-height: 1px;
	margin-top: 0px; *margin-top:-48px;

}





#comic-foot {
	margin-bottom: 20px;
	padding: 0;
	position: relative; *margin-top:-16px;



}







#sidebar-undercomic .buy, #sidebar-undercomic .social {
	position: absolute;
	top: 20px;
}







#sidebar-undercomic .buy {
	left: 20px;
}



#sidebar-undercomic .social {
	right: 20px;
}







a.buy-art, a.twitter, a.facebook, a.rss {
	background: url(images/sprite.png) no-repeat left top;
	height: 26px;
	width: 40px;
	text-indent: -9999px;
	display: inline;
	display: inline-block;
	margin: 0 2px;
}







a.buy-art {
	width: 187px;
}



a:hover.buy-art {
	background-position: left -30px;
}







a.twitter {
	width: 65px;
	background-position: -204px top;
}



a:hover.twitter {
	background-position: -204px -30px;
}







a.facebook {
	width: 81px;
	background-position: -284px top;
}



a:hover.facebook {
	background-position: -284px -30px;
}







a.rss {
	background-position: -381px top;
}



a:hover.rss {
	background-position: -381px -30px;
}







.donate {
	padding-top: 15px;
}











/*********************************************
	Posts
*********************************************/
/*
.post-head, .blogindex-foot, .page .postonpage-1 .post-head, #comment-wrapper-foot, #comment-wrapper-head, #blogheader, .blogindex-head, .post-foot {
	background: url(images/post-head.png) no-repeat left top;
	height: 0;
}

.post, .blogindex-foot {
	width: 728px;
}

.blogindex .post {
	border-top: 1px solid #709630;
}

#comment-wrapper-foot {
	background-position: left bottom;
	height: 12px;
}

#comment-wrapper-head {
	height: 12px;
}

.blogindex-foot {
	background: url(images/post-head-dark.png) no-repeat left bottom; 
	height: 12px; 
}

.postonpage-1 .post-head {
	height: 12px;
}

.postonpage-1 .post-foot {
	margin-bottom: 0;
	padding-bottom: 0;
}

.post-content, #comment-wrapper, .comment-wrapper-respond {
	background: url(images/post-fill.png) repeat-y left top;
}

.post-info {
	background: url(images/leaves.png) no-repeat left -22px;
}

.postonpage-1 .post-info {
	background-position: left top;
}

.page .post-info {
	background: none;
}

.post-info, .entry, .comment-link, #comment-wrapper, .comment-wrapper-respond {
	padding-left: 15px;
	padding-right: 15px;
}

.page-template .post-content {
	color: #333;
}

.page-template .post-content a {
	color: #eb9d07;
}

.post-extras {
	background: url(images/post-gradient.png) repeat-x left bottom;
	height: 38px;
	margin: 0 3px;
	padding-bottom: 10px;
}

.single .post-extras {
	background: none;
}
.post-info {
	padding-top: 40px;
}

.post-content {
	padding: 0;
}

.post-cat {
	float: right;
	width: 50%;
	text-align: right;
	display: none;
}

.post-calendar-date {
	margin-right: 15px;
}
.page .post-content {
	background: url(images/page-post.png) no-repeat left top;
	padding: 0 20px 0 30px;
	min-height: 600px;
}

.page .post-foot {
	background: url(images/page-post.png) no-repeat left bottom;
	margin-bottom: 20px;
	height: 30px;
}

h2.post-title, h2.post-title a {
	color: #FFF;
	margin: 0 0 10px;
	font-size: 28px;
}

.page-template h2 {
	color: #e86d05;
	margin-top: 35px;
}
*/

.category-comics .post-extras{
	background: url(images/grass.png) no-repeat left top;
}

h2.post-title, h2.post-title a, h2.page-title {
	margin: 20px 0 10px 5px;
	font-size: 35px;
}


.post-info {
	background: url(images/leaves.png) no-repeat left top;
	height:94px;
}

.type-post, .type-page, .type-comic, #comment-wrapper {
	background: #41551e;
	background: -moz-linear-gradient(100% 100% 135deg, #668237, #668237, #41551e 100%); /* IE8 uses -ms-filter for whatever reason... */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColor=#668237, endColoStr=#41551e);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(65, 85, 30, 1.0)),to(rgba(102, 130, 55, 3.0)));
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
	-moz-box-shadow: 1px 2px 5px #374e10;
	-webkit-box-shadow: 1px 2px 5px #374e10;
	-khtml-box-shadow: 1px 2px 5px #374e10;
	box-shadow: 1px 2px 5px #374e10;
	padding: 10px;
}

.entry {
	padding: 20px;
}

.ie .type-post, .ie .type-page, .ie .type-comic, .ie #comment-wrapper {
	background: #41551e;
}

.page-title, .post-title {
	text-shadow: 1px 1px 1px #000;
	-moz-text-shadow: 1px 1px 1px #000;
	-khtml-text-shadow: 1px 1px 1px #000;
	-webkit-text-shadow: 1px 1px 1px #000;
}

h2.widgettitle {
	margin: 0;
}

#blogheader {
	border: none;
	margin: 0;
	padding: 0;
}

.share-this{}

.comment-balloon-1, .comment-balloon {
	background: url(images/sprite.png) no-repeat -445px 2px;
	height: 30px;
	width: 105px;
	display: block;
	line-height: 30px;
	float: right;
}

.comment-balloon-empty {
	display: block;
	float: right;
	line-height: 30px;
}

.share-this a {
	margin-top: 3px;
}











.comment-balloon-1 {
	background-position: -445px -28px;
	width: 95px;
}







.comment-balloon-1 .num, .comment-balloon .num {
	float: right;
	display: block;
	width: 34px;
	text-align: center;
	color: #000;
}







.comment-balloon {
	background-position: -445px -58px;
}



















/*********************************************



	Comments



*********************************************/







#comment-wrapper-inner-head, #comment-wrapper-inner, #comment-wrapper-inner-foot, #respond {
	width: 630px;
	margin: 0 auto;
}







#respond p {
	margin: 0;
	padding: 5px 0;
}







#comment-wrapper-inner-head, #comment-wrapper-inner, #comment-wrapper-inner-foot {
	padding: 0;
	background: url(images/comment-wrapper.png) no-repeat left top;
	height: 12px;
}







#comment-wrapper-inner {
	background: url(images/comment-wrapper-fill.png) repeat-y top left;
	height: auto;
}







#comment-wrapper-inner h3, .pingback .comment-content, .trackback .comment-content {
	margin-left: 15px;
}







#comment-wrapper-inner h3 {
	font-weight: bold;
	color: #fdf497;
	font-size: 22px;
}







#comment-wrapper-inner-foot {
	background-position: left bottom;
}



.comment {
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}







ol.commentlist {
	padding: 10px 0 0;
}



ol.commentlist li.depth-1 {
	border-bottom: 1px solid #709630;
}



#pingtrackback-wrap ol.commentlist li.depth-1 {
	border-bottom: none;
}







.comment-avatar {
	float: left;
	height: 72px;
	overflow: hidden;
	width: 72px;
	margin: 0 0 0 15px;
}







.comment-avatar img {
	border: 3px solid #fff;
}



.comment-content {
	margin: 0 15px 0 100px;
}







.comment-author, .comment-meta-data, .comment-text {
	float: left;
	display: block;
	width: 100%;
	padding: 0;
}







.comment-meta-data {
	padding: 0 0 10px 0;
}







.comment-text p {
	padding: 0 0 2px 0;
}







.single .nav, .blognav {
	display: none;
}







/*********************************************



	Footer



*********************************************/







#footer {
	padding: 82px 0 24px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	font-size: .75em;
}

#footer h2 {
	font-size: 1.1em;
	line-height: 1em;
	color: #fff;
	letter-spacing: .1em;
	margin-top: 0;
}

#footer ul.subnav {
	list-style: none;
	margin: 0;
	padding: 0;
}



#footer ul.subnav li {
	float: left;
	border-left: 1px solid #ffed36;
	padding: 0 8px;
}

#footer ul.subnav li a {
	color: #ffed36;
}

#footer ul.subnav li a:hover {
	color: #c4d2ab;
}

#page-foot {
	background: #4E6B1D url(images/footer.gif) repeat-x center top;
	height: 300px;
	margin-top: -300px;
}

/*********************************************
	ADS
*********************************************/

.footer-ads table {
	float: left;
	background: none !important;
	width: auto !important;
}

.footer-ads table tr, .footer-ads table tr td {
	float: left;
	background: none !important;
	margin-right: 10px;
}

.footer-ads table tr td center {
	background: #fff !important;
}

.footer-ads table tr td a {
	line-height: 1.5em !important;
}

.leaderboard {
	position: relative;
	width: 728px;
	height: 110px;
}

.leaderboard .inner {
/*	position: absolute; */
	padding: 0;
}

#sidebar-overblog .widget-content {
	position: relative;
}
	
#sidebar-overblog {
	clear: both;
}


.post-page{
	min-height:800px;	
}