/*----------------------- document setup/defaults --------------------------------- */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0px; padding: 0px; }

p, h1, h2, h3 { margin-bottom: 10px; }

h1 {
  font-size: 24px;
  font-weight: normal;
  font-style: italic;
}

h2 {
  font-size: 24px;
  font-weight: normal;
  color: #c20000;
}

h3 {
  font-size: 24px;
  font-weight: normal;
  font-style: italic;
  color: #c20000;
  text-transform: lowercase;
}

a img { border: 0px; }

a { color: black; }

a:hover { color: #c20000; }


h2 a {
  color: #c20000;
  text-decoration: none;
}

h2 a:hover { text-decoration: underline; }


input, select { font-size: 11px; }

small { font-size: 10px; }

html {
  height: 100%;
}

body  {
  font-family: Georgia, "Times New Roman", serif;
  font-size:14px;
  background: #FFFFFF;
  margin: 0px;
  color: black;
  line-height:24px;
  height: 100%;
}

.spacer {
  clear: both;
  float: none;
  margin: 0;
  padding: 0;
  border: 0;
  height: 0;
  width: 0;
}




/************* BEGIN FORGE DEFAULTS ***********/
/*--------------- forms ------------- */
table.form {
  font-size: 10px;
  border-top: 1px solid #BFBEAE;
  border-spacing: 0px;
  border-collapse: collapse;
  padding: 0px;
  margin: 0px;
  width: 100%;
}
table.form tr td {
  padding: 6px;
  border-bottom: 1px solid #d2d0bf;
  vertical-align: top;
}

table.form tr td img {
  vertical-align: middle;
}
table.form td.label {
  width: 20%;
  font-size: 9px;
  font-weight: bold;
  color: #665E59;
  text-transform: uppercase;
  vertical-align: top;
}
table.form td.control {
  width: 80%;
  vertical-align: top;
}


/*-------------- posts --------------- */
.pagination-info {
  line-height: 14px;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  padding: 10px;
  margin-bottom: 20px;
  font-size: 11px;
}

.post {
  margin-bottom: 20px;
  float: left;
  width: 343px;
}

.post em {
  font-size: 12px;
}

.post a.read_more {
  color: #c20000;
  font-style: italic;
  font-size: 12px;
}

.post h2, .post h3 {
  margin: 0px;
  padding: 0px;
}

/*---------------- comments ----------------- */
#comments { margin-top: 25px; }
#new-comment { border-top: 1px solid silver; padding-top: 10px; }
/*#comment-message { float: left; width: 58%; }
#comment-details { float: right; width: 38%; } */
#comment-details strong small { font-weight: normal; }
#comment-details input.textfield { width: 100%; font-size: 18px; }
#comment-details input.submit { font-size: 14px; }
#comment-details p { margin-bottom: 20px; }
#comment-message textarea { height: 193px; width: 100%; }
#new-comment textarea, #new-comment input.textfield { background: #f6f6f6; border: 1px solid #999; }

.avatar { width: 60px; float: left; margin-right: 10px; }
.avatar img { border: 5px solid silver; }
.comment { border-top: 1px solid silver; padding: 15px 0px; font-size: 13px; }

/*------------- photo gallery ------------- */
#photo-thumbnails {
  list-style: none;
}

#photo-thumbnails li {
  float: left;
  margin: 0px 26px 25px 0px;
  width: 96px;
  text-align: center;
  font-size: 11px;
}

#photo-thumbnails li img {
  width: 90px;
  height: 90px;
  padding: 2px;
  border: 1px solid silver;
}

#photo-thumbnails li.last {
  margin-right: 0px;
}

#photo-thumbnails li.spacer {
  margin-right: 0px;
  width: 0px;
}


#photo-thumbnails li a {
  position: static;

}


/*------------- flash messages ------------- */
.flash-msg, .errorExplanation {
  padding: 5px 10px 5px 30px;
  margin-top: 10px;
  margin-bottom: 15px;
  font-weight: bold;
}
#flash-notice {
  color: #577700;
  border: 1px solid #658900;
  background: url(/images/icon_accept.gif) #E9F1D5 no-repeat 6px 6px;
}
.errorExplanation, #flash-warning, #flash-error {
  color: red;
  border: 1px solid red;
  background: url(/images/action_stop.gif) #FFC9C9 no-repeat 8px 6px;
}

.errorExplanation h2 {
  color: red;
  text-transform: none;
  margin-top: 2px;
}
div.fieldWithErrors {
  display: inline;
}

/*--------------- main page layout -----------------------*/
/*--------------- ie. not the photo gallery --------------*/

body {
  background: #f5f5f5 url(../images/bg.png) no-repeat top center;
  text-align: center;
}

#wrapper {
  position: relative;
  width: 888px;
  margin: auto;
  text-align: left;
  height: 100%;
}

#left {
  background: url(../images/left_bg.png) repeat-y left;
  width: 343px;
  padding: 0px 102px;
  float: left;
  min-height: 100%;
}

#left #header {
  margin-top: 80px;
  margin-bottom: 55px;
}

#left #menu {
  margin-bottom: 55px;
  font-size: 13px;
  text-transform: lowercase;
  font-style: italic;
}

#left #menu ul {
  list-style-type: none;
}

#left #menu ul li {
  display: inline;
  margin-right: 20px;
  position: relative;
}

#left #menu ul li a {
  text-decoration: none;
}

#left #menu ul li a:hover, #left #menu ul li.active a {
  color: #c20000;
  border-bottom: 1px solid #c20000;
}

#submenu {
  position: absolute;
  top: 20px;
  left: -50px;
  line-height: 13px;
  width: 343px;
}

#bracebar {
  background: url("../images/brace-bg.jpg") repeat-x;
  height: 13px;
}

#bracebar #brace-left {
  float: left;
}

#bracebar #brace-middle {
  position: relative;
  left: 35px;
}

#bracebar #brace-right {
  float: right;
}

#submenu ul {
  list-style-type: none;
  text-align: justify;
  display: inline;
}

#submenu ul.submenu_ul li.submenu_li {
  display: inline;
  margin: 3px;
  margin-right: 3px !important;
}

#submenu ul li a {
  text-decoration: none;
  color: #c20000;
}

#current_gallery {
  border-bottom: 1px solid #c20000;
  color: #c20000;
  text-weight: bold;
}

#submenu ul li a:hover {
  text-decoration: underline;
}

.hidden {
  visibility: hidden;
  display: block;
}

#left #content #posts {
  width: 757px;
  text-align: left;
}

#left #content p:last{
  min-height: 150px;
}

#left #footer {
  padding-top: 40px;
  padding-bottom: 55px;
  margin-bottom: 55px;
  font-size: 13px;
  text-transform: lowercase;
  text-align: center;
}

#left #footer ul {
  list-style-type: none;
  width: 200px;
  margin: auto;
}

#left #footer ul li {
  width: 100px;
  text-align: center;
}

#left #footer ul li#left_link {
  float: left;
}

#left #footer ul li#left_link img {
  vertical-align: bottom;
}

#left #footer ul li#right_link {
  float: right;
}

#left #footer ul li a {
  color: #c20000;
  text-decoration: none;
}

#right-wrapper {
  position: absolute;
  top: 0px;
  left: 590px;
  width: 300px;
}

#right {
  background: url(../images/right_bg.png) repeat-y center;
  width: 184px;
  padding: 10px 66px;
  /*overflow: hidden;*/
  font-size: 12px;
  line-height: 18px;
}

#right-bottom {
  background: url(../images/right-bottom_bg.png) repeat-y top center;
  width: 184px;
  height:56px;
  padding: 0px 66px 10px 66px;
  overflow: hidden;
}

/**************** gallery styling *********************************/

#gallery {
  position: relative;
  left: -88px;
  width: 872px;
  padding: 18px;
  background: #f5f5f5;
}

#gallery_prev, #gallery_next {
  background: url(../x.gif);
  position: absolute;
  top: 18px;
  height: 273px;
  width: 70px;
  padding-top: 237px;
  z-index: 300;
}

#gallery_prev {
  left: 18px;
  text-align: right;
}

#gallery_next {
  left: 820px;
}

#gallery_viewer {
  position: relative;
  background: #f5f5f5;
  width: 872px;
  height: 510px;
  overflow: hidden;
}

#gallery_viewer ul {
  list-style-type: none;
  width: 30000px;
}

#gallery_viewer ul li {
  display: inline;
}

#gallery_nav {
  float: right;
}

#gallery_nav ul {
  list-style-type: none;
}

#gallery_nav ul li {
  display: inline;
}

#gallery_nav ul li a {
  text-decoration: none;
}

#gallery p {
  width: 343px;
}

/* ---------------- page and post images -----------------------*/

div#page_image {
  position: absolute;
  top: 231px;
  padding: 10px;
  padding-bottom: 2px;
  left: 529px;
  background: #f5f5f5;
}

div.post_image_main_page {
  position: relative;
  float: right;
  padding: 10px;
  padding-bottom: 2px;
  top: -10px;
  background: #f5f5f5;
}

div.hr_short {
  width: 343px;
  height: 20px;
  border-top: 1px solid black;
}

a.tooltip {
  text-decoration:none;
  color:black;
  position:relative;
  display:block;
  float:left;
  margin-top:10px;
  margin-right:10px;
}

a.tooltip span.text {
  background:#f5f5f5;
  position:absolute;
  top:35px;
  left:-90px;
  display:none;
  z-index:99;
  border:2px solid #c20000;
  padding:10px;
  width:200px;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  box-shadow:5px 5px 5px #999,1px 1px 1px #999 inset;
  box-shadow:5px 5px 5px rgba(153,153,153,0.5), 1px 1px 1px rgba(153,153,153,0.5) inset;
  -webkit-box-shadow:5px 5px 5px #999,1px 1px 1px #999 inset;
  -webkit-box-shadow:5px 5px 5px rgba(153,153,153,0.5), 1px 1px 1px rgba(153,153,153,0.5) inset;
  -moz-box-shadow:5px 5px 5px #999,1px 1px 1px #999 inset;
  -moz-box-shadow:5px 5px 5px rgba(153,153,153,0.5), 1px 1px 1px rgba(153,153,153,0.5) inset;
}

.facebook-icon {
  background:url(/images/social-icons.png) top right no-repeat;
  width:26px;
  height:26px;
}

.twitter-icon {
  background:url(/images/social-icons.png) top  no-repeat;
  width:31px;
  height:26px;
}

.photoshelter-icon {
  background:url(/images/social-icons.png) top left no-repeat;
  width:30px;
  height:26px;
}

a.tooltip:hover span.text {
  display:block;
}

a.tooltip:hover .facebook-icon {
  background-position:bottom right;
}

a.tooltip:hover .twitter-icon {
  background-position:bottom ;
}

a.tooltip:hover .photoshelter-icon {
  background-position:bottom left;
}