/* -----------------------------------------------
IMPORTS
----------------------------------------------- */
@import url("reset.css");
@import url("jquery.lightbox.css");

/* -----------------------------------------------
STYLES
----------------------------------------------- */
body { font-family: Georgia, sans-serif; color: #404041; background: url(../img/structure/body.jpg) center top; }
a { text-decoration: none; }

/* -----------------------------------------------
STRUCTURE
----------------------------------------------- */
/* Container */
div#Container { width: 520px; margin: 25px auto 0 auto; }

/* Header */
div#Header { background: url(../img/structure/header.png); height: 155px; }
div#Header h1, div#Header h2 { display: none; }

/* Main */
div#Main { background: url(../img/structure/main.png); min-height: 200px; padding: 0 30px; }
div#Main h3 { background: url(../img/structure/main_h3.png) repeat-x; padding: 1px 0 0 0; }
div#Main h3 a { display: block; height: 59px; }
div#Main h3 a:hover, div#Main h3 a.selected { background-position: 0 -59px; }
div#Main h3 a span { display: none; }
div#Main div#Welcome h3 a { background-image: url(../img/structure/main_h3_welcome.png); }
div#Main div#People h3 a { background-image: url(../img/structure/main_h3_people.png); }
div#Main div#Directions h3 a { background-image: url(../img/structure/main_h3_directions.png); }
div#Main div#Photos h3 a { background-image: url(../img/structure/main_h3_photos.png); }
div#Main div#Accommodation h3 a { background-image: url(../img/structure/main_h3_accommodation.png); }
div#Main div#GiftList h3 a { background-image: url(../img/structure/main_h3_giftlist.png); }
div#Main div.content { padding: 10px; background: url(../img/structure/main_h3.png) repeat-x; }

/* Content */
div#Content { background: url(../img/structure/main_h3.png) repeat-x; }
div#Content div.wrapper { padding: 25px 10px 15px 10px; }
div#Content h4 { font-size: 1.6em; font-weight: bold; margin: 0 0 20px 0; }
div#Content h4.underline { background: url(../img/structure/main_h3.png) repeat-x left bottom; padding: 0 0 10px 0;  }
div#Content h5 { font-size: 1.2em; margin: 0 0 2px 0; font-weight: bold ; color: #404041; }
div#Content p { font-size: 1.2em; margin: 0 0 15px 0; }
div#Content p strong { font-weight: bold; }
div#Content p.large { font-size: 1.4em; margin: 0 0 25px 0; }
div#Content a { color: #8ac53e; }

/* Footer */
div#Footer{ background: url(../img/structure/footer.png); height: 35px; }

/* -----------------------------------------------
PAGE SPECIFIC
----------------------------------------------- */

/* Welcome */
div#Welcome div#Content div.wrapper { background: url(../img/structure/welcome_background.png) no-repeat; min-height: 340px; }
div#Welcome div#Content h4 { margin-right: 80px; }
div#Welcome div#Content p { margin-right: 265px; }

/* People */
div#People div#Content div.wrapper { background: url(../img/structure/main_h3.png) repeat-x; }
div#People div.sublinks { margin: 0 0 25px 0; }
div#People div.sublinks li { display: inline; margin: 0 20px 0 0; font-size: 1.1em; font-weight: bold; }
div#People div.sublinks li a { color: #79797a; }
div#People div.sublinks li a.selected { color: #85b739; }
div#People div.item { margin: 0 0 30px 0; }
div#People div.item div.text { float: right; width: 250px; padding: 10px 0 0 0; }
div#People div.item div.image { float: left; border: 1px solid #c9c9c9; padding: 4px; }
div#People div.item-alt div.text { float: left; }
div#People div.item-alt div.image { float: right; }

/* Gift List */
div#GiftList div#Content p.large { padding: 0 20px 0 0; }
div#GiftList div#Content div.vouchers { padding: 0 20px 0 0; }
div#GiftList div#Content div.gifts { background: url(../img/structure/gifts_background.png) right bottom no-repeat; padding: 20px 240px 0 0; }

/* Accommodation */
div#Accommodation div#Content div.wrapper { background: url(../img/structure/main_h3.png) repeat-x; }
div#Accommodation div.item { margin: 0 0 30px 0; }
div#Accommodation div.item div.text { float: right; width: 250px; padding: 10px 0 0 0; }
div#Accommodation div.item div.image { float: left; border: 1px solid #c9c9c9; padding: 4px; }
div#Accommodation div.item-alt div.text { float: left; }
div#Accommodation div.item-alt div.image { float: right; }

/* Directions */
div#Directions div.map p { margin: 10px 0; }
div#Directions div.directions { background: url(../img/structure/main_h3.png) repeat-x; padding: 20px 0; }
div#Directions div.directions li { font-size: 1.2em; margin: 0 0 5px 0; margin-left: 20px; position: relative; }
div#Directions div.directions li strong { color: #8dc63f; position: absolute; left: -20px; }

/* Photos */
div#Photos div#Content div.wrapper { padding: 1px 0 0 0; }