/*  

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;
}

.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-positon: inside;
padding-left: 20px;
padding-bottom:10px;
}
.blog-sidebar
{
margin-right:30px;
padding-top:30px;
padding-left:15px;
padding-right:5px;
float:left;
width:190px;
min-height:200px;
overflow: hidden;
}
/* 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
}