/*
Theme Name: Rainwater-Barrels
Theme URI: http://www.rainwater-barrels.com
Description: A minimalist theme for Rainwater-Barrels.com
Version: 1
Author: J. D. Bentley
Author URI: http://www.ideaanarchy.com
Tags: minimalist, blue
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


/* Basic Page Elements */
* {
	margin: 0;
}
html, body {
	height: 100%;
}

body{
	background-color: #96c8e4;
	font-family: Helvetica, Arial, sans-serif;
	color: #264155;
}

a, a:visited{
	color:#ccedff;
}

a:hover{
	color:#ffffff;
}

.clear{
	clear:both;
}

#page-wrapper{
	width:960px;
	margin:auto;
}

#wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}

/* End Basic Page Elements */

/* Header Elements */

#logo{
	float:left;
}

#subscribe{
	float:right;
	margin-top:25px;
}

.thin-white{
	background-color:#ffffff;
	border:0px;
}

#header-nav{
	margin-top:3px;
	margin-bottom:1px;
}

#header-nav li{
	display:inline;
}

#header-nav a, #header-nav a:visited{
	text-transform: uppercase;
	font-size:1.0em;
	text-decoration:none;
	letter-spacing: -0.05em;
	font-weight:bold;
	margin-right:40px;
	color:#ffffff;
}

#header-nav a:hover{
	color:#151515;
}

.white-block{
	height:15px;
	width:100%;
	background-color:#ffffff;
}

/* End Header Elements */

/* Main Content Elements */

#column-wide{
	float:left;
	width:71%;
	text-align:justify;
	margin-top:15px;
}

#column-wide p{
	margin-bottom:15px;
	line-height:1.3em;
}

#column-wide h2{
	color:#ffffff;
	font-size:1.9em;
	margin-bottom:15px;
}

#column-wide h3{
	color:#333333;
	text-transform:uppercase;
	margin-bottom:10px;
}

#column-wide h3 a, #column-wide h3 a:visited{
	color:#54a83a;
	font-size:1.3em;
}

#column-wide h3 a:hover{
	color:#ffffff;
}

#column-wide ul{
	margin-left:30px;
	margin-right:30px;
}

#column-wide ul li{
	margin-bottom:20px;
	line-height:1.3em;
	list-style-type:disc;

}

#column-wide img{
	border:thick solid #ffffff;
	margin-right:10px;
}

.img-gal{
	margin-top:25px;
}

#column-narrow{
	float:right;
	width:23%;
	text-align:justify;
	margin-top:15px;
}

#column-narrow h2{
	color:#688f45;
	font-size:1.6em;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:5px;
}

#column-narrow p{
	font-weight:normal;
	font-size:0.9em;
	line-height:1.5em;
}

.odd{
	background-color:#ffffff;
	padding:20px;
}

.even{
	background-color:#ccedff;
	padding:20px;
}

/* End Main Content Elements */

/* Footer Elements */

.footer, .push {
	height: 142px; /* .push must be the same height as .footer */
}

.featured-box-left{
	border:thin solid #ffffff;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	min-height:170px;
	padding:15px;
	width:46%;
}

.featured-box-left:hover{
	background-color:#bdd7e5;
}

.featured-box-left h2{
	color:#ffffff;
	font-size:1.8em;
}

.featured-box-left p{
	font-size:0.9em;
	line-height:1.8em;
	text-align:justify;
}

.featured-box-left a, .featured-box-left a:visited{
	color:#ffffff;
	margin-top:15px;
}

.featured-box-right{
	border:thin solid #ffffff;
	float:right;
	margin-top:5px;
	margin-bottom:5px;
	min-height:170px;
	padding:15px;
	width:46%;
}

.featured-box-right:hover{
	background-color:#bdd7e5;
}

.featured-box-right h2{
	color:#ffffff;
	font-size:1.8em;
}

.featured-box-right p{
	font-size:0.9em;
	line-height:1.8em;
	text-align:justify;
}

.featured-box-right a, .featured-box-right a:visited{
	color:#ffffff;
	margin-top:15px;
}

.white-block-footer{
	height:20px;
	padding:10px;
	width:940px;
	background-color:#ffffff;
	text-align:center;
	margin-bottom:10px;
}

.white-block-footer p{
	font-size:0.8em;
	color:#000000;
	padding-top:5px;
}

/* End Footer Elements */