/*



Theme Name: ComicPress Goblins Resurrection

Theme URI: http://comicpress.org

Author: Duke Igthorn

Author URI: http://www.goblinscomic.com/

Version: 1.2.0

Modified by Duke Igthorn (09/2014)




*/







/* STANDARD TAGS */

html, body, #page {height: 100%;}

body > #page {
    height: auto;
    min-height: 100%;
}

#wrap-comic, #wrap-page {padding-bottom: 170px;}  /* Must be exact footer height */

body {

	margin: 0 auto;

	color: #000;

	font-family: 'Georgia', serif;

	font-size: 14px;

	background: #d8d8d8;

	/*background-size:1600px;

	background-position:top center;

	background-repeat:no-repeat;*/

	vertical-align: middle;

 }



a {

	color: #961E00;

	text-decoration: none;

}



	a:hover {

		color: #C60000;

	}



 	a:focus {

		outline: none;

		}



	a img {

		border: none;

		}



img {

	max-width: 100%;

	}



ul {

	margin: 0 0 0 20px;

	padding: 0;

	}



small {

	font-size: 11px;

}



h1 {

	width: 240px;

	height: 190px;

	margin: 0;

	padding: 0;

	display: block;

	float: left;

	color: #000;

	}



h2, h2 a {

	padding: 0;

	margin: 0 0 10px 2px;

	font-size: 42px;

	color: #000;

	font-weight: normal;

	font-variant: small-caps;

	letter-spacing: -1px;

	text-shadow: -2px -2px 0 #969696;

	}



h3, h3 a {

	padding: 0;

	margin: 60px 0 0 2px;

	font-size: 36px;

	line-height: 30px;

	color: #000;

	font-weight: normal;

	font-variant: small-caps;

	letter-spacing: -1px;

	text-shadow: -2px -2px 0 #969696;

	}



h4 {

	font-weight: normal;

	padding: 0;

	margin: 0 0 10px 2px;

	font-size: 28px;

	color: #000;

	font-weight: normal;

	font-variant: small-caps;

	letter-spacing: -1px;

	text-shadow: -2px -2px 0 #969696;

}



.float-left {

	margin: 0 10px 10px 0;

	display: block;

	float: left;

	border: 1px solid #fff;

}



.align-right {

	text-align: right;

}



.clear {

	clear: both;

}



small {

	font-size: 11px;

	}



hr {

	height: 1px;

	color: #fff;

	background-color: #fff;

	border: 0px;

	}



blockquote {

	margin: 10px;

	padding: 5px 10px 5px 20px;

	border-width: 1px 1px 1px 5px;

	border-style: solid;

	border-color: #fff;

	}



	blockquote cite {

		margin: 5px 0 0;

		display: block;

		}



cite {

	font-size: 13px;

	font-weight: bold;

	font-style: normal;

	}



code {

	padding: 10px;

	display: block;

	font-family: 'Courier New', monospace;

	border: 1px dotted #fff;

	overflow: scroll;

	}



acronym, abbr, span.caps {

	cursor: help;

	}



	acronym, abbr {

		border-bottom: 1px dashed #fff;

		}



form {

	margin: 0;

	}





/* Layout */



#wrap-comic {

	width: 1600px;

	height: 4300px;

	margin: 0 auto;

	background: #d8d8d8 url('images/background_main.jpg') center top no-repeat;

}



#wrap-page {

	width: 1600px;

	height: 4300px;

	margin: 0px auto;

	background: #d8d8d8 url('images/background_page.jpg') center top no-repeat;

	overflow: visible;

}



#wrap-open {

	min-width: 1000px;

	background: #d8d8d8 center top no-repeat;

}



#header {

	width: 1250px;

	height: 219px;

	margin: 0 auto;

}



#page {

	position: relative;

	width: 1160px;

	/*width: 1250px;*/

	/*margin: 0 auto;*/

	margin-left:175px;

/*	overflow: hidden;

	z-index:1;

*/}



#comic {

	z-index: 9;

	position: relative;

	width: 892px;

	height: 1213px;

	margin: 16px 0 0 200px;

	/*overflow: hidden;*/

}



	#content {

		width: 580px;

		margin: 50px 0 0 190px;

		float: left;

		overflow: hidden;

	}



	#sidebar {

		margin: -2px 0px 0px 240px;

		float: left;

		overflow: hidden;

		color: #78725c;

		text-align: center;

		padding: 0px;

	}



#footer {
	position: relative;

	height: 170px;

	margin-top: -170px; /* negative footer height */

	margin-left: -480px;

	padding: 250px 0 0 0;

	clear: both;

	text-align: center;

	background: top center no-repeat;

}



/* THE HEADER */



#header {

	}



	.description {

		padding: 0 0 10px 0;

		font-size: 14px;

		font-style: italic;

		letter-spacing: 2px;

		}



/* Header */



#logo {

    background: url("images/g-logo3.png") no-repeat scroll left center transparent;

    display: block;

    height: 192px;

    text-indent: -9999px;

    width: 587px;

	margin-top:24px;

	margin-left:-170px;

}

/*#logo {

    background: url("http://www.goblinscomic.org/wp-content/uploads/2015/06/g-logo-10th.png") no-repeat scroll left center transparent;

    display: block;

    height: 211px;

    text-indent: -9999px;

    width: 587px;

	margin-top:5px;

	margin-left:-170px;

}*/

#header-right {

	width:835px;

	height: 219px;

	float: right;

	margin-right:0px;

}



	#header-text {

		height: 19px;

		padding: 5px 5px 0 0;

		text-align: right;

		overflow: hidden;

		font-size: 13px;

		font-style: italic;

		color: #000;

	}



		#header-text span {

			font-size: 11px;

			font-style: normal;

			color: #fff;

		}



	#ad-leaderboard {

		width: 728px;

		height: 90px;

		margin: 0 0 0 0px;

		overflow: hidden;

		display: block;

	}



	#theme-button {

		display: block;

		width: 167px;

		height: 168px;

		position: absolute;

		overflow: hidden;

		top: 196px;

		left: 1100px;

	}



	#theme-button a {

		display: block;

		width: 167px;

		height: 168px;

		background: url('images/brandthunderklikbutton.png');

		text-indent: -9999px;

	}

  	#twc_button {
    		position:absolute;
   		top: 250px;
   		left: -100px;
    		z-index:12;
  	}
    #patreon_button {
      display: block;
      width: 306px;
      height: 121px;
      position:absolute;
      top: 300px;
      left: -125px;
      z-index:12;
      background: url('images/P-Logo-small.png');
      background-position: 0 100%;
    }

    #patreon_button:hover {
      background-position: 0 0;
    }

/* THE MENU */



#menubar {

	position: absolute;

	z-index: 12;

	width: 470px;

	height: 40px;

	left: 545px;

	margin-top: 28px;

	zoom: 1; /* IE fix, allows for variable height menu  */

		 }





	div.menu {

		margin: 0 auto;

		display: table;

		border-collapse: collapse;

		overflow: hidden;

	}



#menu-header {

	z-index: 10;

    padding: 9px 0 0 0;

    margin: 0 0 0 -1px;

	list-style: none;

    float: left;

    line-height: 25px;

	font-size: 12px;

    }



	#menu-header a {

		height: 22px;

		padding: 0px 5px;

		display: block;

		color: #fff;

		font-size: 18px;

		line-height: 20px;

		text-decoration: none;

		border-left: 1px solid #f4c511;

		}



	#menu-header li {

		float: left;

		}



	#menu-header li:hover a, #menu-header li.sfhover a {

	    color: #0bffff; /* Main menu highlighted text color */

	    }



	#menu-header li:hover, #menu-header li.sfhover {

	    background: #000; /* Main menu highlighted background color */

	    }



	/* For submenu dropdowns - this order must be maintained */



	#menu-header ul {

		padding: 0;

		margin: 0;

		list-style: none;

		position: absolute;

		left: -9999px;

		width: 151px;

		line-height: 1;

		border-top: 1px solid #f4c511;

		}

	#menu-header li li {

		width: 150px;

		margin: 0 0 0 0;

		border-width: 0 1px 1px 1px;

		border-color: #f4c511;

		border-style: solid;

		}

	#menu-header li li a {

		width: 139px;

	    padding: 2px 5px;

		border: none;

		font-size: 14px;

		text-align: left;

		}

	#menu-header li ul ul {

	    margin: -21px 0 0 151px;

	    }

	#menu-header li ul li:hover a, #menu-header li ul li li:hover a, #menu-header li ul li li li:hover a, #menu-header li ul li li li:hover a {

	    color: #0bffff; /*Submenu highlighted text color */

	    }

	#menu-header li:hover li a, #menu-header li li:hover li a, #menu-header li li li:hover li a, #menu-header li li li li:hover li a  {

	    color: #009595; /*Submenu text color */

	    }

	#menu-header li li:hover {

	    background: #000; /*Submenu highlighted background color */

	    }

	#menu-header li:hover ul ul, #menu-header li:hover ul ul ul, #menu-header li:hover ul ul ul ul, #menu-header li.sfhover ul ul, #menu-header li.sfhover ul ul ul, #menu-header li.sfhover ul ul ul ul {

	    left: -9999px;

	    }

	#menu-header li:hover ul, #menu-header li li:hover ul, #menu-header li li li:hover ul, #menu-header li li li li:hover ul, #menu-header li.sfhover ul, #menu-header li li.sfhover ul, #menu-header li li li.sfhover ul, #menu-header li li li li.sfhover ul {

	    left: auto;

	    background: #000; /*Submenu background color */

		text-transform: none;

	    }









/* NAVIGATION */



#navigation {

	width: 1000px;

	height: 153px;

	margin: 0 auto;

	overflow: hidden;

	clear:both;

}



	.nav-first {

		width: 169px;

		height: 127px;

		margin: 15px 0 0 30px;

		float: left;

		overflow: hidden;

	}



		.nav-first a {

			width: 169px;

			height: 127px;

			display: block;

			background: url('images/menu2first.png');

			text-indent: -9999px;

		}

		.nav-first a:hover{

			background-position:0px -127px;

}



	.nav-previous {

		width: 219px;

		height: 127px;

		margin: 15px 0 0 0;

		float: left;

		overflow: hidden;

	}



		.nav-previous a {

			width: 219px;

			height: 127px;

			display: block;

			background: url('images/menu2prev.png');

			text-indent: -9999px;

		}

		.nav-previous a:hover{

			background-position:0px -127px;

}/*.nav-next {

		position: absolute;

		left: 920px;

		width: 218px;

		height: 127px;

		margin: 15px 0 0 15px;

/*		float: left;

		overflow: hidden;





	}



		.nav-next a {

			width: 218px;

			height: 127px;

			display: block;

			background: url('http://www.goblinscomic.org/wp-content/uploads/2013/08/menu2next1.png');

			text-indent: -9999px;

		}

		.nav-next a:hover{

			background-position:0px -127px;

}*/

.nav-next {

		width: 218px;

		height: 127px;

		margin: 15px 0 0 15px;

		float: left;

		overflow: hidden;

	}



		.nav-next a {

			width: 218px;

			height: 127px;

			display: block;

			background: url('images/menu2next1.png');

			text-indent: -9999px;

		}

		.nav-next a:hover{

			background-position:0px -127px;



}.nav-last {

		width: 172px;

		height: 127px;

		margin: 15px 0 0 0;

		float: left;

		overflow: hidden;

	}



		.nav-last a {

			width: 172px;

			height: 127px;

			display: block;

			background: url('images/menu2last.png');

			text-indent: -9999px;

		}

		.nav-last a:hover{

			background-position:0px -127px;

}

	#header .nav-previous{

	background:none;

	margin-left:-40px;

	margin-top:20px;

	width:144px;

}

	#header-right .nav-previous a{

	background:url('images/menu1prev.png');

display:block;

float:left;

	width:144px;

	height:91px;

	margin:0px;

}

	#header-right .nav-previous a:hover{

	background-position:0px -91px;

}

#header .nav-next{

	background:none;

	margin-top:20px;

	margin-left:30px;

}

#header-right .nav-next {

	position: absolute;

	left: 1015px;

}

	#header-right .nav-next a{

	background:url('images/menu2next.png');

display:block;

float:left;

	width:146px;

	height:91px;

	margin:0px;

}

	#header-right .nav-next a:hover{

	background-position:0px -91px;

}







	.nav-archive {

		width: 160px;

		height: 50px;

		margin: 25px 0 0 15px;

		float: left;

		overflow: hidden;

		background: url('images/archive.png');

	}



		.nav-archive a {

			width: 170px;

			height: 50px;

			display: block;

			text-indent: -9999px;

		}



.nav-blog {

	font-size: 12px;

	font-weight: bold;

	float: right;

	}



	.nav-blog-previous {

		padding: 0 5px 0 0;

		float: left;

		}



	.nav-blog-next {

		padding: 0 0 0 5px;

		float: left;

		border-left: 1px solid #fff;

		}



.pagenav {

	padding: 40px 20px 0 20px;

	font-size: 12px;

	font-weight: bold;

	clear: both;

	}



	.pagenav-left {

		float: left;

		}



	.pagenav-right {

		float: right;

		}



.nav a, .pagenav a, .nav-blog a {

	display: block;

	float: left;

	}







/*Affiliate Bar ONLY Main Page (Archive etc. override in php) */



#ibar{



position: absolute;

top: 1855px;

left: 120px;

z-index: 10;

background-color:#3A3A3A;

width:543px;

height:46px;

overflow:hidden;

margin:12px 0px 0px 0px;

padding:0px;



}

#pixiestrip{

height:46px;

}

#pixiestripbutton

{

height:46px;

margin:0px;

padding:0px;



}



/* POSTS - PAGES */



#column {

	position: relative;

	top: 260px;

	left: 100px;

	width: 605px;

	float: left;

	overflow: hidden;

	padding: 0px;

	}

#column h



.post, .post-comic, .post-page {

	padding: 10px 20px;

	}



.post-head, .post-page-head, .post-comic-head {

	}



.post-foot, .post-comic-foot, .post-page-foot {

	margin: 0 0 40px 0;

	height: 10px;

	overflow: hidden;

	}



	.comicdate {

		font-size: 14px;

		}



	.postdate {

		margin: 0 0 20px 0;

		font-family: 'Trebuchet MS', sans-serif;

		font-size: 15px;

		letter-spacing: 5px;

		color: #777777;

		}



.more-link {

	border-top: 1px dashed #fff;

	font-style: italic;

	display: block;

	clear: both;

	}



.tags {

	font-size: 11px;

	clear: both;

	}



.comment-link {

	font-family: 'Georgia', serif;

	font-size: 16px;

	text-align: right;

	}









/* COMMENTS */



.comment-wrap{

	padding: 0 20px;

	}



	.comment-wrap h3 {

		margin: 0;

		padding: 20px 0 0 0;

		font-weight: normal;

		font-size: 20px;

		clear: both;

		font-family: 'Georgia', serif;

		}



.comment {

	padding: 10px;

	margin: 10px 0 0 0;

	clear: both;

	border: 1px solid #fff;

	min-height: 64px;

	}



	.comment .comment  {

	border: 1px dotted #fff;

	}



.comment-author {

	display: inline;

	}



.comment-meta {

	display: inline;

	padding: 0 0 0 5px;

	margin: 0 0 0 2px;

	border-left: 1px solid #fff;

	}



.says {

	display:none;

	}



.avatar {

	margin: 0 10px 0 0;

	float: left;

	}



#comment {

	width: 100%;

	font-size: 12px;

	font-family: 'Arial', sans-serif;

	}



#author, #email, #url {

	width: 200px;

	font-size: 12px;

	font-family: 'Arial', sans-serif;

	}



#submit {

	margin: 0 0 20px 0;

	float: right;

	}



ol.commentlist {

	margin: 0;

	padding: 0;

	font-size: 11px;

	list-style: none;

	}



	ol.commentlist p {

		margin: 10px 0 0 74px;

		}



ul.children {

	margin: 0;

	padding: 0;

	list-style: none;

	}



.reply {

	padding: 10px 0 0 0;

	text-align: right;

	}







/* ARCHIVE */

/* For the built-in WordPress archive pages (by month or category) as well as search result pages */



.comicarchiveframe {

	padding: 5px;

	border: 1px solid #fff;

	background: #fff;

	opacity: 0.99;

	filter: alpha(opacity=99);

	}



	.comicarchiveframe:hover {

		opacity: 0.70;

		filter: alpha(opacity=70);

		}



	.comicarchiveframe h3 {

		margin: 0;

		}



	.comicarchiveframe a small {

		display: block;

		color: #000;

		}



.archive-year {

	font-size: 48px;

	}



.archive-yearlist {

	padding: 0 0 10px 0;

	font-size: 14px;

	}







/* SIDEBAR */



#wrap-comic #sidebar {

	width: 300px;

}



#ad-tower {

	width: 160px;

	height: 600px;

	margin: 80px 0px 0px 20px;

	display: block;

float:left;

}



#ad-box {

	width: 300px;

	height: 250px;

	margin: 0 0 40px 0;

	overflow: hidden;

	display: block;

}



#votebox {

	margin: 0 0 20px 0;

	background: url('images/votebox.png') right bottom no-repeat;

}



	#votebox img {

		padding: 150px 40px 70px 160px;

	}



#sidebar h2, #sidebar h2 a {

	padding: 0;

	margin: 0 0 10px 2px;

	font-size: 28px;

	color: #c8b7b7;

	text-shadow: none;

	font-weight: normal;

	font-variant: small-caps;

	letter-spacing: -1px;

	}



#sidebar ul {

	margin: 0;

	padding: 0;

	list-style: none;

	}



	#sidebar ul li {

		margin: 0 0 40px 0;

		padding: 0;

		}



		#sidebar ul li ul li {

			margin: 0 0 0 10px;

			padding: 0;

			}







/* WIDGETS */



.random-comic-icon {

	padding: 0 5px;

	color: #fff;

	background: #000;

	}



.comic-bookmark {

	margin: 0 0 10px 5px;

	}



.archive-dropdown {

	max-width: 100%;

	}







/* CALENDAR */



#wp-calendar {

	width: 165px;

	margin: 0 auto;

	}



#wp-calendar th {

	font-size: 10px;

	font-weight: normal;

	text-align: center;

	}



#wp-calendar caption {

	font-family: 'Georgia', sans-serif;

	font-size: 18px;

	letter-spacing: -1px;

	font-variant: small-caps;

	}



#wp-calendar td {

	min-width: 20px;

	padding: 0;

	text-align: center;

	border: 1px solid #fff;

	}



#wp-calendar a {

	display: block;

	text-decoration: none;

	font-weight: bold;

	}



	#wp-calendar a:hover {

		color: #fff;

		background: #000;

		}







/* SEARCH */



#s {

	width: 140px;

	margin: 0;

	padding: 2px;

	font-size: 12px;

	font-family: 'Arial', sans-serif;

	}



#searchsubmit {

	padding: 0 5px;

	font-size: 12px;

	font-family: 'Arial', sans-serif;

	}







/* GALLERY */



.gallery-image {

	width: 518px;

	border: 1px solid #000;

	overflow: hidden;

	background: #000;

}



.gallery-caption {

	font-size: 11px;

	}



	.gallery-caption  p {

		width: 510px;

		padding: 5px;

		margin: 0;

		text-align: center;

		color: #fff;

		background: #000;

		}



.imagenav-wrap {

	margin: 5px 0 0 0;

	}



.imagenav {

	width: 77px;

	height: 77px;

	float: left;

	overflow: hidden;

	}



.imagenav-center {

	width: 344px;

	height: 65px;

	margin: 0 5px;

	padding: 10px 5px 0 5px;

	float: left;

	color: #000;

	text-align: center;

	border: 1px solid #000;

	overflow: hidden;

	}



.imagetitle {

	color: #000;

	font-size: 18px;

	}



.imagenav-bg {

	width: 75px;

	height: 75px;

	position: absolute;

	z-index: 0;

	background: #ddd;

	border: 1px solid #000;

	overflow: hidden;

	}



	.imagenav-bg img {

		width: 75px;

		height: 75px;

		}



.imagenav-arrow {

	width: 75px;

	height: 75px;

	position: absolute;

	z-index: 1;

	color: #fff;

	font-size: 80px;

	font-weight: bold;

	line-height:75px;

	text-align: center;

	border: 1px solid #000;

	float: left;

	}



.imagenav-link {

	width: 75px;

	height: 75px;

	position: absolute;

	z-index: 2;

	border: 1px solid #000;

	float: left;

	overflow: hidden;

	}



	.imagenav-link img {

		width: 75px;

		height: 75px;

		opacity: 0.50;

		filter: alpha(opacity=50);

		}



			.imagenav-link img:hover {

				opacity: 0.00;

				filter: alpha(opacity=0);

				}







/* POSTED IMAGES  */



.wp-caption  p {

	margin: 5px 0;

	line-height: 11px;

	font-size: 11px;

	}



.aligncenter {

	margin: 0 auto;

	display: block;

	}



.alignright {

	margin: 10px 0 10px 10px;

	display: inline;

	float: right;

	}



.alignleft {

	margin: 10px 10px 10px 0;

	display: inline;

	float: left

	}







/* TRANSCRIPT */



#transcript {

	padding: 0 10px;

	font-size: 11px;

	border-left: 4px dotted #000;

	border-right: 4px dotted #000;

	}



	.transcript-border {

		padding: 0 5px;

		margin: 15px 0;

		border: 1px solid #000;

		background: #fff;

		clear: both;

		}



	a.transcript-title {

		padding: 0 0 5px 0;

		margin: 0 0 5px 0;

		display: block;

		font-family: 'Georgia', serif;

		font-style: italic;

		font-size: 16px;

		letter-spacing: -1px;

		border-bottom: 1px dashed #000;

		}



		#transcript-content {

			font-family: 'Courier New', monospace;

			overflow: hidden;

			}



#s-transcript {

	width: 140px;

	margin: 0;

	padding: 2px;

	font-size: 12px;

	font-family: 'Georgia', serif;

	font-style: italic;

	}



	#searchsubmit-transcript {

		padding: 0 5px;

		font-size: 12px;

		font-family: 'Arial', sans-serif;

		}







/* STORYLINES */



.storyline-cats {

	padding: 0;

	margin: 0;

	list-style: none;

	}



.storyline-cats li {

	display: inline;

	}



	li.storyline-root {

		display: none;

		}







/* CLEAR FLOATS */



.clear {

	clear: both;

	}







/* CLEAR MARGINS */

/* Used with BR for clearing paragraph margins for Safari, Chrome - avoid background gaps */



.clear-margins {

	clear: both;

	height: 0;

	line-height: 0;

	font-size: 0;

	}







#taroltweet {

	width: 75px;

	height: 75px;

	margin: 0 auto;

	display: block;

	text-indent: -9999px;

	overflow: hidden;

	background: url('images/tweet-tarol.png') no-repeat;

}



/* TWITTER STYLING */



.widget_twitter {

	background-color: #d8d8d8;

	margin-bottom: 10px;

}



.widget_twitter .widgettitle {

	background-color: #1B1B1B;

	padding: 5px;

}



.widget_twitter .entry-content {

	background: transparent;

	padding-bottom: 5px;

}



.widget_twitter ul,

.follow-button {

	padding:5px !important;

}



.widget_twitter div {

    padding:0;

}



.widget_twitter ul li {

    margin-bottom:15px;

    color: #000;

    text-align: justify;

}



.widget_twitter li {

    margin-bottom:15px;

}



.widget_twitter .follow-button,

.widget_twitter .xavisys-link {

    margin:0 10px 10px 25px;

}



.widget_twitter .entry-meta {

    display:block;

    font-size:80%;

}



.widget_twitter .intent-meta a {

    background: url(images/everything-spritev2.png); /** from Twitter ressources */

    display: inline-block;

    height: 16px;

    text-indent: -9999px;

    width: 16px;

}

.widget_twitter .intent-meta a.in-reply-to {

    background-position: 0 center;

}

.widget_twitter .intent-meta a:hover.in-reply-to {

    background-position: -16px center;

}

.widget_twitter .intent-meta a.favorite {

    background-position: -32px center;

}

.widget_twitter .intent-meta a:hover.favorite {

    background-position: -48px center;

}

.widget_twitter .intent-meta a.retweet {

    background-position: -80px center;

}

.widget_twitter .intent-meta a:hover.retweet {

    background-position: -96px center;

}