/********************************
	Carrie and Ben default stylesheet
	    Created by Ben Zinnecker
	********************************/



/* Default Elements */

body {
	margin: 0;
	padding: 0;
	background: #F0E9E6;	
	text-align: center;
}

a:link {
	color: #170FCC;
	text-decoration: none;
	border-bottom: 1px dashed #170FCC;
}

a:visited {
	color: #CC190F;
	text-decoration: none;
	border-bottom: 1px dashed #CC190F;
}

a:hover, a:active {
	color: #0FC5CC;
	text-decoration: none;
	border-bottom: 1px dashed #0FC5CC;
}

h1, h2, h3 {
	font-family: Book Antiqua, Times New Roman, Times;
	text-align: left;
}

h1 {
	color: #3B2C09;
}

h2 {
	color: #170FCC;
}

h3 {
	color: #0F68CC;
}

img {
	border: 0;
}

ul {
	font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}

p, blockquote {
	font: 10pt verdana, arial, helvetica, sans-serif;
	text-align: justify;
}

blockquote {
	background-color: #CCCCFF;
	margin-right: 75px;
	padding: 10px;
	border-width: 1px 1px 1px 3px;
	border-style: solid;
	border-color: #336666;
}

/* Classes & IDs */

#content {
	position: relative;
	background: #FFFFFF url('images/bkgrnd.gif') repeat-y;
	margin: 0 auto 0 auto;
	border: 2px solid #9D9586;
	height: auto;
	width: 724px;
}

#header {
	position: relative;
	border-bottom: 1px solid #9D9586;
	background: url('images/header.gif') no-repeat;
	width: 724px;
	height: 137px;
	margin: 0;
	white-space: nowrap;
}

#header table {
	/* for IE (empty table keeps header from flickering while preserving the anchor link) */
	width: 722px;
	height: 135px;
	border: 0;
	border-collapse: collapse;
}

#timer {
	position: absolute;
	bottom: 0px;
	left: 27px;
	color: #E3EBFE;
}

#timer p {	
	font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 5px 0;
}

#navContainer ul {
	font: 13pt Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 15px 0 0 0;
	position: relative;
	float: left;
	text-align: left;
	height: 100%;
	width: 200px;	
	/* IE5 Win */
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 180px;
}

html>body #navContainer ul {
	/* be nice to Opera */
	width: 180px;
}

#navContainer ul li {
	display: block;
	padding: 3px 10px 3px 0;
}

#navContainer ul li a {
	background: url('images/abullet.gif') no-repeat;
	padding-left: 30px;
	color: #0E69CC;
	border: 0;
}

#navContainer ul li a:hover {
	background: url('images/ahoverbullet.gif') no-repeat;
	color: #0E69CC;
}

body#index a#indexLink, body#about a#aboutLink, body#registry a#registryLink, 
body#weddingParty a#weddingPartyLink, body#directions a#directionsLink, 
body#accommodations a#accommodationsLink, body#austin a#austinLink, 
body#photoGalleries a#photoGalleriesLink, body#guestBook a#guestBookLink,
body#contact a#contactLink {
	/* makes current page in navmenu (1) "button-highlighted", (2) bold, 
	(3) clickable, but text pointer */
	color: #0E437C;
	background: url('images/acurrentbullet.gif') no-repeat;
	border-bottom: none;
	cursor: text;
}

#contentSection { 
	position: relative; 
	height: auto; 
	margin: 30px 0px 0px 220px;
	padding-right: 20px;
}

#footer p {  
	font-size: 8pt;
	position: relative; 
	height: 40px;
	margin: 15px 15px 0px 220px; 
	padding-top: 10px; 
	border-top: 1px solid #C0C0C0;
}

body#contact div#footer a#contactLink {
	background-image: none;
	color: #000000;
}

#anchorLinks {
	width: 70%;
	font: 10pt verdana, arial, helvetica, sans-serif;
	border-width: 2px 0 2px 0;
	border-style: dashed;
	border-color: #000000;
	padding: 10px 0 10px 20px;
}

#anchorLinks ul {
	list-style-type: decimal;
	margin: 15px 0 0 5px;
	padding: 0;
	text-align: left;
}

#anchorLinks ul li {
	margin-bottom: 15px;
}

.stripLinks a:hover {
	/* for Firefox (don't want "a name" tags to take "a:hover" attributes) */
	border: 0;
	color: inherit;
}

#sidePic {
	position: relative;
	float: right;
	margin: 0 0 10px 10px;
	padding: 0;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 20px !important;
	margin: 10px 0 10px 15px;
}

#sidePic img {
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -6px 6px 6px -6px;
	padding: 4px;
}