/*  
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.1
Author: Gail Dela Cruz
Author URI: http://kutitots.com/

	FUN FACT: 
	"Dapit Hapon" is actually the Filipino term for "sunset." So yeah,
	this theme was inspired by none other than the beautiful Philippine sunset. 
	You should see our Manila Bay at this time, such a breath-taking scene.
	
	This Wordpress Theme is free software; you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details. (license.txt file in the Dapit-Hapon folder)
	
	Feel free to modify and use this theme. Just don't forget to give me credit :)
	I would love to hear from you if you decide to use my theme. 
	
	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');}
* 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: #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;}

/* 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: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.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:16px; 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:#815602; line-height:11px;}
.comtitlebox a{color:#311D0A; text-decoration:none;}
.comtitlebox a:hover{color:#952A04; 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:#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;}


/* 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: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: 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: 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: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:#BE9A54;}
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: #815602; color: #492D08;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-family: Arial, Helvetica, sans-serif;	background-color: #593906;	margin: 1px; color: #BE9A54; 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:#815602; line-height:11px;}
.archivedatebox a{color:#311D0A; 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:#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: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;}