/*  
Theme Name: Strahan Research
Theme URI: http://www.strahan-research.com.au/
Description: Strahan Research theme for WordPress
Version: 0.5
Author: Chris Clark
Author URI: http://decaffeinated.org/
*/

* {
    position: relative;
    }

body {
    background: #f5f5f5 url(images/f5f5f5.png);
    font: normal 0.9em "Helvetica", "Arial", sans-serif;
    padding: 30px 0 50px 0;
    color: #666;
    }

#aao, #bbo, #cco {
    background: #FFF url(images/BGheadfoot2.png) top right repeat-y;
    width: 80%;
    min-width: 727px;
    max-width: 900px;
    margin: 0 auto;
    padding-right: 25px;
    }

#aai {
    height: 20px;
    background: #FFF url(images/BGheadfoot2.png) top left repeat-y;
    }

#bbo {
    background: #FFF url(images/BGcontent.png) top right repeat-y;
    }

#bbi {
    background: #FFF url(images/BGcontent.png) top left repeat-y;
    padding: 0 2px 20px 25px;
    }

#cco {
    background-position: bottom right;
    }

#cci {
    height: 20px;
    background: #FFF url(images/BGheadfoot2.png) bottom left repeat-y;
    }

#masthead {
    width: 100%;
    height: 200px;
    border: 1px solid #9CF;
    background: #FFF top left no-repeat;
    }

h1 {
    position: absolute;
    top: -25px;
    right: 60px;
    font: 20px "Helvetica", "Arial", sans-serif;
    text-transform: lowercase;
    text-align: right;
    letter-spacing: 15px;
    }

h1 span {
    top: 20px;
    right: 30px;
    display: block;
    font: 68px "Arial Black", sans-serif;
    letter-spacing: 0px;
    }

h1 a {
    text-decoration: none;
    color: #39F;
    }

#tagline {
    position: absolute;
    font: 14px "Helvetica", "Arial", sans-serif;
    color: #B2D9FF;
    font-style: oblique;
    bottom: -8px;
    right: 10px;
    cursor: default;
    }

#skipnav {
    position: absolute;
    top: 0;
    right: 0;
    width: 560px;
    height: 200px;
    background: transparent url(images/gradient.png) no-repeat top right;
    text-indent: -300em;
    margin: 0;
    }

#navigation {
    padding: 0;
    margin: 15px 0 0 0;
    }

#navigation li {
    display: block;
    float: left;
    width: 20%;
    font: 0.8em "Helvetica", "Arial", sans-serif;
    }

#navigation span {
    display: block;
    font: bold 1.4em "Helvetica", "Arial", sans-serif;
    color: #70B7FF;
    top: -5px;
    }

#navigation a {
    display: block;
    padding: 0 10px 20px 5px;
    border: solid 1px #FFF;
    border-left-color: #EEE;
    color: #999;
    text-decoration: none;
    }

#navigation li#contact a {
    border-right-color: #EEE;
    }


#navigation a:hover span {
    color: #39F;
    }

#navigation a:hover {
    color: #666;
    }

hr {
    visibility: hidden;
    clear: both;
    margin: 0;
    }

h2 {
    color: #70B7FF;
    text-transform: lowercase;
    font: bold 2em "Helvetica", "Arial", sans-serif;
    padding: 25px 30px 30px 20px;
    margin: 5px 0 -40px 0;
    background: #FFF top left no-repeat;
    }

.welcome h2 { background-image: url(images/H2strahanresearch.png); }
.welcome #masthead { background-image: url(images/BGhead01.jpg); }

.insight h2 { background-image: url(images/H2insight.gif); }
.insight #masthead { background-image: url(images/BGhead03.jpg); }

.ourwork h2 { background-image: url(images/H2ourwork.png); }
.ourwork #masthead { background-image: url(images/BGhead06.jpg); }

.ourcompany h2 { background-image: url(images/H2ourcompany.png); }
.ourcompany #masthead { background-image: url(images/BGhead05.jpg); }

.ourpeople h2 { background-image: url(images/H2ourpeople.png); }
.ourpeople #masthead { background-image: url(images/BGhead02.jpg); }

.contact h2 { background-image: url(images/H2contactus.png); }
.contact #masthead { background-image: url(images/BGhead04.jpg); }

#content p {
    padding: 0 30px;
    }

#content {
	padding: 0 0 30px 0;
	}

#footer p {
    top: 15px;
    text-align: center;
    font: 9px "Helvetica", "Arial", sans-serif;
    color: #CCC;
    margin: 0;
    }

#content ul {
	padding-left: 2em;
	margin-left: 2em;
	font-size: 0.9em;
	list-style-type: circle;
	}
	
#content h3 {
	font: bold 1.2em "Helvetica", "Arial", sans-serif;
	padding: 0 25px;
	margin: 40px 0 -10px 0;
	}

#content h4, #content h5, #content h6 {
	font: bold 1.1em "Helvetica", "Arial", sans-serif;
	padding: 0 30px;
	margin: 40px 0 -10px 0;
	}