/*  
Theme Name: Hawaii Hideawabs Inc
Theme URI: 
Description: 
Version: 1.0
Author URI: 
*/


/* -- Basic Style -- */

h1, h2, h3, h4, h5, h6, form
	{
		margin:0px;
		padding:0px;
	}
h1{font-size:22px;}
h2{font-size:20px;}
h3{font-size:15px; font-weight:normal;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
p
	{
		margin:0px;
		padding:0px;
		padding-bottom:12px;
	}
ul, ol, li
	{
		list-style:none;
	}
img {border:none;}
img.alignright {float:right; margin:2px 0px 5px 5px; padding:2px;}
img.alignleft {float:left; margin:2px 5px 5px 0px; padding:2px;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:2px 0 2px 5px;}
a img.alignleft {float:left; margin:0px 5px 2px 0px}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

blockquote
	{
		padding:7px 0px 0px 30px;
		font-size:14px;
		font-style:italic;
		border-left:solid 6px;
		height:1%;
	}
.storyContent ul, ol
	{
		margin-left:20px;
		padding:5px 5px 15px 5px;
	}
.storyContent ol li
	{
		list-style:decimal;
	}
.storyContent ul li
	{
		list-style:square;
	}
	

/* -- Main Style  -- */	

body
	{
		margin:0px;
		padding:0px;
		font-family:Verdana,Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000000;
		background:url(images/body_bg.jpg) repeat-x #ffffff;
	}
#main
	{
		margin:0px auto;
		padding:0px;
		width:800px;
	}
	
	
	
/* -- Header -- */

.title
	{
		height:129px;
		overflow:hidden;
	}
/******************************************/


/* -- Page Navigation -- */
.headern {
 background:url('/img/layout/main-header-background.png') top center repeat-x; 
 border:solid 0px #000;
 height:200px;
 margin:auto;
 width:100%;
}
.headern-wrap {
  background: url("/img/layout/header-top-background.png") no-repeat scroll top center transparent;
}

.header-contentn {
  height: 180px;
  margin: auto;
  width: 900px;
}

#page {width:800px; margin:auto;}
.header {

background:url('/img/layout/main-header-background.png') center top repeat-x; 
height:200px;
border:solid 0px #eee;
margin:auto;
 }
.header-content{
	width:1000px;
	height:180px;
	background-image: url('/img/layout/header-top-background.png');
	background-repeat: no-repeat;
	background-position: -10% 0%;
	}
.header-wrap {
border:solid 0px #eee;
width:980px;
margin:auto;
 }
#wrapper {
	margin: 0 auto;
    padding: 0;background-image: url('/img/layout/main-content-backgroundn.png');
}

.logon {
  background: url("/img/layout/hawaii-hideaways-logo.png") no-repeat scroll 0 0 transparent;
  float:left;
  height: 145px;
  margin-left: 30px;
  width: 570px;
}
/********************/
/* Site Navigation */
/*******************/

.nav-wrapn {
  margin:auto;
  width: 900px;
}

#navn {
 color: #fff;
 font-family: Verdana, Geneva, sans-serif;
 font-size: 14px;
 height: 45px;
 margin:auto;
 padding-top: 2px;
}

ul#navn {
  list-style: none inside none;
  margin: 0 0 0 26px;
  padding: 0;
}

#navn li{
  float: left;
}

#navn a:link, #navn a:visited {
  color:#FFF;
  text-decoration:none;
}

#navn a:hover {
  color:#678ED9;
}

#navn ul{
 list-style:none;
 margin-left:20px;
 padding:0px;
}

.nav-startn{
  background: url('/img/layout/nav-left-side.png') no-repeat;
  float:left;
  height: 48px;
  margin: 0px;
  padding: 0px;
  width:15px;
}

.nav-links {
  background: url('/img/layout/nav-background.png') repeat top center;
  height: 45px;
  margin:auto;
  padding-top: 2px;
  width: 820px;
}

.nav-endn {
  background: url('/img/layout/nav-right-sdie.png') no-repeat;
  float:left;
  height: 48px;
  margin: 0px;
  padding: 0px;
  width:15px;
}

#navn .nav-links ul  {  
  margin: 12px auto;
  width: 750px;
}

/* remove me when holidays are back. */
#navn .nav-links ul ul{
    width: auto;
}

#navn .nav-links li {  
   float: left;
   padding: 0 10px;
}

#navn .nav-links li ul li {
  float: none;
  padding: 6px 12px;
}

#navn .nav-links li ul li a:link,
#navn .nav-links li ul li a:visited {
    color:#4758CA;
}
#navn .nav-links li ul li a:hover {
    color:#678ED9;
}

#nav li ul li:hover, #nav li ul li.sfhover{
    background:#CFFAFF;
}

#navn .nav-links li ul{
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border:2px #EEEEEE solid;
 border-radius: 5px;
 display: none;
 margin-top: -1px;
 position: absolute;
 z-index:1000;
}

#navn .nav-links ul li:hover > ul{
  background-color: #FFFFFF;
  display: block;  
}

#navn .nav-links li ul li:hover, #navn li ul li.sfhover{
    background:#CFFAFF;
}

#navn .nav-links li.holidays {
    background: url("/img/holidays/box-yellow.png") no-repeat scroll 3px 2px transparent;
    border: 2px solid #C8271F;
    border-radius: 3px 3px 3px 3px;
    display: none;
    margin-top: -4px;
    padding: 2px 2px 2px 21px;
}

/***********************/
/* Call to Action Area */
/**********************/
#call-to-action {
  color: #fff;
  float: left;
  font-weight: bold;
  margin: 68px 0 12px 0;
  text-align: center;
  width: 299px;
}

#call-to-action ul {
  list-style: none inside none;
  margin: 0;
  padding: 0;
}

#call-to-action li {
  float: left;    
}

.action-front{
  background: url(/img/layout/action-button-front.png) no-repeat left top;
 height:45px;
  margin: 0;
  padding: 0;
  width:21px;
	}
.action-center {
  background: url(/img/layout/action-button-slider.png) repeat-x top center;
  height:45px;
  width: 257px;
}

.action-end {
    background: url("/img/layout/action-button-end.png") no-repeat right center;
    float: right;
    height: 45px;
    margin: 0;
    padding: 0;
    width: 21px;
	}
        
.awardn {
  color: #FFF;
  font-size: 10px;
  font-family: Verdana, Geneva, sans-serif;
  margin:0 0 0 43px;
  padding:0;
}
   
.phone_icons {
  background: url("/img/icons/United-States-sm.png") no-repeat scroll 0 0 transparent;
  font-size: 10px;
  padding-left: 15px;
}

.phone_icons2 {
  background: url("/img/icons/phone-sm.png") no-repeat scroll center center transparent;
  display: inline;
  height: 15px;
  padding: 8px;
}
 
/*************/
/* For Skype */
/*************/
.phone_flag_skype {
  background: none no-repeat scroll 0 0 transparent;
  padding: 0px;
}

.phone_icon_skype {
  background: none no-repeat scroll 0 0 transparent;
  display: none;
  padding: 0px;
}

.nav-wrap {
width:880px;margin:auto;
}

.scontent {
 background: url("/img/layout/main-content-backgroundn.png") repeat scroll 0 0 transparent;
 clear: both;
 margin: auto;
  min-height: 600px;
  padding-left: 0;
}

.haveQuestions {background-color:#fff;border:solid #B6C4DE; border-width:1px 1px 0px 1px; width:784px; margin:auto;}

	/*#191970;*/
#nav a{text-decoration:none; color:#FFF;}
#nav a:hover{color:#678ED9;}
#nav ul{padding:0px; list-style:none;margin-left:20px;}
#nav ul ul{margin:0px;font-size: 12px;}
#nav li{float:left; padding:0px 10px;}
#nav li li{float:none;}
/* Flyouts */
#nav li ul{
clear:left; left:-999em; position:absolute; z-index:1000; 
border:2px #EEEEEE solid;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#nav li ul li{padding:6px 12px; background:#fff;}
#nav li ul li a{display:block;color:#4758CA;}
#nav li ul li:hover, #nav li ul li.sfhover{background:#CFFAFF;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {left: auto;}
/* End Flyouts */




/*****************************************************************/
.content
	{
		margin-top:0px;
		width:786px;
		padding-left:8px;
		margin:auto;
	}
.content_inner
	{
		border:solid 1px #b6c4de;;
		width:756px;
		background:url(images/content_innerbg.jpg) repeat-y;
		height:1%;
		padding:15px 12px 15px 17px;
	}
/****************************************************************/
.innerContent
	{
		float:left;
		width:450px;
	}
.story
	{
		padding-bottom:20px;
		height:1%;
	}
.story h2
	{
		font-size:24px;
		padding-bottom:9px;
		font-weight:normal;
		color:#773630;
		font-family:"Times New Roman";
	}
h2.page_title
	{
		font-size:24px;
		padding-bottom:25px;
		padding-top:5px;
		font-family:arial;
		color:#b202a7;
	}
.about_image
	{
		float:left;
		padding-right:50px;
	}
.story h2 a:hover
	{
		text-decoration:none;
	}
p.storyAuthor
	{
		padding-bottom:10px;
		font-size:12px;
		line-height:20px;
	}
p.storyAuthor span
	{
		color:#773630;
		font-weight:bold;
		background:url(images/calender.jpg) no-repeat left top;
		padding-left:15px;
	}
.storyContent
	{
		padding:8px 0px 10px 0px;
	}
.storyContent p
	{
		text-align:justify;
		line-height:18px;
	}
.readmore
	{
		text-align:right;
		font-size:12px;
		padding-bottom:10px;
		
	}
.readmore a, .readmore a:visited
	{
		color:#3a4e80;
		text-decoration:underline;
	}
.readmore a:hover
	{
		color:#000000;
		text-decoration:none;
	}
.tags
	{
		color:#000000;
		font-size:12px;
		border-top:solid 1px #b6c4de;
		padding-top:8px;
	}
.tags a, .tags a:visited
	{
		color:#5b7ed4;
		text-decoration:none;
	}
.tags a:hover
	{
		color:#000000;
		text-decoration:underline;
	}
.storyContent h1, .storyContent h2, .storyContent h3, .storyContent h4, .storyContent h5, .storyContent h6
	{
		padding-bottom:10px;
	}
.about_content
	{
		font-size:17px;
		color:#444444;
	}
.about_content p
	{
		line-height:23px;
		padding-top:5px;
	}
.about_content a
	{
		color:#0858c4;
	}
.contact_content
	{
		font-size:20px;
		color:#80433d;
	}
.contact_content p
	{
		line-height:28px;
	}
.sharers
	{
		padding-top:10px;
		padding-bottom:10px;
	}
.sharers a
	{
		padding-right:5px;
	}
/*------------------------------------------*/
/* Home Page */

.homeContent
	{
		float:left;
		width:445px;
	}
.home_text
	{
		height:100px;
		overflow:hidden;
		margin-bottom:10px;
	}
.latest_article
	{
		float:left;
		width:200px;
	}
.topics
	{
		float:right;
		width:210px;
	}
.more
	{
		font-family:arial;
		font-size:12px;
		text-align:right;
		font-style:italic;
	}

/****************************************************************/
.sideBar
	{
		float:right;
		width:270px;
	}
.twits
	{
		height:77px;
		padding-top:25px;
	}
.alltwitts
	{
		float:left;
	}
.alltwitts a
	{
		padding:0px 8px;
	}
.sideBar ul
	{
		padding:0px;
		margin:0px;
	}
.sideBar ul ul
	{
		padding:0px;
		margin:0px;
	}
.sideBar ul ul ul
	{
		padding:0px;
		margin:0px;
	}
.sideBarTitle
	{
		color:#cc9e00;
		height:28px;
		padding:3px 0px 3px 0px;
		margin-bottom:5px;
		overflow:hidden;
		background:url(images/sidebar_title.jpg) no-repeat left top;
	}
.sideBarTitle h3
	{
		font-size:15px;
		line-height:24px;
		color:#313e93;
		text-align:center;
	}
.sideBar li ul,li
	{	
		list-style:none;
	}
.sideBar ul li
	{
		list-style:none;
		margin:0px;
		padding:0px;
		margin-bottom:10px;
		height:1%;
	}
.sideBar li li li
	{
		padding:0px;
		margin:0px;
		padding:4px 0px 0px 28px;
		list-style:none;
	}
.sideBar li li
	{
		padding:0px;
		margin:0px;
		border:none;
		padding:4px 0px 5px 28px;
		border-bottom:1px solid #cfd8ef;
		background:url(images/bullet.jpg) no-repeat 10px 8px;
	}
.sideBar li li a, .sideBar li li a:visited
	{
		color:#000;
		text-decoration:none;
	}
.sideBar li li a:hover
	{
		text-decoration:none;
		color:#205db7;
	}
.sideBar li a, .sideBar li a:visited
	{
		color:#000;
		text-decoration:none;
		padding-right:5px;
	}
.sideBar li a:hover
	{
		text-decoration:none;
		color:#205db7;
	}
.textwidget
	{
		padding:5px;
	}
/***********************************************/

/* -- Sidebar Search Tool -- */
.search
	{
		font-family:"Tekton Pro","times new roman",times, arial;
		font-size:19px;
		color:#823d36;
		float:left;
		padding-left:10px;
		padding-top:7px;
	}
.search label
	{
		float:left;
		padding-right:16px;
	}
.searchText
	{
		float:left;
		width:130px;
		margin:0px 0px 4px 0px;
		padding:3px 2px 2px 2px;
		font-size:11px;
		font-family:"Trebuchet MS",arial;
		color:#1d1d1d;
		border:none;
		border-left:solid 1px #666666;
		border-top:solid 1px #666666;
		background:#ffffff;
	}
.go
	{
		float:left;
		width:76px;
		height:32px;
		margin-top:6px;
	}
/***********************************************/

/* -- Footer -- */

#footer p{padding-top:55px; margin:0px;}
.footer {
	background-image: url('/img/layout/main-footer-background.png');
    padding-top:20px;
    padding-bottom:20px;
	font-size:10px;
    min-height:200px;
	margin:auto;
	text-align: center;
  }
.footer_content
	{
		width:970px;
		margin: auto;
		color:#000000;
		line-height:22px;
		text-align:center;
	}
.footer p
	{
		text-align:center;
		font-size:12px;
		padding-top:15px;
	}
.footer a, .footer a:visited
	{
		text-decoration:underline;
		color:#7287bf;
		
	}
.footer a:hover
	{
		text-decoration:none;
	}
.footer_left
	{
		float:left;
		width:115px;
		padding:5px 0px 0px 25px;
	}
.footer_center
	{
		float:left;
		width:600px;
	}
.questions
	{
		text-align:center;
		font-family:"Times New Roman";
		font-size:18px;
		color:#b202a7;
	}
.footer_right
	{
		float:left;
		width:170px;
		padding:5px 0px 0px 25px;
	}
/*****************************************************/

/* -- Pagination -- */

.navigation
	{
		height:1%;
		padding-bottom:20px;
	}
.alignleft
	{
		float:left;
		padding-left:0px;
	}
.alignright
	{
		float:right;
		padding-right:0px;
	}
	
	

/* -- search result's title -- */

h2.pagetitle, .article h2, .error, h2.center
	{
		font-size:22px;
		font-weight:normal;
		font-family:"trebuchet ms";
		padding-top:0px;
		padding-bottom:20px;
		text-align:left;
	}
	
	
	
/* --  Section -- */

.comment_template
	{
		padding-left:10px;
		padding-top:15px;
	}
#, #respond h3, .commenttitle
	{
		color:#000;
		padding-top:5px;
		padding-bottom:15px;
		font-size:24px;
		font-weight:bold;
	}
ol.commentlist {
	padding:0px;
	margin:0px;
	text-align: justify;
	}
ol.commentlist li {
	margin:0px;
	padding: 10px;
	margin-bottom:30px;
	list-style: none;
	line-height:18px;
	background:#ffffff;
	height:1%;
	}
ol.commentlist li li
	{
		padding-left:10px;
		margin:10px 0px 10px 10px;
		border:none;
		border-left:solid 1px #dddddd;
	}
.reply
	{
		padding-top:10px;
	}
.avatar
	{
		float:left;
		border:solid 1px #595959;
		padding:2px;
		margin-left:5px;
		width:35px;
		height:35px;
	}
.fn
	{
		font-style:normal;
		font-weight:bold;
		padding-left:15px;
	}
.fn .url
	{
		padding:3px 0px 3px 0px;
		font-weight:bold;
		font-family:georgia, verdana;
		font-size:13px;
	}
.commentmetadata {
	margin: 0px;
	display: block;
	padding:0px;
	font-size:11px;
	padding-left:62px;
	padding-bottom:10px;
	}
.comment-body p
	{
		clear:both;
		padding:10px 0px 0px 0px;
	}
	


/* -- Comment Form -- */

#comment
	{
		font-family:"times new roman",times,arial;
		font-size:14px;
		color:#323232;
		line-height:150%;
		border:solid 1px #c1c1c1;
		width:360px;
		padding:2px;
		background:#ffffff;
	}
#author, #email, #url
	{
		font-family:"times new roman",times,arial;
		font-size:14px;
		color:#323232;
		padding:2px;
		border:solid 1px #c1c1c1;
		width:200px;
		background:#ffffff;
	}
/*********************************************************/

/* Begin */
.alt {
	/*margin:0px;
	padding:0px;
	border:solid 1px #f3c377;*/
	/*border-left:none !important;
	border-right:none !important;*/
	/*height:1%;*/
	}

.commentlist li cite img
	{
		border:0px;
		vertical-align:middle;
	}
.commentlist em
	{
		padding-left:15px;
	}

.no {
	text-align: center;
	margin: 0;
	padding: 0;
	}


/* -- CALENDER STYLE -- */
/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin:0px auto;
	padding: 0px;
	width: 180px;
	font-size:11px;
	font-family:tahoma;
	color:#595959;
	text-align:center;
	}
#wp-calendar th
	{
		color:#cb9e00;
	}
#wp-calendar #today
	{
		color:#d1cab1;
		font-weight:bold;
	}
#wp-calendar #next a {
	padding-right: 5px;
	color:#cb9e00;
	text-align: right;
	background:none;
	text-decoration:none;
	}
#wp-calendar #next a:hover
	{
		text-decoration:underline;
		background:none;
	}
#wp-calendar #prev a {
	padding-left: 5px;
	text-align: left;
	color:#cb9e00;
	background:none;
	text-decoration:none;
	}
#wp-calendar #prev a:hover
	{
		text-decoration:underline;
		background:none;
	}
#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align:center;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:10px;
	width:180px;
	/*color:#105a82;*/
	/*background:#cfcfd0;*/
	}
	
#wp-calendar td a, #wp-calendar td a:visited {
	border-left: none;
	padding:0px;
	color: #cb9e00;
	text-decoration:none;
	font-weight:bold;
	font-size:11px !important;
}
#wp-calendar td a:hover {
	background: none;
	border-left: none;
	font-weight:bold;
	text-decoration: underline;
}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	/*background-color: #b48625;*/ }
/* End Calendar */




/************************************************/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}


.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   /*-moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;*/
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

a, a:visited
	{
		
		color:#b202a7;
		text-decoration:none;
		outline:none;
	}
a:hover
	{
		color:#5b7ed4;
		
	}