/*
Screech Owl Sanctuary typographic stylesheet
Andy Darley, Onlineability
07905 628 554
Last edit: 21 May 2009
*/

body {
    color: #033;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.8em;    
	background: #355418 url(img/sitefurniture/feathers.gif) repeat top center;
}

p, h1, h2, h3, h4 {
    margin-top: 0;
    margin-bottom: 0.5em;
}

h1, h2, h3, h4, h2.postTitle a, h2.postTitle a:VISITED, h2.postTitle a:HOVER {
    color: #1E5F19;
    text-decoration: none;
}

h3.postTitle a, h3.postTitle a:VISITED {
    color: #1E5F19;
	font-weight:bold;
    text-decoration: underline;
}

h3.postTitle a:HOVER {
	text-decoration: none;
	color: #3682FA;
}

h1 {
    font-size: 1.6em;
}

h2 {
    font-size: 1.4em;
}

h3 {
    font-size: 1.2em;
    font-weight:bold;
}

.post h3 {
    clear: both;
    padding: 12px 0;
}

#navigation h3 {
    color: #C97D05;
    font-weight:bold;
}

h4 {
    font-size: 1.1em;
}

a, a:VISITED {
    color: #C97D05;
    text-decoration: underline;
}

a:HOVER {
    color: #3682FA;
}

a:ACTIVE {
	color: #F00;
}

hr {
    color: #C97D05;
    background-color: #C97D05;
    height: 1px;
    margin: 10px 0;
    border: 0;
}

img {
    border: none;
}

address {
	font-style: normal;
}

dt {
	font-weight: bold;
}

dd {
	margin-left: 1em;
	margin-bottom: 0.5em;
	padding: 0;
}

.container, #header, #footer {
	width: 970px;
}

#mainfront {
	padding-left: 10px;
	position: relative;
}

#main, #mainarchive {
	padding-left: 10px;
	position: relative;
	padding-top: 25px;
	padding-bottom: 12px;
}

#promos {
	padding-right: 10px;
	position: relative;
}

#header h1 {
    display: block;
    text-indent: -9999px;
    width: 393px;
    height: 29px;
    position: absolute;
    bottom: 3px;
    left: 160px;
    margin: 0;
    padding: 0;
    background: transparent url(img/sitefurniture/sowls.gif) no-repeat top left;
}

#header ul {
    margin: 24px 0 0 0;
    padding: 0;
}

#header li {
    padding-right: 20px;
    display: inline;
    list-style-type: none;
    float:left;
}

#header li a, #header li a:VISITED {
    display: block;
    width: 67px;
    height: 60px;
    text-indent: -9999px;
    outline: none;
    background: transparent url(img/sitefurniture/toolbarbutton.gif) no-repeat top center;
}

#header li a:HOVER {
}

#header a#visitus, #header a#visitus:VISITED {
    background: transparent url(img/sitefurniture/v-button.gif) no-repeat 0 0;
}

#header a#visitus:HOVER {
    background: transparent url(img/sitefurniture/v-button.gif) no-repeat 0 -60px;
}

#header a#contactus, #header a#contactus:VISITED {
    background: transparent url(img/sitefurniture/c-button.gif) no-repeat 0 0;
}

#header a#contactus:HOVER {
    background: transparent url(img/sitefurniture/c-button.gif) no-repeat 0 -60px;
}

#header a#supportus, #header a#supportus:VISITED {
    background: transparent url(img/sitefurniture/s-button.gif) no-repeat 0 0;
}

#header a#supportus:HOVER {
    background: transparent url(img/sitefurniture/s-button.gif) no-repeat 0 -60px;
}

#headerowl {
    position: absolute;
    left: 22px;
    bottom: -13px;
}

.displaypic {
    margin-bottom: 1em;
}

.post {
    padding: 0;
    border-right: 1px solid #FFE4C4;
}

#mainfront .post, #mainarchive .post {
	border: 1px solid #1E5F19;
	background-color: #DED;
	padding: 12px;
	margin-bottom: 12px;
}

.breadcrumbs {
	margin-bottom: 20px;
}

#myGallery {
	margin: 0 0 12px 0; 
	padding: 0;
	overflow: hidden;}

h3#onoursite, h3#things {
    display: block;
    margin: 0.5em 0 1em 0;  
    text-indent: -9999px;
}

h3#onoursite {
    background: transparent url(img/sitefurniture/onoursite.gif) no-repeat top left;
    width: 155px;
    height: 24px;
}

h3#things {
    background: transparent url(img/sitefurniture/things.gif) no-repeat top left;
    width: 149px;
    height: 51px;
}

#navigation ul, #promos ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#navigation a, #navigation a:VISITED {
    text-decoration: none;
    margin-bottom: 5px;
}  

#navigation a:HOVER {
    text-decoration: underline;
    color: #3682FA;
}

#navigation li {
    margin-bottom: 0.5em;
}

#navigation p {
    margin: 10px 0 20px 0;
}

#navigation ul ul {
    margin-top: 0.5em;
}

#navigation ul ul li {
    padding-left: 12px;
}

#navigation ul ul li a, #navcontainer ul ul li a:VISITED {
    background: transparent url(img/sitefurniture/off.gif) no-repeat left top;
    padding-left: 12px;
    text-align: left;
}

#navigation ul ul li a:hover {
    background: transparent url(img/sitefurniture/on.gif) no-repeat left top;
}

#navigation ul ul ul li a, #navcontainer ul ul li a:VISITED {
    background: transparent url(img/sitefurniture/off2.gif) no-repeat left top;
}

#navigation ul ul ul li a:hover {
    background: transparent url(img/sitefurniture/on2.gif) no-repeat left top;
}

.sanclogo {
	margin: 0 auto;
	display: block;
}

.postContent li {
    margin-bottom: 0.5em;
}

#promos li {
    margin-bottom: 15px;
    text-align: center;
	margin-left: 3px;
}

#promos li a {
    display: block;
    width: 182px;
    height: 20px;
    padding-top: 80px;
    background-color: #FFD;
    border: 1px solid #1E5F19;
}

#promos li a, #promos li a:VISITED #promos li a:HOVER {
    color: #1E5F19;
    text-decoration: none;
    font-weight: bold;
} 

#promos a#handtame {
    background: #FFC url(img/promos/handtame.jpg) no-repeat top center;
}

#promos a#meerkats {
    background: #FFC url(img/promos/meerkats.jpg) no-repeat top center;
}

#promos a#sponsorowl {
    background: #FFC url(img/promos/sponsorowl.jpg) no-repeat top center;
}

#promos a#babyemus {
    background: #FFC url(img/promos/emus.jpg) no-repeat top center;
}

#promos a#ponies {
    background: #FFC url(img/promos/malteser.jpg) no-repeat top center;
}

#promos a#refreshments {
    background: #FFC url(img/promos/refreshments.jpg) no-repeat top center;
}

#promos a#kidsparties {
    background: #FFC url(img/promos/childrensparties.jpg) no-repeat top center;
}

#promos a#playarea {
    background: #FFC url(img/promos/playarea.jpg) no-repeat top center;
}

#promos a#falconrydisplays {
    background: #FFC url(img/promos/falconry.jpg) no-repeat top center;
}

#promos a#guidedtours {
    background: #FFC url(img/promos/guidedtours.jpg) no-repeat top center;
}

#promos a#giftshop {
    background: #FFC url(img/promos/shop.jpg) no-repeat top center;
}

#footer {
	font-size: 0.8em;
	color: #FFC;
	position: relative;
	background-color: #355418;
}

#footer p {
	margin-left: 12px;
}

#footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 36px;
}

#footer li {
	background-image: url(img/sitefurniture/footerbulletie.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	padding-left: 1em;
}

#footer li a, #footer li a:VISITED {color:#FFC;text-decoration:none;}
#footer li a:HOVER {color:#3682FA;text-decoration:underline;}

img.footerpic {
	position: absolute;
	bottom: 0;
	right: 40px;
}

#creditpar {
    color: #000;
    padding: 0;
    margin: 12px 0;
}

#creditpar a {
    text-indent: -9999px;
    display: block;
    width: 192px;
    height: 15px;
    background: transparent url(img/sitefurniture/onlineability.gif) no-repeat top left;
    padding: 0;
    margin: 0;
}

/* tables */

table {
    width: 100%;
    border: none;   
    padding: 0;
    margin: 0;
}

caption {
    font-size: 0.8em;
    text-align: right;
    margin: 0;  
    padding: 0 0 5px 0;
    color: #C97D05;
}

th, td {
    padding: 1px 5px 2px 5px;
}

th {
    text-align: left;
    font-variant: small-caps;
    font-weight: bold;  
    letter-spacing: 2px;
}

thead tr {
    background-color: #C97D05;
}

tr.alt {
    background-color: #FFE4C4;
}

/* blog post dates and metadata */

.datebox {
    float: right;
    height: 50px;
    width: 50px;
    background: url(img/sitefurniture/calendar.png) no-repeat;
    margin: 0 12px 12px 12px;
    padding-top: 0px;
    line-height: normal;
}

.datebox .datemonth {
    display: block;
    text-align: center;
    color: #FFF;
    font-size: 11px;
    padding-top: 4px;
    text-transform: uppercase;
}

.datebox .dateday {
    display: block;
    text-align: center;
    padding-top: 5px;
    font-size: 18px;
    font-weight: bold;
}

.postMeta {
    padding: 6px;
    font-size: 0.9em;
    border: 1px solid #C97D05;
    background-color: #f0e3d2;
    margin-top: 1em;
    margin-right: 12px;
}

/* blog image display */

.wp-caption {
    font-size: 0.8em;
    text-align: right;
    color: #1E5F19;
}

/* structural stuff */

#header {
    position: relative;
	background: #355418 url(img/sitefurniture/feathers.gif) repeat top center;
}

#mainfront, #footer {
	padding-top: 12px;
}

#promos, #navigation {
	padding-top: 25px;
}

.clearing {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.alignright {
    float: right;
    margin: 0 0 2px 12px;
}

.alignleft {
    float: left;
    margin: 0 12px 2px 0;
}

.aligncenter {
    margin: 1em auto;
}

.postContent {
    padding-right: 12px;
}

#mainfront .postContent {
    padding: 0;
    border: 0;
}

.twobox, .threebox {
    float: left;
    padding: 0;
    border: 1px solid #CCC;
    margin: 0 12px 12px 0;
    overflow: hidden;
}

.twobox {
    width: 265px;
    margin-top: 12px;
}

.threebox {
    width: 172px;
}

#tl, #tr, #bl, #br {
    position: absolute;
    top: 0;
    width: 9px;
    height: 9px;
    overflow: hidden;
}

#tl {
    left: 0;
    background: #FFF url(img/sitefurniture/tl.gif) no-repeat top left;
}

#tr {
    right: 0;
    background: #FFF url(img/sitefurniture/tr.gif) no-repeat top left;
}

#bl {
    left: 0;
    background: #FFF url(img/sitefurniture/tl.gif) no-repeat bottom left;
}

#br {
    right: 0;
    background: #FFF url(img/sitefurniture/tr.gif) no-repeat bottom left;
}

/* Onlineability link */

div#footer a#onlineabilityLink, div#footer a#onlineabilityLink:VISITED {
	float: right;
	display: block;
	width: 118px;
	height: 13px;
	text-indent: -9999px;
	background: #355418 url(img/sitefurniture/onlineability.gif) no-repeat 0 0;
	padding: 0;
	margin: 0 12px 0 0;
}

div#footer a#onlineabilityLink:HOVER, div#footer a#onlineabilityLink:ACTIVE {
	background: #355418 url(img/sitefurniture/onlineability.gif) no-repeat 0 -13px;
}