/*******************************************************
Theme Name: 	Barbara Balman Landscape Design
Theme URI:	http://www.bbalmanlandscapedesign.com/
Description: 	HTML5 theme for Barbara Balman Landscape Design
Author: 		Dave Edelman
Author URI: 	http://www.davidlouisedelman.com/
Template:
Version: 		1.5
********************************************************/

html {
	overflow-y: scroll;
	background-color: #000;
	color: #fff;
	height: 100%;
	font-size: 16px;
}

body {
	width: 950px;
	min-height: 100%;
	margin: 0 auto;
	position: relative;
	font-size: 0.625em; /* 10px */
	line-height: 1.50em; /* 15px */
	font-family: "Times New Roman", Georgia, serif;
}



/*******************************************************
Hyperlink styles.
********************************************************/

a:link {
	color: #ff3300;
	text-decoration: none;
}

a:visited {
	color: #cb5031;
	text-decoration: none;
}

a:hover, a:visited:hover {
	text-decoration: underline;
}

nav a:link {
	color: #fff;
}

nav a:visited {
	color: #fff;
}

nav a:hover, nav a:visited:hover {
	color: #ff3300;
}



/*******************************************************
Header styles.
********************************************************/

.header_site {
	height: 199px;
	position: relative;
	font-size: 1.5em; /* 15px */
	border-bottom: 1px solid #fff;
}

	.logo {
		position: absolute;
		top: 10px;
		left: 345px;
	}
	
	.nav_main {
		position: absolute;
		bottom: 20px;
		left: 0;
		text-align: center;
		width: 100%;
	}
	
		.nav_main ul {
			margin: 0 auto;	
		}
		
			.nav_main ul li {
				display: inline;
				text-align: center;
				padding-left: 2.4em; /* 36px */
			}
			
				.nav_main ul li.current_page_item a,
				body.post-type-archive-gardens ul li.page-item-5 a,
				body.single-gardens ul li.page-item-5 a,
				body.category-news ul li.page-item-news a,
				body.news ul li.page-item-news a {
					color: #ff0000;
				}
			
				.nav_main ul li:first-child {
					padding-left: 0;
				}
			
				.nav_main ul li a {
					font-variant: small-caps;
					letter-spacing: 0.133em; /* 2px */
				}



/*******************************************************
Article styles.
********************************************************/

.article_main {
	padding: 30px 0;
	width: 100%;
	overflow: hidden;
	min-height: 600px;
}

	.article_main h1 {
		font-size: 2.8em; /* 28px */
		line-height: 1.143em; /* 32px */
		font-variant: small-caps;
		font-weight: normal;
		letter-spacing: 0.107em; /* 3px */
		margin-bottom: 1em; /* 28px */
	}
		
	.article_main .section_content {
		clear: left;
		float: left;
		width: 495px;
		text-align: justify;
		font-size: 1.5em; /* 15px */
		line-height: 1.6em; /* 24px */
	}
	
		.article_main .section_content time {
			font-style: italic;
		}
	
		.section_content h3 {
			font-size: 1.2em; /* 18px */
			font-variant: small-caps;
			font-weight: normal;
			letter-spacing: 0.2em; /* 3px */
			margin: 2.4em 0 1em 0; /* 36px 0 18px 0 */	
		}
		
		.section_content p {
			margin: 1.2em 0; /* 18px 0 */
		}
		
		.section_content ul {
			margin: 1.2em 0 1.2em 1.2em; /* 18px 0 */
			padding-left: 0.6em;
			list-style-type: disc;
		}
		
		.section_content ol {
			margin: 1.2em 0 1.2em 1.2em; /* 18px 0 */
			padding-left: 0.6em;
			list-style-type: decimal;
		}
		
		.section_content :first-child {
			margin-top: 0;
		}
		
		.section_content :last-child {
			margin-bottom: 0;
		}
		
	.article_main .figure_article {
		float: right;
	}
	

	
/*******************************************************
Footer styles.
********************************************************/

.footer_site {
	border-top: 1px solid #fff;
	font-size: 1.4em; /* 14px */
	line-height: 1.5em; /* 21px */
	height: 75px;
	padding-top: 20px;
}

	.nav_tertiary {
		text-align: center;
		width: 100%;
	}
	
		.nav_tertiary ul {
			margin: 0 auto;	
		}
		
			.nav_tertiary ul li {
				display: inline;
				text-align: center;
			}
			
				.nav_tertiary ul li:after {
					content: "\a0\a0|\a0\a0";
				}
			
				.nav_tertiary ul li:last-child:after {
					content: none;
				}
	
	.copyright {
		text-align: center;
	}



/*******************************************************
Home page styles.
********************************************************/

body.home .article_main {
	min-height: 450px;
}

	body.home .article_main .section_content {
		width: 100%;
	}
	
#home_navigation {
	border-collapse: separate;
	border-spacing: 30px;
	margin: 0 auto -25px auto;
}

	#home_navigation td {
		text-align: center;
	}
	
	#home_navigation a {
		font-variant: small-caps;
		font-size: 16px;
		letter-spacing: 2px;
		color: #fff;
	}
	
	#home_navigation a:hover {
		color: #ff3300;
	}
	
	#home_navigation img:hover {
		position: relative;
		top: 1px;
		left: 1px;
	}



/*******************************************************
Gardens page styles.
********************************************************/

.nav_gardens {
	font-size: 1.5em; /* 15px */
}

	.nav_gardens ul {
		width: 100%;
		overflow: hidden;
	}
	
		.nav_gardens ul li {
			float: left;
			margin-left: 26px;
			width: 134px;
		}
		
		.nav_gardens ul li:first-child {
			margin-left: 0;
		}
		
			.nav_gardens ul li img {
				margin-bottom: 10px;
			}
		
			.nav_gardens ul li a:hover img {
				position: relative;
				top: 1px;
				left: 1px;
			}



/*******************************************************
Individual garden samples page styles.
********************************************************/

.section_garden_samples {
	margin: 50px 0 43px 0;
	position: relative;
}

	.section_garden_samples h1 {
		position: absolute;
		top: 0;
		left: 700px;
	}

	article.garden_sample {
		width: 100%;
		overflow: hidden;
		clear: both;
		display: none;
	}
	
	article.garden_sample:first-child {
		display: block;
	}
	
		article.garden_sample .nav_garden_samples {
			position: absolute;
			top: 100px;
			left: 700px;
			width: 150px;
			font-size: 1.6em; /* 16px */
			color: #999999;
		}
		
			article.garden_sample .nav_garden_samples li a {
				color: #ff3300;
			}
		
			article.garden_sample .nav_garden_samples li.prev {
				float: left;
			}
			
			article.garden_sample .nav_garden_samples li.next {
				float: right;
			}
	
		article.garden_sample .figure_garden_sample_image {
			float: left;
			margin-right: 30px;
		}
		
		article.garden_sample .figcaption_garden_sample {
			float: right;
			width: 250px;
			margin-top: 130px;
			font-size: 1.6em;
		}
		
		
/*******************************************************
News Page styles.
********************************************************/

body.category-news .article_listing {
	width: 100%;
	overflow: hidden;
	font-size: 1.5em; /* 15px */
	line-height: 1.2em; /* 18px */
	margin-bottom: 20px;
}

	body.category-news h2 {
		font-size: 2.2em; /* 22px */
		font-variant: small-caps;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 1em;
		border-bottom: 1px solid #fff;
		margin-top: 3em;
		padding-bottom: 0.5em;
		margin-bottom: 1em;
	}

	body.category-news .article_listing .figure_article_listing {
		float: left;
		margin-right: 50px;
	}
	
	body.category-news .article_listing time {
		font-style: italic;
		margin-bottom: 0.5em;
		display: block;
	}
	
	body.category-news .article_listing h1 {
		font-size: 1em; /* 16px */
		font-variant: normal;
		letter-spacing: normal;
		line-height: 1.2em; /* 18px */
		font-weight: bold;
		margin-bottom: 0;
	}