/* ============================================================================================
	Domain:						Boracay-BudgetTravel-Tips.com
	Author:						Eduardo Legaspi
	Last Updated:				25/7/2009
	CSS Styles:					3 Columns		
=============================================================================================== */

body {
	font:							70%/1.1 Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: 				center;
	background-color:			#050845;
	background-image:			url(http://www.boracay-budgettravel-tips.com/images/bg.jpg);
	background-repeat: 		repeat-x;
	margin: 						0;
	padding: 					1px 0;
}
#shell {
	width:						880px;
	margin: 						0 auto;
	padding: 					0;
	background-color:			#ffc; //light yellow
	text-align: 				left;
	border: 						2px solid #ccf; //light yellow
}
#wrapper {
	position:					relative;
	width:						100%;
	margin-left: 				auto;
	margin-right: 				auto;
}
#main {
	float:						right;
	width: 						638px;
	margin-top: 				10px;
	margin-bottom: 			10px;
	margin-right:				10px;
}
#content {
	float: 						left;
	width: 						450px;
	margin-left: 				auto;
	margin-right: 				auto;
	padding: 					1px;
}
#adverts {
	float: 						right;
	width:						180px;
	padding: 					1px;
}
#sidebar {
	float:						left;
	width:						220px;
	background-color:			#eee;
	margin-top: 				10px;
	margin-bottom: 			10px;
	padding: 					1px;
}
#header {
	position:					relative;
	top:							0;
	left:							0;
	height:						140px;
	background-color:			#006; //dark blue
}
#hdr-top {
	position:	 				relative;
	height:						30px;
	text-align:					right;
	margin:						0;
	padding: 					0;
}
#hdr-main {
	position:					relative;
	height:						80px;
	margin: 						0;
	padding: 					0;
}
#hdr-bottom {
	height:						30px;
	text-align:					center;
	padding: 					0;
	margin:						0 auto;
}
#hdr-top .dteToday {
	position: 					absolute;
	top:							5px;
	left:							25px;
	color:						#fff; //white
	margin: 						0;
	padding:						0;
}
#hdr-top .emlbuzz-logo {
	position: 					absolute;
	top:							2px;
	left:							285px;
	color:						#fff; //white
	margin: 						0;
	padding:						0;
}
#hdr-top .menuBar1 {
	position: 					absolute;
	top:							5px;
	left:							125px;
	color:						#fff;
	margin: 						0;
	padding:						0;
}
#hdr-main .logo {
	float:						left;
	margin: 						0;
	padding: 					0;
}
#hdr-main .flag {
	position: 					absolute;
	top:							10px;
	left:							300px;
	margin: 						0;
	padding: 					0;
}
#hdr-main .sponsor1 {
	position: 					absolute;
	top:							10px;
	left:							450px;
	margin: 						0;
	padding: 					0;
}
#hdr-main .sponsor2 {
	position: 					absolute;
	top:							10px;
	right:						10px;
	margin: 						0;
	padding: 					0;
}
#hdr-bottom #menuBar2 {
	height:						0px;
	text-align:					center;
	padding: 					0;
	margin:						0;
}
#footer {
	clear: 						both;
	background-color:			#006; //dark blue
}
#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;
}
#footer-main {
	position:					relative;
	width:						100%;
	height:						50px;
	text-align:					center;
	margin:						0;
	padding:						0.6em 0;
}
#footer-main a:link, 
#footer-main a:visited {
	text-decoration:			none;
	color:						#ff0;
	background-color:			#006;
	padding:						5px;
}
#footer-main a:hover {
	text-decoration: 			underline;
	color:						#00f;
	background-color:			#fff;
	padding:						5px;
}
#footer-main p {
	font-size:					0.8em;
	text-align:					center;
	color:						#fff;
	padding:						0.6em 0;
	margin:						0 auto;
}
#footer-main h6 {
	text-align:					center;
	color:						#fff;
	padding:						0.6em 0;
	margin:						0 auto;
}
#footer-branding {
	height:						100px;
	padding: 					5px;
}
#footer .site-powered-by {
	margin: 						0;
	padding: 					5px;
	background-color:			#006;
}
#footer .menuBar3 {
	position:	 				relative;
	height:						25px;
	background-color:			#006;
	text-align: 				center;
	padding: 					5px 10px;
	margin: 						0 auto;
	margin-bottom:				5px;
	border-top:					2px solid #ffc; //light yellow
}
#footer .menuBar3 li {
	display:						inline;
}
#footer .menuBar3 li a:link,
#footer .menuBar3 li a:visited {
	text-decoration:			none;
	color:						#fff;
	background-color:			#952c29;
	padding:						5px 10px;
}
#footer .menuBar3 li a:visited {
	color:						#ddd;
}
#footer .menuBar3 li a:hover {
	text-decoration: 			underline;
	color:						#00f;
	background-color:			#fff;
	padding:						5px 10px;
}
/*	=====	Page Layout & Formatting End ===== */

