/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */
 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

html {
   background : #f2f2f0 url(../i/bg.jpg) repeat 50% 0;
}
 
/* Default font settings. The font-size percentage is of 16px. (0.875 * 16px = 14px) */
body {
   font-size : 90%;
   color : #222;
   font-family : "Goudy Old Style", "Adobe Caslon Pro", Baskerville, "Times New Roman", Times, serif;
}

body {
   background : transparent url(../i/awning.jpg) repeat-x 50% 0;
   min-height : 236px;
}

/* Headings -------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2em;line-height:1.25;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.25em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:0.25em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

a:link, a:visited {
   color : #700;
   text-decoration : none;
}

a:hover, a:focus, a:active {
   color : #900;
   text-decoration : underline;
}

dl {
   text-align : center;
}

em {
   font-style : italic;
}

h1 {
   width : 940px;
   height : 291px;
   text-indent : -10000em;
   background : transparent url(../i/h1.png) no-repeat 100% 0;
}

h2 {
   font-family : "Goudy Old Style", "Adobe Caslon Pro", Baskerville, "Times New Roman", Times, serif;
   color : #700;
   font-style : italic;
   text-align : center;
}

h2.h {
   padding-bottom : 2em;
   background : transparent url(../i/hr.png) no-repeat 50% 100%;
}

.col h2 {
   font-size : 1.67em;
   text-align : left;
}

hr {
   width : 100%;
   height : 4em;
   background : transparent url(../i/hr.png) no-repeat 50% 50%;
   line-height : 4em;
}

img {
   margin-bottom : 1em;
   background : #fff;
   padding : 8px;
   border : 1px solid #666;
   -moz-box-shadow : 5px 5px 15px #999;
   -webkit-box-shadow : 5px 5px 15px #999;
}

img#photo {
   position : absolute;
   top : -50px;
   left : -90px;
   padding : 0;
   border : 0;
   background : none;
   -moz-box-shadow : none;
   -webkit-box-shadow : none;
}

ol, ul {
   margin : 1em 0 1em 2em;
}

ul.gallery {
   list-style-type : none;
   margin : 0 0 86px;
}

.gallery li {
   display : inline;
   margin-right : 12px;
}

p {
   margin-bottom : 1.5em;
}

p.date span {
   font-variant : small-caps;
}

.wrap {
   position : relative;
   width : 940px;
   margin : 0 auto;
}

.details {
   position : relative;
   width : 760px;
   margin : 80px auto 0;
}

.when-where {
   text-align : center;
   font-size : 1.5em;
   padding-bottom : 2em;
   margin-bottom : 2em;
   background : transparent url(../i/hr.png) no-repeat 50% 100%;
   text-shadow: #999 1px 1px 2px;
}

.when-where p {
   margin-bottom : 0.25em;
}

.col {
   width : 350px;
}

.one {
   float : left;
   border-right : 1px dotted #999;
   padding-right : 30px;
}

.two {
   float : right;
}

#map {
   width : 348px;
   height : 247px;
   border : 1px solid #666;
   -moz-box-shadow : 5px 5px 15px #999;
   -webkit-box-shadow : 5px 5px 15px #999;
}

#map img {
   background : none;
   -moz-box-shadow : none;
   -webkit-box-shadow : none;
}

p.footer {
   clear : both;
   float : left;
   width : 760px;
   margin-top : 3em;
   padding : 4em 0 3em;
   background : transparent url(../i/hr.png) no-repeat 50% 0;
   font-style : italic;
   color : #999;
   text-align : center;
}

span.drop {
   font-family : "Goudy Old Style", "Adobe Caslon Pro", Baskerville, "Times New Roman", Times, sans-serif;
   color : #500;
   display : inline;
   float : left;
   font-size : 3em;
   line-height : 0.5em;
   margin : 0;
   padding : 0.33em 0.1em 0 0;
   text-transform : capitalize;
}
