/*
Theme Name: 214 Calhoun Street
Description: 214calhoun.com 1.1 site template
Version: 1.1
Author: Dwarf Dog Chuck
Author URI: http://dwarfdogchuck.com/
*/


/**************
	OVERRIDES
**************/
* { margin: 0; padding: 0; }
img { border: 0; }
a { text-decoration: none; }
ul { list-style: none; }


/**************
	GENERAL
**************/
a:link { color: #0000ff; }
a:visited { color: #0000ff; }
a:hover { color: #8b008b; }
a:active { color: #0000ff; }

.clear-both { clear: both; }
div.popup { display: none; }


/**************
	STRUCTURE
**************/
html, body { height: 100%; }
body {
	/* font-family: Arial, sans-serif; */
	/* font-size: 88%;*/ /* Resets 1em to 14px */	
	font-weight: normal;
	color: #333333;
	text-align: left;
	/*line-height: 1.5em;*/
	background: url(images/background_grey.jpg);

	/* NYT */
	font-family: georgia, "times new roman", times, serif;
	/*font-size: 62.5%;*/	 /* 10px */
	font-size: 94%;	 /* 15px */
	line-height: 1.4em;
	}

	/* NYT */
	h1,h2,h3,h4,h5,h6 {
	  margin: 0;
	  color: #000;
	}
	
	p,ul,ol,dl,dd {
	  margin: 0 0 1em 0;
	}
	
	h1 {
	  font-size: 2.4em;
	  line-height: 1.083em; /* 26px */
	}
	
	h2 {
	  font-size: 2em;
	  line-height: 1.1em; /* 22px */
	}
	
	h3 {
	  font-size: 1.5em;
	  line-height: 1.133em; /* 17px */
	}
	
	h4 {
	  font-size: 1.4em;
	  line-height: 1.1429em; /* 16px */
	}
	
	h5, h6	{
	  font-size: 1.2em;
	  line-height: 1.25em; /* 15px */
	}
	
	h6 {
	  font-weight: normal;
	}
	
	p,li,dt,dd {
	  /*font-size: 1.2em;*/
	  /*line-height: 1.25em;*/ /* 15px */
	}
	/* end NYT */

	#header ul, #sidebar, #content .preview {
		/* NYT */
		font-size: .8em;
		line-height: 1.4em;    
		font-family: arial, helvetica, sans-serif;
		}

	#page {
		position: relative;
		width: 800px;
		margin: 0 auto;
		padding: 20px 50px;
		background: url(images/shadow.gif) repeat-y center;
		min-height: 100%;
		height: 100%;
		voice-family: "\"}\"";
		voice-family: inherit;
		height: auto;
		}

		#header {
			position: relative;
			width: 100%;
			}
	
		#sidebar {
			position: relative;
			width: 174px; /*190px;*/
			float: left;
			padding: 0 10px 0 0;
			margin: 0; /*0 10px 0 0;*/
			min-height: 100%;
			height: 100%;
			voice-family: "\"}\"";
			voice-family: inherit;
			height: auto;
			}
			
		#content {
			position: relative;
			float: left;
			width: 600px;
			padding: 0 0 0 14px; /*0;*/
			margin: 0; /*0 0 0 200px;*/
			border-left: 1px solid #cccccc;
			min-height: 100%;
			height: 100%;
			voice-family: "\"}\"";
			voice-family: inherit;
			height: auto;
			}
			#content strong { 1.2em; }
			#content em { font-family: Arial, sans-serif; font-size: .9em; }

		/*#gallery { position: relative; width: 800px; margin: 0; padding: 0; }*/


/**************
	HEADER
**************/
#header a:link { color: #333333; }
#header a:visited { color: #333333; }
#header a:hover { color: #666666; }
#header a:active { color: #333333; }

#header h1 {
	padding-bottom: .25em;
	height: 40px;
	padding-top: 10px;
	background: url(images/porch-rocker-75x50.jpg) no-repeat right bottom;
	border-bottom: 1px solid #cccccc;
	}
	#header h1 a {
		width: 325px;
		height: 40px;
		display: block;
		text-indent: -9999em;
		background: url(images/nameplate.gif) no-repeat 0 5px;
		}

#header ul { position: relative; width: 100%; height: 3em; margin: 1em 0 2.5em 0; }
	#header ul li { position: absolute; }
	#header ul li#item-1 { top: 0; left: 0; }
	#header ul li#item-2 { top: 0; left: 400px; }
	#header ul li#item-3 { top: 0; right: 0; text-align: right; }
	#header ul li#item-4 { top: 1.5em; left: 0; }
	#header ul li#item-5 { top: 1.5em; left: 400px; }
	#header ul li#item-6 { top: 1.5em; right: 0; text-align: right; }


/**************
	SIDEBAR
**************/
#sidebar {
	color: #666666;
	/*line-height: 2em;*/
	padding-top: 30px;
	}

	#sidebar ul, #sidebar li { position: relative; }
		#sidebar ul ul { margin: 0; padding: 0; }

	#sidebar li { line-height: 2em; }
		#sidebar li li { padding-left: 5px; }

	#sidebar h2 { display: none; }

	#sidebar a:link { color: #666666; }
	#sidebar a:visited { color: #666666; }
	#sidebar a:hover { color: #333333; }
	#sidebar a:active { color: #666666; }

	#sidebar #pages li.current_page_item a { color: #333333; font-weight: bold; }
	
	#sidebar #features { margin-top: 20px; }

	#sidebar #additional { margin-top: 20px; }
		#sidebar #additional li { margin-top: 30px; }
			#sidebar #additional li#add-74 span { display: none; }
		#sidebar #additional p { line-height: 1em; margin-top: .5em; }
		#sidebar #additional div { margin-top: .5em; }
			#sidebar #additional div em { font-style: normal; display: block; margin-top: 3em; }



/**************
	CONTENT
**************/
#welcome #content p { padding-left: 115px; }
	#welcome #content p img { margin-left: -115px; }
#welcome-message { margin-left: 115px; }

#content p, #content ul { margin-bottom: 1.5em; }

	#furnished { position: absolute; top: 0; left: 14px; z-index: 10; }
	#view-furnished, #view-unfurnished { font-family: Arial, sans-serif; font-size: .9em; position: absolute; left: 475px; z-index: 20; }
	#view-furnished { top: 50px; }
	#view-unfurnished { top: 70px; }

	#view-furnished:link, #view-unfurnished:link { color: #666666; }
	#view-furnished:visited, #view-unfurnished:visited { color: #666666; }
	#view-furnished:hover, #view-unfurnished:hover { color: #333333; }
	#view-furnished:active, #view-unfurnished:active { color: #666666; }
	
	#view-furnished.current, #view-unfurnished.current { color: #333333; font-weight: bold; }

	/* 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: 0;
		margin: 0 0 2px 7px;
		display: inline;
		}
	
	img.alignleft {
		padding: 0;
		margin: 0 7px 2px 0;
		display: inline;
		}
	
	.alignright {
		float: right;
		}
	
	.alignleft {
		float: left;
		}
	/* End Images */
	
	.preview {
		position: relative;
		display: block;
		width: 150px;
		margin: 0 10px 0 0;
		}
	.offer { height: 500px; }
		.preview img { margin-bottom: 10px; }
	

/**************
	GALLERY
**************/
	/* gallery */
		.ngg-albumoverview,
		.ngg-galleryoverview {
			position: relative;
			overflow: hidden;
			/*width: 448px;*/
			margin: 0 auto;
			padding: 0 0 1em 0;
			clear: both; 
			display: block !important;
		}
			.ngg-album-compact,
			.ngg-gallery-thumbnail-box {
				/*padding: 0 3px;*/
				float: left;
				width: 90px;
				text-align: center;
			}
				.ngg-album-compact h4 { width: 75px; font-size: .9em; text-align: center; margin: 0; padding: 3px 0 0 0; }
				.ngg-album-compact p { width: 75px; font-size: .9em; text-align: center; /*display: none;*/ }

				.ngg-album-compactbox,
				.ngg-gallery-thumbnail {
					float: left;
					margin: 0;
					/*padding: 5px 0;*/
				}
					.ngg-gallery-thumbnail { /*padding: 5px 0 0 0;*/ }
					.ngg-gallery-thumbnail span { display: none; }
	
					.ngg-album-compactbox a,
					.ngg-gallery-thumbnail a {
						/*background-color: #ffffff;
						border: 1px solid #a9a9a9;*/
						display: block;  
						margin: 0 auto;
						padding: 0 0 10px 0;
						position: relative;
					}

						.ngg-album-compactbox a:hover,
						.ngg-gallery-thumbnail a:hover {
							/*background-color: #a9a9a9;*/
						}

		.ngg-navigation {
			font-size: 0.9em !important;
			clear: both !important;
			display: block !important;
			padding: 15px 0 5px 0;
			text-align: center;	
		}
			.ngg-navigation span {
				font-weight: bold;
				margin: 0 6px;
			}
		
			.ngg-navigation a.page-numbers,
			a.next,
			a.prev, 
			span.page-numbers,
			span.next,
			span.prev {
				border: 1px solid #dddddd;
				margin-right: 3px;
				padding: 3px 7px;
			}
				.ngg-navigation a.page-numbers:hover,
				a.next:hover,
				a.prev:hover, 
				span.page-numbers:hover,
				span.next:hover,
				span.prev:hover {
					background-color: #00adef;
					color: #ffffff !important;
					text-decoration: none !important;
				}

/*
	#gallery div.ngg-imagebrowser { position: relative; width: 100%; }
		#gallery div.ngg-imagebrowser h3 { display: none; }
		#gallery div.ngg-imagebrowser div.pic { position: relative; width: 100%; text-align: center; }
		#gallery div.ngg-imagebrowser div.ngg-imagebrowser-nav {
			font-family: Arial, sans-serif;
			font-size: 1em;
			position: relative;
			width: 100%;
			text-align: left;
			}
			#gallery div.ngg-imagebrowser div.ngg-imagebrowser-nav .back { position: absolute; top: 5px; right: 93px; }
				#gallery div.ngg-imagebrowser div.ngg-imagebrowser-nav .back a { width: 13px; height: 13px; display: block; text-indent: -9999em; background: url(images/arrow-left.gif) no-repeat center; }
			#gallery div.ngg-imagebrowser div.ngg-imagebrowser-nav .next { position: absolute; top: 5px; right: 5px; }
				#gallery div.ngg-imagebrowser div.ngg-imagebrowser-nav .next a { width: 13px; height: 13px; display: block; text-indent: -9999em; background: url(images/arrow-right.gif) no-repeat center; }
			#gallery div.ngg-imagebrowser div.ngg-imagebrowser-nav .counter { position: absolute; top: 5px; right: 18px; width: 75px; text-align: center; }
			#gallery div.ngg-imagebrowser div.ngg-imagebrowser-nav .ngg-imagebrowser-desc {
				position: absolute;
				top: 5px;
				left: 10px;
				width: 400px;
				}
*/