/*
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: "Helvetica Neue","Helvetica",helvetica,arial,sans-serif;
	color: #6b6c67;
	font-size: 12px;

}

h1 {

	font-size: 38px;
	letter-spacing: -2.5;

}

h2 {

	font-weight: normal;
	line-height: 22px;
	text-transform: capitalize;
	font-size: 30px;
	font-family: "Helvetica",helvetica,arial,sans-serif;
	letter-spacing: -2.5;
	border-bottom: 3px solid #6b6c67;
	height: 35px;

}

h3 {

	font-size: 22px;

}

p {

	text-align: justify;

}

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

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

	border: none;

}


#footer {

	font-size: 11px;
	color: white;

}


#mainMenu a {

	color: #fff;
	text-decoration: none;
	
}

#mainMenu a:hover {
	color: #e0e66a;
	text-decoration: none;
	}


#mainMenu {

	font-size: 14px;
	font-family: "HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;
	font-weight: 100;
	color: #444444;

}



/* 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: #181818;
	margin: 0;
	padding: 0;
	
	}
	
h3 {

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

}

#wrapper {
	
	width: 950px; 
	border-right: 15px #0f0f0f solid; 
	border-left: 15px #0f0f0f solid; 
	background: #fff; 
	margin: 0 auto;
	min-height: 788px;
	
	}
	
#header {

	width: 950px; 
	height: 122px;
	background: #181818;
	float: left;

}

#gallery {

	height: 520px;
	float: left;
	padding: 20px 0;
	width: 950px;
	overflow-x: auto;
	overflow-y: hidden;

}

#gallery table {

	padding-left: 20px;

}

.galleryPost {

	float: left;
	padding-right: 20px;
	padding-bottom: 5px;

}

#galleryContent p {

	display: block;

} 

#mainMenu {

	float: left;
	width: 700px;
	padding: 70px 0 25px 30px;
	

}

#menu {

	height: 16px;
	width: 890px;
	padding: 10px 30px;
	background: #333333;
	float: left;

}

	#mainMenu li {
	
	float: left;
	list-style: none;
	line-height: 26px;
	padding-right: 20px;
	
	}
	
	#mainMenu li.current_page_item a {
	
	color: #e0e66a;
	
	}
	
	
	#mainMenu li:after {
	
	content: " /";
	font-size: 16px;
	vertical-align:bottom;
	padding-left: 20px;
	
	}
	
	#mainMenu ul {
	
	padding: 0;
	margin: 0;
	
	}

#footer {

	background: #0f0f0f;
	height: 30px;
	width: 920px;
	padding: 20px 0 20px 30px;
	clear: both;

}

.formClass {

	background: #d2d5c3;
	height: 45px;
	width: 400px;
	padding: 15px;
	margin-bottom: 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 {
	
		width: 890px;
		padding: 0 30px 20px 30px;
		float: left;
	
	}
	
	.viewMore {
	
		float: right;
		padding-top: 10px;
	
	}
	
	.sectionHeader {
	
		float: left;
	
	}
	
	.inputField {
	
		background-image: #fff;
		color: #999;
		background-position:left center;
		background-repeat:no-repeat;
		border:medium none;
		font-size:24px;
		height:31px;
		padding:8px;
		width:280px;
		float: left;
	
	}
	
	
	
		/* Blog Structure */
		.blogPost {
		
			float:left;
			height:465px;
			margin-left:20px;
			overflow:hidden;
			padding:1em;
			width:390px;
		}
		
		.blogPost h1 {
		
			margin: 0;
			padding: 0;
		
		}
		
		
		.blogPost:hover {
			background:#eeefe8;
			}
		
		.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 */
	.blogPage {
	
		float: left;
	
		}
		
	.entry {
	
		float: left;
		margin: 0 30px 30px;
		width: 800px;
		
	
	}
	
	
	#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;
		float: left;
		}
	
	.post hr {
		display: block;
		}
	
	.blogPage .post {
		margin: 0;
		}
	
	.blogPage .postmetadata {
		padding-top: 5px;
		}
	
	.blogPage .blogDate {
	
		position: absolute;
		left: 600px;
		
		}
		
	.blogPage .blogTitle {
	
		float: left;
		
		}
		
	.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;
		float:left;
		height:100%;
		min-height:600px;
	
	}
	
	#archive .entry {
	
		width: 800px;
		margin: 0 20px;
	
	}
	
	#archive a img {
	
		padding: 10px;
		margin: 10px;
		background: #1d1d1d;
	
	}
	
	#archive a img:hover {

		background: #111;
	
	}
	
	#archive .post {
	border-bottom: 1px dotted #fff;
	}
	
	/* End Archive Page Structure */
	
	/* Standard Page Structure */
	#content {
	
		float: left;
		width: 890px;
		min-height: 500px;
		padding: 30px;
	
	}
	
	
	
	
	/* End Standard 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 {
	display: none;
	}

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