/*  

Theme Name: Web Malama

Theme URI: http://www.webmalama.com

Description: A simple but effective website design with conversions and SEO in mind. Contains these feaures: Fixed Width, 2 Columns, drop-down menu, multiple feature areas.

Author: Aaron Brown

Author URI: http://www.webmalama.com

Tags: bright, fixed-width, two-columns, seo

*/

/* reset.css */
body, div, span, object, h1, h2, h3, h4, h5, h6, a, abbr, acronym, address, del, dfn, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:"Verdana";
vertical-align:baseline;
}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
.subpage-content-area img {
-moz-border-radius: 3px 3px 3px 3px;
border: 1px solid #DDDDDD;
margin: 10px;
}
.subpage-content-area .wp-caption img{
margin: 0px;
}
.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0px
padding: 0 4px 5px;
}
pre{
overflow:scroll;
}
.wp-caption{
text-align: center;
-moz-border-radius: 3px 3px 3px 3px;
background-color: #F3F3F3;
border: 1px solid #DDDDDD;
margin: 10px;
padding-top: 4px;
}
/* Type */
h1 {font-size:24px;font-weight:bold;color:#3399CC;}
h2 {font-size:20px;color:#1AB7EA;}
h3 {font-size:16px;color:#3399CC;}
h4 {font-size:16px;color:#FFFFFF;}
h5 {font-size:16px;color:#000000;}
h6 {font-size:14px;color:#FFFFFF;font-weight:500;}
body {font-family:"Arial";font-size:12px;color:#000000;}
a:link, a:visited, a:active, .link
{
text-decoration:underline;
color:#1AB7EA;
background-color:transparent;
}
a:hover{
text-decoration:underline;
color:#0099cc;
background-color:transparent;
}
.underline{
text-decoration: underline;
}
.unordered-page-list,.unordered-page-list a
{
list-style-type:none;
font-size:16px;
color:#FFFFFF;
text-decoration:none;
display:block;
padding-left:5px;
line-height: 20px;
margin-bottom: 5px;
}
.unordered-page-list a:hover, .unordered-page-list a:active
{
background-color:#FFFFFF;
color:#1AB7EA;
}
.white-body
{
color:#ffffff;
}
a.white-body
{
color:#ffffff;
}
/* 3 row page layout */
.container{
background-image: url("images/online-marketing-header.jpg");
background-repeat:repeat-x;
min-width: 990px;
}
.header
{
text-align:center;
width: 960px;
margin-left:auto;
margin-right:auto;
}
.middle
{
width:960px;
text-align:center;
overflow: hidden;
margin-left:auto;
margin-right:auto;
}
.footer
{
text-align:center;
background-color:#86B32C;
overflow: hidden;
margin-left:auto;
margin-right:auto;
}
.page-top
{
width:960px;
text-align:left;
}
.page-middle
{
width:960px;
text-align:left;
overflow: hidden;
}
.page-bottom
{
width:960px;
text-align:left;
height:215px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
/* header */
.web-malama-header
{
height:98px;
width: 960px;
}
.header-left
{
height:98px;
width:200px;
float:left;
}
.web-malama-logo
{
margin-top:15px;
margin-left:30px;
height:75px;
width:145px;
display: block;
float:left;
}
.web-malama-description
{
color:#FFFFFF;
font-weight: bold;
margin-top: 50px;
}
.header-right
{
float:left;
width:760px;
text-align:right;
height:98px;
}
.header-right-top
{
height:50%;
}
.search-bar
{
position:relative;
top:14px;
right:30px;
}
#s
{
background-color:#F5F5F5;
border:1px solid #1AB7EA;
padding:0 2px;
width:100px;
}
#searchsubmit
{
background: transparent url("images/find.gif") no-repeat;
border-style:none;
font-weight:600;
padding-left:18px;
width:auto;
height:20px;
}
.header-right-bottom
{
height:50%;
}
/* Drop-down Menu */
ul.dropdown {
 position: relative;
 z-index: 997;
 float: left;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 998;
}
ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 z-index: 999;
 width: 180px;
}
ul.dropdown ul li {
 float: none;
 font-size: 10px;
}
ul.dropdown ul ul {
 top: 0px;
 left: 99%;
}
ul.dropdown li:hover > ul 
{visibility: visible;}
.online-marketing-menu
{
z-index:1000;
float:right;
margin-right:30px;
}
.online-marketing-menu ul
{
list-style-type:none;
margin:0px;
padding:0px;
}
.online-marketing-menu li
{
font-size:14px;
float:left;
text-align:left;
}
.online-marketing-menu a:link ,.online-marketing-menu a:visited 
{
display:block;
color:#FFFFFF;
background-color:#1AB7EA;
padding:10px;
text-decoration:none;
}
.online-marketing-menu a:hover, .online-marketing-menu a:active 
{
background-color:#FFFFFF;
color:#1AB7EA;
}
/* end of menu */
/* homepage content */
.online-marketing-window
{
height: 352px;
position:relative;
}
.testimonial-bar
{
position:absolute;
top:250px;
left:45px;
width:860px;
height:78px;
background-color:#F3F3C9;
padding:5px;
/*
filter:alpha(opacity=40);
opacity:0.40;*/
}
p.testimonial {margin:0px;padding:0px;}
.online-marketing-window-left
{
background: transparent url("images/online-marketing-main-left.jpg") no-repeat;
height:352px;
width:44px;
float:left;
}
.online-marketing-window-center
{
background: transparent url("images/online-marketing-main.jpg") repeat-x;
height:352px;
width:872px;
float:left;
}
.online-marketing-window-right
{
background: transparent url("images/online-marketing-main-right.jpg") no-repeat;
height:352px;
width:44px;
float:left;
}
.home-content-container
{
margin-left:30px;
position:relative;
min-height:200px;
overflow: hidden;
background: transparent url("images/page-content-background.jpg") repeat-y right;
margin-right:30px;
}
.page-content
{
background-color:#FFFFFF;
width:445px;
min-height:200px;
float:left;
padding-left:15px;
padding-right:15px;
overflow: hidden;
}
.home-popular-posts
{float:left;
min-height:200px;
width:190px;
padding-left:5px;
padding-right:5px;
margin-right:5px;
overflow: hidden;
}
.home-popular-posts ul
{list-style-type:none;
padding:0px;
}
.home-popular-posts li
{padding: 5px;
}
.home-offers
{float:left;
min-height:200px;
width:210px;
padding-left:5px;
padding-right:5px;
overflow: hidden;
}.home-offers h2
{color:#000000;
}/* Footer */
.footer-left
{
float:left;
width:445px;
padding-right:15px;
padding-left:15px;
margin-left:30px;
padding-top:10px;
height: 215px;
}
.footer-middle
{
float:left;
background-color:#1AB7EA;
width:190px;
padding-left:5px;
padding-right:5px;
padding-top:0px;
height: 215px;
}
.footer-right
{
float:left;
background-color:#7DB31D;
color:#FFFFFF;
width:220px;
height: 215px;
margin-left:5px;
padding-top:3px;
}
.footer-right-box
{
background-color:#9CCA3F;
width:214;
margin-left:3px;
margin-top:0px;
margin-right:3px;
min-height:50px;
padding-left:3px;
padding-right:3px;
margin-bottom: 3px;
}
/* Subpage */
.subpage-title
{
background: transparent url("images/subpage-title.jpg") repeat-x;
height:50px;
margin-left:30px;
margin-right:30px;
padding-left:30px;
}
.subpage-middle
{
width:960px;
min-height:500px;
margin-left:auto;
margin-right:auto;
text-align:left;
overflow: hidden;
background: transparent url("images/subpage-sidebar.jpg") repeat-y right;
}
.subpage-left-column
{
min-height:450px;
width:705px;
float:left;
overflow: hidden;
}
.subpage-right-column
{
min-height:450px;
width:210px;
background-color:#FFFFFF;
float:left;
margin-right:30px
overflow: hidden;
}
.subpage-window-area-left
{
/*height:230px;*/
height: 0px;
width:45px;
background: transparent url("images/subpage-window-left.jpg") no-repeat;
float:left;
}
.subpage-window-area-center
{
/*height:230px;*/
height: 0px;
width:645px;
background: transparent url("images/subpage-window-center.jpg") repeat-x;
float:left;
}
.subpage-window-area-right
{
/*height:230px;*/
height: 0px;
width:15px;
background: transparent url("images/subpage-window-right.jpg") no-repeat;
float:left;
}
.subpage-offers-area
{
min-height:440px;
width:205px;
border: 5px solid #DADC57;
background-color:#FFFFFF;
margin-left:5px;
padding-left:5px;
padding-right;5px;
}
.subpage-content-area
{
min-height:190px;
width:445px;
float:left;
padding:15px;
margin-left:30px;
}
.subpage-more-info-area
{
min-height:190px;
width:190px;
background-color:#FAFFE2;
float:left;
padding-top:15px;
padding-bottom:15px;
padding-left:5px;
padding-right:5px;
overflow: hidden;
}
.subpage-more-info-area ul
{
list-style-type:none;
padding:0px;
}
.subpage-more-info-area li
{
padding:5px;
}
.subpage-more-info-area h2 a
{font-size: 16px;
line-height: 1.5;
text-decoration: none;
}.subpage-more-info-area .current_page_item
{
font-weight: bold;
}

.subpage-content-area ul{
list-style-position: inside;
}
/* end subpage */
/* blog page */
.blog-middle
{
width:960px;
min-height:280px;
margin-left:auto;
margin-right:auto;
text-align:left;
overflow: hidden;
background: transparent url("images/blog-sidebar.jpg") repeat-y right;
}
.blog-title
{
background: transparent url("images/web-malama-blog-header.jpg") repeat-x;
min-height:50px;
margin-left:30px;
margin-right:30px;
padding-left:30px;
}
.blog-title h1
{
color:#000000;
padding-top: 15px;
padding-bottom: 10px;
width: 600px;
}
.post-content
{
margin-left:30px;
padding-left:30px;
padding-right:30px;
padding-top:30px;
width:630px;
float:left;
min-height:200px;
overflow: hidden;
}
.post-content ol, .post-content ul
{
list-style-position: outside;
padding-left: 20px;
padding-bottom:10px;
}
.post-content li{
  margin-bottom: 5px;
}
table.post-table {
  border-collapse:collapse;
}
.post-table th, .post-table td, table.post-table{
  border: 1px dashed gray;
  padding: 3px;
}
col.right-align{
  text-align: right;
}
.blog-sidebar
{
margin-right:30px;
padding-top:30px;
padding-left:15px;
padding-right:5px;
float:left;
width:190px;
min-height:200px;
overflow: hidden;
}
.blog-middle img {
-moz-border-radius: 3px 3px 3px 3px;
border: 1px solid #DDDDDD;
margin: 10px;
}


/* Blog Footer */
.blog-footer
{
text-align:center;
background-color:#F8A447;
overflow: hidden;
}
.blog-footer-left
{
float:left;
width:445px;
padding-right:15px;
padding-left:15px;
margin-left:30px;
padding-top:10px;
height: 215px;
}
.blog-footer-middle
{
float:left;
background-color:#1AB7EA;
width:190px;
padding-left:5px;
padding-right:5px;
padding-top:0px;
height: 215px;
}
.blog-footer-right
{
float:left;
background-color:#F8A447;
width:220px;
height: 215px;
margin-left:5px;
padding-top:3px;
}
.blog-footer-right-box
{
background-color:#FFBA76;
width:214;
margin-left:3px;
margin-top:0px;
margin-right:3px;
min-height:50px;
padding-left:3px;
padding-right:3px;
margin-bottom:3px;
}

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}
.commentlist {
	padding: 0;
	text-align: justify;
	}
.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}
.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }
#commentform p {
	margin: 5px 0;
	}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}
.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */
img.alignright {
	padding: 0 7px 2px 7px;
}
img.alignleft {
	padding: 0 7px 2px 7px;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}

/* contact form */
#contact-form{
	overflow: hidden;
}
#contact-form-left{
  float: left;
  width: 470px;
  margin-right: 5px;
}
#contact-form-right{
  float: left;
  width: 180px;
  margin-left: 10px
}
.contact-content-area{
	padding-left: 30px;
}

/* Satisfaction Survey */
#satisfaction-survey{
  width: 870px;
  margin-top: -15px;
  border: 0px;
  height: 1500px;
}
.subpage-single-column{
  overflow: hidden;
  width: 900px;
  padding: 0 30px 0 30px
}
.portfolio-image{
	margin-left: auto;
	margin-right: auto;
}
#portfolio-content{
	margin-left: 30px;
	margin-right: 30px;
}
.showside{
	float: left;
	width: 600px;
}
.noside{
	}
.portfolio-sidebar{
	float: left;
	width: 260px;
	margin-right: 30px;
}
.top-align{
	 vertical-align: top;
}
.portfolio-table td{
	padding: 10px;
	border-bottom: 1px dashed gray;
}
.portfolio-table {
	margin-bottom: 20px;
}
.portfolio-table a {
	text-decoration: none;
}
.portfolio-table img {
  -moz-border-radius: 3px 3px 3px 3px;
  border: 1px solid #DDDDDD;
  margin: 10px;
}
.portfolio-sidebar ul, .portfolio-sidebar ul li ul{
  list-style-type: none;
  list-style-position: outside;
  margin-left: 2px;
  padding-left: 2px;
  font-size: 14px;
}
.portfolio-sidebar ul{
  font-size: 16px
}
.portfolio-sidebar ul li ul li{
  margin-bottom: 4px;
}

/* enews */
.enews-container{
	margin-left: auto;
	margin-right: auto;
	background-image: url("http://www.webmalama.com/wp-content/themes/web-malama-theme/images/online-marketing-header.jpg");
	background-repeat:repeat-x;
	width: 600px;
	}
	.enews-header
	{
	text-align:center;
	width: 600px;
	margin-left:auto;
	margin-right:auto;
	}
	.enews-middle
	{
	width:600px;
	text-align:center;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
	}
	.enews-footer
	{
	text-align:center;
	background-color:#86B32C;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
	}
	.enews-page-top
	{
	width:600px;
	text-align:left;
	}
	.enews-page-middle
	{
	width:600px;
	text-align:left;
	overflow: hidden;
	}
	.enews-page-bottom
	{
	width:600px;
	text-align:left;
	height:215px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	}
	/* header */
	.enews-web-malama-header
	{
	height:98px;
	width: 600px;
	}
	.enews-header-left
	{
	height:98px;
	width:200px;
	float:left;
	}
	.enews-web-malama-logo
	{
	margin-top:15px;
	margin-left:30px;
	height:75px;
	width:145px;
	display: block;
	float:left;
	}
	.enews-web-malama-description
	{
	color:#FFFFFF;
	font-weight: bold;
	margin-top: 50px;
	}
	.enews-header-right
	{
	float:left;
	width:400px;
	text-align:right;
	height:98px;
	}
	.enews-header-right-top
	{
	height:50%;
	}
	
	.enews-header-right-bottom
	{
	height:50%;
	}

	#enews-summary{
		margin-bottom: 15px;
		margin-top: -15px;
		font-size: larger;
	}
	#enews-left-column{
		overflow: hidden;
		width: 380px;
		float: left;
		margin-right: 5px;
		padding-right: 5px;
	}
	#enews-updates{
		margin-bottom: 20px;
				border-bottom: 1px gray dotted;
	}
	#enews-spotlight{
		display: block;
		margin-bottom: 20px;
				border-bottom: 1px gray dotted;
	}
	#enews-qanda{
		margin-bottom: 20px;
	}
	#enews-right-column{
		overflow: hidden;
		width: 200px;
		float: left;
		margin-left: 5px;
		padding-left: 5px;
	}
	#enews-fact{
		background-color: #eeeeee;
		padding: 10px;	
		-moz-border-radius: 5px 5px 5px 5px;
		border: 1px solid #dddddd;		
	}
	#enews-offer{
		margin-top: 10px;
		background-color: #eeeeee;
		padding: 10px;	
		-moz-border-radius: 5px 5px 5px 5px;
		border: 1px solid #dddddd;	
	}
	#enews-pass{
		margin-top: 20px;
	}
	.lightgray{
		color: gray;
		font-style: italic;
	}
	#spotlight-image{
		clear: both;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}
	.clear{
		clear: both;
	}
.enews-footer-left
{
float:left;
width:245px;
padding-right:15px;
padding-left:15px;
margin-left:30px;
padding-top:10px;
height: 215px;
}
.enews-footer-middle
{
float:left;
background-color:#1AB7EA;
width:190px;
padding-left:5px;
padding-right:5px;
padding-top:0px;
height: 215px;
}
.enews-footer-right
{
float:left;
background-color:#7DB31D;
color:#FFFFFF;
width:220px;
height: 215px;
margin-left:5px;
padding-top:3px;
}
.enews-footer-right-box
{
background-color:#9CCA3F;
width:214;
margin-left:3px;
margin-top:0px;
margin-right:3px;
min-height:50px;
padding-left:3px;
padding-right:3px;
margin-bottom: 3px;
}