/* CSS for Matthew & Anna's wedding site by Dominic Winsor */
/* Site Design & Implementation by Dominic Winsor, www.get2dom.com */
/* Primary colour palette:
 * 
 */


/* Element redefinitions */

body {
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #BFCAD0;
	background: white;
	margin: 0px;
	text-align: center;
}

p, div {
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #BFCAD0;
}

td, th {
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #BFCAD0;	
	vertical-align: top;
	line-height: 15px;
}

small {
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
}


input, select, textarea {
	font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #254A70;
}

h1 {
	font-size: 13pt;
	line-height: 20px;
	margin: 0px;
	color: #8DA2AD;
}

h2 {
	font-size: 11pt;
	color: #8DA2AD;
}

h3 {
	font-size: 10pt;
	color: #8DA2AD;
}

form {
	margin: 0px;
}

hr {
	border-top: 1px white solid;
	border-bottom: 1px #508AC5 solid;
}

a:link {
	text-decoration: underline;
	color: #8DA2AD;
}

a:active {
	text-decoration: underline;
	color: #8A3554;
}

a:visited {
	text-decoration: underline;
	color: #7295A9;
}

/*
 *  Content & page/template structure definitions
 *  Main body area
 */

 
 /*  width constrain container
 */
 
#uberContainer {
	width: 760px;
	text-align: left;
	padding: 0;
	margin: 5px auto;
	background: white;
}


/*  Main content containers
 * these are one level in from the uberContainer unless otherwise specified
 */
 
#headerContainer {
	height: 76px;
	background: white url('banner/banner-rpt.gif') top left repeat-x;
	color: #254A70;
}

#navContainer {
	height: 21px;
	background: #8DA2AD;
	color: white;
	white-space: nowrap;
}

/*  Main content container
 *  the main content is a table with three named cells, and one anonymous spacer cell
 *  lining class is just a big box with padding. It is used when the mainContent table
 *  is switched to a single cell (a DIV).
 */

.gutter {
	background: #472360;
}

#mainContent {
	background: #412152;
	color: #BFCAD0;
	text-align: left;
}

.mainContentLining {
	padding: 28px 0px 15px 21px;
}

.lining {
	padding: 0px 20px 0px 10px;
}

#photoContainer {
	padding: 8px 7px 8px 18px;
	border-top: 2px #412152 solid;
	background: #3C1F4B;
}


/* footer container
 * simple container, full width centered small text
 */
#footerContainer {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #BFCAD0;
	text-align: center;
	margin: 2em 0em 2em 0em;
	padding: 0px 5px 5px 0px;
}

/* ********** */
.rhs {
	background: #999999;
	width: 171px;
}

.rhs .heading {
	color: white;
	padding: 4px 3px 4px 11px;
	background: url('graycurve.gif') top left no-repeat;
	font-weight: bold;
}

.rhs .lining {
	border-top: 1px #737373 solid;
	border-left: 1px #737373 solid;
	border-bottom: 1px #737373 solid;
	color: white;
	padding: 10px;
}

/* ********* */

th.a {
	background: #8A3554;
	color: #CAB5BE;
	text-align: left;
}

td.a {
	border-right: 1px #8A3554 solid;
	border-bottom: 1px #8A3554 solid;
	border-left: 1px #8A3554 solid;
}

th.m {
	background: #587B8F;
	color: #BFCAD0;
	text-align: left;
}

td.m {
	border-left: 1px #587B8F solid;
	border-right: 1px #587B8F solid;
	border-bottom: 1px #587B8F solid;
}

/* ********* */