/*
Theme Name: Dapit Hapon
Description: Un thème classe et romantique.
Version: 1.1
Author: Gail Dela Cruz
*/
/* 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 {overflow:hidden; 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 {overflow:hidden; 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, h3#reply-title {font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; color:#952A04;}
.commentodd {width:495px; float:left; padding:10px 10px 0 10px; background:#B28C44; margin:0 0 1px 0;}
.commenteven {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;}
.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;}
#respond {width:503px; float:left; padding:5px 5px 5px 5px; border: 1px solid #B28C44; margin:0 0 1px 0;}
.commentlist{padding:0; overflow: hidden;}
.commentlist li{list-style: none; position: relative;}
ul.children{ padding-left: 15px; }
.children li{position: relative; padding-left: 10px; border-left: 1px solid #BE9A54; }
.avatar{float: right; }
#respond small{margin:0;padding:0;border:none; display: inline; font-size: 10px;}
#respond label{ padding-left: 5px;}
#respond input{ display: block; float: left;}
.comment-form-comment{clear: both;}
.comment-form-comment label{display: block;}
/* 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;}
.widget_catcloud .catcoud a { display:inline }
.wp-polls-ul li small {border:none}
.wp-polls-ul li small {margin:0;padding:0;border:none;display:inline}
.wp-polls-ul {margin:0; padding:0;}
#content img.size-full,
#content_pages img.size-full{
margin: 0;
height: auto;
max-width: 515px;
width: auto;
}
.center {
text-align: center;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
img.center, img[align="center"] {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright, img[align="right"] {
margin: 5px 0 5px 5px;
display: inline;
}
img.alignleft, img[align="left"] {
margin: 5px 5px 5px 0;
display: inline;
}
.twitter_inner .tweets a {
display: inline;
padding: 0;
}