/*   
Theme Name: keolamauloa
Theme URI: 
Description: Custom Thematic Child Theme. Parent Theme Thematic must be installed.
Author: Gum Design
Author URI: http://gumdesign.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/* override ce */

body {
	/*background: #c1cdb4 url(images/bg-green.jpg) repeat-x;*/
	background: #f1f2d3 url(images/bg2.jpg) 50% 0% no-repeat fixed;
	/*font: 13px/1.5 "Trebuchet MS",Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;*/
	color: #555;
}


#wrapper {
	/*background:transparent url(images/bg-wrapper.jpg) repeat-x;*/
}


#wrapper #main {
padding-top: 0px;
padding-right: 0;
  /*
 background: #fbf7f0;
 position: relative;
 width: 988px;
 border-right: 1px solid #dbbc86;
 border-left: 1px solid #dbbc86;*/
}

.clear {
	clear: both;
}

#respond {
	background: none;
}

a:active, a:link, a:visited,
#blog-title a:active,
#blog-title a:hover
 {
	color: #5e9802;
}

h3.widgettitle a {
	color: #5e9802;
}

a:hover, .aside  a:hover{
	color: #333;
}

#banner {
	margin-bottom: 20px;
	-moz-box-shadow:    0 0 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow:         0 0 3px rgba(0, 0, 0, 0.5);
	
}

.addthis_toolbox {
	margin-bottom: 10px;
	text-align: right;
}

/* @group images */
.wp-caption p.wp-caption-text {
	padding: 0;
}

.wp-caption {
    border: 0;
    margin-bottom: 18px;
    padding: 0 7px 0 0;
    text-align: center;
}

.entry-content .wp-post-image {
    border: 1px solid #CCCCCC;
    float: none;
    margin: 0  10px 10px 0;
    padding: 5px;
}


/* @end */

/* @group header */

#access {
width: 960px;
margin: 0 auto 0 auto;
/*height: 30px;*/
border-top: 1px solid #a49878;
border-bottom: 1px solid #a49878;
background:#ced6b9 url(images/white.png);
background: transparent url(images/white.png);
}


#branding {
	margin-bottom: 10px;
height: 100px;
	padding: 0;
	background: url(images/logo.png) no-repeat bottom left;
}


#blog-title {
	padding-top: 40px;
	margin-left: 20px;

}

#blog-title a:active, #blog-title a:hover, #blog-title a:visited{
	color: #FFF;
}

#blog-description {
	margin-left: 20px;
	float: left;
	color: #FFF;
}

/* @end */


#wrapper #header {
		
	background: url(images/bg-header.jpg) no-repeat 50% 0% ;
	height: 130px;
	position: relative;
    z-index: 200;
}

#container {
	margin-top: 20px;
	padding-top: 20px;
width: 660px;
background: transparent url(images/white.png);
min-height:500px;
height: auto !important;
height: 500px;
border: 1px solid #d0d1ad;
}

#content {
width: 600px;
margin: 0 30px;
}

#content .aside { 
border: 0;
}

#footer {
	
	width: 100%;
	margin: 0 auto;
	/*height: 100px;*/
	border: 0;
	padding: 0px;
	/*background: #cadaa3;*/
	background: #d9ddc4;
	/*color: #FFF;*/
	
	margin-top: 40px;
}

#footer img {
	margin: 10px 0;
}

#siteinfo {
	padding: 0 0 10px 0;
}

#siteinfo p {
	margin: 0;
}

#siteinfo,  #siteinfo a{
	color: #555;
}

#siteinfo h4 {
	font-weight: bold;
}

#siteinfo img {
	float: right;
	margin-right: 20px;
}

/* @group home */

#intro {
	width: 280px;
	float: right;
	margin-top: 40px;
}

#slides {
	margin-top: 40px;
	float: left;
	width: 620px;
	padding: 10px;
	background: #FFF;
	border: 1px solid #CCC;
}

#slides img {
	
	
}

#feature p {
	font-size: 18px;
	color: #FFF;
	margin-top: 20px;
}

#feature h2 {
	font-size: 24px;
	color: #FFF;
	
}

.home-container {
	width: 960px;
	margin: 0 auto;
	}

/* @end */

/* @group content */


.page-title {
    font-size: 18px;
    line-height: 18px;
    color: #737373;
    padding: 0 0 10px 0px;
}

.entry-content {
    padding: 0 0;
}

.entry-content img, img.wp-post-image {
	padding: 10px;
	border: 1px solid #CCC;
	background: #FFF;
}

h1, h2, h3, h2.entry-title, h1.entry-title {
	font-size: 18px;
	color: #5e9802;
}

h1, h2, h3, h2.entry-title,  h1.entry-title {
	font-size: 18px;
	font-weight: normal;
	color: #5e9802;
	font-style: normal;
	font-family: Georgia, Times New Roman, Times, serif;
	letter-spacing: 1px;
}


.entry-content h1, .entry-content h2 {
    font-style: normal;
	font-family: Georgia, Times New Roman, Times, serif;
    font-size: 19px;
    padding: 10px 0 10px;
}

.entry-title a {
	color: #5e9802;
}

.entry-title {
	font-family: Georgia, Times New Roman, Times, serif;
}

.entry-title a:hover {
	color: #333;
}

.entry .thumb {
	float: left;
	margin: 0 20px 20px 0;
}

.entry {
	background: url(images/white.png);
	border: 1px solid #dfe1d4;
	margin-bottom: 20px;
	padding: 10px;
}

.entry h2 {
	margin-bottom: 10px;
	background: #ede7d1;
	padding: 0 10px;
}

.entry-meta {
	margin-bottom: 10px;
}

/* @end */

/* @group sidebar */

.main-aside {
	margin-top: 20px;
	
	float: right;
    position: relative;
    /*right: 60px;*/
    width: 260px;
	margin-right: 0;
}

.main-aside ul {
	padding: 0;
}

#primary {
	border: 0;
	margin: 0px 0 20px 0px;
	padding: 0;
}

#primary .widgetcontainer {
	border: 1px solid #dfe1d4;
	background: #eceddb;
	background: transparent url(images/white.png);
	margin-top: 20px;
	padding:10px;
	color: #8e8e8d;	
}

#primary .textwidget li {
	line-height: 2;
	font-size: 16px;
list-style: none;
background: url(images/check-green.png) no-repeat;
padding-left: 30px;
}

#primary h3.widgettitle {
	color: #676860;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	padding: 0;
	margin-bottom: 10px;
}

#secondary  {
	border-top: 1px solid #dfe1d4;
	border-bottom: 1px solid #dfe1d4;
	margin: 20px 0px 20px 0;
	    color: #51a7b9;
}


#secondary .widgetcontainer {
	padding-top: 10px;
}

#secondary a {
	
}

#secondary h3.widgettitle {
	color: #676860;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	padding: 0;
	margin-bottom: 10px;
}

.aside {
	/*background: #FFF;*/
	border:0;
}


#content .aside h3 {
font-size:17px;
font-style:normal;
font-weight:bold;
padding:0 0 7px;
text-transform:none;
}


.hentry {
	padding: 0px 20px;
	padding: 0px ;
}

/*.page {
	margin: 0;
}*/

/* @end */

/* @group contact */

div.wpcf7 {
	font-size: 12px;
	padding: 0 20px;
	background: #faf9f7;
	border: 1px solid #dfe1d4;
}

div.wpcf7 form {
	padding: 20px;
}

/* @end */



/* @group nav */

/*** ESSENTIAL STYLES ***/
.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%;
	font-size: 15px;

}
.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 {
	text-transform: uppercase;
    border-right:0px solid #ccc;
	float:left;
	
}
.sf-menu a {
		padding:8px 20px;
	text-decoration:none;
	
	border: 0;
	
letter-spacing: 1px;
}
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    border-bottom-color:#fff;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#19420b;
}
.sf-menu li {
	background:		#873509;
	background: none;
	
	font-size: 14px;
	
		
}
.sf-menu li li {
	
	font-size: 14px;
	text-transform: none;
	letter-spacing: 0;
}
.sf-menu li li li {
	background:		#FFF;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    /*background:     #ca7e00;*/
	outline:		0;
    /*border-bottom-color:#ccc;*/
    background:#f7f7e2;
    color: #000;
     background:#ffffff;
}
.sf-menu ul {
    border-right:0px solid #ccc;
    border-bottom:0px solid #ccc;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:30px; /* overriding essential styles */
	background:#f7f7e2;
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
    background:#f7f7e2;
	border-bottom:none;
}
.sf-menu ul a:hover {
    color: #000;
    background:#f7f7e2;
    background:#FFF;
}

/* @end */