/*  
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/

	FILIPINO TRIVIA: 
	"Isla" is the Filipino word for "island." I created this theme while
	dreaming of going to Boracay Island, one of the Philippines' prime beaches.
	
	OTHER STUFF: 
	This WordPress Theme is free software; you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details. (license.txt file in the Isla folder)
	
	Feel free to modify and use this theme. Just don't forget to give me credit :)
	I would love to hear from you if you decide to use my theme. 
	
	As per the GNU license, I cannot guarantee support for this theme. Should you have any
	concerns, drop me a line at http://www.filipinowebdesigner.com. I can't promise to answer your
	questions (I have a life too, you know), but I will try.

*/

/* 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;
}

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

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

a {color:#0000FF;}
a:hover {color:#59BCD9;}

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;
	text-align:center;
}

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

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

.desc {padding-left:0px; margin-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFF00;}

.searchbox {
	float:right;
	width:152px; 

	text-align:left; 

	padding:10px 0px 0px 0px;
	margin:0px;
}
input.fieldstyle {
	margin: 0px 0px 0px 0px;
	padding:1px;
	width:110px;
	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:#0000FF; text-decoration:underline;}
.rightnav a:hover {color:#59BCD9;}

.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:#0000FF; text-decoration:underline;  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:#59BCD9; 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:129px; margin-top:30px; background-image:url('images/isla_footerbg.jpg'); background-repeat:repeat-x; background-position:bottom; clear:both; left:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center; color:#B5E1F1;}
.footer p {padding:65px 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:#000000;}

.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:#0D95C8; float:left; padding:2px 0px 0px 5px; margin:0px; text-align:left; width:80%; letter-spacing:-1px;}
.title a {color:#0D95C8; text-decoration:none;}
.title a:hover {color:#59BCD9; text-decoration:underline;}


/* 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:#000000; 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 {margin:0px 0px 10px 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:#0000FF; text-decoration:none;}
.postedhome a:hover {color:#00AEEF; text-decoration:underline;}

.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:#0F0F0F; 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;}
.datetitle p{margin:0px 0px 0px 0px; padding:0px;}
.pastentryinside a{color:#0D95C8; text-decoration:none; font-family:"Times New Roman", Times, serif; font-size:1.5em; letter-spacing:-1px;font-weight:normal;}
.pastentryinside a:hover{color:#59BCD9; text-decoration:underline;}


/* 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:#000000; text-align:justify; }
.responses a {color:#0000FF; text-decoration:underline; font-style:italic;}
.responses a:hover {color:#59BCD9; 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:#0000FF; text-decoration:none;}
.postedcat a:hover {color:#00AEEF; text-decoration:underline;}

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:#000000; 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:#000000;}
.replybox textarea {background:#F8F8F8; border:1px solid #EBEBEB; color:#000000;}

/* 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 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;}