/* 
Theme Name: Sun & Earth
Theme URI: http://ecoda.com.au
Description: A classic design incorporating everything that works in web design and nothing that doesn't.  
Author: Jeremy Gates
Author URI: http://ecoda.com.au
Version: 1.0
Tags: Classic Layouts
Template: hybrid
*/

@import url('/hybrid/library/css/reset.css');
@import url('/hybrid/library/css/holy-grail-fluid.css');
@import url('/hybrid/library/css/plugins.css'); 
@import url('/hybrid/library/css/screen.css');


/* =============================================
	Body
=============================================== */
* { margin: 0; padding:0; }
/* Contains everything */
body { background: #642f03; font-family: Arial, Helvetica, sans-serif; color:#642f03; font-size:12px;  }
.home .byline { height:0; visibility: hidden; }
.home .byline  .entry-meta { height:0; visibility: hidden; }
		
/* Wrapper for everything inside of the body */
#body-container {  margin:0 auto; overflow: hidden; width:843px;  background: url(images/Organics-Brisbane_02.jpg) no-repeat left top;  }

/* =============================================
	General Element Declarations
=============================================== */

/* Normal images */
img { border: 0;  }
a img { border:0;  } /* Gets rid of IE's blue borders */

a { cursor:pointer; text-decoration: none; color: #333; font-weight: normal; }
a:link { color: #642f03; text-decoration: underline;  }
a:visited {color: #642f03; text-decoration: underline;  }
a:hover { color: #9ca91f; text-decoration: underline; }
a:active { color: #642f03; text-decoration: underline;  }

h1, h2, h4, h5, h6 {
	font-style: normal;
	font-weight: normal;
	margin: 0 0 1em 0;
	}
h1 a { font-size: 1.6em;  color: #9ca91f;}
h2, h2 a { font-size: 1.5em;  color: #642f03; text-decoration: none; font-weight:normal;  } 
h2 a:hover { color: #9ca91f; }
h3 { font-size: 1.5em; font-weight: normal; color:#FFF; margin: 0 0 8px;  }
h4 { font-size: 1.4em; margin: 16px 0; font-weight: normal; color: #9ca91f; }
h5 { font-size: 1.25em; }
h6 { font-size: 1.1em; }

.page-title, .entry-title { text-decoration:none;  color: #9ca91f; font-weight:bold;  }
.page-title a, .entry-title a { text-decoration:none;  color: #9ca91f; text-transform:capitalize;   }
.page-title a:link, .page-title a:visited { text-decoration:none;  color: #9ca91f;  }
.page-title a:hover {  text-decoration:none;  color: #9ca91f; }
.page-title a:active { text-decoration:none; color: #9ca91f; }

p { margin: 0 0 1.5em 0; }
td { padding:5px; }

/* Lists */
ol, ul { list-style: none; }
ul { list-style: disc; margin: 0 0 1.5em 2.5em; }
ol { list-style-type: decimal; margin: 0 0 1.5em 3em; }

/*================================================
	Header
================================================= */

/* Contains entire header */
#header-container {  width:843px; overflow:hidden;  }

/* Contains site title and tagline */
#header { overflow:hidden; height:88px;  }

/* Site title */
#site-title { text-indent:-9999px; float:none; color: #FFF;font-size: 50px;  text-align:left; margin:0 auto;  width: 650px; }

#site-title a { text-decoration:none; }
#site-title a:link { color: #FFF;}
#site-title a:visited { color: #FFF;}
#site-title a:hover { color: #FFF; }
#site-title a:active { color: #FFF;}


#site-title a span { border-bottom: 2px solid #867d76; padding: 0 30px 0; }

/* Site description/tagline */
#site-description {  text-align:left; text-indent:-9999px; float:none;color: #000; font-size: 24px; font-weight: normal; margin: 5px 0 0 0;    }


/*================================================
	Page Navigation
================================================= */

/* Wrapper for navigation */
#navigation { background:transparent;  width:843px; height:37px; text-align:right;  }

/* Begin content for navigation */
#page-nav { padding: 0; text-transform:lowercase; float:right;   }
#page-nav ul { 	margin: 0; padding: 0; list-style: none; line-height: 37px; }

/* Top Level Navigation */
#page-nav li { float: right; position: relative; height: 37px; font-size: 14px;  }
#page-nav li a { white-space:nowrap;  background:transparent;  padding: 0 0 0 20px; font-weight:normal;  }
#page-nav li a:link, #page-nav li a:visited { color:#ffcc00; }
#page-nav li a:hover { color:#FFF }
#page-nav li a:active { color:#ffcc00; }
#page-nav ul li.current_page_item a { color: #FFF; font-weight: bold; } 
#page-nav ul li.current_page_ancestor a { font-weight: bold;  }

/* 2nd Level Navigation */
#page-nav li ul { background: url(images/Menu.png) bottom left no-repeat; text-align:left;  color: #FFF; padding: 0 0 20px; }
#page-nav li ul li { height: 37px; width:150px; z-index: 98;   }
#page-nav li ul li a { width: 150px; color:#FFF;   }
#page-nav li ul li a:link, #page-nav li ul li a:visited { color:#ffcc00; }
#page-nav li ul li a:hover { color: #FFF;  }
#page-nav li ul li a:active { color:#ffcc00; }
#page-nav li ul li.current_page_item a { color: #FFF; font-weight: bold; } 
#page-nav li ul li.current_page_ancestor a { font-weight: bold; }

/* 3rd Level Navigation */
#page-nav li ul li ul li { height: 37px; }
#page-nav li ul li ul li a:link, #page-nav li ul li ul li a:visited { color:#FFF; }
#page-nav li ul li ul li a:hover { color: #FFF; }
#page-nav li ul li ul li a:active { color:#FFF; }
#page-nav li ul li ul li.current_page_item a { font-weight: bold; color: #000; text-decoration:none;  }
#page-nav li ul li ul li.current_page_item a:hover { color:#FFF }

/*================================================
SECRET CSS VOODOO - DON'T TOUCH!!!!!!
================================================= */
.menu ul { position: absolute; top: -999em; width: 10em; }
#page-nav ul ul li { width: 100%; } /* <-- */
#page-nav li:hover { visibility: inherit; }
#page-nav a { display: block; position: relative; line-height: 37px; text-decoration:none; color: #FFF; } 
#page-nav li:hover ul, li.sfHover ul { left: 0; top: 37px; /* Distance from top of menu for drop down menu */ z-index: 99; }
#page-nav li:hover li ul, li.sfHover li ul { top: -999em; }
#page-nav li li:hover ul, li li.sfHover ul { left: 10em; top: 0; }
#page-nav li li:hover li ul, li li.sfHover li ul { top: -999em; }
#page-nav li li li:hover ul, li li li.sfHover ul { left: 10em; top: 0; }


/*================================================
	Content Container
================================================= */

/* Wrapper for the content and primary/secondary widget sections */
#container { padding:14px 0 0 ; overflow: hidden;  margin:200px 0 0 0;  width:100%; }
#content { overflow: hidden; float: right; width: 633px;  background: url(images/Organics-Brisbane_07.jpg) top center no-repeat #fcf4dd; }
	div.content { padding: 25px;  background: url(images/Organics-Brisbane_44.jpg) bottom center no-repeat;  }

/*================================================
	Widget sections (Primary and Secondary)
================================================= */

/* Widgets in general */
.widget { background-color:#FFF; }
.widget-inside { padding: 10px 10px 20px;   color:#642f03; }
.widget-inside { padding: 10px 10px 20px;   color:#642f03; }
.widget-title { text-align:left; text-transformation:capitalize; }

/* Primary widget section */
#primary { margin: 0 0 8px 0; width:198px; float: left;   }
#primary .widget {  background: url(images/Organics-Brisbane_05.jpg) top center no-repeat #f3c300; }
#primary .widget-inside { color:#642f03; background: url(images/Organics-Brisbane_10.jpg)  no-repeat center bottom;   }
#primary .widget-title { color: #FFF; font-weight: bold; }
#primary .widget ul { color:#642f03; list-style-type:none; margin:0; padding:0;  }
#primary .widget ul li { line-height: 1.5em; color:#642f03; color:#642f03; list-style-type:none; margin:0; padding:0; font-weight:bold;  }

/* Secondary widget section */
#secondary { margin: 8px 0; width:198px; float: left; clear: left;  }
#secondary  a { font-weight:bold; }
#secondary .widget { background: url(images/Organics-Brisbane_16.jpg) top center no-repeat #B3C801; margin: 0 0 16px;  }
#secondary .widget-inside { background: url(images/Organics-Brisbane_23.jpg) bottom center no-repeat ; color:#642f03; }
#secondary .widget-title { color: #FFF; font-weight: bold; }
#secondary .widget ul { color:#642f03; list-style-type:none; margin:0; padding:0;  }
#secondary .widget ul li { line-height: 1.5em; color:#642f03; color:#642f03; list-style-type:none; margin:0; padding:0; font-weight:bold; }

#secondary #text-6 { background: url(/images/Organics-Brisbane_12.jpg) top center no-repeat #E57F01; margin: 0 0 16px;  }
#secondary #text-6 .widget-inside { background: url(images/Organics-Brisbane_14.jpg) bottom center no-repeat ; }


/*================================================
	Buttons
================================================= */

ul#nav { float:left; margin:0; padding:0;   }
#nav li  { padding:0; list-style-type:none;  width:229px; height:53px; text-indent: -15px; font-size: 17px; }
#nav li a { display:block; line-height:45px; text-align:right; text-decoration: none; color: #FFF; padding: 0 15px 8px 0;   }
#nav li a.item1 {background: url(images/Button1.jpg) top left;}
#nav li a:hover.item1 {background: url(images/Button1.jpg) top left; text-decoration: underline; }
#nav li a.item2 {background: url(images/Button2.jpg) top  left; }
#nav li a:hover.item2 {background: url(images/Button2.jpg) top  left; text-decoration: underline; }
#nav li a.item3 {background: url(images/Button1.jpg) top  left; }
#nav li a:hover.item3 {background: url(images/Button1.jpg) top  left; text-decoration: underline;}

/*================================================
	 Footer
================================================= */

/* Wrapper for the entire footer */
#footer-container { clear: both; overflow: hidden; }

/* Subsidiary widget section */
#subsidiary { overflow:hidden; width: 633px; background: #FFF;  border-bottom: #023e72 solid 30px; margin:0 auto;  }
#subsidiary ul { padding: 0; margin: 0; text-indent:0; list-style:inside; list-style-type:none; text-align: left; }
#subsidiary ul li { line-height:1.5em; }
#subsidiary .widget { overflow: hidden; float: left; width: 22%; margin: 3% 1.5% 3% 1.5%; }
#subsidiary .widget-inside { text-align: justify; color: #6597b0;  }
#subsidiary .widget-inside a { text-align: left; color: #6597b0; font-weight: bold; }
#subsidiary .widget-inside a:link, #subsidiary .widget-inside a:visited { text-align: left; color: #6597b0; font-weight: bold; text-decoration:none; }
#subsidiary .widget-inside a:hover { text-align: left; color: #FFF; font-weight: bold; text-decoration:none; }
#subsidiary .widget-inside a:active { text-align: left; color: #6597b0; font-weight: bold; text-decoration:none; }


#subsidiary .widget-title { font-size: 1.4em; font-weight:bold;  color: #FFF; text-transform: capitalize; padding: 0 0 3% 0; border-bottom: #FFF solid 1px;   }


/* Footer section */
#footer { width:100%; height:30px; padding:0;  display:inline;  }

/* Footer extra */
#footer .copyright { color: #7d3f01; text-align: right;  padding: 10px 0; width:100%;  height:30px;   }
#footer .copyright a { text-decoration: none; }
#footer .copyright a:link, #footer .copyright a:visited { color: #7d3f01;}
#footer .copyright a:hover { color: #FFF;}
#footer .copyright a:active { color: #7d3f01; }

#footer .credit { text-align: right; color: #7d3f01; float:left; padding:0; width:400px; height:30px;  }
#footer .credit a { text-decoration: none; }
#footer .credit a:link, #footer .credit a:visited { color: #7d3f01;}
#footer .credit a:hover { color: #FFF; }
#footer .credit a:active { color: #7d3f01; }

/* Breadcrumb trail */
.breadcrumb { margin:0; height:0; visibility:none; font-size:0;   }

/* Posts */
.post {}

/* Archive and search <div> before posts are listed */		
.author-info {}
.category-info {}
.date-info {}
.search-info {}
.tag-info {}

			
/* Post, page, and archive titles */

.single-title {}

.attachment-title {}
.error-404-title {}
.author-title {}
.category-title {}
.date-title {}
.search-title {}
.tag-title {}

/* Author and date byline */
.byline {}

/* Full entries */
.entry-content {}

/* Excerpts (introduced in Hybrid 0.4) */
.entry-summary {}

/* Using <!--nextpage--> */
p.pages a {}

/* More link <!--more--> */
a.more-link {}

/* Post meta data */
.post-meta-data {}

/* Post series */
.series {} 
.series-title {}

/* Navigation links */
.navigation-links {}
.navigation-links .previous {}
.navigation-links .next {}

/* WP PageNavi (plugin) */
.wp-pagenavi {}
.wp-pagenavi .pages {}
.wp-pagenavi .current {}
.wp-pagenavi .extend {}
.wp-pagenavi a {}

/* Attachment image navigation */
.navigation-attachment {}

/*================================================
	Comments Template
================================================= */

/* Wrapper for entire comments area */
#comments-template {}

/* Comments section headers/titles */
.comments-header {}
#comments-number {}

/* Comments closed paragraph */
p.comments-closed {}

/* Main comments section */
#comments {}
#comments ol {}

/* Individual comments (note that WordPress has even/odd backwards) */
#comments li {}
#comments li li {}
#comments li li li {}
#comments li li li li {}

#comments li.even {}
#comments li.odd {}
#comments li.thread-even {}
#comments li.thread-odd {}
#comments li.author {}
#comments li.trackback {}
#comments li.pingback {}

/* Comment avatars */
#comments .avatar {}

/* Comment meta data */
#comments .comment-meta-data {}
#comments .comment-meta-data cite {}

/* Comment text */
#comments .comment-text {}

/* Paged comments navigation */
#comments-template .paged-navigation {}
#comments-template .paged-navigation .page-numbers {}
#comments-template .paged-navigation .next {}
#comments-template .paged-navigation .prev {}

/* Main comment form div */
#respond {}

/* Comment form title */
#reply {}

/* Comment form elements */
p#cancel-comment-reply {}
#respond form {}
#respond .form-author {}
#respond input {}
#respond .form-email {}
#respond .form-url {}
#respond .form-textarea {}
#respond textarea {}
#respond .button {}
#respond .comment-action {}

/*================================================
	Utility Widget Content 
================================================= */

/* All utility widget sections (except widgets template) */
.utility {}

/* Before content */
#utility-before-content { position:relative; top: -10px; left:-10px;  }
#utility-before-content .widget-inside { padding:0; }
#utility-after-content .widget-inside { padding:0; background:#FCF4DD;  }
/* After content */
#utility-after-content {}

/* After post but before comments */
#utility-after-single {}

/* After page but before comments */
#utility-after-page {}

/* Widgets page template widgets */
.page-template-widgets #content .widget {}


/*================================================
	 Elements
================================================= */


ol ol ol {
	list-style: lower-roman;
	}
ol ol ol ol {
	list-style: upper-alpha;
	}
ol ol ol ol ol {
	list-style: lower-alpha;
	}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	}
dl {
	margin: 0 0 18px 3px;
	}
dl dt {
	font-weight: bold;
	margin: 12px 0 0 0;
	}
dl dd {
	margin: 6px 0 0 1.5em;
	}

/* Text elements */
strong {
	font-weight: bold;
	}
strong strong {
	font-weight: normal;
	}
em, cite {
	font-style: italic;
	}
em em, cite cite {
	font-style: normal;
	}
abbr {
	cursor: help;
	}
acronym {
	text-transform: uppercase;
	border-bottom: 1px dashed #666;
	cursor: help;
	}
big {
	font-size: 120%;
	}
small, sup, sub {
	font-size: 80%;
	}
sup {
	vertical-align: baseline;
	position: relative;
	bottom: 0.3em;
	}
sub {
	vertical-align: baseline;
	position: relative;
	top: 0.3em;
	}
address {
	font-style: italic;
	margin: 0 0 16px 0;
	}
li address, dd address {
	margin: 0;
	}

/* Blockquotes */


	
blockquote em, blockquote cite {
	font-style: italic;
	}
blockquote, q {
	
	}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
	}

/* Links */
a {
	cursor: pointer;
	}
a img {
	border: none;
	}

/* Code */
pre {
	overflow: auto;
	font: .9em Monaco, monospace, Courier, "Courier New";
	line-height: 16px;
	margin-bottom: 16px;
	padding: 9px;
	}
code {
	font: .9em Monaco, monospace, Courier, "Courier New";
	}
pre code {
	font-size: 1em;
	}

/* Delete and insert */
ins, dfn {
	font-style: italic;
	text-decoration: none;
	border-bottom: 1px solid #666;
	}
del {
	text-decoration: line-through;
	}

/* Object */
object {
	margin-bottom: 16px;
	}

/* Forms */
input, textarea {
	font-size: 1em;
	font-family: Cambria, Georgia, Times, "Times New Roman", serif;
	padding: 3px;
	}
:focus {
	outline: none;
	}
form label {
	cursor: pointer;
	}
option {
	padding: 1px 3px;
	}

/* Tables */
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 16px;
	}
th, td {
	text-align: left;
	vertical-align:top; 
	}

/* Horizontal rule */
hr {
	margin:16px 0  16px 0; height:1px;  border-top: #fbedc4 1px solid; 
	}

/* Forms */
form {}
	textarea {}
	input {}
	label {}
	option {}

/* Drop caps */
.drop-cap {	}

/* Notes */
.note {}

/* Warnings/Alerts */
.warning, .alert {}

/* Errors */
.error {}

/* Downloads */
.download {}

/* Alignment */
.alignleft, .left {
	float: left;
	margin-right: 15px; 
	margin-bottom: 15px;	}
.alignright, .right {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;	
	}
.aligncenter, .center {
	display: block;
	margin: 0 auto 16px auto;
	}
.alignnone, .block {
	clear: both;
	margin: 0 0 16px 0;
	}
.clear {
	clear: both;
	}
img.alignleft, img.alignright {
	display: inline;
	}


/* WP Smiley */
img.wp-smiley {
	max-height: 12px;
	margin: 0;
	padding: 0;
	border: none;
	}

/* WP Gallery [gallery] */
.gallery {
	display: block;
	text-align: center;
	margin-bottom: 16px !important;
	}

/* Thumbnails */
.thumbnail {}

/* WP Captions [caption] */
.wp-caption {}
	.wp-caption img {}
	.wp-caption p {}

/* Avatars */
.avatar {}

#buttons { width:602px; overflow:hidden; }
.special-buttons { margin:0; list-style:none; padding:0; }
.special-buttons li { height:91px; width:50%; float:left; text-align:left; text-indent:-9999px;  }
.special-buttons li a {  display:block; height:91px; width:100%; cursor:pointer; }
.sunny-days {background:url(images/Specials.png) bottom left; }
.sunny-days:hover { background: url(images/Specials.png) top left; }
.sunny-club { background: url(images/Specials.png) bottom right; }
.sunny-club:hover { background: url(images/Specials.png) top right; }


