/* =================================================================================
	Domain:						Boracay-BudgetTravel-Tips.com
	Author:						Eduardo Legaspi
	Last Updated:				16/7/2009
	CSS Styles:					Common	
==================================================================================== */
a img {
	border: 						none;
}
.crumbs {
	color: 						#000;
	text-align: 				left;
	margin:						0;
	padding: 					0;
}
.crumbs a {
	text-decoration: 			underline;
	color: 						#00f;
}
.crumbs a:hover {
	text-decoration: 			underline;
	color:						#f00;
}
.titleBox {
	width:						80%;
	background:					#fff url(http://www.boracay-budgettravel-tips.com/images/bottom-left.gif) no-repeat left bottom;
	margin:		 				1px auto;
}
.titleBox-outer {
	background: 				url(http://www.boracay-budgettravel-tips.com/images/bottom-right.gif) no-repeat right bottom;
	padding-bottom: 			0;
}
.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:						#f00;
	text-align:					center;
	padding: 					5%;
}
.titleBox p {
	font-size: 					1em;
	font-weight: 				normal;
	line-height: 				2em;
	text-align:					left;
	padding: 					1%;
	padding-bottom:			0;
}
.titleBox p.first {
	background:					url(http://www.boracay-budgettravel-tips.com/images/box-top-right.gif) no-repeat right top;
	text-align:					left;
}
.titleBox h2,
.titleBox h2 a  {
	background:					#3d67a1;
	font-size:					1.4em;
	font-weight: 				bold;
	color:						#fff;
	text-align:					left;
	text-decoration: 			none;
	margin-top: 				0;
	margin-bottom: 			0;
	padding:						5px;
}
.titleBox h3,
.titleBox h3 a {
	background:					#3d67a1;
	font-size:					1.2em;
	font-weight: 				bold;
	color:						#fff;
	text-align:					center;
	text-decoration: 			none;
	margin-top: 				0;
	margin-bottom: 			0;
	padding:						5px;
}
.titleBox h2 a:hover,
.titleBox h3 a:hover {
	background:					#3d67a1;
	font-weight: 				bold;
	color:						#fff;
	text-align:					left;
	text-decoration: 			underline;
	margin-top: 				0;
	margin-bottom: 			0;
	padding:						5px;
}
.banner-L {
	float: 						left;
	padding: 					5px;
	padding-right: 			15px;
}
.banner-R {
	float: 						right;
	padding: 					10px;
}
div.box-caption
{
	color:						#fff;
	font-size:					1em;
	text-transform:			capitalize;
	padding-top:				1px;
	margin-bottom:				0;
}
div.box-caption h2 {
	text-align:					left;
}
div.box-caption h3 {
	text-align:					center;
}
div.box-caption-left
{
	background: url('http://www.boracay-budgettravel-tips.com/images/box-caption-left_1000x49.gif') bottom left no-repeat;
}
div.box-caption-right
{
	background: url('http://www.boracay-budgettravel-tips.com/images/box-caption-right_40x49.gif') bottom right no-repeat;
}
.box {
	width: 						100%;
	font-size: 					1em;
	line-height: 				1.5em;
	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: 			1%;
}
.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: 					1.5% 1.5% 0 1.5%;
}
.box p {
	font-weight: 				normal;
	text-align:					left;
	padding: 					0 5%;
}
.box p.first {
	text-align:					left;
	margin:		 				0 auto;
	padding: 					5%;
	padding-bottom:			0;
}
.box h1 {
	font-size:					2em;
	font-weight: 				bolder;
	color:						#800;
	text-align:					center;
	padding:						1.5% 1.5% 0 1.5%;
}
.box h2,
.box h2 a,
.box h2 a:hover,
.box h3,
.box h3 a,
.box h3 a:hover {
	background:					#256290; /*#3d67a1;*/
	font-size:					1.2em;
	font-weight: 				bold;
	color:						#fff;
	text-align:					left;
	text-decoration: 			none;
	margin:		 				0 5%;
	margin-top:					1%;
	padding:						1% 5%;
}
.box h2 a:hover,
.box h3 a:hover {
	text-decoration: 			underline;
}
.box h3,
.box h3 a,
.box h3 a:hover {
	text-align:					center;
}
.box h4 {
	font-size:					1.2em;
	font-weight: 				bolder;
	color:						#f00;
	text-align:					center;
	padding: 					0 5%;
}
.box h5 {
	font-size:					1.5em;
	font-weight: 				bolder;
	color:						#c03;
}
.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;
}

.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;
}
.featureBox {
	width: 						98%;
	font-size: 					1em;
	line-height: 				1.8em;
	background-color:			#fff;
	margin:		 				5px auto;
	margin-top: 				0;
	padding:			 			5px;
/*	border:						1px solid #ccf;*/
}
.featureBox h1,
.featureBox h1 a {
	font-size:					1.2em;
	font-weight: 				bold;
	color:						#000;
	text-align:					left;
	text-decoration: 			none;
	margin-top: 				0;
	margin-bottom: 			0;
	padding:						5px 10px;
}
.featureBox p {
	text-align:					left;
	margin:		 				5px auto;
	margin-top: 				0;
	padding:						5px;
}
.featureBox a {
	color:						#00f;
	background-color:			#fff;
	padding:						1px 0;
	border:						0;
}
.featureBox a:hover {
	color:						#f00;
	background-color:			#fff;
	padding:						1px 0;
}
.featureBox h2,
.featureBox h2 a,
.featureBox h2 a:hover,
.featureBox h3,
.featureBox h3 a,
.featureBox h3 a:hover {
	background:					#256290; /*#3d67a1;*/
	font-size:					1.2em;
	font-weight: 				bold;
	color:						#fff;
	text-align:					left;
	text-decoration: 			none;
	margin-top: 				0;
	margin-bottom: 			0;
	padding:						5px;
}
.featureBox h2 a:hover,
.featureBox h3 a:hover {
	text-decoration: 			underline;
}
.featureBox h3,
.featureBox h3 a,
.featureBox h3 a:hover {
	text-align:					center;
}
.featureBox h4  {
	background:					#fff;
	font-size:					1.2em;
	font-weight: 				bold;
	color:						#f00;
	text-align:					left;
	text-decoration: 			none;
	margin-top: 				0;
	margin-bottom: 			0;
	padding:						5px;
}
.featureBox ul {
	list-style-image: 		url(http://www.boracay-budgettravel-tips.com/images/li.gif);
	text-align:					left;
}
.featureBox ol li,
.featureBox ul li {
	font-size: 					1em;
	font-weight: 				normal;
	line-height: 				2em;
	padding:						0 15px;
}
.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 {
	background-color:			#fff;
	margin:		 				0 auto;
	padding: 					0;
}
.imgCenter {
	display:						block;
	margin:						1px auto;
}
.leaderboard {
	display: 					block;
	margin-left: 				auto;
	margin-right: 				auto;
	padding-left: 				15px;
	padding-right: 			15px;
	text-align: 				center;
}
.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-middle {
	background:					url(http://www.boracay-budgettravel-tips.com/images/top-right.gif) no-repeat right top;
	padding:						5% 5% 0 5%;
}
.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 ===== */