/*
Theme Name: Bayside Garden Center
Theme URI: http://www.baysidegardencenter.com/
Description: Website theme 2008
Version: 1.0
Author: Scott Alberti
Tags: green, fixed width, two columns, no-widgets
*/

*, html {
	margin: 0px;
	padding: 0px;
}
body {
	font: 62.5%/1.5em Arial, Helvetica, sans-serif;
	background: #3D7B00 url(images/bg-shadow.jpg) repeat-y center top;
	text-align: center;
}
#wrapper {
	margin-right: auto;
	margin-left: auto;
	background: url(images/bg-top.jpg) no-repeat center top;
	padding-top: 70px;
}
#contentOuter {
	padding: 0px;
	width: 960px;
	text-align: left;
	overflow: hidden;
	background: url(images/bg-content.gif) repeat-y left 100px;
	margin: 1.5em auto;
}

#contentInner {
	width: 735px;
	float: left;
	text-align: left;
}
#feature {
	margin-bottom: 1.5em;
	height: 310px;
	display: block;
	width: 734px;
	position: relative;
}
	.featureImage { border-style: none; }
	.featureText {
		width: 180px;
		height: 260px;
		padding: 1.5em;
		background: transparent;
		color: #FFFFFF;
		position: absolute;
		right: 0.9em;
		top: 1em;
	}
	.featureText p { font: 1.6em/1.5em Georgia, "Times New Roman", Times, serif; }

/* 
Cols - right column, bottom 
*/
#cols {
	background: #3D7B00 url(images/home-col-bg.jpg) no-repeat right top;
	width: 733px;
	margin-bottom: 1.5em;
	clear: both;
	overflow: hidden;
	height: auto;
}
#cols .col{
	width: 25%;
	float: left;
}
#cols .col div{
	padding-bottom: 0em;
	padding-left: 1em;
	margin-top: 1em;
	margin-right: 0.15em;
	padding-right: 0.5em;
	border-right: 1px solid #316300;
}
#cols .col .c3{	
	/*rem border on last item*/
	border-right: none;
}
#cols img{
	border:0;
}
#cols p {
	color: #c3f48e;
	line-height: 1.3em;
}
#cols a.learnMore{
	font: 1.2em/1.3em Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	text-decoration: none;
}
.bodyText
{
	font-size: 1.2em; 
	color: #c3f48e;
	padding: 1.5em;
	min-height:250px;
	height:100%;
}
.bodyText ul, .bodyText ol, .bodyText dl{
	margin-left: 1.5em;
	margin-bottom: 1em;
}
.bodyText li{
	font-size: 1.2em;
	margin-left: 2em;
	line-height: 1.3em;
}

/*
Footer
*/
#footer {
	clear: both;
	height: 84px;
	background: url(images/bg-footer.jpg) no-repeat center bottom;
	position: relative;
}
#footer .copyright {
	font-size: 1em;
	float: left;
	padding-top: 35px;
	color: #9ac270;
	padding-left: 75px;
	line-height: 1.3em;
}
#footer .contact-phone {
	display: block;
	height: 18px;
	width: 151px;
	float: right;
	margin: 0px;
	padding-top: 40px;
	padding-right: 1em;
}
#navCap {
	/*height: 450px;*/
	height: 250px;
	width: 210px;
	background: #346901 url(images/bg-nav-bot.jpg) no-repeat center bottom;
	position: absolute;
	z-index: 5;
	left: -225px;
	bottom: 0px;
}
/*Twitter*/
#home #nav {
	height: 360px;
	min-height: 360px;
}
#home #navCap {
	height: 301px;
	background: #346901 url(images/bg-nav-bot-twitter.jpg) no-repeat center bottom;
	position: absolute;
	z-index: 5;
	left: -225px;
	bottom: 0px;
}
#twitter_div {
	padding: 15px 25px 0px;
	color:#C3F48E;
	line-height:1.3em;
	font-size: 12px;
}
#twitter_div ul{ list-style: none; }
#twitter_div li a{ display: none; }
#twitter_div #twitter-link:link, #twitter_div #twitter-link:visited{
	bottom:25px;
	display:block;
	font-family:georgia;
	font-size:13px;
	left:20px;
	position:absolute;
	text-align:left;
	text-decoration:none;
}
#twitter_div #twitter-link:hover, #twitter_div #twitter-link:active{
	text-decoration: underline;
}
/*
Left Navigation
*/
#nav {
	width: 210px;
	float: left;
	position: relative;
	margin-right: 1.5em;
	background: #346901 url(images/bg-nav-top.jpg) no-repeat center top;
	z-index: 10;
	min-height: 500px;
	height: 500px;
}
#nav #logo {
	padding: 2em;
	margin-right: auto;
	margin-left: auto;
	display: block;
	border-style: none;
}
#nav ul {
	list-style: none;
	z-index: 10;
}
	#nav li{
		font: 1.8em Georgia, "Times New Roman", Times, serif;
		color: #c3f48e;
	}
		#nav ul ul{ display:none; }
		#nav ul .current_page_item ul, #nav ul .current_page_parent ul{ display:block; } /*show sub-nav on cur page*/
		#nav li li{ font: 0.65em Georgia, "Times New Roman", Times, serif; }
		#nav li li a { padding-left: 40px; width: 170px; }
		
	#nav li a {
		display: block;
		width: 190px;
		padding-top:5px;
		padding-bottom:7px;
		padding-left: 20px;
	}
		#nav li a:link, #nav li a:visited {
			color: #c3f48e;
			text-decoration: none;
		}
		#nav li a:hover, #nav li a:active, #nav li.current_page_item ul li a:hover, #nav li.current_page_item ul li a:active{
			color: #FFFFFF;
			text-decoration: none;
			background: url(images/bg-nav-rollover.gif) no-repeat center center;
		}
		#nav li.current_page_item a
		{
			color: #FFFFFF;
			text-decoration: none;
			background: url(images/bg-nav-rollover-active.gif) no-repeat center center;
		}
		#nav li.current_page_item ul li a{
			/* turn bg off for nested anchors*/
			background: none;
			color: #c3f48e;
		}
/*
Typography
*/
h1, h2, h3, h4, h5, h6{ font-family: Georgia, "Times New Roman", Times, serif; }
p{
	font-size: 1.2em;
	line-height: 1.8em;
	padding-bottom: 1em;
}
a{
	outline:none;
	/*color: #c3f48e;*/
	color: #FFFFFF;
}
h1 {
	font-size: 2em;
	line-height: 1.2em;
	font-weight: normal;
	padding-bottom: 0.5em;
	color: #FFFFFF;
}
h2 {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size: 1.8em;
	color: #FFFFFF;
	font-weight: normal;
}
/*Remove underlines on feature links*/
h2 a{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 0.9em;
}
h3 {
	color: #E8FBD2;
	margin-bottom: 0.5em;
	font-size: 1.5em;
	font-weight: normal;
}
img.alignright
{
	float:right;
	margin-left:1em;
	margin-bottom:1em;
}