/*

Theme Name: Rotorua Sustainable Charter

Theme URI: http://www.sustainableNZ.com/

Description: A natural sustainable theme.

Version: 1.0

Author: Adrian Hodge

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

Tags: green, grass, fixed width, two columns

*/



/* Begin Typography & Colors */



*{margin:0;padding:0}

body{font:normal 12px Tahoma, Arial, Helvetica, sans-serif;color:#333}

p{margin-bottom:20px;line-height:1.4em}

a{color:#997226}

a:hover{color:#5A8F06;text-decoration:none}

h3{font:normal 24px Myriad, "Myriad Pro", Arial, Helvetica, sans-serif}

h4{color:#2A6700;font:normal 20px Myriad, "Myriad Pro", Arial, Helvetica, sans-serif}

acronym{cursor:help}



#header{background:url(images/header_grass.jpg) center center;height:183px;border-bottom:6px solid #5a8f06;}

#heading{height:183px;position:relative}

#heading h1{

	background:url(images/logo.png) no-repeat !important;

	background:url(images/logo.gif) no-repeat;

	position:absolute;

	width:140px;

	height:228px;

}

#heading h1 span{display:none}

.centre{width:990px;margin:0 auto;}

#menu{

	list-style:none;

	position:absolute;

	top:149px;

	left:155px;

	height:34px;

	font:normal 16px Myriad, "Myriad Pro", Arial, Helvetica, sans-serif

}

#menu li{float:left;line-height:34px;}

#menu li a{color:#FFF;text-decoration:none;padding:0 10px;display:block}

#menu li.current_page_item a{color:#000;background:#5A8F06 url(images/menu_current_bg.gif) repeat-x}

#menu li a:hover{color:#D5E89F}

#menu li.current_page_item a:hover{color:#000}



#contentBG{float:left;background:#FFF url(images/contentBG.gif) right repeat-y}



#content{float:left;width:700px;padding:50px 20px 50px 10px;margin-right:10px}

#content h2{margin-bottom:20px;color:#997226;font:normal 28px Myriad, "Myriad Pro", Arial, Helvetica, sans-serif;}

#content h2 a{color:#997226;text-decoration:none}

#content ul, #content ol {margin:0 0 20px 20px}

#content ul{list-style:none}



#sidebar{width:220px;float:left;padding:50px 10px}

#sidebar h2{color:#275106;font:normal 20px Myriad, "Myriad Pro", Arial, Helvetica, sans-serif;margin-bottom:10px}

#sidebar ul {margin:0 0 10px 0;list-style:none}

#sidebar ul ul {margin:0 0 10px 20px;list-style:circle}



#footer{float:left;clear:both;width:100%;text-align:center;border-top:6px solid #5A8F06;padding-top:10px}



table td{vertical-align:top;padding:5px}



#notify{background-color:#FFEAEB;border:1px solid #FF6167;padding:10px}

.small{font-size:10px}



#content ul.items {border-top:1px dotted #999999;margin-left:0;float:left;width:100%}

.items li{border-bottom:1px dotted #999;line-height:18px;float:left;margin-top:10px;width:100%}

.items li p{margin-bottom:10px}

#storyDetail{float:left;clear:both}
.items li p.date, #storyDetail p.date{background:#FFFFFF url(images/date.gif) no-repeat scroll left center;font-size:10px;font-weight:bold;margin:5px 0;padding-left:20px;text-transform:uppercase}

.items li img,#storyDetail img{float:right;padding:2px;border:1px solid #CCC;margin:0 0 10px 20px}

.items li a{text-decoration:none}

.items li .itemText{float:left}



.tooltip{width:200px}

.tip-top{background:url(images/tip_top.png) no-repeat !important;background:url(images/tip_top.gif) no-repeat;width:200px;height:30px;}

.tip{background:url(images/tip.png) repeat-y !important;background:url(images/tip.gif) repeat-y;width:180px;padding:5px 10px;color:#333;text-align:center}

.tip-title{}

.tip-text{display:none}

.tip-bottom{background:url(images/tip_bottom.png) no-repeat !important;background:url(images/tip_bottom.gif) no-repeat;width:200px;height:5px;}



/* ORDER BY AND PAGE NUMBER AREA */

.orderMenu {margin:10px 0;float:left;width:100%}

.orderMenu p{margin:0}

.orderMenu span.orderBy {float:left;}

.orderMenu span.pgNum {float:right;}

.orderMenu span.numBox {width:20px; border:1px solid #CCC; float:left; margin-right:2px; text-align:center; font-weight:bold;font-size:14px;}

.orderMenu span.pgNum a {display:block;text-decoration:none}

.orderMenu span.pgNum a:hover {background-color:#D5E4A9;}

.orderMenu span.pgNum strong {float:left; margin-right:5px;}

.orderMenu span.current {background-color:#5A8F06; color:#FFF;}



#previous{float:left}

#next{float:right;text-align:right}



/* IMAGE ALIGNMENT */

.alignleft{float:left;margin:0 10px 10px 0}

.alignright{float:right;margin:0 0 10px 10px}


#ticker {position:relative;overflow:hidden;height:200px}
#stories {width:220px;list-style:none;margin:0}
#stories li{width:220px;float:left;margin-right:10px}
#stories li h4{font-size:16px}
#stories li p.date{background:#d5e4a9 url(images/date.gif) no-repeat scroll left center;font-size:10px;font-weight:bold;margin:5px 0;padding-left:20px;text-transform:uppercase}
#stories li img{float:left;margin:0 5px 0 0;padding:2px;border:1px solid #9CBB3B;}