/* COLORS
--------------------------------------------------------------------------------
bgcolor          = #000000
textcolor        = #FFFFFF
linkcolor        = #FFB070
visitedlinkcolor = #FFB070
bordercolor      = #888888
pagetitlecolor   = #bbbbbb
titlecolor       = #bbbbbb
----------------------------------------------------------------------------- */

/* HTML & BODY
----------------------------------------------------------------------------- */
html {
  overflow-y: scroll;
}

body {
  background:#000000; /*$bgcolor;*/
  margin:0;
  color:#FFFFFF; /*$textcolor;*/
  font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
}

/* LINKS
----------------------------------------------------------------------------- */
a:link, .link {
  color:#FFB070; /*$linkcolor;*/
  text-decoration:none;
}
a:visited {
  color:#FFB070; /*$visitedlinkcolor;*/
  text-decoration:none;
}
a:hover, .link:hover {
  color:#FFFFFF; /*$textcolor;*/
  text-decoration:none;
  text-decoration:underline !ie-only;
  text-shadow:#FFB070 0px 0px 4px, #FFB070 0px 0px 4px, #FFB070 0px 0px 4px, #FFB070 0px 0px 4px; /*linkcolor*/
}

/* CONTAINER
------------------------------------------------------------------------------*/
#outer-wrapper {
/* Contains wrap2 */
  position: relative;
  width: 880px;
  margin:0 auto;
  text-align:left;
  font: normal normal 100% Verdana, sans-serif; /*$bodyfont;*/
}

#wrap2 {
/* Contains header-wrapper, content-wrapper, footer */
}

/* HEADER
------------------------------------------------------------------------------*/
#header-wrapper {
/* Contains header */
  width:880px;
  margin:0px auto;
}

#header {
  width:820px;
  margin: 0px auto;
  border: 0px solid #888888; /*$bordercolor;*/
  color:#FFF; /*$pagetitlecolor;*/
}

#header img {
  border:1px solid #888888; /*$bordercolor;*/
}

#title {
  width:820px;
  height: 50px;
  text-align: left;
}

#header .title {
  vertical-align: top;
  padding: 16px 0px 0px;
  border: 0px;
  width:217px;
  height:30px;
}

#header .subtitle {
  vertical-align: top;
  padding: 0px 4px;
  border: 0px;
  height: 80px;
}

#header .banner {
  width: 818px;
  height: 175px;
}

/* NAVIGATION
------------------------------------------------------------------------------*/
#main-nav {
  width: 820px;
  margin: 0px auto;
}

#main-nav ul {
  margin:0;
  padding:5px 0;
  list-style-type: none;
  font-variant:small-caps;
  font-size: 13pt;
}

#main-nav ul li {
  padding:0 30px 0 0;
  display:inline;
}

#main-nav .active a:before {
  content: "-";
}

#main-nav .active a:after {
  content: "-";
}

#sub-nav {
  padding-top: 1em;
  width: 100%;
}

#sub-nav ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 10pt;
}

#sub-nav ul li {

  height:25px;
  line-height:25px;
  list-style:none;
}

#sub-nav .active {
  font-weight:bold;
}

#sub-nav .active a:after {
  content: "\0020 \00BB";
}

#sub-nav ul li a {
  display:block;
  height:100%;
  width:90%;
  padding-left:10%;
  border-bottom:1px dotted #444444;
  text-shadow:none;
}

#sub-nav ul li a:hover {
  background-color:#D08000;
  border:1px solid #444444;
  text-shadow:none;
}

#sub-nav ul li form {
  padding: 10px 10%;
}

#sub-nav ul li .button {
  padding: 0px 3px;
}

/* CONTENT
------------------------------------------------------------------------------*/
#content-wrapper {
/* Contains main-wrapper, sidebar-wrapper, overlay */
  position: relative;
  width: 880px;
  width/**/:/**/ 820px;
  padding:30px 30px;
}

#main-wrapper {
/* Contains posts */
  position: relative;
  width: 644px;
  float: right;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
/* Contains widgets */
  position: relative;
  width: 150px;
  float: left;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

/* HEADINGS
------------------------------------------------------------------------------*/
h2 {
  margin:1.5em 0 .75em;
  font: normal bold 78% Arial, sans-serif; /*$headerfont*/
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color: #888888; /*$sidebarcolor*/
}

h3 {
  margin:.25em 0 0;
  padding:0 1px 4px;
  font-size:1.4em;
  font-weight:bold;
  line-height:1.4em;
  color:#bbbbbb; /*$titlecolor;*/
  text-shadow: black 1px 1px 0px, #bbbbbb 0px 0px 5px; /*$titlecolor*/
}

h4 {
  font-size:1.1em;
  text-shadow: black 1px 1px 0px, #ffffff 0px 0px 4px; /*$textcolor*/
}

h5 {
  font-size:0.9em;
  font-style:italic;
  text-shadow: black 1px 1px 0px, #ffffff 0px 0px 3px;  /*$textcolor*/
  margin: 2em 0 .75em;
}

/* POSTS
------------------------------------------------------------------------------*/
h2.date-header {
  margin:1.5em 0 .5em;
}

.post {
  margin:.5em 0 1.5em;
  /*border-bottom:1px dotted #888888;*/ /*$bordercolor;*/
  padding-bottom:0.5em;
  text-align: justify;
}

.post h3 a, .post h3 a:visited {
  color:#bbbbbb; /*$titlecolor;*/
  font-weight:bold;
}

.post h3 a:hover {
  color:#FFFFFF; /*$textcolor;*/
}

.post p {
  margin:0 0 .75em;
  line-height:1.6em;
}

.post iframe, .post img, .pwi_album img, .pwi_photo img {
  padding: 1px;
  border: 1px solid #888888; /*$bordercolor;*/
}

.post a img:hover, .pwi_album img:hover, .pwi_photo img:hover {
  border: 1px solid #FFFFFF; /*$textcolor;*/
}

.floatl img {
  float:left;
  margin-right:16px;
  margin-bottom:10px;
}

.floatr img {
  float:right;
  margin-left:16px;
  margin-bottom:10px;
}

.splitl img {
  margin-left: auto;
  margin-right: 1px;
}

.splitr img {
  margin-left: 1px;
  margin-right: auto;
}

.post ul {
  margin-left:0;
  padding-left:1em;
  text-align:left;
}

.post ul li {
  padding-bottom:10px;
}

/* FOOTER
------------------------------------------------------------------------------*/
#footer
{
  width:820px;
  clear:both;
  margin:0 auto;
  padding: 0;
  line-height: 1.6em;
  text-transform:uppercase;
  text-align: center;
  border-top:1px solid #888888; /*$bordercolor;*/
}

#footer ul {
  margin: 0px;
  padding: 0px;
}

#footer ul li {
  display:inline;
  padding: 0px 10px;
}

/* FORMS
------------------------------------------------------------------------------*/
input, textarea {
  background-color: #FFB070;
  border: 1px solid #888888;
}

.button {
  padding: 3px;
  border:2px solid #555;
  border-top:2px solid #DDD;
  border-left:2px solid #DDD;
  cursor: pointer;
  text-shadow: 0px 1px 0px #DDD;
  font-weight: bold;
}

form {
  width:100%;
  vertical-align:top;
  overflow:visible;
}

.form-error {
  font-weight:bold;
  font-style:italic;
}

form div {
  margin: 0 0 1em;
}

form label, form .label {
  font-weight:bold;
  display:block;
  float:left;
  width:28%;
  margin-top: 5px;
  line-height:1.4em;
}

form .radio {
  float:left;
}

form .field {
  display:block;
  margin:10px 0px 10px 28%;
}

form .field div {
  margin-top:0px;
  margin-bottom:0px;
}

form .field label {
  font-weight:normal;
  float:none;
  margin-left:30px;
  width:100%;
}

/* FAQ
------------------------------------------------------------------------------*/
#faq {
}

#faq .question {
  font-weight:bold;
  font-style:italic;
  padding-top:1.5em;
  color:#bbbbbb;
}

#faq p.question:before {
  content: "Q. ";
}

#faq .answer {
  padding-left:2.5em;
}

/* GUESTBOOK
------------------------------------------------------------------------------*/
#guestbook {
  margin: auto;
  width: 98%;
  border-collapse:collapse;
}

#guestbook th {
  padding: 5px;
  text-align:center;
}

#guestbook td {
  padding: 5px;
  border: 1px solid #444444;
}

#guestbook tr.table-header {
  color:#FFB070;
}

#guestbook tr.row-header td {
  border-top: 1px solid #FFB070;
}

#guestbook td.number {
  width: 7%;
  text-align:center;
  border-left: 0px;
}

#guestbook td.name {
  width: 31%;
  text-align:left;
  padding-left: 15px;
  padding-right: 15px;
}

#guestbook td.relation {
  width: 31%;
  text-align:left;
  padding-left: 15px;
  padding-right: 15px;
}

#guestbook td.date {
  width: 31%;
  text-align:center;
  border-right: 0px;
}

#guestbook tr.comment td {
  padding-bottom: 25px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-align:left;
  font-style:italic;
}