/*
Theme Name: Rotorua Education Network
Theme URI: http://rotorua-education.co.nz/
Description: A custom theme build for the Rotorua Education Network website.
Version: 1.0
Author: Hodgeman Web & Design
Author URI: http://hodgeman.co.nz/
Tags: olive, orange, black, fixed width

Begin Typography & Colors
OLIVE 		- #A89900
ORANGE 		- #E96D1F
DK ORANGE - #C25713
*/
*{margin:0;padding:0}
body{background:#A89900 url(images/bg_taka.jpg) bottom right no-repeat fixed;font:1em "Gill Sans", Gill, Verdana, Arial, Helvetica, sans-serif}
h1,h2,h3,h4,h5,p,dl,ul,ol,blockquote,fieldset{margin-bottom:20px}
ul,ol,blockquote{margin-left:25px}
li{margin-bottom:10px}
a{outline:none;color:#A89900}
a img{border:none}
.alignleft{float:left}
.alignright{float:right}
h1{font-size:3.5em;font-style:italic;color:#A89900}
h2{font-size:1.8em;font-weight:normal;text-transform:uppercase;margin-bottom:10px;color:#FFF}
h2.widthhalf{width:290px;float:left}
h3,dl.accordion dt{font-size:1.4em;font-weight:normal;border-bottom:1px solid #666;padding-bottom:5px;color:#C25713;margin-bottom:10px;clear:both}
h3.trigger{cursor:pointer}
h3.trigger:hover{color:#E96D1F}
h4{color:#C25713;font-size:1.2em;font-weight:normal}
h5{font-size:0.95em}
h6{font-size:0.8em;color:#A89900}

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

.padding10{padding:10px}

#header{height:217px;width:100%;background:url(images/bg_header.gif) repeat-x;padding-top:11px}
	#header a{background:url(images/logo.jpg) no-repeat;width:300px;height:206px;display:block;text-indent:-9999px}
	
#content, .wrapper{margin:0 auto;width:950px;padding-left:10px}	
	#content dl,#content dd, #content dt{float:left}
	#content dl{width:100%}
	#content dt{width:30%;margin-bottom:10px;clear:left}
	#content dt span{font-size:0.8em}
	#content dd{width:70%;margin-bottom:10px}
	#content dl.small dt{width:20%}
	#content dl.small dd{width:80%}
	#content dl.large dt{width:50%}
	#content dl.large dd{width:50%}
	#content dl.wide dt{width:60%}
	#content dl.wide dd{width:40%}
	#content dl.large.right dt{text-align:right;padding-right:3%;width:47%}
	#content dl.wide.right dt{text-align:right;padding-right:3%;width:57%}
	#content dl ul, #content dl ol, #content dl blockquote{margin-bottom:0}
	.testimonial{margin-bottom:30px;padding-bottom:10px;border-bottom:2px dotted #CCC}	
	
	#content dl.accordion dt{cursor:pointer;margin:0}
	#content dl.accordion dt:hover,#content dl.accordion dt.open{color:#E96D1F}
	#content dl.accordion dt, #content dl.accordion dd{width:100%}
	#content dl.accordion dd dl{margin:0}
	#content dl.accordion dd dl dt.accordion_toggler_2{border-color:#333;background-color:#171717;padding:5px 0 5px 3%;font-size:1em;color:#A89900;width:97%}
	#content dl.accordion dd dl dt.accordion_toggler_2:hover,#content dl.accordion dd dl dt.accordion_toggler_2.open{background-color:#212121;color:#DAC700;border-color:#212121}
	#content dl.accordion dd dl dd.accordion_content_2{margin:0;width:96%;padding-left:4%}
	span.type1{color:#D68B01}
	span.type2{color:#069}
	span.type3{color:#339933}
	span.type4{color:#9966FF}
	span.type5{color:#1BDCF0}
	

#nav{width:230px;float:left;list-style:none;margin-left:0;margin-top:50px;font-size:0.8em}
	#nav li{background-image:url(images/bg_menu.png);background-position:-540px 0;background-repeat:no-repeat;margin:0}
	#nav li a{color:#000;text-decoration:none;text-transform:uppercase;width:210px;display:block;line-height:45px;padding-left:15px;font-weight:bold}
	#nav li:hover{background-position:-270px 0}
	#nav li.current_page_item, #nav li.current_page_parent, #nav li.current_page_ancestor{background-position:0 0;width:270px;position:relative}	
	
	#nav li ul{margin:0;list-style:none;display:none}
	#nav li ul li{background-image:none}
	#nav li ul li a{line-height:20px;font-weight:normal;text-transform:none}
	#nav li ul li a:hover, #nav li ul li.current_page_item a, #nav li ul li.current_page_ancestor a{color:#FFF}
	
	#nav li.current_page_item ul, #nav li.current_page_parent ul, #nav li.current_page_ancestor ul{display:block}
	
	
#blackboard, #bb-top, #bb-mid, #bb-bot{float:left;width:720px}
	#bb-mid{width:580px;min-height:500px;height:auto !important;height:500px;padding:30px 70px 10px;background:url(images/bg_blackboard-mid.jpg) repeat-y;color:#CCC}
	#bb-top, #bb-bot{width:720px;height:20px;background-image:url(images/bg_blackboard-ends.png) !important;background-image:url(images/bg_blackboard-ends.jpg)}
	#bb-top{background-position:0 0}
	#bb-bot{background-position:0 -20px}

#footer{float:left;padding:10px;width:700px;color:#343434;font-size:0.6em;margin:10px 0}
	#footer a{color:#222}
	
#blackboard.wide, #blackboard.wide #bb-top, #blackboard.wide #bb-mid, #blackboard.wide #bb-bot{width:950px}
	#blackboard.wide #bb-mid{width:810px;background:url(images/bg_blackboard-mid_lg.jpg) repeat-y;}
	#blackboard.wide #bb-top, #blackboard.wide #bb-bot{width:950px;background-image:url(images/bg_blackboard-ends_lg.png) !important;background-image:url(images/bg_blackboard-ends_lg.jpg)}
	#blackboard.wide #footer{width:930px}
	#blackboard.wide h1{background:url(images/australearn.jpg) top left no-repeat;padding-left:94px;height:100px}
	
.hidden{display:none}

#blocklinks{margin:0 0 20px 0;list-style-type:none;float:left;width:100%}
	#blocklinks li{float:left;margin:0 19px 19px 0}
	#blocklinks li a img{-moz-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);border:3px solid #FFF}
	#blocklinks li a img.faded{opacity:0.4;-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);border-color:transparent}
	#blocklinks li a img.faded:hover{opacity:0.8;-moz-transform: rotate(3deg);-webkit-transform:rotate(3deg);border-color:#FFF}

#googleMap{width:400px;height:350px;border:1px solid #666;float:left}
#contactMap{width:578px;height:350px;border:1px solid #666;float:left}
#clickList {width:168px;height:350px;float:left;padding-left:10px;overflow:auto;font-size:0.8em}
	#clickList ul {list-style:none; margin:0;padding:0}
	#clickList ul li {border-bottom:1px dotted #666;margin:0;padding:3px}
	#clickList ul li:hover{background-color:#36311D}
	#clickList ul li a{text-decoration:none;display:block}
	#clickList ul li.current {background-color:#A89900}
	#clickList ul li.current a {color:#FFF}

.htmlInfo{width:300px;font-size:0.7em;color:#666;font-size:10px}
.htmlInfo img{float:right;border:1px solid #CCC;padding:2px;margin-left:10px}
.htmlInfo strong{font-size:14px;margin-bottom:10px}

.package{float:left;width:254px;height:280px;margin:0 20px 20px 0;border:1px solid #666;position:relative}
	.package.last{margin-right:0}
	.package h2{font-size:18px;margin:10px 10px 5px}
	.package h2 a{color:#FFF;text-decoration:none}
	.package img{margin-bottom:10px}
	.package p{margin:0 10px 10px;font-size:0.8em}
	.package .price{float:right;font-size:1.2em;position:absolute;bottom:0;right:0}

#package, #purchase{float:left;width:100%}

fieldset{padding:10px}
fieldset dl{margin-bottom:0}
legend{padding:0 10px;font-size:1.4em}

.feild{padding:3px;background-color:#000;color:#FFF;border:1px solid #777}

span.wpcf7-list-item{display:block}
span.wpcf7-not-valid-tip{color:#000}

.awesome{background: #222 url(images/alert-overlay.png) repeat-x;display:inline-block;padding: 5px 10px 6px; color: #fff; text-decoration: none;-moz-border-radius: 5px; -webkit-border-radius: 5px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);position: relative;cursor: pointer;background-color: #766B00}
.awesome:hover{background-color:#111;color:#fff;background-color:#A89900}
.awesome:active{top:1px}
.small.awesome, .small.awesome:visited{font-size:11px;padding: ;}
.awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited{font-size:13px;font-weight:bold;line-height:1;text-shadow:0 -1px 1px rgba(0,0,0,0.25)}
.large.awesome, .large.awesome:visited{font-size:14px;padding:8px 14px 9px}

.renGallery{position:relative;float:right;margin:0 0 10px 20px;padding:7px;background-color:#555;width:150px;height:150px}
.renGallery img{position:absolute}

#calDates{float:left;width:290px;text-align:right}
#ren-events-calendar{width:100%;border-collapse:collapse;margin-bottom:20px}
#ren-events-calendar th{color:#FFF;width:14%;border:1px solid #000;background-color:#000;padding:5px}
#ren-events-calendar td{color:#CCC;border:1px solid #666;height:70px;vertical-align:top;overflow:auto;font-size:0.7em;margin:0;padding:0}
#ren-events-calendar td .datenum{padding:3px;background-color:#444;color:#EEE}
#ren-events-calendar td .dateEvents{padding:3px;font-size:0.8em}
#ren-events-calendar td .dateEvents ul{list-style-type:none;margin:0}
#ren-events-calendar td .dateEvents ul li{margin-bottom:5px;padding-bottom:5px;border-bottom:1px dashed #888}
p.legend{font-size:0.9em}

.gallery_mask{width:100%;height:176px;float:left;overflow:auto;position:relative;margin-bottom:20px}
.gallery {position:absolute;height:154px}
.gallery a img{float:left;margin-right:5px;border:2px solid #CCC}

input[type=submit]{padding:5px 10px}
label{display:inline-block;width:150px}
dd label{width:auto}