/*  
Theme Name: ADRA New Zealand
Theme URI: http://adra.org.nz/
Description: A WordPress theme for ADRA New Zealand based on the design of the international ADRA site.
Version: 1.0
Author: Adrian Hodge
Author URI: http://www.hodgeman.co.nz
*/

/* ADRA Styles */

* {margin:0; padding:0;}
body {
color: #555;
background: #4da394;
font:8pt/10pt Verdana;
}	
a {color:#009999; font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}
a.white {color:#FFF; font-weight:normal;}
a.whiteBold {color:#FFF;}
p {margin-bottom:10px;}
p, table td {	
font:8pt/10pt Verdana;
text-align:justify;
vertical-align:top;
}
#topShadow {background:url(images/container_top.gif) top center no-repeat; height:25px;}
#bottomShadow {background:url(images/container_bottom.gif) top center no-repeat; height:25px;}
#container {
width:800px;
margin:0 auto;
padding:0 15px;
background:#FFF url(images/containerBG.gif) top left repeat-y;
}
/* HEADER STYLES */
#header {width:100%; height:145px; background:url(images/pageHeader_bg.gif) repeat-x; position:relative; clear:both;}
#header h1 {display:block; float:left;}
#header h1 span {display:none;}
#boys { background:url(images/pageBoys.jpg) no-repeat; width:145px; height:145px; margin-right:110px; float:right;}
#donate {
	background:url(images/pageDonate.gif) no-repeat;
	width:110px;
	height:54px;
	position:absolute;
	right:0; bottom:0;
	cursor:pointer;	
}
#content {float:left; background:#FFF url(images/pageSidebar_bg.gif) left repeat-y;}
#sidebar {width:180px; float:left; padding:10px; position:relative;} 
#sidebar ul {font:12px Arial, Helvetica, sans-serif; list-style:none; }
#sidebar ul ul {margin:5px 10px;}
#mainContent {padding:15px; float:right; width:567px}
#mainContent ul, #mainContent ol {margin:10px 20px;}
#footer {
clear:both;
height:40px;
width: 100%;
background: #007662;
color: #FFFFFF;
}
#footer p { text-align:center; padding:0; margin:0; line-height:20px; }
h1,h2,h3,h4,h5 {font-family:"Myriad Pro", Arial, Helvetica, sans-serif;}
h2 {font-size:1.2em; font-weight:bold;}
h3{font-size:1.5em;margin-bottom:10px;background-color:#D6EAE6;color:#555;padding:7px}
.pagetitle, .post h2 {font-size:1.8em; margin:0 0 10px 0; line-height:1em}
.entry p, .entry table td {color:#808080; line-height:1.5em; font-size:1.2em; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;}
.post {margin-bottom:10px; padding:10px; border:1px solid #DBDBDB; background:#FFF url(images/adra_post_bg.gif) top repeat-x;}
.entry table td {padding:3px; vertical-align:top;}
.oddRow {background-color:#E0EFED;}
.evenRow {background-color:#F1F8F7;}
.alignleft, .commentlist {float:left}
.alignright {float:right}
.navigation {clear:both;margin-bottom:20px;float:left;width:100%}
h3#respond, h3#comments {float:left;width:553px}
.toggler{cursor:pointer}
.padding{padding:0 10px 10px}

/* ############################################################################ */
/*                               MENU STYLES                                    */
/* ############################################################################ */
#menucontainer {background:#3ABBA5 url(images/adra_menu_bg.gif);}
.menu {width:720px; height:26px; font-size:0.85em; position:relative; z-index:100;}
* html .menu {width:720px; w\idth:720px;}
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu li {float:left;position:relative;border-right:1px solid #018E76;width:100px;}
.menu ul li {text-align:center;}
.menu ul ul li {text-align:left; border-bottom:1px solid #018E76; width:150px;w\idth:150px;}
.menu a, .menu a:visited {display:block;text-decoration:none; color:#014337; height:26px; background:#3ABBA5 url(images/adra_menu_bg.gif); line-height:26px;}
* html .menu a, * html .menu a:visited {width:100px; w\idth:100px;}
.menu ul ul {visibility:hidden;position:absolute;height:0;top:26px;left:0; width:100px;}
* html .menu ul ul {top:26px;t\op:26px;}
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
.menu ul ul a, .menu ul ul a:visited {background:#62d0c0; color:#000; height:auto; line-height:1em; padding:5px 10px; width:130px;}
.menu ul ul li {border-width:0 1px 1px 1px; border-color:#018E76;}
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:150px;}
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#018E76;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#018E76;}
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; }