/*  
Theme Name: Dapit Hapon
Theme URI: http://filipinowebdesigner.com/
Description: A truly Filipino theme: classy and romantic, an original by The Filipino Web Designer.
Version: 1.0
Author: Gail Dela Cruz
Author URI: http://kutitots.com/
As per the GNU license, I cannot guarantee support for this theme. Should you have any concerns, drop me a line at http://www.filipinowebdesigner.com. I can't promise to answer your questions (I have a life too, you know), but I will try.

*/

/* MAIN LAYOUT */
body { margin: 20px 20px 0 20px; padding: 0; text-align: center; background-color: #2A1602; background-image: url('images/dapithapon_bg.gif');}
img  { border-style: none }
* 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/samsara_header_A.jpg'); background-repeat:no-repeat; background-position:center bottom; padding:0px 0px 0px 0px; text-align: center;}

#headercontainer h1 {margin:auto; font-family: Papyrus, Georgia, "Times New Roman", Times, serif; font-size:30px; font-variant:small-caps; font-weight:bold;	padding:40px 0px 0px 40px;}
* html #headercontainer h1{padding:20px 0px 0px 25px;} /* 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:12px;	font-weight:bold; color:#684724; 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:192px; background: #815602; float:right; position:relative;}

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

#contentads {clear:both; float:right; margin:5px 6px 5px 15px; }
* html #contentads {margin:0 3px 3px 3px;} /* this is a hack for IE */

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

.pagesheader {width:548px; height:74px;	background-image:url('images/dapithapon_postbg.jpg'); 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 #952A04;	color:#952A04; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; 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:16px; 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.jpg'); background-repeat:no-repeat; background-position:left top; }

.datebox {width:54px; float:left; height:50px; margin:0px; background:#AB95E2;}
.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:16px; font-weight:bold;}
.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:verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#D4BD9E; line-height:12px; text-decoration:none;}
.comtitlebox a{color:#EAD4B7; text-decoration:none;}
.comtitlebox a:hover{color:#596EC6; 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 8px 0 0; text-align:justify; line-height:16px; font-size:12px; color:#220F02;}
.entrytext small {line-height:normal; color:#815602; padding: 10px 0 10px 0; border-top: 1px solid #815602; border-bottom:1px solid #815602; 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;}


#tags {width:515px; float:right; margin:20px 5px 5px 5px; text-align:justify; line-height:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#DEB765;}
#tags a{color:#DEB765; text-decoration:none;}
#tags a:hover{color:#A27F42; text-decoration:none;}
* html #tags {margin:20px 5px 5px 5px;}

/* NEXT-BACK styles */
.nextbackbox {width:538px; float:left; margin:0px 0 5px 0; font-size:11px;}
.prevbox {width:42%; float:left; text-align:left; padding:2px 0 0 10px;}
.nextbox {width:42%; 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: 220px; clear:both; background-image:url('images/samsara_footer.jpg');	background-repeat:no-repeat; background-position:center bottom;}
* html #footer {padding:35px 0 0 0;}

#footergad {width:728px; padding:26px 0px 0px 0px; margin:12px 0px 0px 26px;}
* html #footergad {padding:24px 0px 0px 0px; margin:18px 0px 0px 20px;}


#footerlinks {width:314px; padding:24px 0px 0px 0px; margin:0px 22px 0px 0px; color:#815602; text-align:right; float:right; font-family:"Times New Roman", Times, serif; font-size:12px;}
#footerlinks a {color:#BE9A54; 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:24px 0px 0px 0px; margin:0px 0px 0px 22px; color:#815602; text-align:left; float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#copyright a {color:#BE9A54; text-decoration:none;}
#copyright a:hover {color:#FFFFFF; text-decoration:underline;}
* html #copyright {margin:0px 0px 0px 12px;}


/* SIDE NAV STYLES */
.sidenavbox {width: 171px; 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 */

.sidead {margin:0px 0 0 0; padding:33px 0 0 0px; width: 168px; height: 660px; clear:both; background-image:url('images/ad160B_bg.jpg');	background-repeat:no-repeat; background-position:middle;}
* html .sidead {padding:27px 0 0 0;} 

.sidead2 {margin:0px 0 0 0; padding:33px 0 0 0px; width: 168px; height: 660px; clear:both; background-image:url('images/ad160C_bg.jpg');	background-repeat:no-repeat; background-position:middle;}
* html .sidead2 {padding:27px 0 0 0;}

.midgoogle {margin:0px 0 0 35px; padding:29px 0 0 20px; width: 460px; height: 320px; clear:both; background-image:url('images/post-base.gif');	background-repeat:no-repeat; background-position:middle;}
* html .midgoogle {margin:0px 0 0 20px; padding:32px 0 0 20px;}

.sinmidgoogle {margin:0px 0 0 40px; padding:30px 0 0 20px; width: 460px; height: 320px; clear:both; background-image:url('images/single-base.gif');	background-repeat:no-repeat; background-position:middle;}
* html .sinmidgoogle {margin:0px 0 0 15px;padding:30px 0 0 22px;}        

.ecad {margin:0px 0 0 0; padding:48px 0 0 0px; width: 160px; height: 250px; clear:both; background-image:url('images/ethereal-samsara-sotd.gif');	background-repeat:no-repeat; background-position:middle;}
* html .ecad {padding:60px 0 0 0;}    

.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: 12px; display: block; padding: 3px 5px 3px 10px; background-color: #492E08;	color: #A68417;	text-decoration: none; border-bottom:1px solid #815602;	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: #311D0A; color: #FBE452; border-bottom:1px solid #815602; padding: 3px 5px 3px 10px;}
* html li.pagelink a:hover {width: 100%;}


.sidenavbox h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size:14px; color:#8CF44D; 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:#DACBAC;}
ul.linklist {padding:0px; margin:0px;}
ul.linklist li {padding:0px; margin:0px;}

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


/* FORM STYLES */
input.buttonstyle {font-size: 11px; font-weight: bold; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	background-color: #AC9780;	margin: 2px; color: #E7CFB4; border-top: 1px solid #9A7D5D; border-left: 1px solid #9A7D5D; border-right: 1px solid #9A7D5D;	border-bottom: 1px solid #9A7D5D;}
input.fieldstyle {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #EBD3B8; padding: 2px; width:200px;	border: 1px solid #B0DFEC; color: #8365E3;}
input.fieldstyle2 {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #EBD3B8; padding: 1px; width:100px;border: 1px solid #B0DFEC;color: #8365E3;}
textarea.fieldstyle {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #EBD3B8; padding: 2px; width:320px; border: 2px solid #AC935F; color: #8365E3;}

/* LINKS AND ARCHIVES PAGE LIST STYLES */
ul.listsforpages {list-style:none;}
ul.listsforpages li {margin:0 0 5px 0;}
ul.listsforpages h2 {font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-style:bold; font-size:17px;}


/* 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:14px; font-weight:bold;}
.archivedatebox {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#6A5135; line-height:13px; font-weight:normal;}
.archivedatebox a{color:#4D66A6; text-decoration:none; font-weight:normal;}
.archivedatebox a:hover{color:#6384D7; text-decoration:none; font-weight:normal;}
.archivetext { width:515px; float:right; margin: 0; padding: 0 10px 20px 0; text-align:justify;	line-height:16px; font-size:12px; color:#220F02; }


/* COMMENTS STYLES */
h3.comnumber {font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#B06942;}
.alt {width:495px; float:left; padding:10px 5px 0 5px; background:#D1A58D; margin:0 0 1px 0;}
.even {width:495px; float:left; padding:10px 5px 0 5px; background:#D8B7A6; 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:#815602; text-decoration:none;}
.dateline {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#815602; width:480px;}
.dateline a {color:#815602; text-decoration:none;}
.dateline a:hover {color:#492E08; text-decoration:none;}
.commentbody {text-align:justify; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:normal;}
.reply {width:495px; float:left; padding:5px 5px 5px 5px; border: 1px solid #B28C44; margin:0 0 1px 0;}

/* MY COMMENT TEXT STYLES */
.highlighted {
background:#D6C29A;
padding:10px 5px 0px 5px;
border: 1px solid #B8A276;
text-align:justify;
font-family:Verdana, Helvetica, sans-serif; 
font-size:12px; 
color:#6A6B8B;
}

/* 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: 12px; line-height: 14px; 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;}

.wp-notable {        
border: 1px solid #BE9A54;        
padding-left:7px;        
padding-right: 3px;        
padding-bottom: 1px;        
padding-top: 10px;
}
.wp-notable img {        
border: none;
}
.wp-notable a:hover {        
border: 1px solid #574811;
}
* html .wp-notable a:hover  {width: 100%;}

/* Display Archives & Categories */
#blocks {position:relative; margin-bottom:5px; padding-top:5px; }
#blocks #archives, #cats {position:absolute; width:220px;}
#blocks #archives { background-color: #E7CFA4; }
#blocks #cats { left:255px; background-color: #E7CFA4;}
#blocks ul { list-style-type: none; padding: 5px; margin: 0px; }
#blocks a  { text-decoration: none; border-bottom: none; padding: 5px; line-height: 22px; font-weight: normal;}
#blocks #archives a { color: #000000; }
#blocks #archives a:hover { color: #ffffff; background-color: #BE9955;}
#blocks #cats a { color: #000000; }
#blocks #cats a:hover { color: #ffffff; background-color: #BE9955;}
#blocks a { padding: 5px; color: #878773; line-height: 20px; font-weight: normal;}
#blocks a:hover { background-color: #FF9900; color: #FFF; text-decoration: none; }

/* Begin Contact Form CSS */
.contactform {
	position: static;
	overflow: hidden;
	width: 95%;
}

.contactleft {
	width: 25%;
	white-space: pre;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 1px solid #ff0000;
}

.contactsubmit {
}
/* End Contact Form CSS */