@charset "utf-8";
/* CSS Document */
/*Coded by Patty Ho, and then fixed by Alex Hawryschuk*/

BODY {text-align:center; margin: 0px; padding: 0px; background-color: #d5cea6; background-image:url(../images/homebg.jpg); background-repeat:repeat-x; }
#wrapper {width: 750px; margin: 0 auto; text-align:left;}
#header {width: 750px; height: 93px; background-image:url(../images/headerbg.gif); background-repeat:no-repeat;}
#header_area {width: 750px; background-image:url(../images/header_slideshowbg.jpg); background-repeat:no-repeat; height: 385px;}
	#header_area #slideshow {height: 375px; width: 500px; float: left; margin-left: 20px; padding-top: 10px; display:inline;}
#header_footer {width: 750px; background-image:url(../images/header_slideshow_footer.jpg); background-repeat:no-repeat; height: 15px;}
#wrapper #content {clear: both;}
#wrapper #content .left_column { background:url(../images/content_bg.jpg) no-repeat; width: 527px; margin:0px; float: left;}
	#content .left_column .text_content { margin: 20px; margin-top: 0px; padding-top: 10px; }
	
#wrapper #content .right_column { width: 210px; margin:0px; float: left}
	#content .right_column h3{width: 209px; background: url(../images/sidebar_titlebg.jpg) no-repeat; height: 35px; margin: 0px; padding-top: 5px; padding-left: 10px;}
	
	#content .right_column p {font-size: 12px; margin-left: 10px; margin-right: 10px;}
.countdown {text-align: right; padding-top: 65px; margin-right: 15px; color:#FFFFFF; font-weight:bold;}
#footer {border-top: 1px dotted #663300; text-align:right; clear:both; font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-top: 10px; padding-bottom: 15px;}

/*---------Text styling------------------------*/
BODY {font-family: Arial, Helvetica, sans-serif; size: 14px; color: #330000;}
DIV {font-family: Arial, Helvetica, sans-serif; size: 14px; color: #330000;}
A {color: #CC3300; text-decoration:none; border-bottom: 1px dotted #ff9900; }
A:hover {color: #FFFFFF; background-color:#FF9900;}
h2 {margin: 0px; font-size: 20px; color: #72001a;}
h3 {color: #72001a; font-size:18px; font-weight:normal;}
img {margin-right: 10px;}
textarea {width: 300px; height: 250px; border: 1px Solid #cccccc; }
input {border: 1px Solid #cccccc;}
fieldset {margin-top: 5px; border: 0px;}

/*-----------Nav--------------*/
#nav {width: 185px; float: right; margin-right: 30px; padding-top: 5px; display:inline;}
#nav ul {list-style: none; margin: 0px; padding: 0px; width: 183px;}
#nav ul li {width: 183px; height: 30px; border-bottom: 1px Solid #d5cea6;}
#nav ul li span{display: none;}
#nav ul li A {border-bottom: none;}
	#nav ul li.welcome {background: url(../images/nav_welcome.gif); }
	#nav ul li.welcome A { display: block; width: 183px; height: 30px; background: url(../images/nav_welcome.gif); }
	#nav ul li.welcome A:hover{ display: block; width: 183px; height: 30px; background: url(../images/nav_welcome_roll.gif); }
	
	#nav ul li.ourstory {background: url(../images/nav_ourstory.gif); }
	#nav ul li.ourstory A { display: block; width: 183px; height: 30px; background: url(../images/nav_ourstory.gif); }
	#nav ul li.ourstory A:hover{ display: block; width: 183px; height: 30px; background: url(../images/nav_ourstory_roll.gif); }
	
	#nav ul li.patty {background: url(../images/nav_patty.gif); }
	#nav ul li.patty A { display: block; width: 183px; height: 30px; background: url(../images/nav_patty.gif); }
	#nav ul li.patty A:hover{ display: block; width: 183px; height: 30px; background: url(../images/nav_patty_roll.gif); }
	
	#nav ul li.alex {background: url(../images/nav_alex.gif); }
	#nav ul li.alex A { display: block; width: 183px; height: 30px; background: url(../images/nav_alex.gif); }
	#nav ul li.alex A:hover{ display: block; width: 183px; height: 30px; background: url(../images/nav_alex_roll.gif); }
	
	#nav ul li.rsvp {background: url(../images/nav_rsvp.gif); }
	#nav ul li.rsvp A { display: block; width: 183px; height: 30px; background: url(../images/nav_rsvp.gif); }
	#nav ul li.rsvp A:hover{ display: block; width: 183px; height: 30px; background: url(../images/nav_rsvp_roll.gif); }
	
	#nav ul li.ceremony {background: url(../images/nav_ceremony.gif); }
	#nav ul li.ceremony A { display: block; width: 183px; height: 30px; background: url(../images/nav_ceremony.gif); }
	#nav ul li.ceremony A:hover{ display: block; width: 183px; height: 30px; background: url(../images/nav_ceremony_roll.gif); }
	
	#nav ul li.reception {background: url(../images/nav_reception.gif); }
	#nav ul li.reception A { display: block; width: 183px; height: 30px; background: url(../images/nav_reception.gif); }
	#nav ul li.reception A:hover{ display: block; width: 183px; height: 30px; background: url(../images/nav_reception_roll.gif); }
	
	#nav ul li.contactus {background: url(../images/nav_contactus.gif); }
	#nav ul li.contactus A { display: block; width: 183px; height: 30px; background: url(../images/nav_contactus.gif); }
	#nav ul li.contactus A:hover{ display: block; width: 183px; height: 30px; background: url(../images/nav_contactus_roll.gif); }
	
	#nav ul li.photogallery {background: url(../images/nav_photogallery.gif); }
	#nav ul li.photogallery A { display: block; width: 183px; height: 30px; background: url(../images/nav_photogallery.gif); }
	#nav ul li.photogallery A:hover{ display: block; width: 183px; height: 30px; background: url(../images/nav_photogallery_roll.gif); }
	
	#nav ul li.guestbook {background: url(../images/nav_guestbook.gif); }
	#nav ul li.guestbook A { display: block; width: 183px; height: 30px; background: url(../images/nav_guestbook.gif); }
	#nav ul li.guestbook A:hover{ display: block; width: 183px; height: 30px; background: url(../images/nav_guestbook_roll.gif); }
	
	#nav ul li.blog {background: url(../images/nav_blog.gif); }
	#nav ul li.blog A { display: block; width: 183px; height: 30px; background: url(../images/nav_blog.gif); }
	#nav ul li.blog A:hover{ display: block; width: 183px; height: 30px; background: url(../images/nav_blog_roll.gif); }

body#rsvp,body#guestbook {}
	form input.button {border:0;color:#d5cea6;background-color:#630;padding:10px;margin:10px}
	form input.submit {background-color:#c60}


body#rsvp {}

	body#rsvp #default_content {height:300px}

	#divAttending,#divNotAttending {display:none}
	body#rsvp form.attending #divAttending,body#rsvp form.notattending #divNotAttending {display:block}
	body#rsvp form.notattending #btnAttending,body#rsvp form.attending #btnNotAttending {background-color:#d7cabd;color:#fff}

	body#rsvp #content {font-size:12px}
	body#rsvp #pBefore {color:#f63;font-size:14px;text-align:center;margin:10px 20px}

	.formWrapper,#rsvp_content {background:white;border-right:2px solid #999;border-bottom:2px solid #999;margin:30px;padding:10px;width:400px}
		body#rsvp #rsvp_content #question1,body#rsvp #rsvp_content fieldset.submit {text-align:center}
			body#rsvp #rsvp_content #question1 h3 {color:#f63;font-size:18px;text-align:center}
		body#rsvp form textarea {height:auto;width:100%}
		body#rsvp form fieldset {border:0;color:#000;font-size:12px}
			body#rsvp form fieldset legend {font-weight:bold}
		
	body#rsvp fieldset fieldset.radioOn {display:none}
		body#rsvp fieldset.radio1 fieldset.radioOn {display:block}

	body#rsvp #notattending p {color:#f63;text-align:center;margin-top:20px}
	body#rsvp #notattending fieldset {text-align:left}

	body#rsvp #postback {text-align:center;font-size:14px;color:#630}
		body#rsvp #postback h3 {color:#f63;font-size:24px;font-weight:bold}
		body#rsvp #postback #change_of_mind {color:#f63;font-size:12px}

body#guestbook {}
	body#guestbook #content form {padding-bottom:50px}
		body#guestbook #content form fieldset {border:0}
		body#guestbook #content form label {display:block;width:100px;float:left}
		body#guestbook #content form textarea {width:100%;height:100px;display:block;clear:both; border: 1px Solid #cccccc;}
		body#guestbook #content form input.submit {float:right}
	body#guestbook #content #comments div {margin-bottom:10px;background-color:#f7f0c7;font-weight:bold;color:#630;font-size:12px}
		body#guestbook #content #comments div p {margin:0;padding:16px;font-weight:normal;border-bottom:2px solid #d5cea6}
		body#guestbook #content #comments div span {margin-left:8px}

.warning {color:red}