/* css Zen Garden default style v1.01 */

/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */





/* This file based on 'Tranquille' by Dave Shea */

/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */

/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */



/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */





/* basic elements */

body { 

	color: #555753; 

	margin: 0px; 

	}

p { 

	margin-top: 0px; 

	text-align: justify;

	}

h3 { 

	font: italic normal 12pt georgia; 

	letter-spacing: 1px; 

	margin-bottom: 0px; 

	color: #7D775C;

	}

a:link { 

	font-weight: bold; 

	text-decoration: none; 

	color: #B7A5DF;

	}

a:visited { 

	font-weight: bold; 

	text-decoration: none; 

	color: #D4CDDC;

	}

a:hover, a:active { 

	text-decoration: underline; 

	color: #9685BA;

	}





/* specific divs */

#Left {

	position: absolute;

	left:340px;

	margin: 0px;

	top: -8px;

	}

#Right {

	position: absolute;

	float: left;

	display: block;

	left:569px;

	margin: 0px;

	top: 4px;

	}

#TopHeader {

	background: #fff url(banner/wedding_banner_right.jpg) no-repeat top right; 

	border-bottom: 2px solid #E7EDF5;

}

#WeddingLinksBox #WeddingLinks, #WeddingLinksBox #WeddingLinks ul { 

	padding: 0;

	margin: 0;

	list-style: none;

}

#WeddingLinksBox #WeddingLinks li { 

	float: left;

	position: relative;

	width: 12em;

	border: 1px solid #B0C4DE;

	background-color: #E7EDF5;

	color: #2D486C;

	font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;

	margin-right: 1em;

}

#WeddingLinksBox #WeddingLinks a:link, #WeddingLinks a:visited {

	display: block;

	text-decoration: none;

	padding-left: 1em;

	color: #2D486C;

}

#WeddingLinksBox #WeddingLinks ul { 

	display: none;

	position: absolute;

	padding-top: 0.5em;

}

#WeddingLinksBox #WeddingLinks ul li {

	float: none;

	border: 0 none transparent;

	border-bottom: 1px solid #E7EDF5;

	background-color: #F1F5F9;

	font-size: 100%;

	margin: 0;

	margin-bottom: 0.5em;

	padding: 0;

}

#WeddingLinksBox #WeddingLinks li:hover ul {

	display: block;

}

#container { 

position: absolute;

top:500px;

	padding: 100px 175px 0px 10px;  

	margin: 0px;

	}



#intro { 

	min-width: 470px;

	}

#pageHeader { 

	margin-bottom: 20px;

	}



/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */

#pageHeader h1 { 

	background: transparent url(h1.gif) no-repeat top left; 

	margin-top: 0px; 

	width: 219px; 

	height: 0px; 

	float: left;

	}

#pageHeader h1 span {

	display:none

	}

#pageHeader h2 { 

	background: transparent url(h2.gif) no-repeat top left; 

	margin-top: 58px; 

	margin-bottom: 40px; 

	width: 200px; 

	height: 0px; 

	float: right;

	}

#pageHeader h2 span {

	display:none;

	}



#quickSummary {

	clear:both; 

	margin: 10px 20px 0px 1px; 

	width: 160px; 

	float: left;

	}

#quickSummary p {

	font: italic 10pt/22pt georgia; 

	text-align:center;

	}



#preamble {

	margin-left: 160px;

	clear: right; 

	padding: 2px 10px 0px 10px;

	position: relative; 

	top: 0px; 

	}

.adbox {

	padding: 2px 4px 2px 6px;

	margin: 0 0 10px 0;

	border: 1px solid #B1B1B1;

	background-color: #F4F4F4;

}



#supportingText {

	padding-left: 10px; 

	margin-bottom: 40px;

	}



#footer { 

	text-align: center; 

	}

#footer a:link, #footer a:visited { 

	margin-right: 20px; 

	}



#linkList {

	margin-left: 600px; 

	position: absolute; 

	top: 0px; 

	right: 0px;

	}

#linkList2 { 

	font: 10px verdana, sans-serif; 

	background: transparent url(paper-bg.jpg) top left repeat-y; 

	padding: 10px; 

	margin-top: 90px; 

	width: 130px; 

	}

#linkList h3.select { 

	background: transparent url(h3.gif) no-repeat top left; 

	margin: 10px 0px 5px 0px; 

	width: 97px; 

	height: 16px; 

	}

#linkList h3.select span {

	display:none

	}

#linkList h3.favorites { 

	background: transparent url(h4.gif) no-repeat top left; 

	margin: 25px 0px 5px 0px; 

	width: 60px; 

	height: 18px; 

	}

#linkList h3.favorites span {

	display:none

	}

#linkList h3.archives { 

	background: transparent url(h5.gif) no-repeat top left; 

	margin: 25px 0px 5px 0px; 

	width:57px; 

	height: 14px; 

	}

#linkList h3.archives span {

	display:none

	}

#linkList h3.resources { 

	background: transparent url(h6.gif) no-repeat top left; 

	margin: 25px 0px 5px 0px; 

	width:63px; 

	height: 10px; 

	}

#linkList h3.resources span {

	display:none

	}





#linkList ul {

	margin: 0px;

	padding: 0px;

	}

#linkList li {

	line-height: 2.5ex; 

	list-style-type: none;

	background: transparent url(cr1.gif) no-repeat top center; 

	display: block; 

	padding-top: 5px; 

	margin-bottom: 5px;

	}

#linkList li a:link { 

	color: #988F5E;

	}

#linkList li a:visited {

	color: #B3AE94;

	}

	





#extraDiv1 { 

	background: transparent url(cr2.gif) top left no-repeat; 

	position: absolute; 

	top: 40px; 

	right: 0px; 

	width: 148px; 

	height: 110px; 

	}

#extraDiv2 { 

	position: absolute; 

	top: 289px; 

	left: 566px; 

	width: 141px; 

	height: 210px; 

	}

#extraDiv3 { 

	position: absolute; 

	top: 204px; 

	left: 878px; 

	width: 105px; 

	height: 334px; 

	}

#albumlist {

	list-style-type: none;

	width: 500px

}

#albumlist li {

	float: left;

	margin-right: 10px;

	margin-bottom: 10px;

	font: bold 0.8em Arial, Helvetica, sans-serif;

	color: #333333;

}

#albumlist img {

	display: block;

	border: 1px solid #333300;

}

.datatable {

	border: 1px solid #D6DDE6;

	border-collapse: collapse;

	width: 80%;

}

.datatable td {

	font: bold 0.8em Arial, Helvetica, sans-serif;

	border: 1px solid #D6DDE6;	

	padding: 4px;

}

.datatable th {

	border: 1px solid #828282;

	background-color: #BCBCBC;

	font-weight: bold;

	text-align: left;

	padding-left: 4px;

}

.datatable caption {

	font: bold 0.9em Arial, Helvetica, sans-serif;

	color: #33517A;

	text-align: left;

	padding-top: 3px;

	padding-bottom: 8px;

}

.datatable tr.altrow {

	background-color: #DFE7F2;

	color: #000000;

}