/*

Theme Name: Sexual Abuse Centre

Theme URI: http://sexualabuse.org.nz

Description: A custom theme developed for the Rotorua Sexual Abuse Centre.

Version: 1.0 beta

Author: Hodgeman Web & Design

Author URI: http://hodgeman.co.nz/

Tags: Green, Brown, Earth, Nature



LGT GREEN: #7AC143

DRK GREEN: #558D2D

BROWN: #6f5f57

*/



*{margin:0;padding:0}

html{font-size:62.5%}

body{background-color:#7ac143;color:#6f5f57;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:1.2em}

a{outline:none;color:#6f5f57}

a img{border:none}

h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote,.fullwidth, .breadcrumbs{margin-bottom:20px;line-height:150%}

li{margin-bottom:10px}

li ul li{margin-bottom:0}

ul,ol{margin-left:20px}



h1,h2{color:#7ac143;font-size:2.8em;font-weight:normal;margin-bottom:5px}

h1 span, h2 span{font-size:0.6em}

h2{font-size:2em;color:#558D2D}



#header,#masthead,#content,#features,#footer{float:left;width:100%}



.container{width:960px;margin:0 auto;position:relative}

.container:after{content:".";display:block;height:0;clear:both;visibility:hidden}



#header{background:url("images/bg_header.jpg") repeat-x;height:130px}

	#header .container{height:130px}

	#header #logo{background:url("/wp-content/uploads/2015/05/SAE-logo.png") no-repeat;width:222px;height:120px;display:block;text-indent:-9999px;margin:0 0 10px 10px}

	#header ul{list-style:none;margin:0;margin-left:400px;position:absolute;bottom:0}

	#header ul li{float:left;font-size:1.4em;margin:0}

	#header ul li.current_page_item, #header ul li.current_page_ancestor{background:url("images/menu.jpg") bottom center no-repeat}

	#header ul li a{margin:0 10px 20px;display:block;text-decoration:none;color:#FFF}

	#header ul li a:hover,#header ul li.current_page_item a, #header ul li.current_page_ancestor a{text-shadow:2px 1px 2px #333;margin:-1px 11px 21px 9px}

	#header #searchform{position:absolute;top:0;right:0;width:230px;height:28px;background:url("images/search.jpg") top center no-repeat;padding:2px 15px 15px 17px}

	#header #searchform #s{background-color:#E6E1D8;border:none;color:#6f5f57;display:block;float:left;font-size:1.6em;height:15px;padding:5px;vertical-align:top;width:190px}

	#header #searchform #searchsubmit{background:none;border:none;cursor:pointer;float:left;height:26px;margin-left:5px;text-indent:-9999px;vertical-align:top;width:24px}



#content{background-color:#FFF}

	#features{margin:0;list-style:none}

	#features li{float:left;width:300px;height:385px;margin:20px 10px 0;position:relative}

	#features h2.top{position:absolute;background:url("images/bg_feature.jpg") center top;top:50px;z-index:100;text-indent:-9999px;-webkit-transition:top .5s ease-out;-moz-transition:top .5s ease-out;transition:top .5s ease-out;}

	#features li.identify h2{background-position:0 0}

	#features li.protect h2{background-position:-320px 0}

	#features li.respond h2{background-position:-640px 0}

	#features h2 a{height:245px;width:300px;display:block}

	#features p.bottom{height:100px;padding:25px 20px 35px;position:absolute;background:url("images/bg_feature.jpg") left bottom;width:260px;bottom:50px;margin:0;-webkit-transition:bottom .5s ease-out;-moz-transition:bottom .5s ease-out;transition:bottom .5s ease-out;}

	#features li:hover .top{top:0;-webkit-transition:top .3s ease-out;-moz-transition:top .3s ease-out;transition:top .3s ease-out}

	#features li:hover .bottom{bottom:0;-webkit-transition:bottom .3s ease-out;-moz-transition:bottom .3s ease-out;transition:bottom .3s ease-out}

	#main{float:left;width:600px;margin:20px 19px 20px 10px;border-right:2px dashed #EEE;padding:0 19px 40px 0}

	#sidebar{float:left;width:300px;margin:20px 0}

	p#sayno{width:940px;background:url("images/sayno_banner.jpg");height:115px;text-indent:-9999px;float:left;margin:0 10px}



#footer{background:url("images/bg_footer.jpg") repeat-x;height:100px;padding-top:20px;color:#FFF;font-size:1em}

	#footer a{color:#c2f59a;text-decoration:none}

	

	#footer a#gethelp{background:url("images/gethelp.png") no-repeat 0 -320px;height:160px;left:50%;position:fixed;bottom:0;text-indent:-9999px;width:180px;margin-left:-90px}

	#footer a#gethelp:hover{background-position:0 -160px}

	#footer a#gethelp:focus{background-position:0 0}

	

	/*

	#footer a#gethelp{background:url("images/gethelp.png") no-repeat 0 -320px;height:160px;left:390px;position:absolute;text-indent:-9999px;top:-70px;width:180px}

	#footer a#gethelp:hover{background-position:0 -160px}

	#footer a#gethelp:focus{background-position:0 0}

	*/

	

	#footer .alignright{text-align:right}

	

.type-page, .type-post{border-bottom:2px dashed #EEE;padding:10px 0}	

.type-page h2, .type-post h2{margin:0}



.widget{float:left;width:100%;clear:both}



.center{text-align:center}

.alignleft{float:left}

.alignright{float:right}

.column{width:290px;float:left}

.marginR20{margin-right:20px}
input[type="submit"]{padding:10px 15px}



img.alignleft{margin:0 20px 10px 0}

img.alignright{margin:0 0 10px 20px}

ul.clear, ol.clear{width:580px}