/*
File: wedding.css - main style sheet
Created by: Mark Boulton | www.snooch.org.uk
Revised:
*/

/* Body
-------------------------*/
body {margin:20px; padding:0px; text-align:center; color:#555; background:#EEE url() repeat; font-family:"Lucida Grande", "Lucida Sans Unicode", 'Trebuchet MS', 'Trebuchet', verdana, lucida, Helvetica, sans-serif; font-size:11px; line-height: 1.4em}

/* Links
-------------------------*/
a:link {font-weight:bold; color:#8C599E; text-decoration:none;}
a:visited {font-weight:bold; color:#8C599E; text-decoration:none;}
a:active {text-decoration:none;}
a:hover {color:#4D146B; text-decoration:none;}

#Container {width:470px;margin:5px auto;padding:5px;text-align:left;background:#fff; }

/* Headers 
-------------------------*/
h1.daytime {font-size:13px; font-weight:800; margin:0 0 1px 0; color:#86B7D8; background:transparent;}
h2.nighttime {font-size:13px; font-weight:800; margin:0 0 1px 0; color:#022B76; background:transparent;}

h1.findus {font-size:13px; font-weight:800; padding:5px 0 0px 0; color:#89A75E; background:transparent;}
h2.findus {font-size:13px; font-weight:800; padding:0; color:#B2CF87; background:transparent;}

h1, h2 {font-size:13px; font-weight:800; margin:0 0 1px 0; color:#777777; background:transparent;}
h3 {color:#777777; font-size:12px; font-weight:650; margin:0 0 1px 0; }
.date, .developer {margin:0; padding:0; font-size:11px; font-weight:normal; color:#aaa; background: transparent;}
h4 {color:#777777; font-size:12px; font-weight:600; margin: 0; }
h5, h6 {color:#777777; font-size:11px; font-weight: 500; margin: 0; }

/* Header 
-------------------------*/
#Header {
text-align:center;
width:460px; /* 450+5+5 - false value for the width for IE5.x. */margin:0px; padding:0px 5px 0px 5px; background:#fff; voice-family: "\"}\""; voice-family:inherit; width:450px;}
body>#Header {width:450px;}/* be nice to Opera 5 */

/* Navigation 
-------------------------*/
#Navigation {
text-align:center;
width:460px; /* 450+5+5 - false value for the width for IE5.x. */margin:0; padding:0px 5px 10px 5px; background:#fff; voice-family: "\"}\""; voice-family:inherit; width:450px;}
body>#Navigation {width:450px;}/* be nice to Opera 5 */

#Navigation ul {height: 80px; width: 450px; margin: 0; padding: 0; list-style: none;}
#Navigation li {float: left;text-transform: uppercase;}
#Navigation li a {display: block;margin: 0; padding: 0;width: 75px;height: 40px;font: normal 11px/50px "Lucida Grande", "Lucida Sans Unicode", 'Trebuchet MS', 'Trebuchet', verdana, lucida, Helvetica, sans-serif; font-weight:bold; color: #AD92B9;}
#Navigation li a:hover {color: #8C599E;}
#Navigation li.CurrentDaytime {background: #fff url("../images/tab_daytime.gif") top no-repeat;}
#Navigation li.CurrentNighttime {background: #fff url("../images/tab_nighttime.gif") top no-repeat;}
#Navigation li.CurrentFindus {background: #fff url("../images/tab_findus.gif") top no-repeat;}
#Navigation li.CurrentRsvp {background: #fff url("../images/tab_rsvp.gif") top no-repeat;}
#Navigation li.CurrentGallery {background: #fff url("../images/tab_gallery.gif") top no-repeat;}


/* Content 
-------------------------*/
#Content {
width:460px; /* 450+5+5 - false value for the width for IE5.x. */margin:0; padding:0px 5px 0px 5px; background:#fff; voice-family: "\"}\""; voice-family:inherit; width:450px;}
body>#Content {width:450px;}/* be nice to Opera 5 */

#Content img {margin :10px 10px 10px 0; padding: 3px;border: 1px solid #ccc;}
#Content a img {margin :10px 10px 10px 0; padding: 3px;border: 1px solid #ccc;}

#Content ul {list-style: disc url("../images/listbullet.gif");margin-left: 20px;}
#Content ul li{padding-left: 5px;}

#Content 0l {margin-left: 20px;}

#Content .boxout {text-align:center; width:418px; padding: 20px; margin: 20px 0 0 0; background-color:#E6D9EC; border:1px solid #8C599E;font: normal 11px "Lucida Grande", "Lucida Sans Unicode", 'Trebuchet MS', 'Trebuchet', verdana, lucida, Helvetica, sans-serif;}
#Content .boxout h1 {font-weight:bold;color: #8C599E; text-transform: uppercase;}

/* Forms 
-------------------------*/
div.row {clear: both;padding-top: 2px;}
div.row span.label {float: left;width: 100px;text-align: right;}
div.row span.formw {float: right;width: 335px;text-align: left;}
input.rsvp {color:#8C599E;}
input.rsvpfield {background-color:#E6D9EC; color:#3E0F56;}

/* Footer 
-------------------------*/
#Footer {
width:460px; /* 450+5+5 - false value for the width for IE5.x. */margin:0 auto; padding:0px 5px 0px 5px; background:#fff; voice-family: "\"}\""; voice-family:inherit; width:450px;}
body>#Footer {width:450px;}/* be nice to Opera 5 */

.left {float: left; text-align: left; background: #E7DAEE; color: #333; width: 222px;} 
.right {float: right; text-align: left; background: #E7DAEE; color: #333; width: 222px;} 
.spacer {clear: both;} 


.centre {text-align: center;}