/*  
Theme Name: Buklod Dapitan WP Theme
Theme URI: http://www.bukloddapitan.com/
Description: Custom WP Theme for www.bukloddapitan.com
Version: 1.0
Author: Lofty New Media
Author URI: http://www.loftynewmedia.com/
Modified by: marites@orangefix.net

All rights reserved. Copyright © 2008 Lofty New Media.

*/

/* ==================================== COLORS 
	#f6c427 : Warm Yellow - body bg
	#ff4103 : Warm Orange - Text and highlights
	#680000 : Dark Burgundy - links
	#c69d1e : Gold - some borders
*/

/* ==================================== DIMENSTIONS and FONTS
	990px : overall width of content
	12px : default font size
	Arial, Helvetica, Tahoma, Verdana sans-serif : font family
*/

/* ==================================== RESET BROWSER STYLING  */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol, li { list-style-type: none; }
/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }
/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,address,blockquote,fieldset,input,label,div,dd,dt,dl,fieldset,table,tr,td,hr,script { margin:0; padding:0; }
/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }



/* =============== GLOBAL ELEMENTS ==START============= */

h1, h2, h3, h4, h5, h6{
	color: #680000;
}

a{
	text-decoration: none;
	color: #c13203;
}

a:hover{
	color: #680000;
}

a img{
	border: 0;
}

abbr, acronym{ border: 0; }

address, dl, p{ padding: 15px 0 0; }

blockquote{
	border-left: 3px solid #c69d1e;
	margin: 0 0 0 20px;
}

blockquote p { 
	padding: 10px 15px; 
	font-style: italic;
	font-size: 13px;
	text-indent: 20px;
}

blockquote blockquote{
	margin: 10px;
	background: #fff;
}

code{
	background: #f8fde9;
}

.clear{
	clear: both;
}
.hidetext { 
	display: none; 
}

dt{ font-weight: bold; }

dd{ padding: 0 0 0 15px; }

hr{
	clear: both;
	margin: 10px 10px 5px;
	border: 0;
	height: 1px;
	text-align: left;
	background: #f0f0f0;
	color: #f0f0f0;
}

small{
	font-size: 11px;
}

pre{
	width: 90%;
}

input, textarea{
	font-family: Arial, Helvetica, Georgia, Sans-Serif;
	font-size: 12px;
	padding: 2px;
}

input#s, input#author, input#email, input#url, textarea#comment{
	border: 1px solid #c69d1e;
	padding: 3px;
	background: #fff9dc;
}

input#author, input#email, input#url{
	margin: 0 5px 0 0;
}

.alignleft{
	float: left;
}

.alignright{
	float: right;
}

.space30px {
	width: 100%;
	height: 30px;
	float: left;
}

/* =============== GLOBAL ELEMENTS ==END============= */



/* =============== PRE-CONTENT ==START============= */

body{
	font-family: 'Helvetica Neue', Helvetica, Arial, Tahoma, Verdana sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	width: 100%;
	background: #f6c427 url(images/bg_body1.jpg) top no-repeat;
	color: #000;
}

#main_box {
	width: 990px;
	margin: 0 auto;
	margin-top: 125px;
	padding: 0;	
	background: #ebd88f url(images/bg_paper.jpg) top left repeat-y;
}

/* =============== PRE-CONTENT ==END============= */




/* =============== HEADER SECTION ==START============= */

#header_box {
	width: 938px;
	height: 125px;
	padding: 0 26px;
	float: left;
	position: relative;
	top: -125px
}

#the_logo {
	position: absolute;
	top: 63px;	
	left: 16px;
	z-index: 100;
}

	
	
	#the_logo, #the_logo a {
	display: block;
	width: 278px;
	height: 197px;
	}	

	#the_logo a {
	background:url(images/logo_buklod.png) 0 0 no-repeat;
	}

	
#nav_box {
	width: 620px;
	height: 25px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	letter-spacing: -.02em;
	font-weight: bold;
	color: #ff4103;
	position: absolute;
	right: 35px;
	bottom: 0;
	
}
	
	#nav_box ul {
		float: right;
	}
	
	#nav_box ul li {
		float: left;
		margin: 0 0 0 18px;
	
	}
	
	#nav_box ul li a {
		color: #ff4103;
		text-decoration: none;
	
	}
	
	#nav_box ul li a:hover, #nav_box ul li.current_page_item a{
		color: #680000;
	}

/* =============== HEADER SECTION ==END============= */




/* =============== CONTENT SECTION ==START============= */

#content_box {
	width: 938px;
	min-height: 800px;
	padding: 0 26px 0 26px;
	float: left;
	position: relative;
	top: -105px

}

	#red_rings {
		width: 158px;
		height: 237px;
		background: url(images/bg_redrings.png) no-repeat;
		position: absolute;
		top: 290px;
		right: -136px;
	}
	
	#left_pane_home {
		width: 575px;
		margin-top: 30px;
		float: left;
		
	}	
	
	
	/* Attractions pop-ups */
	#attractions {			
		background:url(images/img_attractions2.png) 0 0 no-repeat;
		width:575px;
		height:806px;
		text-align:center;
		padding:0px;
		position:relative;
		z-index: 150;
		margin-top: 15px;
	}
	
	#attractions a em {
		position:absolute;
		text-indent:-6000px;
	}

	#attractions  a {
		display:block;
	}
	
	#attractions  a.rizal_home, #attractions  a.rizal_home:visited {
    width: 235px;
	height: 170px;
	display:block;
	position:absolute;
	left: 300px;
    bottom: 0px;
	top: 0px;
	
	}

	#rizal_popup {
		top: -30px;
		left: 230px;
	}

	#attractions  a { outline:none;}

	#attractions a.fantasy_home, #attractions  a.fantasy_home:visited {
		width:530px;
		height:300px;
		display:block;
		position:absolute;
		left:20px;
		top:180px;
		bottom:0px;
	}

	#fantasy_popup {
		top: 170px;
		left: 330px;
	}
	
	#attractions  a.dakak_home, #attractions  a.dakak_home:visited { 
		width:530px;
		height:300px;
		display:block;
		position:absolute;
		left:20px;
		top: 490px;
		bottom:0px;
	}
	
	#dakak_popup {
		top:440px;
		left:30px;
	}
		
	#left_pane {
		width: 675px;
		padding: 120px 0 0 0;
		float: left;
	}
	
	/* Bubble pop-up */

	.popup {
		position: absolute;
		z-index: 200;
		display:none;
		border-collapse: collapse;
		background: url(images/popup.gif) no-repeat;
		width:202px;
		height:73px;
	}
	.poptext { color: #043891; padding:12px 10px 0px 15px; font-size:14px; line-height:14px; text-align: left;}

	.haspopup {		}
	
.post{
	margin: 30px 0 0 0;
	padding: 15px;
	background: #ebd88f;
	float: left;
}

.post h2{
	padding: 0 0 10px 0;
	font-family: Georgia,'Times New Roman', serif;
	font-size: 22px;
}

.post h2 a{
	color: #680000;
}

.entry{
	line-height: 20px;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	margin: 0;
	
	font-family: Georgia,'Times New Roman', serif;
}

.entry h1{
	font-size: 20px;
padding: 25px 0 0;
}

.entry h2 {
	font-size: 20px;
padding: 25px 0 0;
}

.entry h3{
	font-size: 18px;
padding: 25px 0 0;
}

.entry h4{
	font-size: 16px;
padding: 10px 0 0;
}

.entry h5{
	font-size: 14px;
padding: 5px 0 0;
}

.entry h6{
	font-size: 12px;
padding: 2px 0 0;
}

.entry ul {
	margin: 5px 15px 15px 15px;
}

.entry ol {
	margin: 5px 15px 15px 25px;
}

.entry ul li {
	list-style-type: circle;
 margin-left: 5px;

}

.entry ol li {
	list-style-type: decimal;
       margin-left: 5px;
}

.entry img{
	max-width: 100%;
}

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

.entry img.alignright {
	margin: 5px 0 2px 7px;
	display: inline;
}

.entry img.alignleft {
	margin: 5px 7px 2px 0;
	display: inline;
}

.entry p.author{
	font-size: 11px;
	padding: 5px 0 0;
	color: #647f17;
}

.postinfo{
	width: 525px;
	height: 25px;
	border: 1px solid #c69d1e;
	border-left: 0;
	border-right: 0;
	margin: 15px 0 0 0;
	padding: 8px 10px 0 10px;
	clear: both;
	background: #F2D87B;
}

	.postinfo ul{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.postinfo ul li{
		float: left;
		margin: 0;
	}
	
	.postinfo ul li.tags{
		padding: 0 0 0 21px;
		background: url(images/tag.png) no-repeat;
	}
	
	.postinfo ul li.comments-link{
		margin-right: 10px;
		padding: 0 0 0 19px;
		background: url(images/comment.png) no-repeat 0 2px;
	}
	
	.postinfo ul li.postdate{
		margin-right: 10px;
		padding: 0 0 0 21px;
		background: url(images/calendar.gif) no-repeat;
	}
	
	.postinfo ul li.edit{
		margin-left: 10px;
	}

.browse{
	padding: 15px;
	font-size: 14px;
	font-weight: bold;
}

.browse p{
	border: 1px solid #ddd;
	padding: 10px;
}

/* =============== CONTENT SECTION ==END============= */




/* =============== SIDEBAR ==START============= */

#right_pane_home {
	width: 344px;
	min-height: 250px;
	float: left;
		
}

#right_pane {
	width: 244px;
	min-height: 250px;
	float: left;
		
}
	#package {
		float: left;
		width: 100%;
		height: 846px;
		background: url(images/img_package1.png) 0 0 no-repeat;
	}
	a.all_in_one {
		width: 330px;
		height: 230px;
		display: block;
		position: absolute;
		right: 0;
		top: 50px;
	}
	
	a.all_in_one span {
		display: none;
	}
	
	a.post_it {
		width: 260px;
		height: 200px;
		display: block;
		position: absolute;
		right: 40px;
		top: 630px;
	}
	
	a.post_it span {
		display: none;
	}	
	
	#gallery_box {
		width: 200px;
		min-height: 250px;
		padding: 10px 15px 0px 15px;
		margin: 0;
		float: left;
		border: 5px dotted #c8b264;
		border-left: none;
		border-right: none;
                margin-left: 10px;
	}
	
		#gallery_box h3 {
			font-size: 20px;
			color: #21646b;
			text-transform: uppercase;
			letter-spacing: -.05em;
		}
		
		
		
		#gallery_box a img {
			border: 5px solid #a9871c;
			margin: 12px 12px 0 0;
			float: left;				
		}
		
		#gallery_box a:hover img {
			border: 5px solid #74632d;
		}

/* =============== SIDEBAR ==END============= */




/* =============== QUAD PICS ==START============= */

ul#quad_pics {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
	padding-top: 15px;
}

ul#quad_pics li {
float: left;
  display: block;
}

ul#quad_pics li a{
	float: left;
	width: 200px;
	height: 130px;
	margin: 0 27px 0 0;
	border: 7px solid #a9871c;
        display: block;
}



ul#quad_pics li.right_most a{
	margin: 0;
}

ul#quad_pics li a span {
	display:none;
}

ul#quad_pics li a:hover {
	border: 7px solid #74632d;
}
li#fantasyland  a{
	background: url(images/img_fantasyland.jpg) 0 0 no-repeat;
}

li#dakak a{
	background: url(images/img_dakak.jpg) 0 0 no-repeat;
}

li#gloriadedapitan a{
	background: url(images/img_gdd.jpg) 0 0 no-repeat;
}

li#rizaltours a{
	background: url(images/img_rizaltours.jpg) 0 0 no-repeat;
}

ul#quad_pics {
	padding-bottom: 15px;
}

#right_pane ul#quad_pics li a{
       margin: 0 15px 10px 15px;
}


/* =============== QUAD PICS ==END============= */




/* =============== COMMENTS TEMPLATE ==START============= */

.comments-template{
	margin: 15px 0 0;
	border-top: 1px solid #c69d1e;
	padding: 15px 0 0;
}

.comments-template h2{
	padding: 0;
	background-image: none;
}

.comments-template h2, .comments-template h3{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;	
}

.comments-template ol{
	margin: 0;
	padding: 0 0 20px;
	list-style: none;
}

.comments-template ol li{
	margin: 15px 0 0;
	line-height: 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #c69d1e;
}

.comments-template p.nocomments{
	padding: 0;
}

/* =============== COMMENTS TEMPLATE ==END============= */

/* =============== SUBPAGES NAV ==START============= */
ul#nav_subpages {
float: left;
width: 100%;
height: 15px;
margin-bottom: 25px;
}

ul#nav_subpages  li{
float: left;
border-left: 1px solid #c13203;
font-size: 1.15em;
font-weight: bold;
padding: 0 6px;
height: 15px;
}
ul#nav_subpages  li.home {
padding: 0 6px 0 0;
border-left:  none;
}

ul#nav_subpages  li a{
float: left;
}

/* =============== CALENDAR TEMPLATE ==START============= */

.sidebar ul li#calendar #calendar_wrap{
	border-top: 1px solid #cce0ee;
	padding: 4px 11px 11px;
	background: #f6f9fc url(images/bg_ul_ul.gif) no-repeat bottom left;
}

.obar ul li#calendar #calendar_wrap{
	border-top: 1px solid #ddd;
	padding: 4px 11px 11px;
	background: #f9f9f9 url(images/bg_ul_ul_alt.gif) no-repeat bottom left;
}

table#wp-calendar{
	width: 100%;
	font-family: Arial, Helvetica, Georgia, Sans-Serif;
	text-transform: none;
	line-height: 24px;
}

table#wp-calendar caption{
	padding: 10px 15px;
}

table#wp-calendar th{
	padding: 2px;
	text-align: right;
	vertical-align: top;
}

table#wp-calendar td{
	padding: 2px;
	text-align: right;
}

table#wp-calendar tfoot td{
	text-align: center;
}

/* =============== CALENDAR TEMPLATE ==END============= */




/* =============== FOOTER SECTION  ==START============= */

#footer_box {
	margin: 0 auto;
	padding-bottom: 10px;
	width: 990px;
	color: #ff4103;
	text-align: center;
}

/* =============== FOOTER SECTION  ==END============= */



/* =============== ONLINE BOOKING SECTION ==START============= */

table.bookingmonth, table.legend {
float: left;
margin: 8px 0 25px 0;
border-spacing: 2px;
}

table.bookingmonth caption { 
font-size: 13px; 
font-weight: bold; 
color: #680000
}

table.bookingmonth  th {
text-align: center;
font-weight: bold;
background: #CCCCCC;
padding: 3px;
}

table.bookingmonth td {
padding: 3px;
background: #e5e8e8;
text-align: center;
font-size: 11px;
}

table.legend td {
margin: 4px;
}

table.bookingmonth .code001, table.legend .code001  {
background: #f6c427;
}

table.bookingmonth .code111, table.legend .code111 {
background: #fee100;
}

table.bookingmonth .code001, table.legend .code001  {
background: #f6c427;
}

table.bookingmonth .code222, table.legend .code222 {
background: #ff4103;
}


#enqform {
	margin: 15px 0 0 0;
}

input.cstext, textarea.csnote, select.csnum, select.csmonthdate {
	border: 1px solid #c69d1e;
	padding: 3px;
	background: #fff9dc;
}

 
/* =============== ONLINE BOOKING SECTION ==END============= */

table.gettingthere {
width: 90%;
}


table.gettingthere  th {
text-align: center;
font-weight: bold;
background: #CCCCCC;
padding: 4px;
}

table.gettingthere  td {
padding: 4px;
background: #f6c427;
text-align: center;
}

#music {
position: relative;
top: -35px;
text-align: center;
color: #ff4103;
}

.wp-caption {
text-align: center;
font-size: .85em;
font-style: italic;
font-weight: bold;
background: #fff;
padding-top: 5px;
}