/*  
Theme Name: Black Coat
Theme URI: http://the-black-coat.com
Description: The theme for the Black Coat website.
Version: 1.1
Author: Gail Dela Cruz and Ben Lichius
Author URI: http://denseboy.com/


*/

/* MAIN LAYOUT */
body { mmargin-right:auto; margin-left: 100px; margin-top: 0px; padding: 0; text-align: center; background-color: #000000; }
* 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; width: 776px; background-image:url('images/dapithapon_contentbg.gif'); background-repeat:repeat-y; overflow:hidden; }


/* HEADER */


#headercontainer { margin:auto; height: 200px; background-image:url('images/headers/rotate.php'); 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:underline;}

#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; float:right; position:relative;}

#content {margin-left:3px; padding:34px 0 0 0; width: 555px; float:left; text-align:center;}

/* PAGES STYLES */
#content_pages {margin-left:3px; padding:24px 0 0 0; width: 555px; float:left; text-align:center;}

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

.pagestext { width:515px; float:right; margin: -30px 0px 0 0; padding: 0px 10px 10px 0; text-align:justify; line-height:19px; font-size:12px; color:#FFFFFF;}
.pagestext a{color:#B39974; text-decoration:none;}
.pagestext a:hover{color:#FFFFFF;text-decoration:underline;}
* html .pagestext {margin: 0px 0px 0px 0; padding: 0 10px 0px 0;}


table {
color:#ffffff;
font-size:12px;
float:left;
}

.table1 {
color:#ffffff;
font-size:11px;
}

/* POST STYLES */

.datetitlewrapper {width:548px; height:74px; margin-left:20px; background-image:url('images/dapithapon_postbg.gif'); background-repeat:no-repeat; float:left; }

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

.datenum {height:34px; font-family:"Times New Roman", Times, serif; color:#FFFFFF; text-align:center; font-size:36px; padding:0px;}
* html .datenum{margin-bottom:-7px;}
.dateother {height:20px; font-family:Arial, Helvetica, sans-serif; color:#BFA67E; text-align:center; font-size:9px; text-transform:uppercase;}

.entrytitlebox {text-align:left; margin-left:82px; padding:0px; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:bold;}
.entrytitlebox a{color:#B39974; text-decoration:none;}
.entrytitlebox a:hover{color:#FFFFFF;text-decoration:underline;}

.comtitlebox {text-align:left; margin-top:5px; margin-left:82px; height:56px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; line-height:11px;}
.comtitlebox a{color:#BFA67E; text-decoration:none;}
.comtitlebox a:hover{color:#FFFFFF; text-decoration:underline;}


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

.entrytext {width:515px; float:right; margin: 20px 0px 0 0; padding: 10px 10px 10px 10px; text-align:justify; line-height:19px;	font-size:12px;	color:#FFFFFF; }
.entrytext small {line-height:normal; color:#FFFFFF; padding: 10px 0 10px 0; border-top: 1px solid #B39974; border-bottom:1px solid #B39974; display:block; margin:10px 0 10px 0;}
.entrytext small a{color:#BFA67E; text-decoration:none;}
.entrytext small  a:hover{color:#FFFFFF; text-decoration:underline;}
* 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:0px 0 0 0; width: 776px; height: 150px; clear:both; background-image:url('images/dapithapon_footer.jpg');	background-repeat:no-repeat; background-position:center bottom;}
* html #footer {padding:5px 0 0 0;}
#footerlinks {width:230px; padding:40px 30px 0px 0px; margin:0px 0px 0 0; color:#815602; text-align:right; float:right; font-family:"Times New Roman", Times, serif; font-size:12px;}
#footerlinks a {color:#BFA67E; 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:300px; padding:40px 0px 0px 0px; margin:0px 0px 0px 0px; color:#815602; text-align:right; float:right;	font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#copyright a {color:#BFA67E; text-decoration:none;}
#copyright a:hover {color:#FFFFFF; text-decoration:underline;}
* html #copyright {margin:0px 0px 30px 60px;}


/* SIDE NAV STYLES */
.sidenavbox {width: 186px; margin:7px 0 5px 0; padding: 0 0 3px 6px; }
* html .sidenavbox {margin:-9px 0px 5px 0; width: 186px;} /* hack use to make Pages nav align to header */

.sidenavbox ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0; border: none;}

ul.pagelink {list-style: none; margin: 0 0 0px 0; padding: 0; border: none;}
li.pagelink {margin: 0px 0px 0px 0px;}
li.pagelink a {font-family:"Times New Roman", Times, serif; font-size: 18px; padding: 3px 5px 3px 10px; color: #828180;	text-decoration: none; width: 90%;}
* html li.pagelink a{margin: 0px 0px 0px 0px;}
html>body li.pagelink a {width: auto;}
li.pagelink a:hover {color: #FFFFFF; padding: 3px 5px 3px 10px;}
* html li.pagelink a:hover {width: 90%;}

.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:90%;	line-height:23px; margin:0px; padding: 0px 0px 2px 28px;}

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

.sidenavbox a{font-family:Arial, Helvetica, sans-serif; font-size: 11px; padding:0px; margin:0px; color: #BFA67E;text-decoration: none;}
* html .sidenavbox a{ margin:0 0 -15px 0;}
.sidenavbox a:hover{color: #FFFFFF; text-decoration: underline;}


/* FORM STYLES */
input.buttonstyle {font-size: 11px; font-family: Arial, Helvetica, sans-serif;	background-color: #241F1A;	margin: 1px; color: #BFA67E; 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 10px;}
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:bold;}
.archivedatebox {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#BFA67E; line-height:11px;}
.archivedatebox a{color:#BFA67E; text-decoration:none;}
.archivedatebox a:hover{color:#FFFFFF; text-decoration:underline;}
.archivetext { width:515px; float:right; margin: 0; padding: 40px 10px 20px 10px; text-align:justify;	line-height:19px; font-size:12px; color:#FFFFFF; }
.archivetext a {color:#BFA67E; text-decoration:none;}
.archivetext a:hover {color:#FFFFFF; text-decoration:underline;}

/* COMMENTS STYLES */
h3.comnumber {font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; color:#BFA67E;}
.alt {width:495px; float:left; padding:10px 10px 0 10px; background:#241F1A; margin:0 0 1px 0;}
.even {width:495px; float:left; padding:10px 10px 0 10px; margin:0 0 1px 0;}
.authorline {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#FFFFFF; float:left; display:block;}
.authorname {text-transform:uppercase; font-weight:bold;}
.authorname a {color:#BFA67E; text-decoration:none;}
.authorname a:hover {color:#FFFFFF; text-decoration:underline;}
.dateline {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#BFA67E; width:480px;}
.dateline a {color:#BFA67E; text-decoration:none;}
.dateline a:hover {color:#FFFFFF; text-decoration:underline;}
.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 #BFA67E; margin:0 0 1px 0;}

/* GENERAL TEXT STYLES */
body {font-family:Arial, Helvetica, sans-serif;}
a {color:#BFA67E;}
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: #BFA67E;}
 
h3.commentsheader {color:#BFA67E; 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;}

hr {float:left; margin-left:90px;}

/* Begin Images */
p img {
	padding: 0;
	border: 1px; 
	border-color: #952A04;

}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */