/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
GLOBAL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html {height: 100%; margin-bottom: 1px}
body {background: #E4DBEB url(../images/background.jpg) center top; margin: 0}
body.welcome {background-image: url(../images/background_welcome.jpg)}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
TEXT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body, input, textarea {color: #555; font: 12px/1.5em georgia, serif}
p {margin: 0 0 1em 0}
.footnote {color: #666; font-size: 10px; font-style: italic}
.error {color: #FF0000; font-weight: bold}
hr {background: #936FB1; border: 0; clear: both; color: #936FB1; height: 1px; margin-bottom: 10px}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
HEADINGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1 {background-repeat: no-repeat; margin: 0; overflow: hidden; text-indent: -999em}
h2 {border-bottom: 1px solid #9AB583; color: #9AB583; font-size: 20px; font-style: italic; font-weight: normal; margin: 0 0 .5em 0}
h3 {color: #333; font-size: 13px; font-weight: bold; margin: 0}
h4 {color: #555; font-size: 12px; font-weight: bold; margin: 0}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
FORMS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
form {margin: 0; padding: 0}
input, textarea {background: #E4DBEB; border: 1px solid #D8D0DF; border-color: #CDC5D3 #D8D0DF #D8D0DF #CDC5D3; color: #6E5385; padding: 3px 0; width: 574px}
.submit {background: #9AB583; border: 1px solid #8C69A8; border-color: #92AC7C #8AA376 #8AA376 #92AC7C; color: #FFF; cursor: pointer; padding: 5px; width: auto}
.meta_data {color: #9AB583; font-size: 11px; position: absolute; right: 10px; text-align: right; top: 10px}
* html .meta_data {right: 20px}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
LINKS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a {color: #936FB1}
a:hover {color: #6E5385; text-decoration: none}
#col2 .green a, #col2 .purple a {color: #FFF}
a#logo {background: url(../images/k_and_j.gif); display: block; height: 105px; left: 10px; overflow: hidden; position: absolute; text-indent: -999em; top: 10px; width: 175px}
a#eyelingual {background: url(../images/eyelingual.gif); display: block; height: 30px; overflow: hidden; position: absolute; right: 10px; text-indent: -999em; top: 3px; width: 80px}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
LISTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ul {list-style: square; margin-bottom: 1em; margin-top: 0}
ul ul {list-style: circle}
#navigation {background: url(../images/navigation_bg.gif); height: 65px; list-style: none; margin: 0 0 30px 200px; padding: 0 0 0 45px; width: 715px}
#navigation li {float: left}
#entries {margin: 0; padding: 0}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
NAVIGATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#navigation a {display: block; height: 20px; margin: 20px 20px 0 0; overflow: hidden; text-indent: -999em}
#welcome {background: url(../images/welcome.gif); width: 74px}
#our_story {background: url(../images/our_story.gif); width: 78px}
#wedding_party {background: url(../images/wedding_party.gif); width: 118px}
#the_event {background: url(../images/the_event.gif); width: 80px}
#media {background: url(../images/media.gif); width: 49px}
#guestbook {background: url(../images/guestbook.gif); width: 86px}
#rsvp {background: url(../images/rsvp.gif); width: 43px}
#contact_us {background: url(../images/contact_us.gif); width: 86px}
#navigation a:hover, #navigation a.active {background-position: 0 -20px}
#navigation a.active {cursor: default}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
IMAGES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
img {border: none}
.border, #photos img {background: #FFF; border: 1px solid #EEE; border-color: #EEE #CCC #CCC #EEE; padding: 5px}
.green .border {border-color: #92AC7C #8AA376 #8AA376 #92AC7C}
.green_light .border {border-color: #CCD4C5 #C1C8BB #C1C8BB #CCD4C5}
.purple .border, #photos img {border-color: #8C69A8 #84649F #84649F #8C69A8}
.purple_light .border {border-color: #D8D0DF #CDC5D3 #CDC5D3 #D8D0DF}
.centered {display: block; margin: 0 auto 1em auto}
img.left, #photos img {float: left; margin: 0 10px 10px 0}
img.right {float: right; margin: 0 0 10px 10px}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
LAYOUT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#wrap {background: #FFF; border: 1px solid #CDC5D3; border-width: 0 1px 1px 1px; margin: 0 auto; padding-top: 30px; position: relative; width: 960px}
#col1 {float: left; padding-left: 5px; width: 615px}
#col2 {float: left; width: 340px}
.shadow_double {background: url(../images/shadow_double.gif) no-repeat 0 100%; padding: 0 5px 5px 5px}
.shadow_single {background: url(../images/shadow_single.gif) no-repeat 100% 100%; padding: 0 5px 5px 0}
.container {border: 1px solid #E5E5E5; border-color: #EEE #CCC #CCC #EEE; padding: 5px}
.content {border-style: solid; border-width: 1px; overflow: auto; padding: 10px 10px 0 10px; position: relative; width: 928px}
#col1 .content {width: 576px}
#col2 .content {width: 301px}
.green {background-color: #9AB583; border-color: #92AC7C #8AA376 #8AA376 #92AC7C; color: #FFF}
.green_light {background-color: #D7DFD0; border-color: #CCD4C5 #C1C8BB #C1C8BB #CCD4C5; color: #575F50}
.purple {background-color: #936FB1; border-color: #8C69A8 #84649F #84649F #8C69A8; color: #FFF}
.purple_light {background-color: #E4DBEB; border-color: #D8D0DF #CDC5D3 #CDC5D3 #D8D0DF; color: #6E5385}
.green_border {border-color: #9AB583}
.alt .green_border {border-color: #936FB1}
.purple_border {border-color: #936FB1}
.white_border {border-color: #FFF}
.clear {clear: both}
#footer {font-size: 11px; margin: 0 5px 5px 5px; position: relative}