/*
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_default.png) no-repeat !important;
	background:url(images/logo.gif) no-repeat;
	position:absolute;
	width:140px;
	height:228px;
}
#heading h1 span{display:none}
.menu, #menu{
	list-style:none;
	position:absolute;
	top:149px;
	left:155px;
	height:34px;
	font:normal 16px Myriad, "Myriad Pro", Arial, Helvetica, sans-serif
}
.menu li, #menu li{float:left;line-height:34px;}
.menu li a, #menu li a{color:#FFF;text-decoration:none;padding:0 10px;display:block}
.menu li.current_page_item a, #menu li.current_page_item a{color:#000;background:#5A8F06 url(images/menu_current_bg.gif) repeat-x}
.menu li a:hover, #menu li a:hover{color:#D5E89F}
.menu li.current_page_item a:hover, #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}

.centre, #content.centre{width:990px;margin:0 auto}
.column{width:365px;height:105px;padding:25px 10px 10px 110px;float:left;margin-bottom:20px}
.column p{margin-bottom:10px}
.column.tourism{background:url(images/charter_tourism.gif) no-repeat}
.column.business{background:url(images/charter_business.gif) no-repeat}
.marginR20{margin-right:20px}
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 10px}
.items li img.qualmark{border:none}
.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}
