@charset "utf-8";
/* CSS Document */

/* -----------------------------------------------------------------------
	CSS INFO
	Date	: March 05,2010
	Title	: VACATION CEBU
	Author	: AAACBC
	Started by: Gabriel Ceniza
		
 ----------------------------------------------------------------------- */


/* ---------RESET------*/

*{ 
	margin:0;
	padding:0;
	
} 	

/* ----- END RESET----*/


body{

	background:#fefefd url(images/background.jpg) no-repeat fixed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1{

	font-size:18px;
	color:#128cc0;
	font-weight:normal;
}


img{
	
	border:0;
}

.left{
	
	float:left;
}

.right{

	float:right;
}

.default_margin{
	
	margin:0 auto;

}

.margin_top{

	margin-top:20px;

}

.text_left{

	text-align:left;
}

.text_right{
	
	text-align:right;
}

.text_center{

	text-align:center;
}

.underline{

	text-decoration:underline;
}

.no_underline{

	text-decoration:none;
}

.bold{

	font-weight:bold;
}

.white_bg{

	background:#ffffff;
}

.wrapper{
	
	width:1075px;
	margin:0 auto;

}

.main_wrapper{

	width:1075px;
}

.header{
	
	/*background:url(images/sinulog-header.png) no-repeat;*/
	width:1075px;
	height:144px;
	
}

.logo{

	width:692px;
	height:144px;
	background:url(images/logo.png) no-repeat;
}

.top_access_button{

	width:96px;
	height:36px;

}

.top_access_wrapper{
	
	width:202px;
	height:36px;

}

.navigation_buttons{
	
	width:auto;
	padding:0 5px 0 5px;

}

#navigation{
	
	width:849px;
	background:url(images/navigation.png) no-repeat;
	height:34px;
	margin:0;
	padding:0;
}


#navigation span {display: none;}

#navigation li, #navigation a {

	height:34px;
	display:block;
}

#navigation li {

	float:left;
	list-style:none;
	display:inline;
}

#navigation1 {width: 146px;}
#navigation2 {width: 202px;}
#navigation3 {width: 270px;}
#navigation4 {width: 217px;}

#navigation1 a:hover {background:url(images/navigation.png)   0    -34px no-repeat; }
#navigation2 a:hover {background:url(images/navigation.png) -146px -34px no-repeat; }
#navigation3 a:hover {background:url(images/navigation.png) -348px -34px no-repeat; }
#navigation4 a:hover {background:url(images/navigation.png) -618px -34px no-repeat; }



#mainblog_button{
	
	width:545px;
	background:url(images/mainblog_buttons.jpg) no-repeat;
	height:48px;
	margin:0;
	padding:0;
}


#mainblog_button span {display: none;}

#mainblog_buttonli, #mainblog_button a {

	height:48px;
	display:block;
}

#mainblog_button li {

	float:left;
	list-style:none;
	display:inline;
}

#mainblog_button1 {width: 173px;}
#mainblog_button2 {width: 186px;}
#mainblog_button3 {width: 186px;}

#mainblog_button1 a:hover {background:url(images/mainblog_buttons.jpg)   0    -46px no-repeat; }
#mainblog_button2 a:hover {background:url(images/mainblog_buttons.jpg) -173px -46px no-repeat; }
#mainblog_button3 a:hover {background:url(images/mainblog_buttons.jpg) -359px -46px no-repeat; }




.top_content_bg{
	
	width:1075px;


}

.left_panel{

	width:585px;
	padding:10px 0 20px 10px;
}

.right_panel{

	width:480px;
	#width:480px;
	margin-top:10px;
}

.gallery_wrapper{
	
	width:109px;
	padding:10px 15px 0 10px;
}

.gallery_texts{
	
	color:#000000;
	font-size:10px;
	width:109px;
	
}

.gallery_texts a{
	
	color:#128CC0;
	text-decoration:none;
}

.gallery_img{

	width:109px;
	height:100px;
	overflow:hidden;
	
	
}

.gallery_img img{

	border:solid 1px #188fc2;

}

.gallery_twitter_fb{
	
	width:104px;
	padding:5px 0 0 0;

}

.textblog_detail{
		
	width:575px;
	margin-top:10px;
	overflow:hidden;

}

.textblog_detail p{

	font-size:12px;
	color:#000000;
	line-height:18px;
	font-family:Arial, "Helvetica", sans-serif;
	padding-right:7px;

}

.imgahak img{
	margin:0 auto;
	padding:10px;
	width:500px;
	height:auto;

}

.textblog_detail2 img{

	float:left;
	padding-right:7px;

}

.textblog_detail_half{
	
	width:250px;

}

.textblog_detail_half p{
	
	font-size:12px;
	color:#0284bc;

}

.textblog_detail_half h2{
	
	font-size:14px;
	font-weight:bold;
	color:#0284bc;
}

.textblog_detail_half a{
	
	color:#0284bc;

}

.textblog_detail_half a:hover{

	text-decoration:underline;
}

.textblog_pics{

	margin-top:10px;
	width:585px;
	
}

.textblog_pics img{

	float:left;

}

.ads_wrapper{

	width:222px;
	padding:10px 0 10px 5px;
	
}

.right_navs{

	width:235px;
	#width:200px;
	padding-left:5px;
}


.logintxtfield{
	width: 400px;
	height: 22px;
	margin-left:5px;
	
}

/* OTHER PLATFORMS OF AAACBC (yummy, gimmick, vacation, shopping) START*/

#platforms{
	background: url(images/aaacbc_platforms.png) no-repeat;
	width:230px;
	height:64px;
	margin-left:25px;
}


#platforms span {
	display: none;
}

#platforms ul{
	padding:0px;
	margin:0px;
}

#platforms li, #platforms a {
	height:64px;
	display:block;
	outline:none;
}

#platforms li {
	float:left;
	list-style:none;
	display:inline;
	padding:0px;

}

#platforms-01 {width: 56px;}
#platforms-02 {width: 56px;}
#platforms-03 {width: 56px;}

#platforms-01 a:hover {background:url(images/aaacbc_platforms.png)  0px   -66px no-repeat; }
#platforms-02 a:hover {background:url(images/aaacbc_platforms.png) -56px  -66px no-repeat; }
#platforms-03 a:hover {background:url(images/aaacbc_platforms.png) -112px  -66px no-repeat; }
/* OTHER PLATFORMS OF AAACBC (yummy, gimmick, vacation, shopping) END */


.right_box{

	width:233px;
	#width:205px;
	margin:0 0 0 0;
	padding:0 0 10px 5px;
	background-color:#FFFFFF;
	
	/*filter:alpha(opacity=60);
	CSS3 standard 
	  opacity:0.6;*/
}

.top_right_curve{

	background:url(images/top_right_curve.png) no-repeat;
	width:238px;
	height:9px;
}

.bottom_right_curve{

	background:url(images/bottom_right_curve.png) no-repeat;
	width:238px;
	height:9px;
}


.right_box h1{

	font-size:16px;
	color:#0384bd;
	
}

.right_box p{

	font-size:11px;
	color:#0384bd;
	padding:10px 0 0 0;
	
}

.right_box ul{
	
	padding-top:10px;
	margin-left:20px;

}

.right_box ul li{

	/*background:url(images/bullets.jpg) no-repeat;
	background-position:left;
	list-style:none;*/
	list-style:circle;
	padding-left:2px;
	line-height:15px;
	
	
}

.right_box ul li a{
	
	color:#0284bc;
	font-size:12px;
	text-decoration:none;
}

.right_box ul li a:hover{
	
	color:#0284bc;
	font-size:12px;
	text-decoration:underline;

}

.dropdown{

	width:221px;
	#width:200px;
	height:18px;
	background:url(images/dropdownbg.jpg) no-repeat;
	border:0;
	color:#000000;
	font-size:11px;
	padding:3px 0 0 0;
	
}

.follow_icons{

	width:65px;
	height:65px;
	padding:10px 0 0 5px;
	
}

.follow_icons p{

	color:#0284bc;
}

.footer_wrapper{

	width:1075px;
	background:#ebede6;

}

#footer_navs {

	background:url(images/footer_nav.jpg) no-repeat;
	width:605px;
	height:40px;
	margin:0;
	padding:0;
	
}

#footer_navs span {

	display: none;
}

#footer_navs li, #footer_navs a {

	height:40px;
	display:block;
}

#footer_navs li {

	float:left;
	list-style:none;
	display:inline;
}

#footer_navs1 {
	width: 98px;
}
#footer_navs2 {
	width: 148px;
}
#footer_navs3 {
	width: 190px;
}
#footer_navs4 {
	width: 164px;
}

#footer_navs1 a:hover {

	background:url(images/footer_nav.jpg) 1px -40px no-repeat; 
	
}
#footer_navs2 a:hover {

	background:url(images/footer_nav.jpg) -97px -40px no-repeat;
	
 }
#footer_navs3 a:hover {

	background:url(images/footer_nav.jpg) -245px -40px no-repeat;
	
}
#footer_navs4 a:hover {

	background:url(images/footer_nav.jpg) -435px -40px no-repeat;
	
 }


.comment_textarea{
	
	background:url(images/comment_textarea2.jpg) no-repeat;
	width:570px;
	height:180px;
	border:0;
	margin-top:30px;
	padding:0 5px 0 5px;
}

.profile_wrapper{

	width:982px;
	padding:10px 5px 20px 0;
	margin-left:5px;
}
.profile_logo{
	
	width:258px;
	height:229px;
}

.profile_logo img{
border:solid 1px #81cade;
padding:5px;
}

.profile_center{

	width:340px;
	padding-left:10px;
	color:#0284bc;
	
}

.profile_center h1{

	font-size:24px;
	color:#0284bc;
		
}

.related_buttons{

	width:180px;
	height:20px;
	background:#339cc9;
	margin:3px 0 3px 0;
	padding:7px 0 0 5px;
	
}

.related_buttons a{

	font-size:14px;
	color:#ffffff;
	text-decoration:none;

}

.related_buttons a:hover{

	font-size:14px;
	color:#cccccc;
}

.google_map{
	
	width:347px;
	height:231px;
	border:solid 1px #81cade;
	padding:15px 0 0 15px;

}

.profile_titles{
	
	width:102px;
	float:left;

}

.profile_titles h1{

	font-size:18px;
	color:#0284bc;
}

.profile_contents{
	
	width:871px;
	border:solid 1px #b3dde8;

}

.profile_contents p{

	color:#000000; 
	padding:5px;
}

.profile_contents_gallery{

	padding:5px 15px 5px 15px;
	height:100px;
	width:120px;
	overflow:hidden;
	margin-bottom:10px;
}

.profile_contents_gallery img{
border:solid 1px #81cade;
}

.profile_contents_video{

	padding:5px 15px 5px 15px;
	margin-bottom:10px;

}

.profile_contents_video img{
border:solid 1px #81cade;
}

.bakasyonista_wrapper{
	
	width:165px;
	overflow:hidden;
	text-align:center;

}
.bakasyonista_main_wrapper{
	
	width:165px;
	padding:10px 15px 5px 15px;
	height:180px;

}

.bakasyonista_texts{

	width:165px;
	color:#0384bd;
	text-align:center;

}

.bakasyonista_wrapper img{
	
	border:solid 1px #8cc1db;

}

.bakasyonista_whole_wrapper{
	
	width:585px;

}

.account_wrapper{

	width:670px;
	padding:0 0 0 10px;
	
}

.right_account_wrapper{
	
	width:223px;
	border:solid 1px #8fc3dc;
}

.left_account_button_bg{
		
		background:url(images/left_account_buttons_bg.jpg) no-repeat;
		width:14px;
		height:98px;
		
}

.center_account_button_bg{

	background:url(images/center_account_buttons_bg.jpg) repeat-x;
	width:600px;
	height:98px;
}

.right_account_button_bg{
	
	background:url(images/right_account_buttons_bg.jpg) no-repeat;
	width:14px;
	height:98px;

}

.account_buttons{

	width:66px;
	height:78px;
	padding:10px 25px 0 25px;

}

.account_right_buttons{
	
	width:212px;
	height:32px;
	background:#5da5eb;
	margin:5px 0 5px 5px;
	padding:5px 0 0 0;

}

.account_right_buttons a{
	
	font-size:20px;
	color:#FFFFFF;
	text-decoration:none;
}

.account_wrapper h1{

	font-size:30px;
	color:#55cddc

}

.account_right_buttons a:hover{
	
	font-size:20px;
	color:#bcdeff;

}

.textbox{

	background:url(images/textbox.jpg) no-repeat;
	width:615px;
	height:30px;
	border:0;
	padding:5px 3px 5px 3px;
	margin-bottom:30px;
	
}

.textarea{
	
	background:url(images/textarea.jpg) no-repeat;
	width:622px;
	height:298px;
	border:0;
	padding:0 3px 0 3px;

}

.selectbox{
	background:url(images/textbox.jpg) no-repeat;
	width:621px;
	height:38px;
	border:0;
	padding:9px 3px 5px 3px;
	margin-bottom:30px;
}


.profile_desc_wrapper{

	width:460px;

}

.edit_profile_textbox{

	width:185px;	
}

.edit_profile_boxwrapper{

	width:260px;
	padding:5px 0 0 0;
	margin:0 0 5px 0;

}

.directory_lists{

	width:585px;
	
}

.directory_lists img{
	
	border:solid 1px #8fc3dc;

}

.line{
	
	width:585px;
	height:1px;
	background:#8fc3dc;
	margin-bottom:15px;
}

.critics_thumb{
float:left;
}

.share_butt{
float:left;
width:95px;
}

.status_msg{
float:left;
width:300px;
margin-top:30px;
margin-left:-30px;
}

.blog_divider{
float:left;
height:1px;
background-color:#128CC0;
width:580px;
margin-top:10px;
}



.edit_post_wrapper{
float:left;
border:#128CC0 solid 1px;
padding:10px;
margin-top:20px;
margin-left:30px;
width:580px;
color:#128CC0;

}

.edit_post_wrapper_div{
float:left;
border-top:#128CC0 solid 1px;
padding:5px;

width:550px;
color:#128CC0;
}

.edit_post{
float:left;
width:400px;
}

.edit_post_wrapper h1{
font-size:18px;
font-weight:bold;
}

.delete_post{
float: right;
padding:5px;
border:#128CC0 solid 1px;
width:50px;
text-align:center;
margin-top:10px;
}

.delete_post a{
text-decoration:none;

}

.delete_post h1{
font-size:16px;
font-weight:bold;
}


.edit_content_wrapper{
float:left;
width:550px;
padding:10px;
}

.heading{
float:left;
font-size:14px;
width:550px;
padding-bottom:5px;
}

.heading_content{
float:left;
border:#128CC0 solid 1px;
padding:10px;
width:540px;
}

.change_button{
float:left;
background:url(images/change_butt.jpg) no-repeat;
width:78px;
height:27px;
border:none;
}

.edit_pics{
float:left;
padding:5px;
margin-top:10px;
width:135px;
}

.pic_caption_wrapper{
float:left;
width:300px;
height:160px;
padding:10px;
}

.pic_caption{
float:left;
width:305px;
height:127px;
border:#0099FF solid 1px;
}


.next_page{

	text-align:center;
	float:left;
	color: #128CC0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	text-align:center;
	padding:0 10px 10px 0;
	text-decoration:none;
	
}

.next_page a{


	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#128CC0;
	padding:10px;
	/*border:solid 1px #9a9a9a;*/
	text-align:center;
	text-decoration:none;
}

.blog_divider{
float:left;
background:#128CC0;
height:1px;
width:580px;
}

.video_border{
float:left;
border:#128CC0 solid 1px;
padding:5px 5px 5px 0px;
margin-right:2px;
margin-bottom:20px;
height:240px;
}

.editor_button_left{
	
	float:left;
	width:120px;
}

.editor_button_right{
	
	float:right;
	width:120px;
}

.upper_bg{
float:left;
background:url(images/upper_bg.png) no-repeat;
width:1075px;
height:26px;
}

.main_bg{
float:left;
background:url(images/main_bg_strip.png) repeat-y;
width:1075px;
}

#resort_navigation{
background:url(images/restaurant_navigation.png) no-repeat;
width:232px;
height:34px;
margin:0;
padding:0;
}

#resort_navigation span {display: none;}

#resort_navigation li, #resort_navigation a {

	height:34px;
	display:block;
}

#resort_navigation li {

	float:left;
	list-style:none;
	display:inline;
}


#resnavigation2 {width: 232px;}



#resnavigation2 a:hover {background:url(images/restaurant_navigation.png)  0    -34px no-repeat; }


.delete_comment{
float:right;
border:#128CC0 solid 1px;
padding:10px;
text-align:center;
font-weight:bold;
margin-right:10px;
}

.delete_comment a{
text-decoration:none;
color:#0284BC;

}

.delete_comment a:hover{
text-decoration:underline;
color:#0284BC;

}



/* updated by carl ella */

	#swfupload-control p{ margin:10px 0 10px 5px; font-size:0.9em; }
	#swfupload-control { float:left; margin:0 0 10px 5px; font-size:0.9em; }
	#log{ margin:0; padding:0; width:500px;}
	#log li{ list-style-position:inside; margin:2px; border:1px solid #ccc; padding:10px; font-size:12px; 
		font-family:Arial, Helvetica, sans-serif; color:#333; background:#fff; position:relative;}
	#log li .progressbar{ border:1px solid #333; height:5px; background:#fff; }
	#log li .progress{ background:#999; width:0%; height:5px; }
	#log li p{ margin:0; line-height:18px; }
	#log li.success{ border:1px solid #339933; background:#ccf9b9; }
	#log li span.cancel{ position:absolute; top:5px; right:5px; width:20px; height:20px; 
	background:url('js/swfupload/cancel.png') no-repeat; cursor:pointer; }


	#load {
		position:absolute;
		left:225px;
		background-image:url(images/loading-bg.png);
		background-position:center;
		background-repeat:no-repeat;
		width:159px;
		color:#999;
		font-size:18px;
		font-family:Arial, Helvetica, sans-serif;
		height:40px;
		font-weight:300;
		padding-top:14px;
		top: 23px;
	}
/* end here */


div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid  #128CC0;
	
	text-decoration: none; /* no underline */
	color: #128CC0;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid  #128CC0;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid  #128CC0;
		
		font-weight: bold;
		background-color:  #128CC0;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}
	
/*tipsy*/
.tipsy { padding: 5px; font-size: 12px; filter: alpha(opacity=5); background-repeat: no-repeat;  background-image: url(images/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: #FFFFFF; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }
  
 #gravity { width: 100%; margin: 5px 0; border-spacing: 5px; }
  #gravity td { text-align: center; vertical-align: middle; padding: 5px 0; background-color: #d0d0d0; }
  #gravity a { }
    #gravity a:hover { color: #505050; background: none; }
 /*end*/