/*
Theme Name: Perfect Islands
Theme URI: http://www.perfectislands.com
Description: Customized theme for perfectislands.com
Author: Perfect Islands
Author URI: http://www.perfectislands.com
Version: 3.2
*/

BODY
{
	padding: 0;
	margin: 0;
	font: 0.7em Verdana, Arial, sans-serif;
	line-height: 1.5em;
	color: #454545;
}
A, A:visited
{
	color: #003F7E;
	text-decoration: none;
}
A:hover
{
	text-decoration: underline;
}
A IMG
{
	border: 0px;
}
A.title
{
	color: #FE6700;
}
:focus
{
	outline: 0;
}
H1
{
	margin: 10px 0px 0px;
	padding-top: 0px;
	float: left;
	height: 38px;
	line-height: 36px;
}
H1 A, H2 A
{
	text-decoration: none;
}
H1 A:hover, H2 A:hover
{
	color: #666;
	text-decoration: none;
}
H2
{
	margin: 0;
	padding: 0;
	font: bold 1.3em Arial, Sans-Serif;
	letter-spacing: -1px;
	color: #000;
}
P
{
	margin: 8px 0px 8px 0px;
}
.logo
{
display: none;
}
.contentpost
{
	margin-bottom: 40px;
float: left; 
}


.postlist
{
	border-top: 2px solid #CCC;
	margin: 4px 0px 40px;
	padding: 4px;
}
.postlist P
{
	margin: 3px;
	border-bottom: 1px solid #CCC;
}
BLOCKQUOTE
{
	margin: 10px 0 0 25px;
	padding: 0 20px;
	border-left: 1px solid #CCC;
	color: #666;
}
FORM
{
	margin: 0px;
}
#searchform
{
	padding-top: 0px;
}
#searchform INPUT#s
{
	width: 206px;
	border: 1px solid #D8D8D8;
	padding: -2px 2px 2px;
	color: #CCC;
	font: 1.3em Arial, Sans-Serif;
}
FORM#searchform DIV INPUT#searchsubmit
{
	margin: 3px 0px 0px -20px;
	position: absolute;
}
.content
{
	width: 980px;
	
margin: 0px auto;

}
.content_inside
{

	margin: 980px auto;
border: 1px solid #333;

}
.header{

	margin: 0px;
background: #3e3e3e;
}

.top_info
{
width: 980px;
margin: 0px auto;
	height: 110px;
	background: url(images/logo_new.gif) 0px 15px;
	background-repeat: no-repeat;

}

.top_ad_topnavi {
     border: 2px solid #D8D8D8;
     float: right;
     margin: 10px 0px 0px 0px;
     padding: 13px 0px 5px 10px;
     background: #999;
}

.top_info_topnavi UL
{
	margin: 0px;
	padding: 0px;

}
.top_info_topnavi UL LI
{
	margin: 0px;
	padding: 3px 20px 0px 0px;
	float: left;
}


.top_info_topnavi A
{
color:#666;
text-decoration:none;
background:url(images/greyb.gif) no-repeat 0px 3px;
padding-left:15px;
margin-left:8px;
}
.top_info_topnavi A:hover
{
	color: #003366;
	text-decoration: underline;
}

#nav {
background: #EDF3E7 url(/imges/menu.gif) no-repeat 0px 0px;


	padding: 5px 0px 0px 0px;
	color: #3E3A30;


	letter-spacing: -1px;
	list-style: none;
	margin: 0px;
text-transform: uppercase;
	border-bottom: solid 8px #E4E4E4;

	}

#nav ul {
margin: 0px auto;
width: 980px;
	padding: 0px;
	list-style: none;
	height: 30px;
	}

#nav li {

	float:left;
	background:url(images/menur.gif) no-repeat right top;
	}

#nav li a {

	float: left;
	height: 24px;	
	padding: 6px 16px 0 ;
	color: #7d7d7d;
	text-align: right;
	font-weight: bold;
	background: url(images/menul.gif) no-repeat ;

	}

#nav li a:hover {

	font-weight: bold;
	color: #000;
text-decoration:none;
	}


#nav .current_page_item {
	background-position:100% -42px;
}

#nav .current_page_item a  {
	background-position:0% -42px;
	color: #296F7E;
}
#nav .current_page_parent {
	background-position:100% -42px;
}
#nav .current_page_parent a {
	background-position:0% -42px;
	color: #296F7E;
}

.navsearch
{

padding: 5px 12px 17px 0px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #333;

}
.navsearch INPUT#s
{
	width: 160px;
	border: 1px solid #777777;
	padding: 0px;
	margin: 0px 8px 0px 3px;
	color: #333;
	font: normal 1.2em Arial, Sans-Serif;
}
.navsearch INPUT#searchsubmit
{
	margin: 0px;
}

#subnav {
	font-size: 11px;
	font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
margin-bottom: 10px;
}

#subnav h2 {
	font-family:"Trebuchet MS", Tahoma, Verdana;
	font-size: 17px;
	padding: 4px 10px;
	margin: 0px;
	border-bottom:none;
	background: #ccc;
}

#subnav ul {
	list-style: none;
	padding: 0 0 0 0;
	margin: 4px 1px 0 0;
	background: #fff;
}

#subnav ul li {
	padding: 0;
	margin: 0;
	display: inline;	
}

#subnav ul li a {
	display: block;
	padding: 3px 5px 3px 18px;
	margin: 0;
	font-size: 12px;
	text-decoration: none;
	border-bottom: solid 1px #eee;	
	background-image: url(images/b-ar.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	color: #333;
}

#subnav ul li a:hover, #subnav ul li a.active {
	color: #78A9D6;
	background: #eee url(images/b-ar-h.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
}

#subnav ul li.current_page_item a{
	color: #78A9D6;
	background: #eee url(images/b-ar-h.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
}

/*Left Side
-----------------------------------------------------------------------------*/
.left
{
	float: left;
	width: 710px;
	margin: 10px 0px;

}


.left_articles
{

	margin: 0px 0px 10px 0px;

}

.left_articles img
{
	padding: 0px;
border: none;
margin: 0px;

}

.left_articles  img.alignleft
{
	padding: 2px;
border: 1px solid #ccc;
margin: 0px 8px 5px 0px;

}

.left_articles  img.alignright
{
	padding: 2px;
border: 1px solid #ccc;
margin: 0px 0px 5px 8px;

}
.left_articles hr
{
color: #fff;
clear: both;
margin-bottom: 10px;
}



.left_articles H2, .articles H2:hover
{
	padding: 0px;
	margin: 0px;
	color: #000;
	font: normal 2.4em Arial, Verdana, sans-serif;
	line-height: 100%;
	letter-spacing: -2px;
}

.articles
{
	width:515px;
	margin: 0px 0px 10px 0px;
	float:right;
}
.articles p
{
	font-size: 14px;
	line-height: 21px;
	margin: 15px 0px;
}
.articles img {
	padding: 0px;
	border: none;
	margin: 0px;
}

.articles  img.alignleft {
	padding: 2px;
	border: 1px solid #ccc;
	margin: 0px 8px 5px 0px;
}

.articles  img.alignright {
	padding: 2px;
	border: 1px solid #ccc;
	margin: 0px 0px 5px 8px;

}
.articles hr {
	color: #fff;
	clear: both;
	margin-bottom: 10px;
}
.articles H2, .articles H2:hover
{
	padding: 0px;
	margin: 0px;
	color: #000;
	font: normal 2.4em Arial, Verdana, sans-serif;
	line-height: 100%;
	letter-spacing: -2px;
}
.metadata
{
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	margin: 4px 0px 10px;
	padding: 0px;
}
.alignright
{
	float: right;
}
.alignleft
{
	float: left;
}
/*Begin Comments
-----------------------------------------------------------------------------*/
.commentlist LI.alt
{
	background-color: #F6F6F6;
}
.commentlist
{
	margin: 5px;
	padding: 0;
	text-align: justify;
}
.commentlist LI
{
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	background: #F6F6F6;
	color: #808080;
}
.commentlist P
{
	margin: 10px 5px 10px 0;
}
#commentform P
{
	margin: 5px 0;
}
.nocomments
{
	text-align: center;
	margin: 0;
	padding: 0;
}
.commentmetadata
{
	margin: 0;
	display: inline;
}
/*Sidebar
-----------------------------------------------------------------------------*/
#sidebar
{
	float: right;
	width: 255px;

	padding: 10px 0px 10px 10px;
	margin: 0px 0px 10px 0px;
}
#sidebar_left
{
	float: left;
	width: 180px;
	margin: 0px;
}
#sidebar_right
{


	margin: 0px;
}
#sidebar UL
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#sidebar LI
{
	margin: 0;
	padding: 0;
	list-style-type: none;

}

#sidebar UL LI LI
{
	margin: 0;
	padding: 0;
	list-style-type: none;

}

.right_login
{
	padding: 5px 0px 8px 8px;
	margin-bottom: 10px;
	background: #FFFFE6;
	color: #333333;
	border-top: 3px solid #FFDEBF;
	border-bottom: 3px solid #FFDEBF;
}
.image
{
	float: left;
	margin: 0 9px 3px 0;
}

.relatedArticles, .recentComments, .right_articles
{
	font-size: 11px;
	margin: 10px 0px;
	padding: 5px;
	background-color: #E5F3FF;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #999;

}

.relatedArticles li
{

 display: block;

}
.relatedArticles:hover, .recentComments:hover, .right_articles:hover
{


}
.relatedArticles H2, .recentComments H2, .right_articles H2
{
	display: block;
	padding: 0px 5px 0px 2px;
	color: #000;
	margin: 0px;
}
.recentComments A:hover, .relatedArticles A:hover, .right_articles A:hover
{
	background-color: #F7F7F7;
	color: #003366;
	text-decoration: none;
}
.recentComments A, .recentComments A:visited, .relatedArticles A, .relatedArticles A:visited, .right_articles A, .right_articles A:visited
{
	display: block;
	border: 1px solid #CCC;
	border-width: 1px 0px 0px;
	padding: 2px 0px 2px 20px;
	margin: 0px;
	background-image: url(images/b-ar.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	color: #333;
}
.recentComments A, .recentComments A:visited
{
	background-image: url(images/icon-comment.png);
	font-size: 9px;
	color: #999;
}
.recentComments EM
{
	font-style: normal;
	font-size: 11px;
	color: #333;
}
.recentComments A:hover, .relatedArticles A:hover
{
	background-color: #F7F7F7;
	color: #CC0000;
	text-decoration: none;
}
.recentComments DIV.names
{
	padding: 0px 0px 2px 20px;
	margin: 0px;
}
.recentComments DIV.names A, .recentComments DIV.names A:visited
{
	font-size: 10px;
	display: inline;
	background: none;
	margin: 0px;
	padding: 0px;
	border: none;
	color: #444;
}
.recentComments DIV.names A:hover
{
	background: none;
	color: #000;
}

.hblock{
background: #F7F3E2;
border: 1px solid #eee;
padding: 10px 10px 0px 10px;
margin-bottom: 10px;
line-height: 16px;
height: 110px;
}
.hblock h3{
font-size: 11px;
margin: 0px;
}

.breadcrumb {
background: #FCFCE3;
border-bottom: 1px solid #F7DDB5;
margin-bottom: 15px;
padding-left: 10px;
font-family: Verdana, Arial, sans-serif;
letter-spacing: -1px;
}

/*footer
-----------------------------------------------------------------------------*/
.footer
{
font:bold 10px arial;
text-transform: uppercase;
background: #EDF3E7;

	clear: both;

	line-height: 1.2em;
	color: #808080;
	padding: 0px;
	border-top: 1px solid #C7D6B3;
}
.footer_in
{
width: 730px;
	height: 40px;
margin: 0px auto;


	background: url(images/logo-footer-clr.jpg);
	background-repeat: no-repeat;
	padding: 10px 0px 0px 250px;
	clear: both;

	line-height: 1.2em;
	color: #808080;

}
.footer UL
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.footer UL LI
{
	margin: 0px;
	padding: 3px 10px 0px 0px;
	float: left;
}

#slideshow {
     height: 580px;
     position: relative;
}

#slideshow DIV {
     background-color: #FFFFFF;
     height: 580px;
     left: 0pt;
     opacity: 0;
     position: absolute;
     top: 0pt;
     z-index: 8;
}

#slideshow DIV.active {
     opacity: 1;
     z-index: 10;
}

#slideshow DIV.last-active {
     z-index: 9;
}

#slideshow DIV IMG {
     border: 0pt none;
     display: block;
     height: 450px;
     margin-bottom: 10px;
}