/*
Theme Name: International Year of Biodivsersity New
Theme URI: 
Description: Wordpress theme for IYOB website
Version: 2.5
Author: XHTML/CSS: Russ Weakley. WordPress Theme build: David McDonald
Author URI: http://www.maxdesign.com.au
Tags: fixed width, two columns

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* -----------------------------------
Site:       IYOB
Author:		Jen Cork
Updated:	15/06/10 10:15 AM

COLORS
a:link { color: #103e64; }
a:visited { color: #1c5a8d; }
a:focus { color: #767f09; }
a:hover { color: #000; }
a:active { color: red; }
border: 1px solid #999;

/* ----------------------------
simple reset
---------------------------- */

html, body, ul, ol, li, form, fieldset, legend
{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p { margin-top: 0; }

fieldset,img { border: 0; }

legend { color: #000; }

li { list-style: none; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

blockquote, q
{
	quotes:none;
}

caption, th, td
{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

input, textarea, select
{
	font: 100%/1.1 "DejaVu Sans", "URW Gothic L", "Helvetica Neue", Helvetica, Arial, "Microsoft Sans Serif", sans-serif;
}

abbr, acronym
{
	border-bottom: .1em dotted;
	cursor: help;
}

/* ----------------------------
Clear
---------------------------- */
div.clear  
{
	clear:both;
	display:block;
	font-size:0;
	height:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
}

/* -----------------------------------
general
----------------------------------- */

body
{
	margin: 0;
	padding: 0;
	background: #fff;
	color: #0b0b0b;
	font: normal 90%/1.4 "DejaVu Sans", "URW Gothic L", "Helvetica Neue", Helvetica, Arial, "Microsoft Sans Serif", sans-serif;
	height: 100%;
}

h1,h2,h3,h4,h5,h6
{
	color: #000;
	font-weight: bold;
	line-height: 1.2;
}

h1
{
	font-size: 190%;
	margin: 0 0 .5em;
	padding: 0 0 5px;
	text-transform: lowercase;
}

h2
{
	font-size: 140%;
	margin: 0 0 .2em;
	text-transform: lowercase;
}

h3
{
	font-size: 130%;
	color: #0181c8;
}

h4
{
	color: #30a8f4;
	font-size: 120%;
}

ol
{
	margin: 0 2em 1.5em;
	list-style-type: decimal;
}

ol ol
{
	margin: 0 1.5em;
	list-style-type: lower-alpha;
}

ol li
{
	line-height: 1.714;
	margin: 0 0 0.25em;
}

ul { margin: 0 0 0.5em; }
ul ul { margin: 0; }

#col-1 ul li 
{
	background:url("images/bullet.gif") no-repeat scroll 0 0.5em transparent;
	line-height:1.5em;
	padding:0 0 0 15px;
}

p { margin: 0.2em 0 0.9em 0; }

#main a
{
	color:#0181C8;
	font-weight:bold;
	padding-bottom:2px;
	text-decoration:none;
}
#main a:hover { color: #5FC525; }

a:link { color: #0181C8; }
a:visited { color: #0181C8; }
a:focus { color: #0181C8;; } 
a:active { color: red; }

/* -----------------------------------
Wrapper
----------------------------------- */

#main
{
	margin: 0 auto;
	width: 1000px;
	background: url("images/wrapper-bg.gif") 0 0 repeat-y;
	overflow: hidden;
}

/* -----------------------------------
Headings
----------------------------------- */

#post-4 h1 
{
	border-bottom: 3px solid #85501C;
}
.parent-pageid-4 h1 
{
	border-bottom: 3px solid #85501C;
}

#post-7 h1 
{
	border-bottom:3px solid #78C835;
}

.parent-pageid-5 h1 
{
	border-bottom:3px solid #78C835;
}

.category-your-story h1
{
	border-bottom: 3px solid #FF7E00;
}

.single h1
{
	border-bottom: 3px solid #009F43;
}

/* -----------------------------------
header
----------------------------------- */
#header
{
	height:145px;
	margin:0 auto;
	position:relative;
	width:940px;
}

#header img { }
.head-logo 
{
	float:left;
	margin-top:25px;
}

#header ul
{
	float: right;
	margin-top: 20px;
}		

#header ul li
{
	display: inline;
}
#header ul li a
{
	text-decoration: none;
	padding-left: 20px;
	font-weight: normal;
}

form#searchform 
{
	bottom: 25px;
	position:absolute;
	right: 0;
	line-height: 100%;
}

#header label {
	left:-500em;
	position:absolute;
}
 
#header #s
{
	border: 0.25em solid #949599;
	margin-right: 0.6em;
	height: 1em;
	width: 16em;
	padding: 0;
	float: left;
}
 
#search-box #search 
{ 
	height: 1.4em;
	background: #fe7e00;
	color: #fff;
	margin: 0;
	font-weight: bold;
	float: left;
	border: none;
}

/* -----------------------------------
Navigation
----------------------------------- */
.container
{
	margin:0 auto;
	width:940px;
	margin: 0 0 10px 30px;
	float: left;
	display: inline;
}

ul#nav
{
	float: left;
	width: 100%;
	background: url(images/nav_bg.gif) 0 0 repeat-y;
}

ul#nav li
{
	display: inline;
}

ul#nav li a
{
	text-decoration: none;
	font-weight: normal;
	color: #fff;
	font-size: 110%;
	padding: 5px 0;
	text-align:center;
	background: #000;
	display: block;
	float: left;
	width: 187px;
	margin-right: 1px;
}

#nav li.page-item-2 a
{
	border-top: 5px solid #085b49;
	
}
#nav li.page-item-4 a
{
	border-top: 5px solid #83501b;	
}

#nav li.page-item-5 a
{
	border-top: 5px solid #009f43;	
}

#nav li.page-item-events a
{
	border-top: 5px solid #009f43;
}

#nav li.page-item-7 a
{
	border-top: 5px solid #78c835;
}
#nav li.page-item-8 a
{
	border-top: 5px solid #fe7e00;
	margin: 0;
	width: 188px;
}

/* Hover state */
#nav li.page-item-2 a:hover
{
	background: #085b49;
	color: #fff;
	padding-bottom: 10px;
	margin-bottom: -5px;
	position: relative;
}

#nav li.page-item-4 a:hover, .parent-pageid-4 .page-item-4 a
{
	background: #83501b;
	color: #fff;
	margin-bottom: -5px;
	position: relative;
	padding-bottom: 10px;
}

#nav li.page-item-5 a:hover, .parent-pageid-5 .page-item-5 a
{
	background: #009f43;
	color: #fff;
	margin-bottom: -5px;
	position: relative;
	padding-bottom: 10px;
}

#nav li.page-item-events a:hover
{
	background: #009f43;
	color: #fff;
	margin-bottom: -5px;
	position: relative;
	padding-bottom: 10px;
}

#nav li.page-item-7 a:hover, #nav li.page-item-7.current_page_ancestor a
{
	background: #78c835;
	color: #fff;
	margin-bottom: -5px;
	position: relative;
	padding-bottom: 10px;
}

#nav li.page-item-8 a:hover, #nav li.page-item-8.current_page_ancestor a
{
	background: #fe7e00;
	color: #fff;
	margin-bottom: -5px;
	position: relative;
	padding-bottom: 10px;
}

/* -----------------------------------
Active Nav
----------------------------------- */

/*About page active nav ----- */
.page-id-4 #nav li.current_page_item a
{
	background: #84511c;
	padding-bottom: 10px;
	margin-bottom: -5px;
	position: relative;
}
.parent-pageid-4 #nav li.current_page_ancestor a
{
	background: #84511c;
	margin-bottom: -5px;
	position: relative;
	padding-bottom: 5px;
}

/*Events page active nav ----- */
.category-events #nav li.page-item-events a
{
	background: #009f43;
	padding-bottom: 10px;
	margin-bottom: -5px;
	position: relative;
}
.parent-pageid-5 #nav li.page-item-events a
{
	background: #009f43;
	padding-bottom: 5px;
	margin-bottom: -5px;
	position: relative;
}

.single #nav li.page-item-events a
{
	background: #009f43;
	padding-bottom: 5px;
	margin-bottom: -5px;
	position: relative;
}

.page-id-5 #nav li.current_page_item a
{
	background: #009f43;
	padding-bottom: 10px;
	margin-bottom: -5px;
	position: relative;
}

/* Single event page */
.postid-106 #nav li.page-item-events a
{
	background: #009f43;
	padding-bottom: 5px;
	margin-bottom: -5px;
	position: relative;
}

/*Resources page active nav ----- */
.page-id-7 #nav li.current_page_item a
{
	background: #78c835;
	padding-bottom: 10px;
	margin-bottom: -5px;
	position: relative;
}

.parent-pageid-7 #nav li.current_page_parent a
{
	background: #78c835;
	padding-bottom: 5px;
	margin-bottom: -5px;
	position: relative;
}

/*Your say page active nav ----- */
.page-id-8 #nav li.current_page_item a
{
	background: #fe7e00;
	padding-bottom: 10px;
	margin-bottom: -5px;
	position: relative;
}

.category-your-story #nav li.page-item-8 a
{
	background: #fe7e00;
	padding-bottom: 5px;
	margin-bottom: -5px;
	position: relative;
}

/* -----------------------------------
Feature Image
----------------------------------- */
#feature-img
{
	border-bottom:5px solid #000000;
	border-top:5px solid #000000;
	height:272px;
	float: left;
	margin: 5px 0 4px 30px;
	width: 940px;
	display: inline;
}

img#swapimage
{
	float: left;
}
img#image-right
{
	float: right;
	display: inline;
}

/* -----------------------------------
Home Page teaser
----------------------------------- */
#wrap
{
	margin:0 auto;
	width:940px;
}	
#container-3
{
	float:left;
	width:640px;
}

#home-teaser
{
	float:left;
	width:620px;
	margin: 0 0 10px 0;
}
#home-teaser h2, #home-teaser p
{
	display: inline;
} 
		
/* -----------------------------------
Home Page Col 1
----------------------------------- */
#home-col-1
{
	border-top:5px solid #009F43;
	display:inline;
	float:left;
	padding-top:10px;
	margin: 0 20px 0 0;
	width:300px;
}
	
#home-col-1 p
{
	text-align: right;
}

.event-info
{
	margin:10px 0;
}
.event-info h3
{
	color:#0181C8;
	font-weight:bold;
	margin: 0;
	padding: 0 0 0.2% 0;
	font-size: 115%;
}
.event-info h3 a
{
	text-decoration:none;
}
#home-col-1 .event-info p
{
	margin:0;
	padding:0;
	text-align:left;
}		

#home-col-1 .event-info img{
	float: right;
	margin: 5px 0 5px 10px;
}

/* -----------------------------------
Home Col 2
----------------------------------- */
		
#home-col-2
{
	border-top:5px solid #FF7E00;
	display:inline;
	float:left;
	padding-top:10px;
	width:300px;
}

/* -----------------------------------
Home Col 3
----------------------------------- */

#home-col-3 .home-sub-section h3
{
	background: #ff7e00 url(images/yoursay-arrow.jpg) 278px 9px no-repeat;
	color: #fff;
	text-align: right;
	padding: 0.2em 0 0.3em 0;
	margin: 10px 0 0.6em 0;
	font-size: 118%;
}
#home-col-3 .home-sub-section h3 a
{
	color: #fff;
	margin: 0 30px 0 0;
}
		
#home-col-3
{
	float:left;
	width:300px;
}

.home-sub-section blockquote
{
	margin: 0;
	padding: 0;
}

ul#twitter_update_list li
{
	margin: 0 0 1em 0;
}

#twitter_update_list li a[style]
{
	display: block;
}

/* -----------------------------------
Footer
----------------------------------- */
				
#footer
{
	background:url("images/footer-bg.jpg") no-repeat scroll center bottom #000000;
	height:234px;
	margin:0 auto;
	width:994px;
	position: relative;
	margin-bottom: 30px;
}

ul.footer-nav
{
	left: 80px;
	padding:0;
	position:absolute;
	bottom: 80px;
}
ul.footer-nav li
{
	display: inline;
}
#footer ul.footer-nav li a
{
	text-decoration: none;
	padding: 0 30px 0 0;
	color:#0181C8;
}

#footer img
{
	left:80px;
	position:absolute;
	top:180px;
}

#footer a { color: #fff; }
#footer p
{
	left:188px;
	position:absolute;
	bottom: 0;
	color: #fff;
}

/* -----------------------------------
About Page
----------------------------------- */

#container-2 
{
	float: left;
	width: 100%;
}

#nav-sub 
{
	float: left;
	width: 200px;
	margin-top: 22px;
}

#nav-sub ul { }
#nav-sub ul li 
{
	border-bottom:2px solid #000000;
	border-top:2px solid #000000;
	padding: 7px 10px;
	margin: 0 0 15px 0;
}

#nav-sub ul li a
{
	font-size: 110%;
	color: #009F43;
	display: block;
}	

#nav-sub li.current_page_item a 
{
	color:#000000;
}
				
#col-1 
{
	float:left;
	margin: 20px 0 0 30px;
	display: inline;
	width:710px;
}

/* -----------------------------------
Events Page
----------------------------------- */			

#col-1 #tec-content{
	font-size: 1em;
	width: auto;
	padding: 0;
	margin-left: 0;
}

#col-1 #tec-events-calendar-header{
	position: static;
	margin-bottom: 0;
}

#tec-events-calendar-header h1 
{
	border-bottom:3px solid #009F43;
}

#col-1 .tec-calendar-buttons 
{
	position: static;
	top: 0;
	margin: 15px 0 18px;
} 

#col-1 .tec-calendar-buttons a
{	
	float: none;
	display: inline;
	height: auto;
	line-height: inherit;
	margin: 0 2px 0 0; 
	padding: 3px 8px;
	color: #fff;
	background: #FF7D01;
	-moz-border-radius:3px 3px 3px 3px;
	-webkit-border-radius:3px 3px 3px 3px;
	font-size: 120%;
	text-shadow: none;
}

#col-1 .tec-calendar-buttons .tec-button-on{
	background: #009F43;
	color: #fff;
}

#col-1 #tec-events-loop {
	clear:  none;
	font-size: 1em;
}

#col-1 #tec-content .post{
	padding: 0;
}

#col-1 .tec-event .post{
	position: static;
}

#col-1 .tec-events .tec-event-entry {
	float: none;
	width: auto;
	padding: 0;
}

#col-1 #tec-content h2 
{
	font-size: 130%;
	margin: 10px 0;
}

.tec-event-entry p
{
	margin: 20px 0;
	font-size: 90%;
}

#col-1 .tec-events .tec-event-list-meta {
	float: none;
	width: auto;
	margin: 0;
	padding: 0  0 30px 0;
	font-size: inherit;
	border-bottom: 1px solid #ccc;
	border-left: none;
}

.tec-event-meta-desc
{
	color:#555555;
	padding-bottom:4px;
	font-weight: bold;
	padding-right:20px;
}

.tec-nav-previous{
	float: left;
}

.tec-nav-next{
	float: right;
}

/* -----------------------------------
Single Event Page
----------------------------------- */
.single #col-1 
{
	display:inline;
	float:left;
	margin: 20px 0 0 25px;
	width:390px;
}

#col-2.map {
	display:inline;
	float:right;
	margin:20px 0 0;
	width:300px;
}

#col-1 #tec-content.tec-event h2 
{
	margin: 30px 0 0 0;
	font-size: 155%;
}

#col-1 #tec-event-meta{
	overflow: visible;
	border: none;
	clear: none;
	font-size: 1em;
	margin: 8px 0 45px;
	padding: 5px 0 2px;
}

#tec-content #tec-event-meta dt {
	color:#009F43;
	width: 95px;
	float: left;
	clear: left;
	font-weight: bold;
}

#tec-event-meta dd {
	margin-bottom: 10px;
	padding:0;
}

#tec-event-meta dl
{
	margin: 0;
}

/* -----------------------------------
Add Event
----------------------------------- */

.gform_wrapper .gform_heading 
{
	margin-bottom:18px;
	padding-bottom:12px;
	width:98%;
}

#container-2 #col-1 .gform_wrapper .gform_body ul li 
{
	background: none;
	padding: 0;
}

.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea 
{
	width:80%;
}

.gform_wrapper textarea.large 
{
	height:250px;
}

.gform_wrapper .gfield_required 
{
	color:#790000;
	margin-left:4px;
}

.gform_wrapper .top_label .gfield_label 
{
	clear:both;
	display:inline-block;
	font-weight:bold;
	line-height:130%;
	margin:10px 0 4px;
}

.gform_wrapper .gsection 
{
	border-bottom:1px dotted #CCCCCC;
	margin:8px 0 16px;
	font-size: 80%;
}

.gform_wrapper .datepicker 
{
	width:100px;
}

.clear-multi
{
	clear: both;
	overflow: hidden;
}

.gform_wrapper .gfield_time_hour, 
.gform_wrapper .gfield_time_minute, 
.gform_wrapper .gfield_date_month, 
.gform_wrapper .gfield_date_day, 
.gform_wrapper .gfield_date_year 
{
	float:left;
	width:70px;
}

.gform_wrapper .gfield_time_hour input, 
.gform_wrapper .gfield_time_minute input, 
.gform_wrapper .gfield_date_month input, 
.gform_wrapper .gfield_date_day input, 
.gform_wrapper .gfield_date_year input 
{
width:70% !important;
}

.gform_wrapper .gfield_time_ampm select 
{
	width:60px !important;
}

.gform_wrapper select 
{
	font-family:verdana,sans-serif;
	font-size:11px;
	letter-spacing:normal;
	padding:3px 0;
}

.gform_wrapper .gfield_time_hour label,
.gform_wrapper .gfield_time_minute label
{
	display:block;
	font-size:10px;
	letter-spacing:1px;
	margin:3px 0 8px;
}

/* -----------------------------------
Your Say
----------------------------------- */
#yoursay-intro 
{
	float: left;
	width: 610px;
	margin: 20px 70px 30px 0;
}
.page-id-8 h1 
{
	border-bottom:3px solid #FF7E00;
	padding: 0 0 5px 0;
}
.page-id-8 h2
{
	border-bottom:3px solid #FF7E00;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}

.add-buttons 
{
	margin: 5px 0 0 0;
	font-size: 115%;
	float: left;
}
#yoursay-intro .add-buttons a:hover
{
	color: #fff;
}	

#yoursay-intro a.add-story
{
	background: #fe7e00 url(images/add-arrow.gif) 155px 50% no-repeat;
	color: #000;
	padding: 8px 50px 8px 15px;
	margin: 0 10px 0 0;
	float: left;
	width: 105px;
}

#yoursay-intro a.add-photo 
{
	background: #78c835 url(images/add-arrow.gif) 155px 50% no-repeat;
	color: #000;
	padding: 8px 50px 8px 15px;
	margin: 0 10px 0 0;
	float: left;
	width: 105px;
}
#yoursay-intro a.add-movie 
{
	background: #009f43 url(images/add-arrow.gif) 155px 50% no-repeat;
	color: #000;
	padding: 8px 50px 8px 15px;
	float: left;
	width: 105px;
}
				
#yoursay-col-1 
{
	float: left;
	width: 290px;
	margin: 0 40px 0 0;
}

#yoursay-col-1 .stories-sum h3 
{
	margin: 10px 0 4px 0;
}
#yoursay-col-1 .stories-sum p 
{
	margin: 0 0 0.2em 0;
}
#yoursay-col-1 p span 
{
	font-size: 80%;
}
#yoursay-col-1 p a { }
			
#yoursay-col-2 
{
	float: left;
	width: 280px;
	margin: 0 40px 0 0;
}
#yoursay-col-3 
{
	float: left;
	width: 280px;
}

.view-more 
{
	margin: 20px 0 0 0;
	text-align: right;
	background: url(images/more-arrow.gif) 100% 50% no-repeat;
}
#main .view-more a { padding: 0 30px 0 0; }			

/* -----------------------------------
Your Say
----------------------------------- */

.category-your-story #col-1 
{
	float:left;
	width:400px;
}
#col-2 
{
	display:inline;
	float:right;
	margin:20px 0 0 0;
	width:260px;
}

#col-2.your-story-single ul 
{
	margin:0 0 1em 1.2em;
}

/* -----------------------------------
Your Say
----------------------------------- */

#search-events form  {
	padding:20px 0 30px;
}

#search-events #s {
	border:1px solid #999999;
	float:left;
	height: 21px;
	margin:0 5px 0 0;
	padding:0;
}

/*  */

/* Random Flickr pic - images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started! */

#flickr_badge_uber_wrapper{
	text-align: center;
	width: 280px;
}

#flickr_badge_wrapper{
	padding: 10px 0 0 0;
}

.flickr_badge_image{
	margin: 0 10px 10px 10px;
}

.flickr_badge_image img{
	border: 1px solid black !important;
}

#flickr_badge_source{
	text-align: left;
	margin: 0;
}

#flickr_badge_icon{
	float: left;
	margin-right: 5px;
}

#flickr_www{
	display: block;
	padding: 0 10px 0 10px !important;
	font: 11px Arial, Helvetica, Sans serif !important;
	color: #3993ff !important;
}

#flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited{
	text-decoration: none !important;
	background: inherit !important;
	color: #3993ff;
}

#flickr_badge_wrapper{
}

#flickr_badge_source{
	padding: 0 !important;
	font: 11px Arial, Helvetica, Sans serif !important;
	color: #666666 !important;
}

/* FLickr image on homepage */

#home-col-2 #flickr img{
	max-width: 300px;
}
				
/* -----------------------------------
Facebook Block
----------------------------------- */				
.block
{
	border-bottom: 5px solid #83501b;
	margin: 0 0 20px;
	padding: 8px 0;
}

.block h2 { margin: 4px 0 10px; font-size: 125%; }
.block img { float: left; margin: 0 10px 0 0; display: inline; }