/*
THEME NAME: Thematic
THEME URI: http://themeshaper.com/thematic/
DESCRIPTION: The ultimate in SEO-ready themes, Thematic is a highly extensible, WordPress Theme Framework featuring 13 widget-ready areas, drop-down menus, grid-based layout samples, plugin integration, shortcodes for your footer, &amp; a whole lot more. Perfect for any blog and <strong><em>the</em></strong> starting point for theme development.
VERSION: 0.9.5.1
AUTHOR: Ian Stewart
AUTHOR URI: http://themeshaper.com/
TAGS: white, three-columns, two-columns, fixed-width, theme-options, left-sidebar, right-sidebar, threaded-comments, sticky-post, microformats
.
The Thematic Theme is copyright Ian Stewart http://themeshaper.com/
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Reset browser defaults 
@import url('library/styles/reset.css');
*/
/* Apply basic typography styles
@import url('library/styles/typography.css');
 */
/* Apply a basic layout
@import url('library/layouts/1c-fixed.css');
 */
/* Apply basic image styles
@import url('library/styles/images.css');
 */
/* Apply default theme styles and colors 
@import url('library/styles/default.css');
*/
/* Prepare theme for plugins
@import url('library/styles/plugins.css');
 */
/* -------------------------------------------------------------- 
   
   Default styles for Images
   
   I've duplicated these styles here from images.css in
   order to get Thematic through the auto-checker at the
   official WordPress Themes directory.
   
   When the directory can hunt though css files linked
   through @import the styles below will no longer be
   neccesary and will be removed.
   
   Cheers. --Ian Stewart
  
-------------------------------------------------------------- */   
/*
LAYOUT: One-Column (Left) Fixed
DESCRIPTION: Two-column 950px fixed layout with one sidebar left of content
*/
body {
	margin: 0px;
	background-color: #ecc67d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

#wrapper {
	width: 932px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/wp-content/themes/thematic/images/bg_img.jpg);
	background-repeat: repeat-y;
	padding-left: 92px;
}
#flash { min-height: 322px; padding:16px 0px 0px 280px}
.topimg {background: url(/wp-content/themes/thematic/images/top_img.jpg) top left no-repeat}

.splashright { width: 400px; float: right; margin-left: 10px; }
.boxtop { background: url(/wp-content/themes/thematic/images/boxtop.jpg) top left no-repeat; height: 12px; }
.boxmid { background: url(/wp-content/themes/thematic/images/boxmid.jpg) top left repeat-y; color: #ffffff; min-height: 150px; margin: 0px; padding: 10px 15px; }
.boxbot { background: url(/wp-content/themes/thematic/images/boxbtm.jpg) top left no-repeat; height: 12px; }
.home h1 { display: none; }

#container #language-home { display: none; }

h1, h2, h3 { font-family: "Myriad Pro", "Century Gothic", Georgia; }
h1, .entry-title { font-size:25px; font-weight:bold; line-height:26px; padding:0 0 7px 0; }
h1 a, .entry-title a { text-decoration:none; }
h1 a:active, .entry-title a:active,
h1 a:hover, .entry-title a:hover { color: #fff; }
h2 { font-size: 22px; font-weight: bold; }
h3 { font-size: 18px; font-weight: bold; }
h4 { font-size: 15px; font-weight: bold; }
a, a:link, a:visited { color: #1bbff3; }
a:hover { text-decoration: underline; color: #fff; }


#footer {
  clear: both;
  	background-image: url(/wp-content/themes/thematic/images/btm.jpg);
	background-repeat: no-repeat;
	background-position: 0px top;
	background-color: #1368AB;
	text-align: center; font-size:10px;
	color: #ffffff;
	width:840px;
}

}

#Page_kona-activities-reservations form {
  width: 400px;
  float: left;
  margin-bottom: 22px;
  text-align: center;
}
.reservations {
  width: 320px;
  margin: 8px auto;
  border-collapse: collapse;
  color: #D3DDF1;
  text-align: left;
}

.reservations th {
  margin-bottom: 9px;
  font-size: 18px;
  font-family: "Times New Roman", serif;
  font-weight: normal;
  color: #fff;
}
.reservations td {
  padding: 3px;
  margin: 0; 
  border-bottom: 1px solid #1171ae;
}
.reservations label {
  margin-right: 15px;
  display: inline-block;
}



#menu { padding-top: 25px; overflow:visible; z-index:100; }
#menu ul { margin-left: 0; padding-left: 0; white-space: nowrap; }
#menu li { display: inline; list-style-type: none; }
#menu a { padding: 3px 20px; color: #fff; font-weight: }
#menu a:link, #menu a:visited { color: #000; text-decoration: none; }
#menu a:hover { color: #000; text-decoration: none; }
#menu .current_page_item a, #menu .current_page_ancestor a { font-weight: bold; color: #ff0000; }


.skip-link {
    display:none;
}
#access {
    overflow:visible;
    z-index:100;
}

.mainmenu {
	clear: both;
	display: block;
	float: left;
	width: 840px;
	height: 35px;
	text-align: center;
	background-image: url(images/bg_menu.jpg);
	background-repeat: no-repeat;
}

#access {
	float: left;
	width: 820px;
	padding: 12px 10px 0px 10px;
	}

#main {
	clear: both;
	}


/* ---------------------------------------------- 
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height: 1.0; }
.sf-menu ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }

.sf-menu li li { background: #c0c0c0; }
.sf-menu li li li { }
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; border-bottom-color:#ccc; }
.sf-menu ul { border-bottom:1px solid #ccc; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { top:32px; /* overriding essential styles */ }
.sf-menu ul ul { margin-top:0; }
.sf-menu ul a { background: none; border-bottom:none; }
.sf-menu ul a:hover { color: #FF4B33; }

*/   



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0px;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	font-family: Times, serif;
	font-size: 13px;
	color: #FFFFFF;
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** THEMATIC SKIN ***/
.sf-menu {
float:left;
}
.sf-menu a {
	padding:0px 10px;
	text-decoration:none;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {

}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ffffff;
}
.sf-menu a:hover  { /* visited pseudo selector so IE6 applies text colour*/
	color:		#f1d9ac
}

.sf-menu li {
}
.sf-menu li li {
	background:		#0b4086;
	padding: 5px;
	text-align: left;
}
.sf-menu li li li {
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}
.sf-menu ul {
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:18px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
	border-bottom:none;
}
.sf-menu ul a:hover {
    color: #f1d9ac;
}











#container { margin-top: 20px; }
.content {
	color: #ffffff;
	width: 800px;
	padding-left: 20px; 
}
#content { margin: 0px; min-height: 350px; overflow:hidden; }
.main-aside { width:200px; float:right; position:relative; right:10px; }
#primary { float:left; }
#secondary { clear:left; }
.hentry { }
.main-aside { position:relative; }
#subsidiary { margin:0 auto; overflow:hidden; }
#siteinfo { clear:both; margin:0 auto; }

#language { position: absolute; top: 20px; left: 120px; }
#wrapper { position: relative; }

table {  margin:0 0 10px 0; text-align:left; }
table td { vertical-align: top; }
img { border: 0px; }
hr { border:0; color:#ffffff; height:1px; margin-bottom: 10px; }
p { margin-bottom:18px; }
ul { list-style: disc; }
ol { margin: 0 0 18px 2.5em; list-style-type: decimal; }
ol ol {	list-style: upper-alpha; }
ol ol ol { list-style: lower-roman; }
ol ol ol ol { list-style: lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom:0; }
dl { margin:0 1.5em; }
dt { font-weight: bold; }
dd { margin-bottom:18px; }
strong { font-weight: bold; }
cite, em, i { font-style: italic; }
blockquote { margin: 0 3em; }
blockquote em, blockquote i, blockquote cite { font-style:italic; }
blockquote.pullquote { float: right; width: 220px; padding: 0px 0px 0px 10px; border-left: 1px solid #dadada; font-size: 18px; line-height: 150%; margin: 5px 0px 5px 15px; font-style: italic; }
blockquote.left { float: left; margin-left:0; margin-right:20px; text-align: right; width: 33%; }
blockquote.right { float: right; margin-left:20px; margin-right:0; text-align: left; width: 33%; }
pre { font: 11px Monaco, monospace; line-height:18px; margin-bottom:18px; }
code { display: block; font:11px Monaco, monospace; background: #dadada; border: 1px solid #c0c0c0; overflow: auto; width: 550px; margin: 5px 0px 5px 40px; padding: 2px 5px; overflow-x: scroll; max-height: 400px; white-space: nowrap; }
abbr, acronym { border-bottom:1px dotted #333; cursor: help; }
ins { text-decoration:none; }
sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }
.clear { clear: both; }

.entry-content img { margin: 0 0 18px 0; max-width:100%; }
.alignleft, img.alignleft { float: left; margin-right:20px; }
.alignright, img.alignright { display: block; float: right; margin-left:20px; }
.aligncenter, img.aligncenter { margin-left:auto; margin-right:auto; display: block; clear: both; }
.wp-caption { text-align: center; margin-bottom:18px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { margin: 0; padding:5px; }
.gallery img { margin:0; }
.wp-smiley { /* Prevent the smileys from breaking line-height */ max-height:12px; margin:0 !important; }

.entry-meta { color:#666; font-size:13px; font-style:italic; line-height:18px;}
.entry-meta .n { font-size:11px; font-style:normal; letter-spacing:0.05em; text-transform:uppercase; }
.entry-meta a { color:#666; text-decoration:none; }
.entry-meta a:active, .entry-meta a:hover { color: #FF4B33; }
.entry-meta abbr { border:none; cursor:text; font-size:11px; font-style:normal; letter-spacing:0.05em; text-transform:uppercase; }
.entry-content { padding:5px 0 0 0; }
.entry-content table { margin-left:1px; }
.entry-content embed { margin:0 0 5px 0; }
.entry-utility { color:#666; font-size:13px; line-height:18px; margin:0 0 5px 0; }
.entry-utility a { color:#666; font-style:italic; text-decoration:none; }
.entry-utility a:active, .entry-utility a:hover { color: #FF4B33; }
ul#links-page, ul#archives-page { list-style:none; margin-left:0; overflow:hidden; }
li.content-column { float:left; margin-right:20px; width:45%; }
#author-info { margin:0 0 5px 0; overflow:hidden; }
#author-info .avatar { display: none; }
