/*
Theme Name:		Historic Garden League
Theme URI:		http://www.wordpressthemer.com
Description:	A customized WordPress theme for the Historic Garden League.
Version:		1.0
Author:			Devin Price
Author URI:		http://www.ubica.us
*/

@import 'css/reset.css';

body {
	background-color:#b5c3c3;
	background-image: url(images/floral_btmlft.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#222;
}

a {color:#096342;}

a:hover {color:#333;}

#outer-wrap {background-image: url(images/floral_btmlft.png);
	background-repeat: no-repeat;
	background-position: right top;}

#wrapper {width:930px; margin-left:auto; margin-right:auto;}

#header {height:35px; padding-top:15px; background-color:#7a9a8e;}

#header h1 {color:#FFFFFF; font-size: 20px; float:left; margin-left:15px; margin-right:15px; width:250px; }

#header ul.navigation {float:left; width:650px; margin-top:5px;}

ul.navigation li {float:left; margin-left:15px; padding-left:15px; border-left:1px dotted #f1e6c5;}

ul.navigation li a {color:#f1e6c5; text-decoration:none;}

ul.navigation li a:hover {color:#333;}

#header form {float:right; width:185px; margin-right:15px;}

#header #search {float:left;}

#header #searchsubmit {float:right; margin-left:5px;}

#headerbtm {
	clear:both;
	margin-bottom:15px;
	height:10px;
	background-image:url(images/round_edges.png);
	background-position: 0px 10px;
}

#splashwrap {}

#logo {height:250px; width:280px; float:left; margin-right:15px;}

#splash {height:250px; width:635px; background-color:#fff; float:left;}

#tours_splash {height:250px; width:635px; background-color:#fff; float:left; background-image:url(images/gardentours.jpg); background-repeat:no-repeat;}

#tours_splash ul.nav {float:left; width:650px; margin-top:228px; font-size:13px; line-height:15px;}

#tours_splash ul.nav li {float:left; margin-left:10px; padding-left:10px; border-left:1px dotted #f1e6c5;}

#tours_splash ul.nav li.first {padding-left:0px; border-left:none;}

#tours_splash ul.nav li a {color:#fff; text-decoration:none;}

#tours_splash ul.nav li a:hover {color:#151000;}

#content {}

#sidebar {
	width:250px;
	height:630px;
	margin-right:15px;
	float:left;
	background-color:#fff;
	background-image: url(images/shading.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding:15px;
}

a.btn {margin-top:15px; display:block; width:250px; height:33px; padding-top:12px; background-image:url(images/btn.jpg); background-position:top; background-repeat:none; text-align:center; color:#05744b; text-decoration:none;}

a.btn:hover {color:#333; background-position:bottom;}

#sidebar h3 {font-size:18px; color:#312504; margin-top:15px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #998e70;}

#sidebar ul#tournav li {margin-bottom:5px;}

#sidebar ul#tournav li a {text-decoration:none;}

#rightcol {width:605px; float:left; background-color:#fff; background-color:#fff;
	background-image: url(images/shading.gif);
	background-repeat: repeat-x;
	background-position: top; padding:15px;
	}
	
#rightcol h2 {
	font-size:20px;
	padding-bottom:10px;
	margin-top:10px;
	margin-bottom:10px;
	height:30px;
	background-image:url(images/hr.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	color:#111;
	letter-spacing:.02em;
	color:#1f4033;
}

#rightcol h3,h4,h5,h6 {margin-bottom:10px;}

#rightcol p {font-size:16px; line-height: 20px; padding-bottom:10px;}

#rightcol ul {margin-top: 5px; margin-bottom:15px;}

#rightcol ul li {margin-bottom:5px;}

.clear {clear:both; height:15px;}

#footertop {
	clear:both;
	height:10px;
	background-image:url(images/round_edges.png);
	background-position: 0px 0px;
}

#footer {height:25px; padding-bottom:15px;background-color:#7a9a8e;}

#footer p {float:left; margin-left:15px; color:#fff; margin-top:10px; width:275px;}

#footer ul.navigation {float:left; width:590px; margin-top:10px; margin-right:10px;}


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

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