/* MAIN LAYOUT */
body { margin: 20px 20px 0 20px; padding: 0; text-align: center; background-color: #84aee2;	
background-image: url('images/bakgrund.jpg');
background-repeat: no-repeat;

}
* 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: #555555; 
width: 776px; 
text-align: left; 
background-image:url('images/dapithapon_contentbg.png');	
background-repeat:repeat-y; background-position:0px 0px;}


/* HEADER */
#headercontainer { margin:auto; height: 131px; background-image:url('images/dapithapon_header.png'); 
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: black; 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: #555555; float:right; position:relative;}

#content {margin:0; padding:34px 0 0 0; width: 555px; float:left; background:#dddddd; background-image:url('images/dapithapon_maincontentbgX.gif');background-repeat:no-repeat; 
background-position:0px 0px; text-align:center;}

/* PAGES STYLES */
#content_pages {margin:0; padding:34px 0 0 0; width: 555px; float:left; background:#dddddd;/*#e0dfe3; */
xbackground-image:url('images/dapithapon_maincontentbg.gif');background-repeat:no-repeat; background-position:0px 0px; text-align:center;}

.pagesheader {width:548px; height:74px;	xbackground-image:url('images/dapithapon_postbg.png'); 
background-repeat:no-repeat; background-position:left top; padding:0px; 
margin:0;}
.pagetitlebox {width:548px; float:left; padding:0 0 0 10px; margin:0; text-align:left; border-bottom:1px solid black;	color: black; font-family:Georgia, "Times New Roman", 
Times, serif; font-size:20px; font-weight:bold;}
* html .pagetitlebox {width:538px;}

.pagestext { width:515px; float:right; margin: -55px 0px 0 0; padding: 0 10px 20px 0; text-align:justify; line-height:19px; font-size:12px; 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.png'); background-repeat:no-repeat; background-position:left top; }

.datebox {width:54px; float:left; height:50px; margin:0px; background:transparent;}
.titlebox {float:right; height:74px; width:487px; text-align:left; line-height:18px;}

.datenum {
	position: relative;
top: 15px;
left: 5px;
height:34px; font-family:"Times New Roman", Times, serif; color:#000000; text-align:center; font-size:36px; padding:0px;}
* html .datenum{

margin-bottom:-7px;}
.dateother {
position: relative;
top: 17px;
left: 5px;

height:20px; font-family:Arial, Helvetica, sans-serif; color:#000000; text-align:center; font-size:9px; text-transform:uppercase;}

.entrytitlebox {text-align:left; padding:0px; padding-left: 15px; color:black; 
font-family: Verdana, sans-serif; font-size:16px; font-weight:bold;}
.entrytitlebox a{color:black; font-weight: bold; text-decoration:none;}
.entrytitlebox a:hover{color:#555555; font-weight: bold; text-decoration:underline;}

.comtitlebox {float:left; margin-top:5px; padding-left: 15px;height:56px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#555555; line-height:11px;}
.comtitlebox a{color:#333333; text-decoration:none;}
.comtitlebox a:hover{color:#111111; text-decoration:underline;}


.entrybox {width:548px; margin:0px auto 40px auto; padding:0px; float:left;}

.entrytext {width:515px; float:right; margin: 0px 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:#555555; padding: 10px 0 10px 0; border-top: 1px solid #555555; border-bottom:1px solid #555555; display:block; margin:10px 0 10px 0;}
.entrytext 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 {
top: 50px;
position: relative;
margin:0 0 0 0; padding:20px 0 0 0; width: 776px; height: 92px; clear:both; 
background-image:url('images/dapithapon_footer.png');	
background-repeat:no-repeat; 
background-position:center bottom;
}
* html #footer {padding:35px 0 0 0;}
#footerlinks {width:314px; padding:24px 0px 0px 0px; margin:0px 22px 0px 0px; color:#555555; text-align:right; float:right; font-family:"Times New Roman", Times, serif; 
font-size:12px;}
#footerlinks a {color:black; text-decoration:none;}
#footerlinks a:hover {color:#555555; text-decoration:underline;}
* html #footerlinks {margin:0px 12px 0px 0px;}

.indented {display:block; margin:0px 0px 0px 32px;}

#copyright {width:394px; padding:24px 0px 0px 0px; margin:0px 0px 0px 22px; color:#555555; text-align:left; float:left;	font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#copyright a {color:black; text-decoration:none;}
#copyright a:hover {color:#555555; 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: Verdana, Arial, san-serif; font-size: 13px; display: block; padding: 3px 5px 3px 10px; 
background-color: #333333;	color: #dddddd;	text-decoration: none; border-bottom:1px solid #000000;	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: #444444; color: #ffffff; border-bottom:1px solid #000000; padding: 3px 5px 3px 10px;}
* html li.pagelink a:hover {width: 100%;}

.sidenavbox h2 {
font-family: Verdana, Arial, san-serif; font-weight: normal; font-size:13px; color: #dddddd; 
background: #333333; xbackground-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 8px;}

.list2 {padding:0px 0px 10px 0px; margin:0px; color: #dddddd;}
ul.linklist {padding:0px;margin:0px;}
ul.linklist li {padding:0px; margin:0px; }

select {background: #dddddd; width: 100%}

.sidenavbox a{display:block;font-family:Arial, Helvetica, sans-serif; font-size: 11px; padding:3px; margin:0px; background-color: #555555; color: #e0dfe3;text-decoration: 
underline;}
* html .sidenavbox a{ margin:0 0 -15px 0;}
.sidenavbox a:hover{background-color: #333333; color: white; #BE9A54; text-decoration: none;}


/* FORM STYLES */
input.buttonstyle {font-size: 11px; font-family: Arial, Helvetica, sans-serif;	background-color: #dddddd;
	margin: 1px; 
color: black; 
border-top: 1px solid white; 
border-left: 1px solid white; 
border-right: 1px solid black;	
border-bottom: 1px solid black;
}
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: black; text-decoration:none; font-family:Verdana, Arial, san-serif; font-size:16px; font-weight:bold; }
.titleboxarchive a { color: black; text-decoration:none; font-family:Verdana, Arial, san-serif; font-size:16px; font-weight:bold; }
.archivedatebox {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#555555; line-height:11px;}
.archivedatebox a{color:#311D0A; text-decoration:none;}
.archivedatebox a:hover{color:white; 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: block;}
.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:#555555; text-decoration:none;}
.dateline {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#555555; width:480px;}
.dateline a {color:#555555; 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: Verdana, Arial, Helvetica, sans-serif;}
a {color:black;}
a:hover {color:#555555;}

blockquote {font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; font-style:italic; border-left: 10px double #555555; padding:0 0 0 10px; color: 
black;}
 
h3.commentsheader {color:black; 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;}