/*

Unshelved

Bill Barnes (http://unshelved.com/)
  Design / Layout / Graphics

Based on the Not Invented Here CSS + XHTML by Tyler Martin (http://mindfaucet.com)
  
*/

/* Standards Begin --  */

a {
	color: #c9522b;
	text-decoration: none;
}

	a:hover {
		color: #292d23;
	}

 	a:focus {
		outline: none;
	}

	a img {
		border: 0 none;
	}

img {
	max-width: 100%;
}

hr {
	height: 1px;
	margin: 20px 0;
	color: #3c241c;
	background-color: #3c241c;
	border: 0px;
}

ul {
	margin: 0 0 0 20px;
	padding: 0;
}

h1 {
	font-size: 30px;
	color: #0000;
}

h2 {
	font-size: 24px;
	color: #d94f23;
}

h3 {
	font-size: 24px;
	color: #3c241c;
}

h4 {
	display: inline;
	font-size: 16px;
	color: #d94f23;
}

h5 {
	display: inline;
	font-size: 16px;
	color: #3c241c;
}

form {
	margin: 0;
	padding: 0;
}

label {
	float: left;
	font-weight: bold;
	font-size: 11px;
	margin: 7px 5px -5px 0;
}

button {
	height: 20px;
	padding: 0 5px;
	margin: 5px 5px 0 0;
	display: block;
	float: left;
	color: #fff;
	background: #d54423;
	border: 1px solid #211b1b;
	cursor: pointer;
}

	button:hover {
		background: #e00d24;
	}	
	
.center{
	text-align: center;
}

.clear {
	clear: both;
}

.heading {
	width: 800px;
	height: 50px;
	margin: 20px auto 0 auto;
	background-repeat: no-repeat;
}

/* -- Standards End */

.green {
	color:#292d23;
}

/* Header Begin -- */

#header 
{
	margin: 20px auto 0 auto;
	width: 905px;
	height: 66px;
	display:block;
}

	#header-logo
	{
		margin: 0 0 0 75px;
		width: 633px;
		height: 66px;
		display: block;
		float: left;
		text-indent: -9999px;
		background: url('http://get.unshelved.com/images/newheader.png') -0px -0px no-repeat;
	}

	#header-subscribe
	{
		width: 136px;
		height: 66px;
		display: block;
		float: left;
		text-indent: -9999px;
		background: url('http://get.unshelved.com/images/newheader.png') -633px -0px no-repeat;
	}
		#header-subscribe:hover, #header-subscribe.active {
			background-position: -769px -0px;
		}


/* -- Header End */



/* Ad Begin -- */

#leaderboard{
	padding: 0 0 px 0;
	margin: 20px auto;
}

/* -- Ad End */


/* Comic Begin -- */

#comic {
	width: 920px;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 15px;
	background: white;
	border: none;
}

	#comic-content{
		padding: 15px 0 0 0;
		text-align: center;
	}

	#comic-nav{
		padding: 40px 0 0 0;
		margin: -15px 0 0 0;
		position: relative;
	}



#comic-shadow {
	height: 10px;
}

/* -- Comic End */



/* Navigation Begin -- */

#nav {
	width: 728px;
	height: 36px;
	margin: 0pt auto;
	}

	#nav-first {
		width: 75px;
		height: 36px;
		display: block;
		float: left;
		font-size: 20pt;
		font-weight: bold;
	}
/*	
		#nav-first:hover {
			background-position: 0 -36px;
		}
		
		#nav-first.disabled {
			background-position: 0 -72px;
			}
*/	
	#nav-previous {
		width: 75px;
		height: 36px;
		display: block;
		float: left;
		font-size: 20pt;
		font-weight: bold;
	}
/*	
		#nav-previous:hover {
			background-position: -53px -36px;
		}
		
		#nav-previous.disabled {
			background-position: -53px -72px;
		}
*/	

	#nav-date {
		width: 428px;
		height: 36px;
		display: block;
		float: left;
		font-size: 20pt;
		font-weight: bold;
		text-align: center;
	}

	#nav-next {
		width: 75px;
		height: 36px;
		display: block;
		float: left;
		font-size: 20pt;
		font-weight: bold;
		text-align: right;
	}
/*	
		#nav-next:hover {
			background-position: -94px -36px;
		}
		
		#nav-next.disabled {
			background-position: -94px -72px;
		}
*/	
	#nav-last {
		width: 75px;
		height: 36px;
		display: block;
		float: left;
		font-size: 20pt;
		font-weight: bold;
		text-align: right;
	}
/*	
		#nav-last:hover {
			background-position: -134px -36px;
		}
		
		#nav-last.disabled {
			background-position: -134px -72px;
		}
*/		
#form-search {
	width: 300px;
	height: 20px;
	padding: 2px 0;
	float: left;
}

#comic-date {
	width: 400px;
	height: 22px;
	padding: 10px 0;
	float: left;
}

#comic-comments {
	width: 265px;
	height: 22px;
	text-align: center;
	padding: 10px 0 0 0px;
	float: left;
}
	
/* -- Navigation End */

/* -- Dropins Begin */

#dropins {
	width: 728px;
	margin: 0 auto;
	padding: 5px;
	border: solid 1px black;
	background-color: White;
}

	.dropin-intro {
		font-size: x-large;
		font-weight: bold;
		margin:0 0 5px 0;
	}

	.dropin-header {
		margin:10px 0 0 0;
		
	}
	
	.dropin-blurb {
		font-size: smaller;
		font-style: italic;
	}

	.dropin-link {
		font-size: smaller;
	}
	
	.dropin-body 
	{
		margin: 0 0 5px 0;
		font-size: smaller;
		font-style: italic;
    }
	
	
/* Content Begin -- */

.page {
	width: 850px;
	margin: 0 auto;
}

	.page-head {
		height: 10px;
	}

	.page-foot {
		height: 10px;
	}

	.page-content {
		padding: 10px 20px;
	}
	
#column {
	width: 600px;
	float: left;
}

.blog {
	width: 840px;
	overflow: hidden;
	margin: 0px auto;
	text-align: left;
}

	.blog-head {
	}
		
	.blog-foot {
	}
	
	.blog-title {
		margin: 10px 0 0 0;
	}
	
	.blog-meta {
		color: #777;
		margin: 0px 0px 0px 0px;
	}
	
	.blog-content {
		margin: 0px 0px 0px 0px;
	}

/* -- Content End */



/* Sidebars Begin -- */

.sidebar {
	width: 175px;
	float: left;
	overflow: hidden;
}

.note-follow {
	width: 150px;
	height: 150px;
	margin: 0 auto;
	text-indent: -9999px;
	background: url('http://thiswas.notinventedhe.re/with/notes.png') no-repeat;
}

.note-read {
	width: 150px;
	height: 150px;
	margin: 0 auto;
	text-indent: -9999px;
	background: url('http://thiswas.notinventedhe.re/with/notes.png') -150px 0 no-repeat;
}

#feed-email {
	width: 160px;
	height: 132px;
	display: block;
	text-indent: -9999px;
	background: url('http://thiswas.notinventedhe.re/with/sidebar-feeds.png') no-repeat;
}

	#feed-email:hover {
		background-position: -160px 0;
	}

#feed-rss {
	width: 160px;
	height: 132px;
	display: block;
	text-indent: -9999px;
	background: url('http://thiswas.notinventedhe.re/with/sidebar-feeds.png') 0 -132px no-repeat;
}

	#feed-rss:hover {
		background-position: -160px -132px;
	}

#feed-facebook {
	width: 160px;
	height: 132px;
	display: block;
	text-indent: -9999px;
	background: url('http://thiswas.notinventedhe.re/with/sidebar-feeds.png') 0 -264px no-repeat;
}

	#feed-facebook:hover {
		background-position: -160px -264px;
	}

#feed-twitter {
	width: 160px;
	height: 72px;
	display: block;
	text-indent: -9999px;
	background: url('http://thiswas.notinventedhe.re/with/sidebar-feeds.png') 0 -396px no-repeat;
}
	
#feed-twitter-southworth {
	width: 160px;
	height: 15px;
	display: block;
	text-indent: -9999px;
	background: url('http://thiswas.notinventedhe.re/with/sidebar-feeds.png') 0 -468px no-repeat;
}

	#feed-twitter-southworth:hover {
		background-position: -160px -468px;
	}

#feed-twitter-billba {
	width: 160px;
	height: 15px;
	display: block;
	text-indent: -9999px;
	background: url('http://thiswas.notinventedhe.re/with/sidebar-feeds.png') 0 -483px no-repeat;
}

	#feed-twitter-billba:hover {
		background-position: -160px -483px;
	}

#feed-twitter-nihcomic {
	width: 160px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url('http://thiswas.notinventedhe.re/with/sidebar-feeds.png') 0 -498px no-repeat;
}
	
	#feed-twitter-nihcomic:hover {
		background-position: -160px -498px;
	}
	
#link-unshelved {
	width: 165px;
	height: 110px;
	display: block;
	text-indent: -9999px;
	background: url('http://thiswas.notinventedhe.re/with/sidebar-links.png') 0 -0px no-repeat;
}

	#link-unshelved:hover {
			background-position: -165px 0px;
	}

#link-uglyhill {
	width: 165px;
	height: 110px;
	display: block;
	text-indent: -9999px;
	background: url('http://thiswas.notinventedhe.re/with/sidebar-links.png') 0 -110px no-repeat;
}

	#link-uglyhill:hover {
		background-position: -165px -110px;
	}
	
#link-youaredead {
	width: 165px;
	height: 110px;
	display: block;
	text-indent: -9999px;
	background: url('http://thiswas.notinventedhe.re/with/sidebar-links.png') 0 -220px no-repeat;
}

	#link-youaredead:hover {
			background-position: -165px -220px;
	}

/* -- Sidebars End */



/* About Page Begin -- */

.profile {
	width: 220px;
	min-height: 160px;
	padding: 10px 10px 0 170px;
	float: left;
	background-repeat: no-repeat;
}

/* -- About Page End */


/* Footer Begin -- */

#footer {
	width: 850px;
	padding: 10px 0 20px 0;
	margin: 0 auto;
	text-align: center;
}

/* -- Footer End -- */

#pmb-entry 
{
	float:left;
	width:190px;
	height:210px;
	padding:5px;
}

#pmb-thumbnail
{
	width:180px;
	height:180px;
}

#pmb-winner
{
	clear:both;
	height:190px;
}

#pmb-winnerimage
{
	width:180px;
	height:180px;
	padding-right:10px;
	float:left;
}

#pmb-caption
{
	text-align:center;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 300px; /*Set right margin to RightColumnWidth*/
}

#rightcolumn{
float: left;
width: 300px; /*Width of right column in pixels*/
margin-left: -300px; /*Set left margin to -(RightColumnWidth) */
background: #a1b06a;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#home
{
	min-height: 600px;
	text-align: left;
}

#home-left
{
	width: 514px; /* 550 total */
	margin: 0 24px 0 12px;
	float: left;
	min-height: 600px;
	text-align: left;
}

#home-right
{
	text-align: left;
	width: 358px; /* 370 total */
	margin: 0 12px 0 0;
	float: left;
	min-height: 600px;
}

.home-module
{
	margin: 0 0 12px 0;
}

.home-contents
{
	margin: 0 0 0 12px;
}

h2.home-title
{
	font-size: large;
	font-weight: bold;
	padding: 0px 0 3px 0;
	margin: 0;
	color: #292d23;
}

.home-image
{
	width: 90px;
	float: left;
	margin: 0 12px 0 0;
	min-height: 60px;
}

.home-description
{
	width: 244px;
	float: left;
	min-height: 60px;
}

.store-item
{
	display:inline;
	float:left;
	margin:3px;
	width:180px;
	height:210px;
	text-align:center;
}

table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}