/* HTML TAGS & RESETS */
html { font-size: 100%; }
body {
  width: 800px; /* FOR IE6 & NON-JS */
  min-width: 800px;
  max-width: 2000px;
  margin: 0 auto;
  padding: 0;
  color: #000;
  text-align: center;
  font: normal 62.5% "trebuchet ms", arial, helvetica, sans-serif;
}
html>body { width: auto; min-width: 800px; max-width: 1800px; }
h1, h2 { font-family: tahoma, geneva, arial, sans-serif; }
h1 {
  margin: 0;
  padding: 0.55em 0;
  font-size: 2.5em;
  color: #000;
}
h2 { margin: 0 0 0.75em 0; padding-left: 18px; font-size: 1.5em; }
hr,p,ul,form,ol.pagination,#thumbs,div.journal-index, dl.vitals, #your-photo-cart { margin: 0 0 0.75em 0; padding: 0; }
/* FORMS */
input.text, textarea {
  margin: 0.2em 0 0.35em 0;
  padding: 0.15em 0.2em;
  font: normal 1em trebuchet ms, arial, helvetica, sans-serif;
  border: 1px;
  border-style: solid;
  border-color: #333 #ccc #ccc #333;
}
textarea { width: 97%; }
select { margin-top: 0.2em; font: normal 1em trebuchet ms, arial, helvetica, sans-serif; }
input.button {
  padding: 0.1em 0.5em;
  font: normal 1.1em tahoma, geneva, arial, sans-serif;
  line-height: 1.0em;
  border: 1px;
  border-style: solid;
  border-color: #ccc #333 #333 #ccc;
}
button {
  margin: 0;
  padding: 0.18em 0.75em;
  background: #fff url(/images/blogs/order-print-bk.gif) 0 100% repeat-x;
  border: 1px solid #fc3;
}
button:link, button:visited { color: #484848; }
button:hover, button:active { color: #f60; border-color: #f60; }
p.req-leg { position: relative; margin-bottom: -0.75em; font-size: 0.95em; text-align: right; }
ul.form_error { padding: 0.55em 0.75em; background: #fbd1d1 url(/images/structure/flash.gif) 0 -225px repeat-x; border: 1px dotted #c00; }
ul.form_error li { list-style-type: none; }
ul.form_error li ul { margin: 0.33em 0 0 0; padding: 0; color: #c00; }
ul.form_error li ul li { margin-left: 0.33em; padding-left: 14px; background: url(/images/elements/checks.gif) 0 -200px no-repeat; }
/* PAGE STRUCTURE */
#container {
  width: 85%;
  margin: 0 auto;
  padding: 0;
  font-size: 1.60em;
}
#skip-nav { display: none; }
#nav { margin: 0; padding: 0; text-align: center; border-bottom: 1px solid #333; }
#nav ul { margin: 0; padding: 0; font: bold 1.25em "trebuchet ms", arial, helvetica, sans-serif; list-style-type: none; }
#nav ul li { position: relative; top: -0.25em; display: inline; margin: 0 0.1em; padding: 0; }
#nav ul li a, #nav ul li.current {
  margin: 0;
  padding: 0.25em 0.55em;
  text-decoration: none;
  border: 1px solid #333;
  border-bottom: none;
}
#nav ul li.current { margin: 0 0.1em; border-bottom: 1px solid #fff; }
/*SERVER MESSAGES*/
#flash-notice, #flash-warning, #flash-error {
  margin: 0 0 0.75em 0;
  padding: 0.75em 1%;
  color: #2e5c22;
  background: #dff1da url(/images/structure/flash.gif) 0 0 repeat-x;
  border: 1px dotted #7ccd66;
}
#flash-warning { color: #a58703; background-color: #f5f1d6; background-position: 0 -125px; border: 1px dotted #e6bb03; }
#flash-error { color: #c00; background-color: #fbd1d1; background-position: 0 -225px; border: 1px dotted #c00; }
#flash-notice li, #flash-warning li, #flash-error li { list-style-type: none; padding-left: 14px; color: #000; background: url(/images/elements/checks.gif) 0 0 no-repeat; }
#flash-warning li { background-position: 0 -100px; }
#flash-error li { background-position: 0 -200px; }
#content {
  margin: 0;
  padding: 0 1.5em;
  text-align: left;
  background: #fff url(../images/blogs/content-bk.gif) 61% 50% repeat-y;
  border-top: 2.0em solid #fff;
  border-bottom: 2.0em solid #fff;
}
#main, #contextual { margin: 0; padding: 0; }
#main { float: left; width: 59%; }
#main.blogs p, #main.journals p, #main.guestbook p, #main.guestbook .guest-entry, #main.contact p { font: normal 1.1em/1.45em georgia, serif; }
#contextual { float: right; width: 36%; }
#contextual h2 { font-size: 1.25em; }
#footer { clear: both; padding-top: 0.75em; font-size: 0.98em; border-top: 1px solid #555; }
#footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0.75em 0;
  font-size: 0.90em;
  background: url(../images/blogs/bl.gif) no-repeat bottom left;
}
#footer ul li { display: inline; margin: 0; padding: 0; }
#footer ul li#privacy { margin-right: 0.66em; padding-right: 0.66em; border-right: 1px solid #333; }
/* PAGINATION */
ol.pagination { position: relative; padding: 0.25em 0.33em 0.25em 22%; font-size: 0.93em; text-align: right; color: #555; border-top: 1px dotted #e2e2e2; border-bottom: 1px dotted #e2e2e2; }
ol.pagination li { display: inline; height: 0; margin-right: 0.33em; padding-right: 0.33em; border-right: 1px solid #e2e2e2; }
ol.pagination li#summary { position: absolute; left: 0.33em; margin: 0; padding: 0; border: 0; }
ol.pagination li.next { padding-right: 0; border-right: 0; }
ol.pagination li.na { color: #fff; border-right: none; }
/* PHOTOS */
img.photo {
  display: block;
  margin: 0;
  padding: 7px;
  border: 1px;
  border-style: solid;
  border-color: #ccc #666 #666 #ccc;
  background: #fff;
}
#home-photo { float: left; margin: 0 0.75em 0.55em 0; }
#vitals-photo { float: right; margin: 0 0 0.55em 0.75em; }
/* THUMBNAILS */
#thumbs { text-align: center; }
#thumbs p { margin: 0; color: #555; font-size: 0.89em; }
#thumbs img.photo { display: inline; margin: 0.55em; }
/* ALBUMS */
ul#albums { margin-left: 1.5em; list-style-type: none; }
ul#albums li { margin-bottom: 0.55em; padding-left: 1.5em; background: url(../images/blogs/album.gif) 0 0 no-repeat; }
ul#albums li.updated { background: url(/images/blogs/album-updated.gif) 0 0 no-repeat; }
/* JOURNAL */
div.journal-index.last { border: none; }
/* VITALS */
dl.vitals dt { margin: 0 0 0.33em 0; font-weight: bold; }
dl.vitals dd { margin: 0 0 0.75em 1.0em; color: #555; }
/* GUESTBOOK */
#sign-guestbook { padding-bottom: 0.75em; }
.guest-entry { padding: 0.75em 0; }
.guest-entry.last { border: none; }
/* MODULES */
p#latest-photos, p#welcome { padding-bottom: 0.75em; }
#order-photo-products, #your-photo-order { margin-bottom: 0.75em; }
#order-photo-products img { float: left; margin-right: 0.33em; }
p#latest-photos { text-align: center; }
p#latest-photos img.photo { margin: 0 auto; }
#latest-journal { margin-bottom: 0.75em; padding-bottom: 0.37em; font-size: 0.95em; }
#your-photos {
  height: 1%;
  margin: 0 0 0.75em;
  padding: 0.25em  0.25em 45px 0.25em;
  overflow: hidden;
  background: url(/images/blogs/your-photo-order-bk.gif) 50% 100% no-repeat;
  border: 1px solid #fff;
}
#your-photos.predrop { background-color: #ffffe1; border-color: #ffe594; }
#your-photos.dropover { background-color: #e7fbe0; border-color: #7ccd66; } 
#your-photos img.photo { float: left; margin: 3px; padding: 3px; }
#your-photos p.order-photos { font-size: 0.95em; text-align: left; }
#your-photos p.order-photos img { float: left; margin-right: 0.75em; }
#your-photo { position: absolute; }
#photo-controlbar {
  display: none;
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
  background: #4e82af url(/images/blogs/photo-controlbar-bk.gif) 0 0 repeat-x;
  border-style: 1px solid #557793;
  border: 1px;
  border-style: solid;
  border-color: #bbbcbc; #a6a6a6 #a6a6a6 #bbbcbc;
}
#photo-controlbar li { display: inline; width: 45% margin-right: 1%; }
#contextual button { font-weight: bold; }
/* DEMO */
.disabled-for-demo { padding-top: 287px; background: url(/images/blogs/disabled-for-demo.gif) 0 0 no-repeat; }
#main.contact .disabled-for-demo { padding-top: 365px; background-position: 0 -400px; }
#contextual .disabled-for-demo { padding-top: 40px; background-position: 0 -860px; }
/* TYPE STUFF */
a span.ak { text-decoration: underline; }
.req,.new { color: #c00; }
span.new, strong.new { padding-left: 18px; background: url(/images/icons/new16x10.gif) 0 0.22em no-repeat; }
h2 span.new { padding: 0 18px 0 0; background-position: 100% 0.22em; }
/* UTILITIES */
#content, .pagination, #order-photo-products p { height: 1%; overflow: hidden; }
