/* MAIN LAYOUT */

body {
  margin: 20px 20px 0 20px;
  padding: 0;
  text-align: center;
  background-color: #464a36;
}

* html body { margin: 0px;} /* this is a hack for IE */

#frame {
  margin-right: auto;
  margin-left: auto;
  margin-top: 0px;
  width: 776px;
}
body>#frame {
  margin-top: -20px;
}
#container {
  margin: 0px;
  background: #815602;
  width: 776px;
  text-align: left;
  background-image: url('images/dapithapon_contentbg.gif');
  background-repeat: repeat-y;
  background-position: 0px 0px;
}

/* HEADER */

#headercontainer {
  margin: auto;
  height: 131px;
  background-image: url('images/dapithapon_header.jpg');
  background-repeat: no-repeat;
  background-position: center bottom;
  padding: 0px 0px 0px 0px;
}
#headercontainer h1 {
  margin: auto;
  font-family: Georgia,"Times New Roman", Times, serif;
  font-size: 34px;
  font-variant: small-caps;
  font-weight: normal;
  padding: 50px 0px 0px 45px;
}
* html #headercontainer h1 {
  padding: 30px 0px 0px 45px;
}

/* this is a hack for IE */
#headercontainer h1 a {
  color: #000000; 
  text-decoration: none;
}
#headercontainer h1 a:hover {
  color: #952A04;
  text-decoration: none;
}
#headercontainer h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 15px;
  font-weight: normal;
  font-style: italic;
  color: #F4CD53;
  padding: 0px 0px 0px 45px;
  margin: -8px auto;
}
* html #headercontainer h2 {
  padding: 0px 0px 0px 45px;
  margin: -27px 0px 0px 0px;
}
/* this is a hack for IE */

/* OTHER LAYOUT AREAS*/

#wrapper {
  margin: 0px 0px 0px 12px;
  padding: 0;
  width: 752px;
  vertical-align: text-top;
  font-family: Arial, Helvetica, sans-serif; font-size:11px;
}
#side {
  margin: 0;
  padding: 0;
  width: 197px;
  background: #625c47;
  float: right;
  position: relative;
}
#content {
  margin: 0;
  padding: 34px 0 0 0;
  width: 555px;
  float:left;
  background: #fef2ce;
  background-image: url('images/dapithapon_maincontentbg.gif');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  text-align: center;
}

/* PAGES STYLES */

#content_pages {
  margin: 0;
  padding: 24px 0 0 0;
  width: 555px;
  float: left;
  background: #fef2ce;
  background-image: url('images/dapithapon_maincontentbg.gif');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  text-align: center;
}
.pagesheader {
  width: 555px;
  height: 74px;
  background-image: url('images/dapithapon_postbg.jpg');
  background-repeat: no-repeat;
  background-position: left top;
  padding: 0px;
  margin: 0;
}
.pagetitlebox {
  width: 520px;
  float: left;
  margin: 0;
  padding: 0 0 0 35px;
  text-align: left;
  border-bottom: 1px solid #952A04;
  color: #952A04;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  font-weight: bold;
}
* html .pagetitlebox {
  width: 520px;
}
.pagestext { 
  width: 515px;
  float: right;
  margin: -55px 0px 0 0;
  padding: 0 10px 20px 0;
  text-align: justify;
  line-height: 19px;
  font-size: 14px;
  color: #220F02;
}
* html .pagestext {
  margin: -35px 0px 0px 0;
  padding: 0 10px 0px 0;
}

/* POST STYLES */

.datetitlewrapper {
  width: 548px;
  height: 74px;
  background-image: url('images/dapithapon_postbg.jpg');
  background-repeat: no-repeat;
  background-position:left top;
}
.datebox {
  width: 54px;
  float: left;
  height: 50px;
  margin: 0px;
  background: #952A04;
}
.titlebox {
  float: right;
  height: 74px;
  width: 487px;
  text-align: left;
  line-height: 18px;
}
.datenum {
  height: 34px;
  font-family: "Times New Roman", Times, serif;
  color: #FBEAB2;
  text-align: center;
  font-size: 36px;
  padding: 0px;
}
* html .datenum {
  margin-bottom: -7px;
}
.dateother {
  height: 20px;
  font-family: Arial, Helvetica, sans-serif;
  color: #FBEAB2;
  text-align: center;
  font-size: 9px;
  text-transform: uppercase;
}
.entrytitlebox {
  text-align: left;
  padding: 0px;
  color: #952A04;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  font-weight: normal;
}
.entrytitlebox a {
  color: #952A04;
  text-decoration: none;
}
.entrytitlebox a:hover {
  color: #952A04;
  text-decoration: underline;
}
.comtitlebox {
  float: left;
  margin-top: 5px;
  height: 56px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #625c47;
  line-height: 11px;
}
.comtitlebox a {
  color: #423c28;
  text-decoration: none;
}
.comtitlebox a:hover {
  color: #625c47;
  text-decoration: none;
}
.entrybox {
  width: 548px;
  margin: 0px auto 40px auto;
  padding: 0px;
  float: left;
}
.entrytext {
  width: 515px;
  float: right;
  margin: -15px 0px 0 0;
  padding: 0 10px 0 0;
  text-align: justify;
  line-height: 19px;
  font-size: 12px;
  color: #220F02;
}
.entrytext small {
  line-height: normal;
  color: #625c47;
  padding: 10px 0 10px 0;
  border-top: 1px solid #625c47;
  border-bottom: 1px solid #625c47;
  display: block;
  margin: 10px 0 10px 0;
}
.entry text small a {
  color: #311D0A;
  text-decoration: none;
}
.entrytext small  a:hover {
  color: #952A04;
  text-decoration: none;
}
* html .entrytext {
  margin: -10px 0px 0 0;
}

/* NEXT-BACK styles */

.nextbackbox {
  width: 538px;
  float: left;
  margin: 0px 0 10px 0;
  font-size: 11px;
}
.prevbox {
  width: 40%;
  float: left;
  text-align: left;
  padding: 2px 0 0 10px;
}
.nextbox {
  width: 40%;
  float: right;
  text-align: right;
  padding: 2px 0px 0 0;
}
.attachmentlinks {
  width: 90%;
  float: left;
  text-align: left;
  padding: 2px 0 0 10px;
}

/* FOOTER STYLES */

#footer {
  margin: 0 0 0 0;
  padding: 20px 0 0 0;
  width: 776px;
  height: 92px;
  clear: both;
  background-image: url('images/dapithapon_footer.jpg');
  background-repeat: no-repeat;
  background-position: center bottom;
}
* html #footer {
  padding: 35px 0 0 0;
}
#footerlinks {
  width: 314px;
  padding: 60px 0px 0px 0px;
  margin: 0px 22px 0px 0px;
  color: #625c47;
  text-align: right;
  float: right;
  font-family: "Times New Roman", Times, serif;
  font-size: 12px;
}
#footerlinks a {
  color: #fef2ce;
  text-decoration: none;
}
#footerlinks a:hover {
  color:#FFFFFF;
  text-decoration: underline;
}
* html #footerlinks {
  margin: 0px 12px 0px 0px;
}
.indented {
  display: block;
  margin: 0px 0px 0px 32px;
}
#copyright {
  width: 394px;
  padding: 62px 0px 0px 0px;
  margin: 0px 0px 0px 22px;
  color: #fef2ce;
  text-align: left;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}
#copyright a {
  color: #fef2ce;
  text-decoration: none;
}
#copyright a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
* html #copyright {
  margin: 0px 0px 0px 12px;
}

/* SIDE NAV STYLES */

.sidenavbox {
  width: 176px;
  margin: 7px auto 5px auto;
  padding: 0 0 3px 0;
}
* html .sidenavbox {
  margin: -9px auto 5px auto;
  width: 166px;
}/* hack use to make Pages nav align to header */

.sidenavbox ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}
ul.pagelink {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
  border: none;
}
li.pagelink {
  margin: 0px 0px 0px 0px;
}
li.pagelink a {
  font-family: "Times New Roman", Times, serif;
  font-size: 16px;
  display: block;
  padding: 3px 5px 3px 10px;
  background-color: #47412e;
  color: #fef2ce;
  text-decoration: none;
  border-bottom: 1px solid #625c47;
  width: 100%;
}
* html li.pagelink a {
  margin: 0px 0px 0px 0px;
}
html>body li.pagelink a {
  width: auto;
}
li.pagelink a:hover {
  display: block;
  background-color: #9b937c;
  color: #FBE452;
  border-bottom: 1px solid #000;
  padding: 3px 5px 3px 10px;
}
* html li.pagelink a:hover {
  width: 100%;
}
.sidenavbox h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 13px;
  color: #C0B298;
  background-image: url('images/dapithapon_subhead.gif');
  background-repeat: no-repeat;
  background-position: left bottom;
  width: 100%;
  line-height: 23px;
  margin: 0px;
  padding: 0px 0px 0px 18px;
}
.list2 {
  padding: 0px 0px 10px 0px;
  margin: 0px;
  color: #fef2ce;
}
ul.linklist {
  padding: 0px;
  margin: 0px;
}
ul.linklist li {
  padding: 0px;
  margin: 0px;
}
.sidenavbox a {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 3px;
  margin: 0px;
  background-color: #625c47;
  color: #492D08;
  text-decoration: underline;
}
* html .sidenavbox a {
  margin: 0 0 -15px 0;
}
.sidenavbox a:hover {
  background-color: #694504;
  color: #fef2ce;
  text-decoration: none;
}

/* FORM STYLES */

input.buttonstyle {
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #593906;
  margin: 1px;
  color: #fef2ce;
  border-top: 1px solid #714B04;
  border-left: 1px solid #714B04;
  border-right: 1px solid #492E08;
  border-bottom: 1px solid #492E08;
}
input.fieldstyle {
  font-family: Arial, Helvetica, sans-serif; font-size: 11px;
  background-color: #FFFFFF;
  padding: 1px;
  width: 150px;
  border: 1px solid #B0DFEC;
  color: #492E08;
}
input.fieldstyle2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #FFFFFF;
  padding: 1px;
  width: 100px;
  border: 1px solid #B0DFEC;
  color: #492E08;
}
textarea.fieldstyle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #FFFFFF;
  padding: 1px;
  width: 250px;
  border: 1px solid #B0DFEC;
  color: #492E08;
}

/* LINKS AND ARCHIVES PAGE LIST STYLES */

ul.listsforpages {
  list-style: none;
}
ul.listsforpages li {
  margin: 0 0 10px 0;
}
ul.listsforpages h2 {
  font-weight: normal;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size:15px;
}

/* ARCHIVE PAGE STYLES */

.headerforarchive {
  font-weight: normal;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 15px;
}
.titleboxarchive {
  color: #952A04;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  font-weight: normal;
}
.archivedatebox {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #625c47;
  line-height: 11px;
}
.archivedatebox a {
  color: #47412e;
  text-decoration: none;
}
.archivedatebox a:hover{
  color: #952A04;
  text-decoration: none;
}
.archivetext {
  width: 515px;
  float: right;
  margin: 0;
  padding: 0 10px 20px 0;
  text-align: justify;
  line-height: 19px;
  font-size: 12px;
  color: #220F02;
}

/* COMMENTS STYLES */

h3.comnumber {
  font-weight: normal;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 16px;
  color: #952A04;
}
.alt {
  width: 495px;
  float: left;
  padding: 10px 10px 0 10px;
  background: #B28C44;
  margin: 0 0 1px 0;
}
.even {
  width: 495px;
  float: left;
  padding: 10px 10px 0 10px;
  background: #AD8A49;
  margin: 0 0 1px 0;
}
.authorline {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 12px;
  color: #492E08;
  float: left;
  display: block;
}
.authorname {
  text-transform: uppercase;
  font-weight: bold;
}
.authorname a {
  color: #492E08;
  text-decoration: none;
}
.authorname a:hover {
  color: #625c47;
  text-decoration: none;}
.dateline {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #625c47;
  width: 480px;
}
.dateline a {
  color: #625c47;
  text-decoration: none;
}
.dateline a:hover {
  color: #492E08;
  text-decoration: none;
}
.commentbody {
  text-align: justify;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: normal;
}
.reply {
  width: 503px;
  float: left;
  padding: 5px 5px 5px 5px;
  border: 1px solid #B28C44;
  margin: 0 0 1px 0;
}

/* GENERAL TEXT STYLES */

body {
  font-family: Arial, Helvetica, sans-serif;
}
a {
  color: #952A04;
}
a:hover {
  color:#FFFFFF;
}
blockquote {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
  font-style: italic;
  border-left: 10px double #952A04;
  padding: 0 0 0 10px;
  color: #952A04;
}
h3.commentsheader {
  color: #952A04;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
}
.nocomments {
  display: block;
  float: right;
  margin: 10px 0px 0 0;
  padding: 0 10px 0 0;
  text-align: justify;
  line-height: 19px;
  font-size: 12px;
  color: #220F02;
}
img.alignright {
  margin: 10px 0px 10px 10px;
}
img.alignleft {
  margin: 10px 10px 10px 0px;
}

/* CUSTOM STYLES */

h3.subtitles {
  padding: 0 0 5px 10px;
  margin: 40px 0 0 0;
  border-bottom: 1px solid #952A04;
  color: #952A04;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  font-weight:bold;
}

/* DROPDOWN */

.save {
  behavior: url(#default#savehistory);
}
a.dsphead {
  text-decoration: none;
  margin-left: 15px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
}
a.dsphead:hover {
  color: #952A04;
  text-decoration: underline;
}
a.dsphead span.dspchar {
  font-family: monospace;
  font-weight: normal;
}
.dspcont {
  display: none;
  margin-left: 15px;
}