/*
Theme Name: Zazoo Theme
Theme URI: http://www.thesquad.com.au/
Description: Theme designed by <a href="http://www.thesquad.com.au/">The Squad</a>.
Version: 1.0
Author:Dan Harvey
Author URI: http://www.thesquad.com.au/
Tags: squad, fixed width, two columns, green, clean

*/

/* basic styles */

body {
color: #333333;
background-color: #62b346;
font-family: helvetica, arial, sans-serif;
font-size: 13px;
line-height: 16px;
margin: 0;
}

h2 {
font: bold 20px helvetica, arial, sans-serif;
color: #62b346;
margin: 0 0 6px 0;
}

h3 {
font: bold 16px helvetica, arial, sans-serif;
color: #636363;
margin: 16px 0 4px 0;
}

h4 {
font: bold 14px helvetica, arial, sans-serif;
color: #3590ce;
margin: 0 0 4px 0;
}

h5 {
font: bold 16px helvetica, arial, sans-serif;
color: #636363;
margin: -4px 0 16px 0;
}

h6 {
font: bold 14px helvetica, arial, sans-serif;
color: #3590ce;
margin: 30px 0 16px 0;
}

p {
margin: 0 10px 6px 0;
}

a:link {
color: #636363;
}

a:active {
color: #636363;
}

a:visited {
color: #636363;
}

a:hover {
color: #3590ce;
}

/* background */

div#bodycontainer {
position: relative;
min-height: 450px;
top: 0px;
background: #ffffff url(images/bgtile.gif);
width: 100%;
border-bottom: solid #000000 3px;
}

div#bgoverlay {
position: absolute;
background: url(images/pageoverlay.gif) center;
margin: 0 auto;
width: 100%;
height: 432px;
}

/* Header */

div#header {
position: relative;
border-bottom: solid #000000 3px;
height: 97px;
width: 100%;
margin: 0 0 0 0;
}

div#headercont {
width: 996px;
height: 97px;
margin: 0 auto;
padding: 0;
}

ul#topnav {
float: right;
margin: 0;
padding: 0;
height: 97px;
list-style: none;
} 

div#heading {
float: left;
margin: 0 !important;
padding: 0;
background: none !important;
}

div#heading span {
display: block;
background: url(images/toplogo.gif) top left;
width: 215px;
height: 69px;
margin: 15px 12px 0 24px;
padding: 0 0 0 0;
overflow: hidden;
text-indent: -3000px;
}

li#home {
padding: 6px 15px 0 31px !important;
background: url(images/navleft.gif) no-repeat top left !important;
}

li#contact {
padding: 6px 31px 0 15px !important;
background: url(images/navright.gif) no-repeat top right !important;
}

ul#topnav li {
padding: 6px 15px 0 15px;
float: left;
background: url(images/navbg.gif) repeat-x top left;
margin: 57px 0 0 0;
height: 31px;
}

ul#topnav a:link {
font: bold 10px helvetica, arial, sans-serif;
text-decoration: none;
text-transform: uppercase;
color: #ffffff;
}

ul#topnav a:visited {
font: bold 10px helvetica, arial, sans-serif;
text-decoration: none;
text-transform: uppercase;
color: #ffffff;
}

ul#topnav a:active {
font: bold 10px helvetica, arial, sans-serif;
text-decoration: none;
text-transform: uppercase;
color: #ffffff;
}

ul#topnav a:hover {
font: bold 10px helvetica, arial, sans-serif;
text-decoration: none;
text-transform: uppercase;
color: #000000;
}

li.page-item-4 {
display: none;
}

/* Title Bar */

div#titlebar {
position: relative;
width: 100%;
margin: 0;
background: #e1eff8 url(images/titlebar.gif) repeat-x top left;
border-bottom: solid #d2d2d2 1px;
}

div#titles {
margin: 0 auto;
width: 996px;
overflow: auto;
}

div#titles h2 {
color: #62b346;
width: 480px;
padding: 32px 16px 0 24px;
margin: 0 0 -54px 0;
}

h2.blog {
color:#3590ce !important;
margin: 0 !important;
padding: 22px 16px 22px 24px !important; 
}

p.lefttitle {
width: 466px;
padding: 30px 0 32px 24px;
margin: 0;
}

p.righttitle {
float: right;
line-height: 15px;
width: 380px;
padding: 32px 0 32px 0;
margin: 0;
}

.heading1 {
display: block;
width: 320px;
font: bold 14px helvetica, arial, sans-serif;
margin: 0 0 8px 0;
}

.emphasis {
display: block;
font: bold 12px helvetica, arial, sans-serif;
margin: 8px 0;
}

.pullquote {
font: normal 20px helvetica, arial, sans-serif;
}

/* Main Content Section */

div#maincontainer {
position: relative;
width: 100%;
margin: 0;
}

div#maincontent {
margin: 15px auto;
width: 1000px;
overflow: hidden;
}

/* Left Column Home */

div#leftcolhome {
float: left;
width: 219px;
padding: 10px;
margin: 0;
}

div#leftcolhome .leftbox {
border: 2px solid #62b346;
padding: 8px 8px 5px 15px;
font-size: 12px;
margin-bottom: 15px;
}

/* Left Column */

div#leftcol {
float: left;
width: 419px;
padding: 10px;
margin: 0;
}

div#leftcol .leftbox {
border: 2px solid #62b346;
padding: 8px 8px 5px 15px;
font-size: 12px;
margin-bottom: 15px;
}

/* Right Column */

div#rightcol {
float: right;
width: 279px;
padding: 10px;
margin: 0 0 0 0;
}

div#rightcol .box {
border: 2px solid #62b346;
padding: 5px;
font-size: 16px;
margin-bottom: 15px;
height: 90px;
line-height: 16px;
}

div#rightcol ul {
margin: 0;
padding: 0;
}

div#rightcol li{
font: bold 16px helvetica, arial, sans-serif;
color: #636363;
margin: -4px 0 16px 0;
padding: 0;
list-style: none;
}

div#rightcol li a{
text-decoration: none;
}

div#rightcol h2 {
margin-bottom: 16px;
color: #62b346;
}

div#rightcol a:link {
color: #636363;
font-weight: bold;
}

div#rightcol a:visited {
color: #636363;
font-weight: bold;
}

div#rightcol a:active {
color: #636363;
font-weight: bold;
}

div#rightcol a:hover {
color: #62b346;
font-weight: bold;
}

div#rightcol h2,h3,h5 a:link {
text-decoration: none !important;
}

div#rightcol h2,h3,h5 a:visited {
text-decoration: none !important;
}

div#rightcol h2,h3,h5 a:active {
text-decoration: none !important;
}

div#rightcol h2,h3,h5 a:hover {
text-decoration: none !important;
color: #62b346 !important;
}

/* Middle Column Home */
div#middlecolhome {
margin: 0;
float: left;
}

div#colheadhome {
background: url(images/colhead.gif);
width: 440px;
height: 15px;
margin-top: 10px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 15px;
}

div#colinnerhome {
background: url(images/colinner.gif);
width: 435px;
margin: 0;
padding: 0 0 0 15px;
overflow: hidden;
}

div#colfoothome {
background: url(images/colfoot.gif);
width: 450px;
height: 44px;
margin: 0;
}

/* Middle Column */

div#middlecol {
margin: 0;
float: left;
}

div#colhead {
background: url(images/colhead.gif);
width: 600px;
height: 15px;
margin-top: 10px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 15px;
}

div#colinner {
background: url(images/colinner.gif);
width: 595px;
margin: 0px;
padding: 0 0 0 15px;
overflow: auto;
}

div#colfoot {
background: url(images/colfoot.gif);
width: 600px;
height: 44px;
margin: 0;
}

div#colinner h3 {
color: #3590ce;
}

img.leftimg {
clear: both;
float: left;
border: none;
margin: 0;
padding: 0;
}

p.rightp {
padding-left: 190px;
}

p.whop {
padding-left: 107px;
}

p.bullet {
padding-left: 0.6em;
text-indent: -0.6em;
}

p.large {
font-size: 14px;
padding-bottom: 5px;
padding-top: 5px;
}

p.largebullet {
font-size: 14px;
padding-left: 0.8em;
text-indent: -0.8em;
padding-bottom: 1px;
padding-top: 1px;
}

.highlight {
color: #62b346;
}

.lhighlight {
font: bold 16px helvetica, arial, sans-serif;
color: #62b346;
}

.smallh {
font: normal 12px helvetica,arial, sans-serif !important;
color: #636363;
}


.clear {
overflow: hidden;
width: 100%;
clear: both;
}


/* Buttons */

a.button {
clear: both;
color: #ffffff !important;
text-decoration: none;
display: block;
background: url(images/buttonl.gif) no-repeat scroll top left;
float: left;
font: bold 10px helvetica, arial, sans-serif !important;
height: 37px;
margin: 16px 0 32px 0;
padding: 0 0 0 20px;
}

a.button span {
float: left;
background: url(images/buttonr.gif) no-repeat top right;
display: block;
height: 12px;
padding: 10px 20px 15px 0;
}

a.button:hover {
background-position: bottom left;
}

a.button:hover span {
background-position: bottom right;
}

a.smlbutton {
clear: both;
color: #ffffff !important;
text-decoration: none;
display: block;
background: url(images/smlbuttonl.gif) no-repeat scroll top left;
float: left;
font: bold 10px helvetica, arial, sans-serif !important;
height: 26px;
margin: 0 0 20px 0;
padding: 0 0 0 16px;
}

a.smlbutton span {
background: url(images/smlbuttonr.gif) no-repeat top right;
display: block;
height: 12px;
padding: 6px 16px 8px 0;
}

a.smlbutton:hover {
background-position: bottom left;
outline: none;
}

a.smlbutton:hover span {
background-position: bottom right;
}

/* Post Links */

ul.postlinks {
list-style: none;
font-size: 11px;
height: 11px;
margin: 12px 0 30px 0;
padding: 0;
}

ul.postlinks a:link {
color: #636363; 

}

ul.postlinks a:visited {
color: #636363; 

}

ul.postlinks a:active {
color: #636363; 

}

ul.postlinks a:hover {
color: #3590ce;
}

ul.postlinks li {
float: left;
padding: 0 6px 0 0;
}

/* Footer */

div#footercont {
position: relative;
width: 100%;
height: 46px;
margin: 0 0 12px 0;
background: #62b346 url(images/footerbg.gif) repeat-x top left;
border-top: solid #000000 3px; 
}

div#footer {
margin: 0 auto;
width: 965px;
padding: 17px 0px 0 31px;

}

p.smallf {
padding: 6px 0 0 0;
font-size: 10px;
}

ul#bottomnav {
float: right;
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style: none;
} 

ul#bottomnav li {
font: normal 10px helvetica, arial, sans-serif;
padding: 10px 12px 0 12px;
float: left;
height: 18px;
background: url(images/bnavdiv.gif) no-repeat top right;
margin: 0 0 0 0;
}

ul#bottomnav a:link {
font: normal 10px helvetica, arial, sans-serif;
text-decoration: none;
text-transform: uppercase;
color: #636363;
}

ul#bottomnav a:visited {
font: normal 10px helvetica, arial, sans-serif;
text-decoration: none;
text-transform: uppercase;
color: #636363;
}

ul#bottomnav a:active {
font:  10px helvetica, arial, sans-serif;
text-decoration: none;
text-transform: uppercase;
color: #636363;
}

ul#bottomnav a:hover {
font: normal 10px helvetica, arial, sans-serif;
text-decoration: none;
text-transform: uppercase;
color: #3590ce;
}

/* Search Bar */

input#s {
vertical-align: top;
background: #ffffff url(images/searchicon.gif) no-repeat top left;
border: solid 2px #c0c0c0;
padding: 5px 6px 1px 24px;
height: 18px;
width: 170px;
outline: none;
margin: 0 0 20px 0;
}

input#searchbutton {
margin: 0;
padding: 0;
outline: none;
}

/* Blog Links */

a:link.bloglink {

color: #636363;
text-decoration: none !important;
}

a:active.bloglink {

color: #636363;
text-decoration: none !important;
}

a:visited.bloglink {

color: #636363;
text-decoration: none !important;
}

a:hover.bloglink {

color: #3590ce;
text-decoration: none !important;
}

.small {
font-size: 11px;
margin: 12px 0 -6px 0;
padding: 0;
}

a:link#bloghead {
color: #62b346 !important;
text-decoration: none !important;
}

a:active#bloghead {
color: #62b346 !important;
text-decoration: none !important;
}

a:visited#bloghead {
color: #62b346 !important;
text-decoration: none !important;
}

a:hover#bloghead {
color: #62b346 !important;
text-decoration: none !important;
}

/* Comment Form */

textarea#comment {
width: 480px;
}

/* Contact Form */

form.wpcf7-form {
margin: 12px 0 0 0;
}

/* Blogged Widget */

div#blogged {
padding: 8px 0 16px 0;
}