/* ---( = begin gobal elements )------------------------------- */

body {
	margin: 0;
	padding: 0;
	font: normal 76%/1.5em "Trebuchet MS", Trebuchet, Helvetica, Arial, Verdana, sans-serif;
	color: #777;
	text-align: left;
	background: #fff url("../i/bg-tree.jpg") no-repeat top left;
}

a, a:visited {
	color: #e380b1;
	text-decoration: underline;
}

a:hover, a:visited:hover {
	color: #b51f69;
	text-decoration: none;
  }
  
a img, a img:visited,
a img:hover, a img:visited:hover   {
	border: 0;
	background: transparent;
  }

ul, ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

p, fieldset label, #content ul {font-size:95%;}
.fleft {float: left;}
.fright {float: right;}
.floatleft {float: left;}
.floatright {float: right;}
.clearfloat {clear: both;}
.half {width: 45%;}
.hide {display:none;}


/* ---( = begin gobal elements )------------------------------- */

.wrapper {width:550px;}
#content {padding: 4em 1.5em 1.5em 360px;}

/* ---( = begin nav sign in elements )------------------------------- */

#nav {
	margin: 0;
	padding: 0 0 0 360px;
	color: #fff;
	background: #504c49;
	font-size: 0.95em;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0;
}

#nav a, #nav a:visited {
	display:block;
	color: #fff;
	padding: 10px 10px 8px 10px;
	font: normal 90%/1.5em "Trebuchet MS", Trebuchet, Helvetica, Arial, Verdana, sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	text-decoration:none;
}

#nav a:hover, #nav a:visited:hover {
	color: #333;
	background:#999;
}

#nav li#active a, #nav li#active a:visited {
	color: #fff;
	background:#e380b1;
}


/* ---( = begin type elements )------------------------------- */

h1 {
	margin: 0;
	padding: 0;
	border: 0;
	width:400px;
	height:160px;
	text-indent: -20000em;
	overflow: hidden;
	background: url("../i/title-home.gif") left top no-repeat;
	font: normal 18px/1.5em Georgia, Times, serif;
}


h2 {
	margin: 35px 0 0 0;
	padding: 0;
	border: 0;
	width:450px;
	height:55px;
	text-indent: -20000em;
	overflow: hidden;
	font: normal 18px/1.5em Georgia, Times, serif;
}

h2.forgot {
	background: url("../i/title-forgot.gif") left top no-repeat;
}

h2.rsvp {
	background: url("../i/title-rsvp.gif") left top no-repeat;
}

h2.getting-there {
	background: url("../i/title-getting-there.gif") left top no-repeat;
}

h2.on-the-day {
	background: url("../i/title-on-the-day.gif") left top no-repeat;
}

h2.photos {
	background: url("../i/titles-photos.gif") left top no-repeat;
}

h2.viewpics {
	background: url("../i/titles-viewpics.gif") left top no-repeat;
}

h2.sendpics {
	background: url("../i/titles-sendpics.gif") left top no-repeat;
}

h2.contact {
	background: url("../i/titles-contact.gif") left top no-repeat;
}

h2.speeches {
	background: url("../i/titles-speeches.gif") left top no-repeat;
}

h2.comments {
	background: url("../i/titles-comments.gif") left top no-repeat;
}

h2.wedding-pics {
	background: url("../i/titles-wedding-pics.gif") left top no-repeat;
}

h2.wedding-pics a, h2.wedding-pics a:visited,
h2.wedding-pics a:hover, h2.wedding-pics a:visited:hover {
	display:block;
	height:65px;
	background: url("../i/titles-wedding-pics.gif") left top no-repeat;
}

.top {margin-top:-10px;}

h3 {
	margin: 25px 0 -10px 0;
	padding: 0;
	color:#333;
	font: bold 90%/1.5em "Trebuchet MS", Trebuchet, Helvetica, Arial, Verdana, sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	text-decoration:none;
}

h4 {
	margin: 10px 0 30px 0;
	padding: 5px 0;
	font-size:10px;	
	text-align:right;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

h4.imagenav {
	margin: 10px 0 15px 0;
	padding: 5px 0;
	font-size:10px;	
	text-align:right;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

h4.imagenav span {float: left;}

#speeches p {
	margin-bottom: 2.5em;
	line-height: 1.6em;
	font-size:1em;
}

p.copyright {
	margin: 20px 0;
	padding: 10px 0;
	font-size:10px;	
	border-top: 1px solid #ebebeb;
}

p.error {
	color:#fff;
	background:#900 url("../i/icon-error.gif") no-repeat 6px 7px;
	padding:5px 5px 2px 30px;
}

.success {
	color:#fff;
	background:#87b912 url("../i/icon-tick.gif") no-repeat 6px 7px;
	padding:5px 5px 2px 30px;
}

.success h3 {color:#fff;margin:3px 0 -10px 0;}

div.error {
	color:#fff;
	background:#900 url("../i/icon-error.gif") no-repeat 5px 3px;
	margin: 0 0 5px 170px;
	padding:5px 5px 2px 30px;
}

#content ul {
	clear: both;
	margin: 25px 0 30px 0;
	padding: 0;
	list-style: none;
	text-align: left;
	border-top: 1px solid #eee;
}

#content ul li {
	margin: 0 0 0 0;
	padding: 5px 0 2px 125px;
	list-style: none;
	text-align: left;
	border-bottom: 1px solid #eee;
}

#content ul li span {
	float: left;
	margin: 0 0 0 -125px;
	padding:0;
	list-style: none;
	font-weight: bold;
}


/* ---( = begin generic form elements )------------------------------- */

form,
fieldset label, fieldset input, fieldset select, fieldset li {
	margin: 0;
	padding: 0;
	text-align: left;
}

fieldset {
	margin: 0;
	padding: 0;
  	border: none;
	text-align: left;
	position: relative;
}

fieldset label {
	width: 525px; 
	display: block; 
	text-align: left;
	cursor: pointer;
	cursor: hand;
	position: relative;
}

fieldset ol input,
fieldset ol textarea {
	font: normal 1em "Bitstream Vera Sans Mono", monaco, "Courier New", courier, monospace;
	background: #fdf6fb;
	}
	

fieldset ol {
	clear: both;
}

fieldset li {
	clear:both;
	display:block;
	margin: 5px 0;
	padding: 5px 0;
	position: relative;
	background: transparent;
}

fieldset ol input,
fieldset ol select {
	width:525px;
	padding: 5px;
	background: #fdf6fb;
	border:1px solid #ddd;
}


fieldset li.btn input {
	width:auto;
	font-family:"Trebuchet MS";
	border:0;
	padding:0;
}

fieldset li textarea,
textarea {
	width:525px;
	height:100px;
	padding:5px;
	border:1px solid #ddd;
	color:#000;
}

fieldset li.checkbox label {padding-left:35px;width:auto;}
fieldset li.checkbox input {width:auto;position:absolute;top:5px;left:0;}

.error { color:#c00;}

/* ---( = begin zenphoto tweaked elements )------------------------------- */

#albums {
	margin: 20px 0;
}

/* P.I.E. FLOAT CLEARING See http://www.positioniseverything.net/easyclearing.html  --------------------- */
.clearfix:after {content: ".";clear: both;height: 0;visibility: hidden;display: block;}
.clearfix {display: inline-block; /* Fixes IE/Mac */}
/* Hides from IE-mac \*/* html .clearfix {height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */