/* 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/ 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: 752px; text-align: left; background:#815602;} /* HEADER */ #headercontainer { margin:0px 0px 0px 0px; width: 752px; height: auto;background-color:#815602;} #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;} #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:13px; font-weight:normal; font-style:italic; color:#F4CD53;padding:0px 5px 0px 5px; text-align:center; background-color:#815602; } #headercontainer a{ height:77px;} #headercontainer a:hover{color: #952A04;} #headercontainer img {width: 752px;} text-align:left; background-color:#815602; } #headercontainer h2 { border:1px solid #815602; } /* OTHER LAYOUT AREAS*/ #wrapper {margin:5px 0px 0px 0px; width: 752px; vertical-align:text-top; font-family:Arial, Helvetica, sans-serif; font-size:11px; } #side {margin:0px 0px 0px 0px; padding:0; width:173px; background: #815602; float:right; position:relative; } #content {margin:0; padding:22px 0 0 0; width: 579px; float:left; background:#BE9A54; background-image:url('images/dapithapon_maincontentbg.gif');background-repeat:repeat; background-position:0px -6px; text-align:center;} /* PAGES STYLES */ #content_pages {margin:0; padding:0px 0 0 0; width: 579px; float:left; background:#815602; text-align:center;} .pagesheader {width:579px; height:30px; padding:0px; margin:0;} .pagetitlebox {background-color:#492603; width:579px; float:left; padding:5px 0 5px 10px; margin:0; text-align:left; order-bottom:1px solid #952A04; color:#952A04; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:bold;} .pagesheader.pagetitlebox {width:579px; float:left; padding:0 0 0 10px; margin:0; text-align:left; color:#952A04; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; _padding-top:5px; _font-size:18px; _width:569px; _height:30px; } .pagestext { width:515px; margin: 10px 0px 0 10px; padding: 0 10px 20px 0; text-align:justify; line-height:19px; font-size:12px; color:#220F02;} /* POST STYLES */ .datetitlewrapper {width:579px; ackground-image:url('images/dapithapon_postbg.jpg'); background-repeat:no-repeat; background-position:left top; } .entrybox .datetitlewrapper {border-top:1px solid #815602;width:579px; overflow:hidden; ackground-image:url('images/dapithapon_postbg.jpg'); background-repeat:no-repeat; background-position:left top; } .topstory {background: transparent url(images/bg_cuaderno.gif) repeat scroll 12% 35%;width:579px; float:left; margin-bottom:3px; padding:0px 0px 2px 60px; .padding:0px 0px 2px 0px; .background: transparent url(images/bg_cuaderno.gif) repeat scroll 12% 42%; _background: transparent url(images/bg_cuaderno.gif) repeat scroll 12% 35%; } .topstory .datetitlewrapper {height:auto;} .datebox {width:54px; float:left; height:50px; margin:0px; background:#952A04;} .titlebox {float:right; width:500px; text-align:left;padding-top:10px;} .topstory .titlebox { float:none;text-align:center;} .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 {color:#952A04; font-family:arial;font-weight:bold; font-size:16px; } .entrytitlebox {#padding-bottom:15px;} .entrytitlebox a{color:#952A04; text-decoration:none;font-family:arial;font-weight:bold;outline:0;} .entrytitlebox a:hover{color:#952A04;} .topstory .entrytitlebox {font-size:20px; font-weight:normal;} .comtitlebox {float:right; margin:5px; height:30px; 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 {background: #BE9A54; width:579px; margin:0px auto 0px auto; padding:0px; float:left; overflow:hidden;} .entrytext {width:550px; float:right; margin: -15px 0px 0 0; padding: 0 10px 0 0; text-align:justify; line-height:19px; font-size:12px; color:#220F02;} .entrytext {margin: 0px 0px;} .entrytext p {margin: 2px 0px;overflow:hidden;} .topstory .entrytext {font-size:15px; text-align:left;width:500px;float:none;} .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;} .entrytext a:hover{color:#952A04} .excerpttext {width:550px; float:right; margin: -15px 0px 0 0; padding: 0 10px 0 0; text-align:left; line-height:19px; font-size:11px; color:#220F02;font-style:italic;} .excerpttext {#margin: 20px 0px;} .topstory .excerpttext {font-size:15px; margin: 0px; padding: 0px; text-align:center;} .excerpttext 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;} .excerpttext small a{color:#311D0A; text-decoration:none;} .excerpttext small a:hover{color:#952A04; text-decoration:none;} * html .excerpttext {margin: -10px 0px 0 0;} /* NEXT-BACK styles */ .nextbackbox {width:579px; float:left; padding:0px 0 10px 0; margin:0px 0 0px 0; font-size:11px;background: #BE9A54;} .prevbox {width:40%; float:left; text-align:left; padding:2px 0 0 10px;} .nextbox {width:40%; float:right; text-align:right; padding:2px 10px 0px 0px; } .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: 752px; 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 0px;} /* SIDE NAV STYLES */ .sidenavbox { margin:0px auto 5px auto;width:80%; .width: 166px; .width:80%; _width:73%; .margin:0px auto 0px auto; _margin:-14px auto 0px auto; overflow:hidden; } /* hack use to make Pages nav align to header */ .sidenavbox ul {list-style: none; margin: 0; padding: 0; border: none;} .pagelink { overflow:hidden; margin-bottom:5px; .margin-top:5px; } ul.pagelink {list-style: none; border: none;} li.pagelink { list-style:none; padding-top: 5px; /* border-top: dotted 1px; _border-top:solid 1px; _padding-top:15px; */ } li.pagelink {list-style-position: outside;} html>body li.pagelink a {width: auto;} li.pagelink a:hover {display: block; background-color: #311D0A; color: #FBE452; } li.pagelink a { font-size: 12px; display: block; background-color: #492E08; color: #A68417; text-decoration: none; border-bottom:1px solid #815602; _border-bottom:2px solid #815602; font-family:"Times New Roman", Times, serif; padding: 3px 5px 3px 10px; /* width:100%; */ } .sidenavbox .children { margin-top:0px; _margin-top:14px; } ul.widget_sidebarLogin {list-style: none; margin: 0px 0px 10px 0px; padding: 0; border: none;} li.widget_sidebarLogin {list-style:none;} li.widget_sidebarLogin a {font-family:"Times New Roman", Times, serif; font-size: 12px; display: block; padding: 3px 5px 3px 10px; background-color: #815602; color: none; text-decoration: none; border-bottom:1px solid #815602;} * html li.widget_sidebarLogin a{margin: 0px 0px 0px 0px;} html>body li.widget_sidebarLogin a {width: auto;} li.widget_sidebarLogin a:hover {display: block; background-color: #815602; color: none; border-bottom:1px solid #815602; padding: 3px 5px 3px 10px;} * html li.widget_sidebarLogin a:hover {width: 100%;} .widget_sidebarLogin h2 {text-align:center;} .sidenavbox h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size:13px; color:#C0B298; ackground-image:url('images/dapithapon_subhead.gif'); background-repeat:no-repeat; background-position:left bottom; line-height:23px; margin:0px; padding: 0px 0px 0px 0px;} .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;} .sidenavbox .widget_newsletter { margin-top:10px; border-top:1px solid #000; } .sidenavbox .widget_search { border-top:1px solid #000; } .sidenavbox .widget_archives { border-top:1px solid #000; } /* 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;} 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;} li.secciones{padding: 0px;margin: 0px;} li.widget_links{padding: 0px;margin: 0px;} .widget_archives {#height:80px} .hidden { display: none; } /* IMAGES STYLES */ .imageframe { border:1px solid #952A04; margin:5px; } .imgalignleft { float:left; } .imgalignright { float:right; } .alignleft { float:left; margin-right:5px; } .alignright { float:right; margin-left:5px; } #fotos_table{ margin:10px; font-size:11px; line-height:13px; text-align:center; } #fotos_table td{ width:50%; margin:0px 20px; } .fotos_text_container{ padding:0px 3px; vertical-align:top } .fotos_img_container{ padding-top:20px; vertical-align:bottom } /* WIDGETS STYLES */ li.widget_text a{ color:#000; background:none; padding:0px; } li.widget_text a:hover{ color:#000; background:none; padding:0px; text-decoration:underline; } li.widget_text { border-top:1px solid; .margin-top: 5px; /* only IE7 */ _margin-top: 15px; /* IE6 */ } ul.widget_links { height:100%; } li.widget_links { border-top:1px solid; height:100%; } .widget_text { height:100%; } li.widget_text img{ border:none; } /* NEWSLETTER STYLES */ .newsletterTextInput{ width:135px; } #newsletterForm .submit { width:140px; } .more-link{ margin: 0px 10px 10px 0px; text-align: right; clear:both; } .topstory .more-link{ padding: 0px 5px 0px 0px; text-align: right; width: 530px; } .topstory .more-link a:hover {color:#952A04;}