/* --------- /stylesheets/reset.css --------- */ 
/* -------------------------------------------------------------- 
  
   Boilerplate reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 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; background: #fff; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }
/* --------- /stylesheets/public/type.css --------- */ 
/* -------------------------------------------------------------- 
   
   Boilerplate typography.css
   * Sets up some sensible default typography.
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 81.25%; }


/* Default fonts and colors. */
body { font-family: Skia, "Trebuchet MS", Helvetica, Arial, sans-serif; color:#f6e3da;}
h1,h2,h3,h4,h5,h6 { font-family: Skia, "Trebuchet MS", Helvetica, Arial, sans-serif; }
#Nav { font-family: Optima, "Trebuchet MS", Helvetica, Arial, sans-serif;}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.4615em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a { color: #f6e3da; text-decoration:underline; }
a:hover { text-decoration: none; }

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: normal; color:#C7EAFD;}
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* Some default classes
-------------------------------------------------------------- */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #999; }

.hide { display: none; }
.highlight { background: #ffc; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

/* --------- /stylesheets/public/layout.css --------- */ 
/* GRID
-------------------------------------------------------------- */
body {background:#090300 url(/images/layout/background.jpg) no-repeat left top;}
#Nav {position:absolute; left:15px; top:10px; width:200px; padding-bottom:90px;}
#Content {position:absolute; left:245px; top:90px; width:540px; padding-bottom:90px;}


.image_right {float:right; margin:0 0 15px 15px;}



/* SITE NAVIGATION
-------------------------------------------------------------- */
#Nav h1 {margin-left:-5px;}
#Nav ul {margin:2em 0;text-align:center; list-style:none;}
#Nav li {padding:5px 0;}
#Nav ul a {text-decoration:none; padding:5px;}
#Nav ul a:hover {background:url(/images/layout/shaded.png) repeat;}
#Nav #Info {font-size:.8462em;}

/* you are here */
#Nav li.active a {background:url(/images/layout/shaded.png) repeat;}


/* PHOTO GALLERY
-------------------------------------------------------------- */
.gallery_thumbnails {margin:30px 0 15px;}
.gallery_thumbnails {display:block; float:left;}
.gallery_thumbnails img {display:block; float:left; margin-right:33px;}
.gallery_thumbnails img.last {margin-right:0;}
.gallery_nav {text-align:center;}
.current_photo {display:block;}