/*
Theme Name: Buzz Hound Custom Theme
Theme URI: http://wordpress.org/
Description: Custom theme developed for Buzz Hound Learning Lab by WEB-O-MATIC Limited.
Version: 1.0
Author: Morgan Dilks
Author URI: http://www.web-o-matic.co.nz
Tags: clean, bold, buzz

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



html, body{
margin:0;
background-color:#FFFFFF;
width:100%;
height:100%;
font-family:Arial, Helvetica, sans-serif;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -70px; /* the bottom margin is the negative value of the footer's height */
}
#tb{
position:fixed;
top:0;
left:0;
background-color:#869092;
width:100%;
height:20px;
z-index:1000;
}
#rb{
position:fixed;
top:0;
right:0;
background-color:#869092;
width:20px;
height:100%;
z-index:1000;
}
#lb{
position:fixed;
top:0;
left:0;
background-color:#869092;
width:20px;
height:100%;
z-index:1000;
}
#body_container{
position:relative;
margin:auto;
width:775px;
padding:50px 0;
}
#nav_content{
position:relative;
float:left;
width:180px;
padding:20px;
}
#homemain_content{
position:relative;
float:right;
width:360px;
margin-right:125px;
padding:0 0 0 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:normal;
line-height:1.6em;
}
#main_content{
position:relative;
float:right;
width:535px;
padding:10px 0 30px 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:normal;
line-height:1.6em;
}
#main_left{
position:relative;
float:left;
width:250px;
padding:0 10px 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:normal;
line-height:1.6em;
}
#main_right{
position:relative;
float:right;
width:250px;
padding:0 0 0 10px ;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:normal;
line-height:1.6em;
}
#sub_left{
position:relative;
float:left;
width:200px;
padding:0 10px 0 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:normal;
line-height:1.6em;
}
#sub_right{
position:relative;
float:right;
width:300px;
padding:0 0 0 10px ;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:normal;
line-height:1.6em;
}

#main_content ul{
margin:0 0 0 40px;
padding:0;
}
#main_content li{
list-style:url(images/body_bullet.png);
}
#menulayout{
margin:0;
padding:20px 0;
width:100%;
list-style:none;
}

#menulayout li{
list-style:none;
text-align:right;
padding-right:30px;
line-height:2em;
}
#menulayout li a.menu_off {
padding:9px 5px 2px 5px;
color:#000000;
font-family:Impact, Arial, Verdana, Century Gothic;
font-size:18px;
text-decoration:none;
text-transform:uppercase;
}
#menulayout li a.menu_off:hover {
color:#000000;
}
#menulayout li a.menu_on {
padding:9px 5px 2px 5px;
color:#000000;
font-family:Impact, Arial, Verdana, Century Gothic;
font-size:18px;
text-decoration:none;
text-transform:uppercase;
}
#menulayout li a.menu_on:hover {
color:#000000;
}

/* HOMEPAGE SPECIFIC */

#green_intro{
position:relative;
float:right;
margin:30px 36px 0 0;
width:468px;
margin-left:-17px;
padding:0 16px 0 20px;
background-color:#17292e;
}
#green_intro_tr{
position:absolute;
top:0px;
right:0px;
width:18px;
height:26px;
background-image:url(images/green_box_tr.png);
background-repeat:no-repeat;
background-color:#17292e;
}

#ltgreen_box{
position:relative;
float:right;
width:371px;
margin:0 92px 20px 0;
padding:20px 20px 18px 40px;
background-image:url(images/ltgreen_box_btm.png);
background-repeat:no-repeat;
background-position:bottom;
background-color:#dce6e7;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
font-weight:normal;
line-height:1.8em;
}
#green_box_angle{
position:absolute;
top:0;
left:-17px;
width:59px;
height:59px;
background-image:url(images/green_box_angle.png);
background-repeat:no-repeat;
}

#quote_box{
position:relative;
float:right;
background-color:#17292e;
width:180px;
margin-right:30px;
padding:25px 10px;
}
#quote_tl{
position:absolute;
top:0;
left:0;
width:21px;
height:22px;
background-image:url(images/quote_tl.png);
background-repeat:no-repeat;
background-color:#17292e;
}
#quote_tr{
position:absolute;
top:0;
right:0;
width:21px;
height:22px;
background-image:url(images/quote_tr.png);
background-repeat:no-repeat;
background-color:#17292e;
}
#quote_bl{
position:absolute;
bottom:-35px;
left:0;
width:35px;
height:35px;
background-image:url(images/quote_bl.png);
background-repeat:no-repeat;
background-color:#17292e;
}
#quote_br{
position:absolute;
bottom:-35px;
right:0;
width:35px;
height:35px;
background-image:url(images/quote_br.png);
background-repeat:no-repeat;
background-color:#17292e;
}
#quoteby_span{
position:relative;
margin-left:10px;
padding:5px 0 0 10px;
background-image:url(images/quote_bullet.png);
background-repeat:no-repeat;
background-position:left;
}
.about_us_bio{
position:relative;
width:214px;
background-color:#dce6e7;
margin:20px 0 20px 0;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#000000;
line-height:1.6em;
}
.about_us_top{
position:absolute;
top:-13px;
left:0;
width:234px;
height:13px;
background-color:#dce6e7;
background-image:url(images/about_us_top.png);
background-repeat:no-repeat;
}
.about_us_btm{
position:absolute;
bottom:-13px;
left:0;
width:234px;
height:13px;
background-color:#dce6e7;
background-image:url(images/about_us_btm.png);
background-repeat:no-repeat;
}
.about_us_pic{
position:absolute;
top:-30px;
left:-18px;
padding:10px;
width:83px;
height:118px;
background-image:url(images/about_us_pic.png);
background-repeat:no-repeat; 
z-index:200;
}
.about_us_spacer{
position:relative;
float:left;
width:85px;
height:78px;
}
.blog_author{
font-size:10px;
color:#83a7a8;
}
h1{
margin:0px 0px 10px 0px;
font-family:Imapct, Arial, Verdana, Century Gothic;
font-size:55px;
color:#FFFFFF;
font-weight:normal;
line-height:0.8em;
text-transform:uppercase;
}

h2{
margin:40px 0px 25px 0px;
font-family:Imapct, Arial, Verdana, Century Gothic;
font-size:42px;
color:#000000;
font-weight:normal;
line-height:0.8em;
text-transform:uppercase;
}

h3, #main_content #main_left h3 a, #main_content #main_left h3 a:hover, #main_content h3 a, #main_content h3 a:hover{
margin:5px 0px 5px 0px;
font-family:Arial, Century Gothic, Verdana;
font-size:16px;
color:#83a7a8;
font-weight:normal;
line-height:1.2em;
font-style:italic;
font-weight:bold;
text-decoration:none;
}
#main_content #main_left h3 a:hover, #main_content h3 a:hover{
text-decoration:underline;
}

h4{
margin:0px 0px 10px 0px;
font-family:Arial, Century Gothic, Verdana;
font-size:18px;
color:#FFFFFF;
font-weight:normal;
line-height:1.2em;
}
h5{
margin:0;
padding:0;
font-family:Arial, Century Gothic, Verdana;
font-size:10px;
color:#FFFFFF;
font-weight:normal;
line-height:0.8em;
}
.sub_title{
margin:-35px 0 0 0;
font-size:40px; 
color: #83a7a8; 
text-transform:uppercase;
}
.para_title{
margin-left:-10px;
color:#83a7a8;
font-weight:bold;
font-style:italic;
}
#sub_right img{
float:left;
margin:12px 4px 4px -20px;
}
#sub_right .img_desc{
float:right;
width:175px;
}
#main_content a, #main_content #main_left a, #main_content #main_right a, #main_content #sub_left a, #main_content #sub_right a{
color:#83a7a8;
font-weight:normal;
text-decoration:underline;
}
#main_content a:hover, #main_content #main_left a:hover, #main_content #main_right a:hover, #main_content #sub_left a:hover, #main_content #sub_right a:hover{
color:#83a7a8;
font-weight:normal;
text-decoration:underline;
}
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
label.formtag{
clear:left;
float:left;
margin:3px;
padding:0 5px 0 0;
width:150px; /* from 60px */	
text-align: right;
text-transform:uppercase;
}
.std_form{
margin:3px;
padding:3px;
width:270px;
border:none;
background-color:#dce6e7;
}
.submit_btn{
clear:both;
float:left;
padding:3px 0 0 0;
margin-left:372px;
width:69px;
height:42px;
}
/* next footer ensures something on the portfolio page */
.footer, .push{
height:70px;
}
#footer_band{
position:relative;
width:100%;
height:75px;
padding:0;
border-bottom:20px #869092 solid;
}
#footer_content{
position:relative;
margin:auto;
padding:20px 10px 0 200px;
width:590px;
height:20px;
text-align:center;
font-size:10px;
font-family:Arial, Verdana, Century Gothic;
color:#000000;
font-weight:normal;
line-height:2em;
}