/*
Theme Name: Index without right column
Theme URI: http://nufish.com/
Description: This theme was developed by <a href="http://nufish.com/">Nufish.com</a>. It features an index without the right column.
Version: 1.0
Author: Kevin Compton
Author URI: http://nufish.com/
Tags: fixed width, two columns, 

	Index without right column v1.0
	 http://nufish.com/

	This theme was designed and built by Kevin Compton,
	whose info you will find at http://nufish.com/
	It features a homepage that is without the right column, the blog is constrained to a specific module, The rest of the site has     
	the right column. 

	The CSS, XHTML and design is for authorized use ONLY. Violators will be prosecuted to the fullest extent of the law.

*/



/* TYPOGRAPHY & COLORS */

body {
	font-family: Georgia, Palatino, Times New Roman;
	color: #d9cebc;
	font-size: 15px;
}

h1 {
	font-size: 40px;
	font-style: italic;
	color: #c29130;
}

#top h1, #top h2 {
	margin-top: 10px;
}

#top p {
	font-style: italic;
	font-size: 14px;
}

h2 {
	font-size: 24px;
	font-style: italic;
	color: #c29130;
}

h3 {

	font-size: 22px;

}

p {
	text-align: justify;
	line-height: 160%;
	color: #d9cebc;
}

.brown {color: #948877;}


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

a:hover {
	color: #fff;
	text-decoration: none;
	}
	
img {

	border: none;

}

#name {
	text-align: left; 
	color: #b6a894; 
	font-size: 12px; 
	font-style: normal; 
	font-family: Helvetica, Arial;
}

#footer {

	font-size: 11px;
	color: white;
	font-family: Helvetica, Arial;
}

.post-image img {
	float: left;
}

#menu li {
	float: left; 
	list-style: none;
	height: 72px;
	line-height: 72px;
	padding: 0 20px;
	background: url(images/border.png) no-repeat right;
}

#menu {
	position: absolute; 
	right: 0; 
	top:156px; 
	font-size: 18px; 
	font-weight: normal; 
	height: 72px;
	margin: -7px 0 0 0;
	background: url(images/border.png) no-repeat left;
	padding: 0;
}

#menu a {

color: #d6d6d6;
	
}

#menu a:hover {

color: #c29130;
	
	}
	
.gallery {padding: 6px; background: #27231b; margin-right: 8px; float: left; margin-bottom: 10px;}






/* Blog Page Typography */


	.blogPage .entry p {
		font-size: 1.05em;
		}
	
	.blogPage {
		line-height: 1.6em;
		}
	
	.alt {
		
		padding-left: 10px;
		padding-right: 10px;
		line-height: 2em;
	
		}
	
	.commentlist li, #commentform input, #commentform textarea {
		font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
		}
	
	.commentlist li {
		font-weight: bold;
		}
	
	.commentlist li .avatar { 
		float: right;
		border: 1px solid #eee;
		padding: 2px;
		background: #fff;
		}
	
	.commentlist cite, .commentlist cite a {
		font-weight: bold;
		font-style: normal;
		font-size: 1.1em;
		}
	
	.commentlist p {
		font-weight: normal;
		line-height: 1.5em;
		text-transform: none;
		}
	
	#commentform p {
		font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
		}
	
	.commentmetadata {
		font-weight: normal;
		}
	
	code {
		font: 1.1em 'Courier New', Courier, Fixed;
		}
	
	acronym, abbr, span.caps
	{
		font-size: 0.9em;
		letter-spacing: .07em;
		}
	
	
	/* Homepage Typography */
	
	
	.viewMore {
	
		font-size: 14px;
		text-transform: none;
	
	}
	
	.blogDate {
	
		font-family: "HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;
		font-weight: 100;
		font-size: 38px;
	
	}	
	
	.blogSnippet {
	
		line-height: 22px;
	
	}
	
	.postData {
	
		font-size: 11px;
	
	}
	
	#leftColumn p {
	
	line-height: 2em;
	
	}
	
	#rightColumn p {
	
	line-height: 1.5em;
	
	}
	
	/* End Homepage Typography */



/* End Typography & Colors */



/* STRUCTURE */

html, body {
height: 100%;
}


body {

	background: #353028 url(/images/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	
	}
	
h3 {

	margin: 0;
	padding: 25px 0 0 0;

}

#wrapper {
	width: 980px;  
	margin: 0 auto 0 auto;
	}
	
#content {
	width: 980px;
	margin: auto;
}

#logo {
	position: absolute;
	left: -180px;
}

#top {
	height: 400px;
	padding-top: 40px;
	margin-bottom: 20px;
	border-bottom: dotted 1px #61594d;
}

#judas {

	width: 280px;
	float: right;
	padding-right: 20px;
	margin-top: -60px;

}

#judas p {
	font-style: italic;
	font-size: 12px;
}


#middle {
	height: 200px;
	padding-top: 20px;
	padding-bottom: 10px;
	border-bottom: dotted 1px #61594d;
	margin-bottom: 30px;
}

#blurb {

	width: 370px;
	float: left;
	height: 410px;
	padding-right: 80px;

}

#scoop {
	width: 220px;
	height: 410px;
	float: left;
}

#scoop p {
	font-style: normal;
	line-height: 25px;
}
	
#header {
	position: relative;
	height: 222px;
}

#menu ul {	
	padding: 0;
	margin: 0;
}

#footer {

	background: #0a0904;
	height: 90px;
	width: 100%;
	text-align: center;
	padding: 60px 0 0 0;
	clear: both;

}

.formClass {

	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;
	background: #27231b;
	height: 115px;
	width: 450px;
	padding: 15px;
	margin-bottom: 0;
	float: left;	
	font-style: italic;
	color: #72695a;
}

.formClass h2 {margin: 0;}

	/* Homepage Structure */
	#leftColumn {
	
		float: left;
		width: 430px;
		height: 600px;
		padding: 30px;
	
	}
	
		#leftColumn h1 {
	
		margin-bottom: -10px;
	
		}
	
	#rightColumn {
	
		float: left;
		width: 430px;
		height: 600px;
		padding: 30px 30px 30px 0;
	
	}
	
		#rightColumn h2 {
	
		float: left;
		width: 430px;
	
		}
		
	.collectionsImage {

		padding: 15px;
		background: #eeefe8;

	}	

	.collectionsImage:hover {

		background: #d2d5c3;

	}

	
	#mailingList {
	
	float: left;
	height: 100px;
	width: 430px;
	padding-top: 88px;
	
	}
	
	.event {
	float: left;
	width: 200px;
	padding-right: 15px;
	height: 350px;
	
	}
	
	#bottom {
		margin: auto;
		padding-bottom: 30px;	
	}
	
	.viewMore {	
		float: right;
		padding-top: 10px;
	}
	
	.btn {
		background: #27231b;
		color: #948877;
		padding: 10px 10px 10px 10px;
		font-family: Helvetica, Arial;
		font-size: 18px;
		font-weight: bold;
		-moz-border-radius-bottomleft:10px;
		-moz-border-radius-bottomright:10px;
		-moz-border-radius-topleft:10px;
		-moz-border-radius-topright:10px;
		border-radius:10px; 
		-webkit-border-radius:10px; 
		-moz-border-radius:10px;
	
	}
	
	.btn:hover {
	
		color: #5b5142;
		background: #1b1914;
	
	}
	
	.sectionHeader {
	
		float: left;
	
	}
	
	.inputField {
	
		background-image: #fff;
		color: #999;
		background-position:left center;
		background-repeat:no-repeat;
		border:medium none;
		font-size:16px;
		height:17px;
		padding:8px;
		width:229px;
		float: left;
	
	}
	
	
	
		/* Blog Structure */
		
		.entry-title {font-size: 30px;}
		
		#blog { 
			padding-top: 60px; 
			padding-bottom: 30px; 
			height: 500px; 
		}
		
		.blogPost {
		
			border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;
			background: #2e2922;
			float:left;
			height:500px;
			margin:0 30px;
			overflow:hidden;
			padding:1em;
			width:390px;
		}
		
		.blogPost p {text-align: justify;}
		
		.blogPost h1 {
		
			margin: 0;
			padding: 0;
		
		}
		
		
		.blogPost:hover {
			background:#27231b;
			}
		
		.galleryImages {

			padding: 15px;
			background: #eeefe8;
			height: 100px;
			width: 100px;
			float: left;
			margin: 0 15px 15px 0; 

		}


		.galleryImages:hover {

			background: #d2d5c3;

		}

		
		.dottedLine {
			border-bottom:1px dotted #656565;
			height:1px;
			margin-bottom:10px;
			margin-top:20px;
			width:100%;
		}
		
		.postData {
		
			margin-top: 20px;
		
		}
		/* End Blog Structure */
	/* End Homepage Structure */

	/* Blog Page Structure */
	
		
	.entry {
	
		float: left;
		margin: 0 30px 30px;
		width: 840px;
	
	}
	
	.blogPage .entry {width: 525px;}
	#book-single {
		padding: 60px 0;
		overflow: auto;
		height: 100%;
	}
	#book-single .entry {
		width: 650px;
		margin-right: 0;
	}
	#book-single h1 {
		padding: 0;
		margin-bottom: 20px;
	}
	
	#transparent {position: absolute; width: 480px; height: 140px; left:120px;}
	
	
	#commentsBlock {
	
		clear:both;
		margin:0 auto;
		padding:3em 0;
		width:800px;
	
	}
	
		
		/* Begin Sidebar */
		#sidebar {
			
			}
	
		#sidebar form {
			margin: 0;
			}
		/* End Sidebar */
	
	
	.post {
		margin: 0 0 40px;
		text-align: justify;
		}
	
	.post hr {
		display: block;
		}
	
	.blogPage .post {
		margin: 0;
		}
	
	.blogPage .postmetadata {
		padding-top: 5px;
		}
	
	.blogPage .blogDate {
	
		position: absolute;
		left: 600px;
		
		}
		
	.blogTitle {
	
		float: left;
		font-size: 28px;
		
		}
		
	.blogPage h1 {
	
		padding: 40px 30px 50px;
		margin: 0;
		position: relative;
		
		}
	
	
	.blogPage .smallattachment {
		text-align: center;
		float: left;
		width: 128px;
		margin: 5px 5px 5px 0px;
	}
	
	.blogPage .attachment {
		text-align: center;
		margin: 5px 0px;
	}
	
	.rightSide {
	
		float: left;
		width: 33.3%;
	
	}
	
	.postmetadata {
		clear: both;
	}
	
	.clear {
		clear: both;
	}
	
	.commentlist li:hover {
	
		background:#1d1d1d;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;
		
		}
		
	.commentlist li .avatar {
		margin: 10px;
	}
	
	/* End Blog Page Structure */
	
	/* Archive Page Structure */
	
	#archive {
	
		padding: 0 60px;
		width: 830px;
		margin: auto;
		height:100%;
		min-height:600px;
	
	}
	
	#books {
		padding: 40px 0;
		margin: auto;
	}
	
	#books h3 {
		margin-top: 0;
		padding-top: 0;
	}
	
	#archive .entry {
	
		width: 800px;
		margin: 0 20px;
	}
	
	#books .entry {
	
		width: 800px;
		margin: 0 0 0 30px;
		float: right;
	}
	
	#books .post, #archive .post {
	border-bottom: 1px dotted #fff;
	}
	
	/* End Archive Page Structure */
	

	

/* End Structure */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: left;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	border-top: none; border-left: none; border-right: none; border-bottom: dotted 1px;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	margin-left: 10px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */
