/* ========================================================
	Domain:						Boracay-BudgetTravel-Tips.com
	Author:						Eduardo Legaspi
	Last Updated:				25/4/2008							
=========================================================== */

/*	=====	Page Layout & Formatting Start ===== */
body {
	font:							80%/1.2 Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: 				center;
	background-color:			#006;
	margin: 						0;
	padding: 					10px 0;
}

/* ===== LEVEL 1: SHELL Start (encloses header, wrapper columns & footer) ===== */
#shell {
	width:						1200px;
	margin: 						0 auto;
	background-color:			#eee;
	border: 						2px solid #ddd;
	text-align: 				left;
}

/* ===== LEVEL 2: HEADER Start ===== */
#header {
	position:					relative;
	background-color:			#006;
}
.dteToday {
	position: 					absolute;
	top:							10px;
	left:							25px;
	color:						#fff;
	padding:						6px 0;
}
#hdr-main {
	background-color:			#006;
	position:					relative;
	height:						85px;
	margin-bottom: 			0px;
}
#hdr-main #logo {
	float:						left;
	background-color: 		#006;
	margin: 						1px 0 0 1px;
	padding: 					2px 10px;
}
#hdr-main #flag {
	float:						left;
	background-color: 		#006;
	margin: 						1px 0 0 1px;
	padding: 					10px;
}
#hdr-main #sponsor {
	float:						left;
	background-color: 		#006;
	margin: 						1px 0 0 1px;
	padding: 					10px;
}
#hdr-branding {
	margin-left:				auto;
	margin-right:				auto;
	height:						100px;
	padding: 					5px 0;
}
#menuBar1 {
	position:	 				relative;
	height:						25px;
	background-color:			#006;
	text-align:					right;
	padding: 					5px 10px;
	margin:						0;
}
#menuBar1 li {
	display:						inline;
}
#menuBar1 li a:link,
#menuBar1 li a:visited {
	text-decoration:			none;
	color:						#fff;
	background-color:			#952c29;
	padding: 					5px 10px;
}
#menuBar1 li a:hover {
	text-decoration: 			underline;
	color:						#00f;
	background-color:			#fff;
	padding:						5px 10px;
}
#menuBar2 {
	height:						28px;
	background-color:			#006;
	text-align:					center;
	padding: 					0;
	margin:						0 auto;
}
#crumbs {
	position:		 			relative;
	height:						20px;
	background-color:			#006;
	color: 						#fff;
	text-align: 				left;
	margin:						0;
	padding: 					0;
	padding-bottom: 			10px;
	padding-left: 				10px;
}
#crumbs a {
	color: 						#ff0;
}

/* ===== LEVEL 2: WRAPPER Start (3-column layout - encloses Sidebar & Main (content & adverts) columns ===== */
#wrapper {
	position:					relative;
	width:						98%;
	background-color:			#eee;
	margin-left: 				auto;
	margin-right: 				auto;
}

/* ===== LEVEL 3: MAIN Start (wraps content & adverts columns) ===== */
#main {
	float:						right;
	width: 						78.5%;
	margin-top: 				10px;
	margin-bottom: 			10px;
}

/* ===== LEVEL 4: CONTENT Start (center column inside Main) ===== */
#content {
	float: 						left;
	width: 						58%;
	margin-left: 				auto;
	margin-right: 				auto;
}

/* ===== LEVEL 4: ADVERTS Start (right column inside Main) ===== */
#adverts {
	float: 						right;
	width:						40%;
}

/* ===== LEVEL 3: SIDEBAR Start (left column) ===== */
#sidebar {
	float:						left;
	width:						20%;
	background-color:			#eee;
	margin-top: 				10px;
	margin-bottom: 			10px;
}
/* ===== LEVEL 2: WRAPPER End ===== */

/* ===== LEVEL 2: FOOTER Start ===== */
#footer {
	clear: 						both;
	background-color:			#006;
}
#footer li {
	display:						inline;
	color:						#fff;
}
#footer li a:link {
	text-decoration:			none;
	background-color:			#952c29;
	color:						#fff;
	padding:						5px;
}
#footer li a:hover {
	text-decoration: 			underline;
	color:						#00f;
	background-color:			#fff;
	padding:						5px;
}
#ftr-main {
	position:					relative;
	width:						100%;
	height:						50px;
	border-top:					1px solid #000;
	border-bottom:				1px solid #000;
	text-align:					center;
	padding:						0.6em 0;
	margin-bottom: 10px;
}
#ftr-main a:link, #ftr-main a:visited {
	text-decoration:			none;
	color:						#ff0;
	background-color:			#006;
	padding:						5px;
}
#ftr-main a:hover {
	text-decoration: 			underline;
	color:						#00f;
	background-color:			#fff;
	padding:						5px;
}
#ftr-main p {
	font-size:					0.8em;
	text-align:					center;
	color:						#fff;
	padding:						0.6em 0;
	margin:						0 auto;
}
#ftr-main h6 {
	text-align:					center;
	color:						#fff;
	padding:						0.6em 0;
	margin:						0 auto;
}
#ftr-branding {
	height:						100px;
	padding: 					5px;
}
#site-powered-by {
	margin: 5px;
	padding: 5px;
}
#menuBar3 {
	position:	 				relative;
	height:						25px;
	background-color:			#006;
	text-align:					right;
	padding: 					5px 10px;
	margin-bottom:				5px;
}
#menuBar3 {
	border-top:					1px solid #ccc;
	text-align: 				center;
}
#menuBar3 li {
	display:						inline;
}
#menuBar3 li a:link,
#menuBar3 li a:visited {
	text-decoration:			none;
	color:						#fff;
	background-color:			#952c29;
	padding:						5px 10px;
}
#menuBar3 li a:visited {
	color:						#ddd;
}
#menuBar3 li a:hover {
	text-decoration: 			underline;
	color:						#00f;
	background-color:			#fff;
	padding:						5px 10px;
}
/*	=====	Page Layout & Formatting End ===== */

/*	===== Type Selectors Start ===== */
a img {
	border: 						none;
}
li ul {
	display: none;
	position: absolute;
	top:	2em;
	left:	0;
	width: 9em;
	margin-bottom: 10px;
	list-style: none;
}
li:hover ul {
	display: block;
	text-align: left;
	margin-bottom: 10px;
}
/*	===== Type Selectors End ===== */

/*	===== Class Selectors Start ===== */
.titleBox {
	width:						100%;
	background:					url(http://www.boracay-budgettravel-tips.com/images/bottom-left.gif) no-repeat left bottom;
	margin:		 				10px auto;
}
.titleBox-outer {
	background: 				url(http://www.boracay-budgettravel-tips.com/images/bottom-right.gif) no-repeat right bottom;
	padding-bottom: 			5%;
}
.titleBox-inner {
	background: 				url(http://www.boracay-budgettravel-tips.com/images/top-left.gif) no-repeat left top;
}
.titleBox h1 {
	background:					url(http://www.boracay-budgettravel-tips.com/images/top-right.gif) no-repeat right top;
	font-size:					2em;
	font-weight: 				bolder;
	color:						#800;
	text-align:					center;
	padding:						5% 5% 0 5%;
}
.banner-L {
	float: 						left;
	padding: 					5px;
	padding-right: 			15px;
}
.banner-R {
	float: 						right;
	padding: 					10px;
}

.box {
	width: 						100%;
	font-size: 					1em;
	line-height: 				1.8em;
	background:					#fff url(http://www.boracay-budgettravel-tips.com/images/box-bottom-left.gif) no-repeat left bottom;
	margin:		 				5px auto;
	margin-top: 				0;
}

.box-outer {
	background: 				url(http://www.boracay-budgettravel-tips.com/images/box-bottom-right.gif) no-repeat right bottom;
	padding-bottom: 			5%;
}
.box-inner {
	background: 				url(http://www.boracay-budgettravel-tips.com/images/box-top-left.gif) no-repeat left top;
}
.box-middle {
	background:					url(http://www.boracay-budgettravel-tips.com/images/box-top-right.gif) no-repeat right top;
	padding: 					5%;
	padding-bottom: 			2.5%
}
.box h1 {
	background:					url(http://www.boracay-budgettravel-tips.com/images/box-top-right.gif) no-repeat right top;
	font-size:					2em;
	font-weight: 				bolder;
	color:						#800;
	text-align:					center;
	padding:						5% 5% 0 5%;
}
.box h2 {
	background-color: 		orange;
	margin-right: 				2px;
	padding:						15px;
	padding-bottom: 			5px;
	font-size:					1.5em;
	font-weight: 				bolder;
	color:						#800;
	border:			 			1px solid #ccc;
	text-align:					left;
}
.box h3 {
	font-size:					1.1em;
	font-weight: 				bolder;
	color:						#c03;
	background:					url(http://www.boracay-budgettravel-tips.com/images/body-top-right.gif) no-repeat right top;
	padding:						15px;
	padding-bottom: 			5px;
	border-bottom: 			1px solid #ccc;
}
.box h4 {
	font-size:					1.1em;
	font-weight: 				bolder;
	color:						#c03;
	background:					url(http://www.boracay-budgettravel-tips.com/images/body-top-right.gif) no-repeat right top;
	padding:						15px;
	padding-bottom: 			5px;
}
.box h5 {
	font-size:					1.5em;
	font-weight: 				bolder;
	color:						#c03;
	padding:						0 15px;
}
.box p {
	font-size: 					1em;
	font-weight: 				normal;
	line-height: 				2em;
	padding:						0 15px;
	text-align:					left;
}
.box p.first {
	background:					url(http://www.boracay-budgettravel-tips.com/images/body-top-right.gif) no-repeat right top;
	margin-top: 				1px;
	padding:						20px 15px 0 15px;
	text-align:					left;
}
.box ul {
	list-style-image: 		url(http://www.boracay-budgettravel-tips.com/images/li.gif);
	text-align:					left;
}
.box ol li,
.box ul li {
	font-size: 					1em;
	font-weight: 				normal;
	line-height: 				2em;
	padding:						0 15px;
}
.box .figure-L {
	margin: 						10px;
}
.box .postcard {
	margin:		 				0 auto;
	margin-bottom: 			10px;
	width: 						auto;
}

/* ------------------ Adapted from eSyndicat Glassy Pro Template ----------------------------------- */
.box-body {
		width: 						auto;
		background:					#fff url(box-bottom-left.gif) no-repeat left bottom;
		margin: 						0 auto;
		margin-bottom: 			10%;
}
.box-bottom-right {
		background:					url(box-bottom-right.gif) no-repeat right bottom;
		padding:						0 5% 5% 5%;
}
.box-top-left {
		background:					url(box-top-left.gif) no-repeat left top;
}
.box-body p {
		padding:						0 5% 5% 5%;
}
.box-body .first p {
		background:					url(box-top-right.gif) no-repeat right top;
		padding:			 			5%;
}
.box-body h5 {
		font-size:					2em;
		font-weight: 				bolder;
		color:						#800;
		text-align:					center;
		background:					url(http://www.boracay-budgettravel-tips.com/images/box-top-right.gif) no-repeat right top;
		padding:						15px;
		padding-bottom: 			5px;
}
/* ------------------ Adapted from eSyndicat Glassy Pro Template ----------------------------------- */

.btnSearch {
	color:						#000;
	background-color:			#eee;
	text-align:					left;
}
.btnSearch a:link {
	color:						#000;
	padding:						1px 0;
}
.btnSearch a:hover {
	color:						#00f;
	background-color:			#fff;
	padding:						1px 0;
}
.button {
	display: 					block;
	margin-left: 				auto;
	margin-right: 				auto;
	width: 						auto;
	min-height:					10px;
}
.dropCap {
	font-size:					2em;
	font-weight:				bold;
	color:						#eee;
	background:					#952c29;
	line-height:				1.6em;
	margin-right: 				1px;
	padding:						2px 6px 4px 6px;
	border:						1px solid #ccc;
}
.feature a:hover {
	color:						#00f;
	background-color:			#fff;
	padding:						1px 0;
}
.featureBox {
	background-color:			#eee;
	margin:		 				10px auto;
	padding:			 			0;
	border:						1px solid #ddd;
}
.featureBox p {
	margin-bottom: 			10px;
	padding-top: 				5px;
	text-align: 				center;
}
.featureBox h2 {
	background:					#3D67A1;
	font-size:					2em;
	font-weight: 				bolder;
	color:						#fff;
	text-align:					left;
	margin-top: 				0;
	margin-bottom: 			0;
	padding:						5px;
	padding-left:				15px;
}
.featureBox h3 {
	background:					#3D67A1;
	font-size:					1.2em;
	font-weight: 				bold;
	color:						#fff;
	text-align:					center;
	margin-top: 				0;
	margin-bottom: 			0;
	padding:						5px;
}
.featureBox a:hover {
	color:						#00f;
	background-color:			#fff;
	padding:						1px 0;
	border:						0;
}
.figure {
	margin-left: 				auto;
	margin-right: 				auto;
	border: 						none;
}
.figure p {
	font: 						0.8em/normal Arial, Helvetica, sans-serif;
	text-align:					center;
}
.figure-L,
.figure-R {
	padding:						5px;
	margin:						5px;
}
.figure-L {
	float:						left;
}
.figure-R {
	float:						right;
	margin-right:				10px;
}
.figure-L p,
.figure-R p {
	font: 						0.8em/normal Arial, Helvetica, sans-serif;
	text-align: 				center;
}
.frameBox {
	height:						auto;
	width: 						auto;
	background-color:			#fff;
	margin:		 				20px;
	padding: 					20px;
}
.imgCenter {
	display:						block;
	margin-left:				auto;
	margin-right:				auto;
}
.leaderboard {
	display: 					block;
	margin-left: 				auto;
	margin-right: 				auto;
	padding-left: 				15px;
	padding-right: 			15px;
	text-align: 				center;
}
.mainNav ul {
	padding:						0;
	margin:						0;
	list-style:					none;
	z-index:						999;
}
.mainNav li {
	float:						left;
	position:					relative;
	width:						9em;
	background-image:			url(http://www.boracay-budgettravel-tips.com/images/sd-right_side.jpg);
	background-repeat:		no-repeat;
	background-position:		right top;
}
.mainNav a {
	display:						block;
	padding:						7px 15px 4px 15px;
	background-image:			url(http://www.boracay-budgettravel-tips.com/images/sd-left_side.jpg);
	background-repeat:		no-repeat;
	background-position:		left top;
	text-align:					center;
	text-decoration:			none;
	font:							80%/1.2 Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:						#fff;
	font-weight:				bold;
}

.mainNav a:hover {
	color:						#00f;
	background-color: 		#fff;
}
.photoBox {
	width:						100%;
	margin: 						0 auto;
	padding: 					0;
}
.photoBox p {
	font: 						0.8em Verdana, Arial, sans-serif;
	padding: 					1px;
	text-align: 				center;
}
.photo img {
	margin: 						0 auto;
	width:						100%;
	background-color:			#eee;
}
.postcard {
	margin:		 				0 auto;
	margin-bottom: 			10px;
	width: 						auto;
}
.postcard p {
	font: 						0.8em/normal Arial, Helvetica, sans-serif;
	font-weight:				normal;
	text-align:					center;
	margin:		 				1px 0 0 0;
	padding:						0;
}
.postcard a:hover {
	text-decoration: 			underline;
	color:						#fff;
	background-color:			#f00;
	padding:						1px 0;
}
.redText {
	font-weight: 				bold;
	color: 						red;
}
.resourceBox {
	color:						#000;
	background-color:			#fff;
	border:						1px solid #ddd;
	margin: 						0 auto;
	margin-bottom: 			10px;
	padding: 					0;
}
.resourceBox .titleBar {
	background-color:			#ddd;
	padding:						5px;
	border-bottom:				1px solid #eee;
	margin-bottom: 			5px;
}
.resourceBox .titleBar p {
	color:						#000;
	font-size:					1.2em;
	font-weight:				bold;
	text-align:					center;
	margin:						0;
	padding:						0;
}
.resourceBox .titleBar h3 {
	background:					#3D67A1;
	font-size:					1.2em;
	font-weight: 				bold;
	color:						#fff;
	text-align:					center;
	margin-top: 				0;
	margin-bottom: 			0;
	padding:						5px;
}
.sbi-c2Box {
	width: 						100%;
	background-color:			#eee;
	margin:		 				10px auto;
	margin-top: 				0;
	padding:			 			10px 0;
	border:						1px solid #ddd;
}
.smallBox {
	width: 						auto;
	background-color:			#ddd;
	margin:						10px auto;
	padding: 					10px;
	border:						1px solid #ccc;
}
.txtBox {
	width:						80%;
	background:					url(http://www.boracay-budgettravel-tips.com/images/bottom-left.gif) no-repeat left bottom;
	margin:		 				10px auto;
}
.txtBox-outer {
	background: 				url(http://www.boracay-budgettravel-tips.com/images/bottom-right.gif) no-repeat right bottom;
	padding-bottom: 			5%;
}
.txtBox-inner {
	background: 				url(http://www.boracay-budgettravel-tips.com/images/top-left.gif) no-repeat left top;
}
.txtBox p.first {
	background:					url(http://www.boracay-budgettravel-tips.com/images/top-right.gif) no-repeat right top;
	padding:						5% 5% 0 5%;
}
.txtBox p {
	font:							italic bold 80% Arial, sans-serif;
	color: 						#c03;
	padding:						0 5% 5% 5%;
}
.txt-photo {					/* wraps the photos  */
	padding: 					0;
	margin-top: 				20px;
}
.txt-photo img {
	padding:						15px;
	margin: 						0;
	background-color: #eee;
}
.txt-photoBox {
	width:						90%;
	padding: 					1px;
}
.txt-photoBox p {
	font: 						0.8em Verdana, Arial, sans-serif;
	padding: 					1px;
	text-align: 				left;
	margin: 						10px;
}
/*	=====	Class Selectors End ===== */

/*	===== Id Selectors Start ===== */
#mainMenu {
	width:		 				90%;
	border-right:		 		1px solid #000;
	padding:			 			0 0 1em 0;
	margin-bottom:				5px;
	font-family:		 		'Trembuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Arial, Helvetica, sans-serif;
	background-color:			 #90bade;
	color:		 				#333;
}
#mainMenu ul {
	list-style-type:			none;
	margin:						0;
	padding:						0;
	border:		 				none;
}
#mainMenu li {
	border-bottom:			 	1px solid #90bade;
	margin:		 				0;
}
#mainMenu li a {
	display:			 			block;
	text-decoration:		 	none;
	color:						#fff;
	background-color:			 #2175bc;
	padding:			 			5px 5px 5px 0.5em;
	border-left:		 		10px solid #1958b7;
	border-right:		 		10px solid #508fc4;
	width:		 				100%;
}
#mainMenu li a:hover {
	text-decoration: 			underline;
	color:						#00f;
	background-color:			#fff;
	border-left:		 		10px solid #1958b7;
	border-right:		 		10px solid #508fc4;
}
#mainMenu ul ul {
	position:					absolute;
	top:							0;
	left:							162px;
	width:						180px;
	visibility:					hidden;
	border-right:		 		1px solid #000;
	margin-bottom:				5px;
}
#mainMenu ul ul ul {
	position:					absolute;
	top:							0;
	left:							181px;
	width:						220px;
	visibility:					hidden;
	border-right:		 		1px solid #000;
}
#mainMenu li li a {
	font-weight:		 		normal;
}
#mainMenu ul li {
	position:					relative;
}
#mainMenu ul li:hover {
	display:						block;
	text-decoration: 			underline;
	color:						#00f;
	background-color:			#fff;
}
#mainMenu ul li:hover > ul {
	visibility:					visible; 
}
#mainMenu li > a {
	position:					relative;
}
/*	===== Id Selectors End ===== */

/* ===== IE Hacks Start	===== */
html>body #mainMenu li a {
	width:		 				auto;
}
* html .featureBox {
	width:						90%;
}
/* ===== IE Hacks End */