/* ---------------------------------------------------------

Brandy and Matt Wedding Site
brandyandmatt.info

Author(s): Matt Wetzler

Sibley/Peteet Design - Austin
www.spdaustin.com

Created: 04/2008

------------------------------------------------------------ */

* {
	margin: 0;
	padding: 0;
	}
html, body, div, p, form, input, textarea, select {
	font: 11px/17px Georgia, "Times New Roman", Times, serif;
	color: #84815B;
	}
body {
	margin: 0;
	padding: 0;
	background: url(/images/brandymatt-bground-b.png) #84815B;
	}
body, html {
	height: 100%;
	
	}
a {
	color: #8E3557;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
img {
	border: none;
	}
.imgswap {
	display: block;
	text-decoration: none;
	text-indent: -29999px;
	outline: none;
	}
	/* hide from Mac IE 5 \*/
	.imgswap { overflow: hidden; }
	/* End Mac IE 5 hack */

.clear {
	clear: both;
	height: 1px;  /* For Opera 9.21 Rendering Bug */
	}


/* BASIC STRUCTURE
------------------------------------------------------------------------------------------ */

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 650px;
	min-height: 100%;
	_height: 100%;
	background: url(/images/brandymatt-bground-white.png) #fff repeat-y;
	}

#hero-image-area {
	width: 548px;
	height: 223px;
	padding: 25px;
	margin: 0 25px 25px 25px;
	border: 1px solid #4A1A2C;
	}

#content-two-column {
	width: 548px;
	padding: 0 25px 25px 25px;
	margin: 0 25px;
	}
	#content-two-column #left {
		float: left;
		width: 124px;
		}
	#content-two-column #right {
		float: right;
		width: 400px;
		margin-bottom: 25px;
		}

.sub-two-column-left {
	float: left;
	width: 175px;
	text-align: center;
	margin-bottom: 20px;
	}

.sub-two-column-right {
	float: right;
	width: 175px;
	text-align: center;
	margin-bottom: 20px;
	}

/* CORE TYPOGRAPHY
------------------------------------------------------------------------------------------ */

#intro-text {
	font-size: 21px;
	line-height: 32px;
	color: #84815B;
	}

h1 {
	font-size: 21px;
	line-height: 24px;
	font-variant: small-caps;
	letter-spacing: 2px; 
	margin-bottom: 14px;
	font-style: normal;
	}

h2, .subhead {
	font-size: 14px;
	line-height: 18px;
	font-variant: small-caps;
	letter-spacing: 1px;
	}
	.subhead {
		font-weight: bold;
		}
h3 {
	font-size: 13px;
	line-height: 18px;
	margin: 12px 0 5px 0;
	}

p.intro {
	margin-bottom: 25px;
	}


/* MASTHEAD
------------------------------------------------------------------------------------------ */

#masthead {
	width: 200px;
	margin: 0 auto;
	padding: 12px;
	}



/* NAVIGATION
------------------------------------------------------------------------------------------ */

#leftnav {
	width: 124px;
	border-right: 1px solid #4A1A2C;
	}
	#leftnav li {
		list-style: none;
		margin-bottom: 14px;
		}
	#nav-faq {
		width: 124px;
		height: 30px;
		background: url(/images/nav-FAQ.png) no-repeat 0 0;
		}
	#nav-gen-info {
		width: 124px;
		height: 30px;
		background: url(/images/nav-gen-info.png) no-repeat 0 0;
		}
	#nav-map {
		width: 124px;
		height: 16px;
		background: url(/images/nav-map.png) no-repeat 0 0;
		}
	#nav-lodging {
		width: 124px;
		height: 16px;
		background: url(/images/nav-lodging.png) no-repeat 0 0;
		}
	#nav-austin {
		width: 124px;
		height: 30px;
		background: url(/images/nav-austin.png) no-repeat 0 0;
		}
	#nav-contact {
		width: 124px;
		height: 30px;
		background: url(/images/nav-contact.png) no-repeat 0 0;
		}
	#nav-photos {
		width: 124px;
		height: 16px;
		background: url(/images/nav-photos.png) no-repeat 0 0;
		}
		#nav-faq:hover,
		#nav-gen-info:hover,
		#nav-map:hover,
		#nav-lodging:hover,
		#nav-austin:hover,
		#nav-contact:hover,
		#nav-photos:hover,

		body.faq 			#nav-faq,
		body.gen-info 		#nav-gen-info,
		body.map		 	#nav-map,
		body.lodging	 	#nav-lodging,
		body.austin	 		#nav-austin,
		body.contact 		#nav-contact,
		body.photos 		#nav-photos {
			background-position: -125px 0;
			}


/* FAQ
------------------------------------------------------------------------------------------ */
p.question {
	margin-bottom: 8px;
	}
p.answer {
	margin-bottom: 25px;
	}
.qanda {
	color: #8E3557;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	}
.faq-entry {
	padding-bottom: 12px;
	margin: 12px 0 25px 0;
	border-bottom: 1px solid #4A1A2C;
	}


/* GENERAL INFORMATION
------------------------------------------------------------------------------------------ */
.centered-info {
	text-align: center;
	margin-bottom: 14px;
	line-height: 18px;
	}

.activity {
	padding-bottom: 12px;
	margin: 12px 0 25px 0;
	border-bottom: 1px solid #4A1A2C;
	}
	.activity-address {
		font: 11px/16px Georgia, "Times New Roman", Times, serif;
		color: #4A1A2C;
		margin-bottom: 5px;
		}

/* MAP AND DIRECTIONS
------------------------------------------------------------------------------------------ */
.map-image {
	margin: 12px 0;
	}
.map-caption {
	margin-bottom: 25px;
	}
ul.directions-list {
	padding-bottom: 12px;
	margin-bottom: 25px;
	border-bottom: 1px solid #4A1A2C;
	}
.directions-list li {
	margin-bottom: 5px;
	}