/*  
Theme Name: Isla
Theme URI: http://filipinowebdesigner.com/
Description: Two-column, fluid theme inspired by the beautiful beaches of the Philippine Islands.
Version: 1.0
Author: Gail Dela Cruz
Author URI: http://kutitots.com/
*/

/* GENERAL CSS */

body {
	background-color: #FFFFFF;
	background-image: url('images/isla_bg.jpg');
	background-repeat: repeat-x;
	background-position:top left;
	margin:0px;
	padding:0px;
	text-align:center;
}

FORM {
	margin:0px;
}

body,td,th {
	font-family:Arial, Helvetica, sans-serif;
}

img {text-align:center; border:5px double #EBEBEB;}

a {color:#E88EEC;}
a:hover {color:#97CA33;}

blockquote {padding:10px; border:1px dashed #EBEBEB; background:#FFFFFF; font-family:"Times New Roman", Times, serif; font-size:14px; line-height:1.2em;}

/* HEADER STYLES */
.container_header {
	background-image: url('images/isla_headerimg.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px;
	padding:0px;
	width:100%;
	/*height:140px; With ads no problem*/
	text-align:center;
}

.header {float:left;padding:0px 0px 0px 62px; margin:26px 0px 0px 0px; height:58px;}

.header h1 {padding:25px 0px 0px 0px;margin:0px;font-weight:400;font-family:"Times New Roman", Times, serif; font-size:28px;color:#FFFFFF;line-height:16px;}
.header h1 a {padding-left:35px;color:#FFFFFF;text-decoration:none;font-family:arial,sans-serif;font-weight:bold;}
.header h1 a:hover {color:#E048AC; text-decoration:none;}

.header h2 {padding:0px;padding-top:2px;margin:0px;text-align:left;}
.header h2 span {padding-left:36px;margin:0px;font-size:10px; color:#FFFF00;}

.searchbox {
	float:right;
	width:400px;
	text-align:left;
	padding:10px 0px 0px 5px;
	margin:0px;
}
input.fieldstyle {
	margin: 0px 0px 0px 0px;
	padding:1px;
	width:290px;
	height:17px;
	border:none;
	background:#01A8E7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	vertical-align:text-top;
}
input.buttonstyle {
	margin: 0px;
	padding:0px;
	width:34px;
	height:19px;
	border:none;
	background:none;
	background-image:url('images/isla_searchbutton.gif');
	background-repeat:no-repeat;
	background-position:top left;
	cursor: pointer;
}

.headernav { clear:both; width:80%; /*height:56px;*/ margin:auto;}
.headernav ul {margin:0px; padding:0px; display:block; list-style-type:none; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:9px;}
.headernav ul li {display:inline;}

.headernav a {color:#64A423; background:none; line-height:25px; text-decoration:none; padding:8px 10px 3px 10px; margin:0px 0px 0px 0px;}
.headernav a:hover {background:#FFFFFF; background-image:url('images/isla_navhover.gif'); background-repeat:repeat-x; text-decoration:none; color:#14AFE9;}


/* CONTENT AREA STYLES */
.container_body {width:80%; margin:auto; text-align:left;}
.leftbody {float:left; width:75%; }
.rightbody {float:right; width:25%;}


/* RIGHT SIDE BAR */
.rightnav {width:100%; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#AAAAAA; text-align:left;}
.rightnav a {color:#9CD541; text-decoration:underline;}
.rightnav a:hover {color:#E88EEC;}

.rightnav ul {list-style-type:none; background:none; margin:0px; padding:0px;}
.rightnav form {margin:5px 0px 10px 0px; padding:0px 0px 0px 0px;}
.rightnav p {margin:5px 0px 10px 0px; padding:0px 0px 0px 0px;}
.rightnav li {margin:1px 0px 1px 0px; padding:0px 0px 0px 0px;}
.rightnav li a {color:#9CD541; text-decoration:none;  padding:0px 0px 0px 15px; background-image:url('images/isla_listhover1.gif'); background-repeat:no-repeat; background-position:top left;}
.rightnav li a:hover{color:#E88EEC; background-image:url('images/isla_listhover.gif'); background-repeat:no-repeat; background-position:top left;}
.rightnav li ul {margin:0px 0px 0px 0px; padding:5px 0px 5px 15px;}
.rightnav h2 {font-family:"Times New Roman", Times, serif; font-size:1.5em; letter-spacing:-1px; color:#6ED4F7; padding:0px 0px 0px 0px; margin:15px 0px 5px 0px; line-height:10px; font-weight:normal;}

/* CALENDAR STYLES */
.calendar {font-family:Arial, Helvetica, sans-serif; color:#00AEEF; font-size:11px; width:100%;}
.calendar a {display:block; background:#FFFF00; text-decoration:none; color:#00AEEF;}
.calendar a:hover {display:block; background:#E048AC; text-decoration:none; color:#FFFFFF;}
.calendar table {width:100%; text-align:center;}
.calendar th {color:#00AEEF;}
.calendar caption {font-family:"Times New Roman", Times, serif; font-size:15px; letter-spacing:-1px; color:#FFFF00; border:1px solid #8EDAF7; padding:1px; background:#00AEEF;}

.calendar td {background:#8EDAF7;}
.calendar td#next a{display:block; background:#00AEEF; color:#FFFF00;}
.calendar td#next a:hover{display:block; background:#9CD541; color:#FFFFFF;}
.calendar td#next {text-align:right;}
.calendar td#prev {text-align:left;}
.calendar td#prev a{display:block; background:#00AEEF; color:#FFFF00;}
.calendar td#prev a:hover{display:block; background:#9CD541; color:#FFFFFF;}
.calendar td.pad {background:none; border:none;}


/* FOOTER STYLES */
.footer {width:100%; height:95px; margin-top:20px; background-image:url('images/isla_footerbg.jpg'); background-repeat:repeat-x; background-position:bottom; clear:both; left:0px;font-size:11px; text-align:center; color:#B5E1F1;}
.footer p {padding:25px 0px 0px 0px;}
.footer a {color:#FFFFFF; text-decoration:none;}
.footer a:hover {color:#FFF500; text-decoration:underline;}
.footer .blogtitlebottom {font-family:"Times New Roman", Times, serif; font-size:14px;}

/* MAIN CONTENT */
.entrybox {width:97%; background:#F8F8F8; border:1px solid #EBEBEB; border-top:5px double #EBEBEB; font-family:Arial, Helvetica, sans-serif; font-size:.72em; line-height:16px; color:#5E5E5E; overflow:hidden;}

.datetitlebox {width:95%; padding:10px 5px 5px 5px; margin:0px;}
.date {width:50px; float:left; padding:3px 5px 0px 0px; margin:0px; text-align:right; color:#E88EEC;}
.dateday {font-family:Tahoma, Geneva, Helvetica, "trebuchet MS", verdana; font-size:29px;}
.datemy {font-family:Tahoma, Geneva, Helvetica, "trebuchet MS", verdana; font-size:12px; line-height:20px; text-transform:uppercase;}
.title {font-family:"Times New Roman", Times, serif; font-size:21px; color:#4DC6F4; float:left; padding:2px 0px 0px 5px; margin:0px; text-align:left; width:80%; letter-spacing:-1px;}
.title a {color:#4DC6F4; text-decoration:none;}
.title a:hover {color:#97CC32; text-decoration:none;}


/* HOME PAGE STUFF */
.welcome {width:97%; padding:0px; margin:0px 0px 15px 0px; font-family:Arial, Helvetica, sans-serif; font-size:.72em; line-height:1.5em; color:#97CA33; text-align:justify;}
.welcome p {margin:0px 0px 5px 0px;}

.entrytext_home {clear:both; padding:10px 15px 15px 15px; text-align:justify;}
.entrytext_home p {padding:0px 0px 5px 0px; line-height:1.5em;}
.entrytext_home li {padding:0px 0px 5px 0px; line-height:1.5em;}

.compost{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#BFBFBF; width:97%; border-left:1px solid #EBEBEB; border-right:1px solid #EBEBEB; border-bottom:5px double #EBEBEB; padding:0px; background:#F8F8F8;}

.postedhome {display:block; padding:3px 5px 3px 5px; text-align:right; margin:0px;}
.postedhome a {color:#BFBFBF; text-decoration:none;}
.postedhome a:hover {color:#00AEEF;}

.commentslinkhome {float:left; text-align:center; margin:auto; }
.commentslinkhome a {border-right:1px solid #EBEBEB; border-bottom:1px solid #EBEBEB; color:#74D3F6; text-decoration:none;display:block; float:left; padding:3px 15px 3px 15px; }
.commentslinkhome a:hover {background:#9AD43D; color:#FFFFFF;}

.continued {color:#9AD43D; padding:0px 17px 0px 0px; margin:0px; text-align:right; display:block; font-family:Arial, Helvetica, sans-serif; font-size:15px; background-image:url('images/isla_buttonnext.gif'); background-repeat:no-repeat; background-position:right; line-height:17px;}
.continued a {color:#9AD43D; text-decoration:none;}
.continued a:hover {color:#E88EEC; text-decoration:none;}

.pastentry { float:left; width:97%; margin:5px 0px 0px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:.70em; line-height:normal; color:#AAAAAA; text-align:justify;}
.pastentryinside {padding:10px 10px 0px 10px; border:1px solid #EBEBEB;}
.pastentryinside h3 {font-weight:bold; color:#E88EEC; font-family:Tahoma, Geneva, Helvetica, "trebuchet MS", verdana; font-size:11px; line-height:5px; margin:0px; padding:0px;line-height:11px;}
.datetitle p{margin:0px 0px 0px 0px; padding:0px;}
.pastentryinside a{color:#4DC6F4; text-decoration:none; font-family:"Times New Roman", Times, serif; font-size:1.5em; letter-spacing:-1px;font-weight:normal;}
.pastentryinside a:hover{color:#97CC32; text-decoration:none;}


/* SINGLE PAGE STUFF */
.responses {float:left; width:97%; margin:0px 0px 10px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:.70em; line-height:1.3em; color:#AAAAAA; text-align:justify; }
.responses a {color:#D2D2D2; text-decoration:none; font-style:italic;}
.responses a:hover {color:#97CA33; text-decoration:none;}
.responses p {padding:0px 0px 0px 0px;}
.postedcat {display:block; padding:3px 5px 3px 5px; text-align:center; margin:0px;}
.postedcat a {color:#BFBFBF; text-decoration:none;}
.postedcat a:hover {color:#00AEEF;}

h3.commentsnumber  {font-family:"Times New Roman", Times, serif; font-size:18px; letter-spacing:-1px; color:#4DC6F4; font-weight:normal; padding:0px 0px 0px 0px; margin:0px; text-align:left;}

.commentsbox { float:left; width:97%; margin:8px 0px 0px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:.70em; line-height:normal; color:#AAAAAA; text-align:justify;}
.commentsboxinside {padding:10px 10px 10px 10px; border:1px solid #EBEBEB; margin:5px 0px 0px 0px;}
.commentsboxinside p {padding:5px 0px 5px 0px; margin:0px;}
.poster {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#4DC6F4;}
.poster a {color:#4DC6F4; text-decoration:none;}
.poster a:hover {color:#97CC32; text-decoration:none;}
.commentposted {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#E88EEC;}
.commentposted a {color:#E88EEC; text-decoration:none;}
.commentposted a:hover {color:#4DC6F4; text-decoration:none;}

.replybox {float:left; width:97% font-family:Arial, Helvetica, sans-serif; font-size:.70em; line-height:1.3em; color:#AAAAAA; margin:8px 0px 0px 0px; padding:0px;}
.replybox h3 {font-family:"Times New Roman", Times, serif; font-size:18px; letter-spacing:-1px; color:#4DC6F4; font-weight:normal; text-align:left;}
.replybox p {margin:5px 0px 5px 0px; padding:0px 0px 0px 0px;}
.replybox input {background:#F8F8F8; border:1px solid #EBEBEB; color:#AAAAAA;}
.replybox textarea {background:#F8F8F8; border:1px solid #EBEBEB; color:#AAAAAA;}

/* PAGE STUFF */
.pages {font-family:Arial, Helvetica, sans-serif;}
.pagebox {width:97%; padding:0px; margin:0px 0px 20px 0px; font-family:Arial, Helvetica, sans-serif; font-size:.72em; line-height:1.5em; color:#8E8E8E; text-align:justify;}
.pagebox h2 {font-family:"Times New Roman", Times, serif; font-size:24px; color:#4DC6F4;text-align:left; letter-spacing:-1px; font-weight:normal;}
.pagebox p {margin:0px 0px 15px 0px; padding:0px;}
.pagebox ul li {margin-top:15px;}
.pagebox ul li h2 {font-family:"Times New Roman", Times, serif; font-size:18px; color:#4DC6F4;text-align:left; letter-spacing:-1px; font-weight:normal;}
.pagebox h3 {font-family:"Times New Roman", Times, serif; font-size:18px; color:#97CA33;text-align:left; letter-spacing:-1px; font-weight:normal;}

/* ARCHIVE STUFF */
.nextback {width:97%; padding:0px; margin:0px 0px 5px 0px;}

.next{float:right; width:45%; color:#9AD43D; padding:0px 17px 0px 0px; margin:0px; text-align:right; display:block; font-family:Arial, Helvetica, sans-serif; font-size:15px; background-image:url('images/isla_buttonnext.gif'); background-repeat:no-repeat; background-position:right; line-height:17px; margin:10px 0px 10px 0px;}
.next a {color:#9AD43D; text-decoration:none;}
.next a:hover {color:#E88EEC; text-decoration:none;}

.back{float:left; width:45%; color:#9AD43D; padding:0px 0px 0px 17px; margin:0px; text-align:left; display:block; font-family:Arial, Helvetica, sans-serif; font-size:15px; background-image:url('images/isla_buttonback.gif'); background-repeat:no-repeat; background-position:left; line-height:17px; margin:10px 0px 10px 0px;}
.back a {color:#9AD43D; text-decoration:none;}
.back a:hover {color:#E88EEC; text-decoration:none;}


#top-pub-big
{
	padding-bottom:10px;
	text-align:center;
}

#bootom-pub-small {
	margin-top:10px;
	text-align:center;
}

#toppublink
{
	margin:0 auto;
	width:468px;
	height:15px;
	text-align:center;
}

.aligncenter {
	margin: 0 auto;
}


/* Google */
#google_graphic_top {
	width:728px;
	height:90px;
	margin: 10px auto;
	margin-bottom: 10px;
}


/* Facebook */
#facebook_fan_box {
	padding: 10px;
	padding-bottom: 5px;
	margin: 0px auto;
	text-align: center;
	width: 350px;
}
	#facebook_fan_box div {
		text-align: left;
	}

#facebook_findus {
	text-align:left;
}

	#facebook_findus img {
		border: 0px;
	}

.fblike {
	clear:both;
	width: 450px;
	height: 70px;
	padding-top: 10px;
}