/*

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 --  */

body {
	margin: 0;
	color: #292d23;
	font-family: 'Helvetica', 'Verdana', 'Ariel', sans-serif;
	font-size: 14px;
	background: #fff1ad;
	overflow-y: scroll;
 }

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

	a:hover {
		color: #292d23;
	}

 	a:focus {
		outline: none;
	}

	a img {
		border: 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;
	}	

input {
	width: 150px;
	height: 18px;
	display: block;
	padding: 0 2px;
	margin: 5px 5px 0 0;
	float: left;
	border: 1px solid #211b1b;
}
	
.center{
	text-align: center;
}

.clear {
	clear: both;
}

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

/* -- Standards End */



/* Header Begin -- */

#header 
{
	margin: 20px auto 0 auto;
	width: 1000px;
	height: 92px;
	display:block;
	background: url('http://get.unshelved.com/images/header.png') top center no-repeat;
}

#menu-footer 
{
	margin: 0 auto 0 auto;
	width: 1000px;
	height: 12px;
	background: url('http://get.unshelved.com/images/header.png') bottom center no-repeat;
}

#menu {
	width: 1000px;
	padding: 0 0 0 0px;
	height: 29px;
	margin: 0 auto;
}


	#menu-left {
		width: 13px;
		height: 29px;
		display: block;
		float: left;
		text-indent: -9999px;
		background: url('http://get.unshelved.com/images/header.png') 0px -92px no-repeat;
	}

	#menu-subscribe {
		width: 100px;
		height: 29px;
		display: block;
		float: left;
		text-indent: -9999px;
		background: url('http://get.unshelved.com/images/header.png') -13px -92px no-repeat;
	}
	
	#menu-store {
		width: 61px;
		height: 29px;
		display: block;
		float: left;
		text-indent: -9999px;
		background: url('http://get.unshelved.com/images/header.png') -113px -92px no-repeat;
	}

	#menu-bookclub {
		width: 104px;
		height: 29px;
		display: block;
		float: left;
		text-indent: -9999px;
		background: url('http://get.unshelved.com/images/header.png') -174px -92px no-repeat;
	}

	#menu-pmb {
		width: 178px;
		height: 29px;
		display: block;
		float: left;
		text-indent: -9999px;
		background: url('http://get.unshelved.com/images/header.png') -278px -92px no-repeat;
	}

	#menu-about {
		width: 65px;
		height: 29px;
		display: block;
		float: left;
		text-indent: -9999px;
		background: url('http://get.unshelved.com/images/header.png') -456px -92px no-repeat;
	}

	#menu-talks {
		width: 204px;
		height: 29px;
		display: block;
		float: left;
		text-indent: -9999px;
		background: url('http://get.unshelved.com/images/header.png') -521px -92px no-repeat;
	}

	#menu-blank {
		width: 188px;
		height: 29px;
		display: block;
		float: left;
		text-indent: -9999px;
		background: url('http://get.unshelved.com/images/header.png') -725px -92px no-repeat;
	}

	#menu-search {
		width: 87px;
		height: 29px;
		display: block;
		float: left;
		text-indent: -9999px;
		background: url('http://get.unshelved.com/images/header.png') -913px -92px no-repeat;
	}

/* -- Header End */



/* Ad Begin -- */

#leaderboard{
	width: 728px;
	height: 90px;
	padding: 0 0 px 0;
	margin: 20px auto;
	border: solid 1px black;
}

/* -- Ad End */



/* Comic Begin -- */

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

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

.bc-container {
	width: 840px;
}

.bc-reviews {
  width: 840px;
  margin: 0;
  float: left;
  min-height: 600px;
}

.bc-bookad {
  background-color: #d3eff9;
}

.bc-review {
  padding: 10px;
  margin: 10px 0 10px 0;
}

.bc-covers {
  float: left;
  margin: 0 18px 0 0;
  width: 122px;
  min-height: 160px;
}

.bc-cover {
  margin: 0 0 10px 0;
}

.book-cover { border: solid 1px black; }

.bc-data {
  float: left;
  width: 660px;
  min-height: 160px;
}

.bc-sponsored {
  margin: 0 10px 0 10px;
  width: 100px;
  float: left;
  min-height: 160px;
  text-align: right;
}

.bc-title 
{
	font-size: large;
}

.bc-metadata
{
	margin: 0 0 10px 0;
}

.bc-body
{
}

.bc-clear {
  clear: both;
}

.bc-sidebar 
{
	float: left;
	min-height: 600px;
}

.bc-skyscraper 
{
	margin: 500px 0 0px 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;
}