@charset "utf-8";
/* CSS Document */

/* 
Theme Name:Skeleton - default config
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
*/

/* This theme uses a single stylesheet to minimise calls to the server and to improve load speed */

/*===================================
* Reset
===================================*/
/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:top;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
table td {
	padding:3px; 
	vertical-align: top;

}

a img { border: none; }

/*===================================
* Wildcard Reset
===================================*/
*{margin:0;padding:0;}

/*===================================
* Default Text Declarations
===================================*/
strong{font-weight:bold;}
strong strong{font-weight:normal;}
em{font-style:italic;}
em em {font-style:normal }
cite{font-style:normal;}
abbr{cursor:help;}
acronym{text-transform:uppercase;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 1em 0;}
li address,dd address{margin:0;}
pre {overflow:auto; font:1em Monaco, monospace, Courier, "Courier New";line-height:1.5em;margin-bottom:1em;padding:9px;}
code{font:1em Monaco, monospace, Courier, "Courier New";}
ins,dfn{font-style:italic;text-decoration:none;border-bottom:1px solid #666;}

/*===================================
* Default Styling Resources
===================================*/

/* Templates */
.page-template-no-widgets #content {
	width:100%; }

/* Default Styling Stuff */
.no-border { border:0;}
.clear { clear:both;}
.asterisk { color:red;}

/* Alignment */
.alignleft, .left, .alignright, .right, 
.aligncenter, .center, .alignnone, .block {
	margin-bottom:8px; 
}
.alignleft, .left {
	float: left;
	margin-left:8px; 
	}
.alignright, .right {
	float: right;
	margin-right:8px; 
	}
.aligncenter, .center {
	display: block;
	margin-left:auto; 
	margin-right:auto; 
	}
.alignnone, .block {
	clear: both;
	margin: 0 0 0.8em 0;
	}
img.alignleft, img.alignright {
	display: inline;
	}

/* Boxes */
.grey, .yellow, .blue, .red, .green {
	padding:.75em;
	border: 1px solid;
	overflow:hidden;  
}

.grey {
	background: #eee;
	border-color: #ccc;
	}

.yellow {
	background: #fffbbc;
	border-color: #E6DB55;
	}

.red {
	background: #ffebe8;
	border-color: #C00;
	}

.green {
	background: #e7f7d3;
	border-color: #6c3;
	}

.blue {
	background: #d3d6f7;
	border-color: #5574e6;
	}

/* >>>>>>>> LAYOUT STUFF <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

/*===================================
*  >>>>>>  Body
===================================*/

body {
	background:url(images/body-bg.jpg) top center no-repeat #FFF;
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	color:#666; 
	 }
	 
.home {
}

/*===================================
*  >>>>>>  Wrapper Globals
===================================*/

#body-container, #header-container, #container, #footer-container,  {overflow:hidden; }
#header-container, #navigation, #container, #footer-container { clear:both; }

/* Wrapper for everything inside of the body */
#body-container { 
	background:url(images/body-container.jpg) top center no-repeat; 
	width:900px; 
	margin:0 auto;  }

/*===================================
*  >>>>>>  Header
===================================*/

/* Contains entire header */
#header-container { 
	background:url(images/header-container-bg.jpg) top center no-repeat;
	height:94px; 
	}

/* Contains site title and tagline */
#header {   }

	/* Site title */
	#site-title, #site-description { text-align:left; text-indent:-9999px; }
	#site-title a {}
	#site-title a span {}
	
	/* Site description/tagline */
	#site-description {}

/*===================================
*  >>>>>>  Content Container
===================================*/

/* Wrapper for the content and primary/secondary widget sections */
#container { 
	background:url(images/content-container-bg.jpg) top center no-repeat;
	 }

/* Main Content Area Width and Alignment */
#content {
	width:570px; 
	float:left;
}
/*===================================
*  >>>>>> Sidebars
===================================*/

/* Widgets in general */
.widget {}
	.widget-inside {}
		.widget-title {}

/* Sidebar Width and Alignment */
#primary,
#secondary {
	float: right;
	overflow: hidden;
	width: 235px;
}

/* Sidebar Widgets */
#primary .widget, #secondary .widget { }
#primary .widget-inside, #secondary .widget-inside {}

/* Primary Widget Section */
#primary {}
#primary .widget { }
#primary .widget-inside { }

#primary .widget-title {}
#primary .widget ul {}
#primary .widget ul li {}

/* Secondary Widget Section */
#secondary {
	clear: right;
}
#secondary .widget { }
#secondary .widget-inside { }

#secondary .widget-title {}
#secondary .widget ul {}
#secondary .widget ul li {}

/*===================================
*  >>>>>> Footer & Subsidiary
===================================*/

/* Wrapper for the entire footer */ 
#footer-container {  
	background:url(images/footer-container-bg.jpg) bottom center no-repeat;
}

/* Subsidiary widget section */
#subsidiary { display:none;   }

	#subsidiary .widget {}
	#subsidiary .widget-inside {}
	#subsidiary .widget-title {}


/* Footer section */
#footer { 
	color:#999;
	padding:20px;
	font-size:0.9em;
	}

	#footer a { 
		font-weight:normal;
		text-decoration:none;
		}
	#footer a:hover { 
		color:#666; 
		}	
	
		#footer .copyright, #footer .credit { width: 49%;  }
		#footer .copyright { float:left; text-align:left;  }
		#footer .credit { float:right; text-align:right; }

/*===================================
* >>>>>  Utility widget sections
===================================*/

/* All utility widget sections (except widgets template) */
.utility {}
/* Before content */
#utility-before-content {}
/* 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 {}	

/* >>>>>>>> TYPOGRAPHY STUFF <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

/*===================================
*  >>>>>> Text + Links
===================================*/

/* Hyperlinks */
a:link,
a:visited,
a:hover,
a:active { 
	font-weight:bold;
	cursor:pointer;
	}
	
	/* Inactive */
	a:link, a:visited {
		color:#fa6309;
		text-decoration:underline; 
		}
		
	/* Active */
	a:hover, a:active {
		color:#999; 
		text-decoration:none;
		}
	
a.more-link { text-decoration:underline; }

/*===================================
*  >>>>>> Lists
===================================*/

/* All list items */
#content li, .widget li { 
	color: #555; 
	font-size:11px;
	padding:3px 0; 
	}

/* hyperlinked list items */
li a {}
.hentry li a { }

/* unordered list items using an image bullet */
/* 
#content .hentry ul li {
	background:url(images/list.png) no-repeat;
	background-position:0 2px;  
	padding:0 0 4px 25px; 
	}
*/
	
ol, ul { list-style: none;  }
ul { list-style: disc; margin: 0 0 1.2em 2.5em; }
ul ul { list-style: square; margin: 0; }
ol { list-style-type: decimal-leading-zero; margin: 0 0 1.2em 2.5em; }
ol ol { list-style: upper-roman; margin-bottom: 0; }
ol ol ol { list-style: lower-roman; margin-bottom: 0; }
ol ol ol ol { list-style: upper-alpha; margin-bottom: 0;}
ol ol ol ol ol { list-style: lower-alpha; margin-bottom: 0; }
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; }


/*===================================
*  >>>>>> Headings
===================================*/

h1, h2, h3, h4, h5, h6 {
	margin:0 0 12px 0; 
	font-weight:normal; 
}

/* Headings - Specific */
h1 { font-size: 30px;}
h2 { font-size: 20px; color:#000;}
h3 { font-size: 16px; color:#82c237; font-weight:bold;  }
h4 { font-size: 14px; color:#7FE2FF;}
h5 { font-size: 14px; font-style:italic;  }
h6 { font-size: 12px; font-weight:bold; }

/* Entry titles */
#content .entry-title,
.entry-title, .entry-title a, .entry-title a:link,
.entry-title a:visited, .entry-title a:active,
.entry-title a:hover, .archive .entry-title, .search .entry-title, 
.page-title, .page-title a, .page-title a:link,
.page-title a:visited, .page-title a:active,
.page-title a:hover, .archive-title, .author-title
.term-title, .category-title, .tag-title, 
.date-title, .search-title, .attachment-title
.post-title, .post-title a, .post-title a:link,
.post-title a:visited, .post-title a:active,
.attachment-title, .error-404-title {
	text-decoration:none;
	color: #84c546; 
	text-shadow: 1px 1px white white;  
	font-weight:normal; 
}

/*===================================
* >>>> Spacing - Text & Images  <<<<<
===================================*/

p, h2, h3, h4, h5, h6, table, hr, ul, 
ol, blockquote, object, code,
#content .entry-summary p:last-child, .widget,
.gallery {
	margin-bottom: 12px; 
	}

/* >>>>>>>> IMAGES STUFF <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

/*===================================
*  >>>>>> Images
===================================*/

/* Normal images */
.entry-content img,
.post img,
.thumbnail,
.gallery img,
.avatar, 
.wp-caption {
	background:#FFF; 
	padding:5px; 
	border: 1px solid #dfdfdf; 
	}

#content img {
	height: auto;
	max-width: 600px; /* make sure this is less than the #content width */
	width: auto;
}

#content .attachment img {
	max-width: 900px;
}

/* >>>> Captions <<<<  */
.wp-caption {}
	
	.wp-caption img {
		border:0; 
		margin:0; 
		padding:0; 
		 }
	
	.wp-caption-text {
		padding:5px; 
		font-size: 1em;
		font-style: italic;
		color: #666;
}

/* WP Smilies */
img.wp-smiley { 
	border:0; 
	padding:0; 
}

/* Thumbnails */
.thumbnail {}

/* Gallery [gallery] */
.gallery { 
	margin: 0 5px 5px 0; }
	
	.gallery img {}

/* Avatars */
.avatar {
	float: left;
	width: 100px;
	height: 100px;
	margin: 5px 15px 0 0;
	}


/*===================================
*  >>>>>> Breadcrumbs + Bylines + Meta + Nav links
===================================*/

/* Colour */
	.byline,
	.breadcrumb, 
	.breadcrumb-trail,
	.breadcrumb-title
	.breadcrumb a,
	.entry-meta  { 
		color:#999; 
	}

	/* Links */
	.breadcrumb a:hover,
	.breadcrumb a:active,
	p.pages a, a.more-link, .post-meta-data, .navigation-links {
		text-decoration:underline;
	 	color:#d2d2d2;  }

/* Sizes and Visibility */ 
.byline,
.breadcrumb, 
.breadcrumb a,
.breadcrumb-trail,
.breadcrumb-trail a,
.breadcrumb-title,
.entry-meta 
 { 
	margin:1em 0;
	font-size:1em;
	text-decoration:none;
	display:none; /* Do you even want these showing up? */
	}
	
/*===================================
*  >>>>>> Horizontal Lines 
===================================*/

hr {
	background-color: #999;
	border: 0;
	clear: both;
	height: 1px;
	}

/*===================================
*  >>>>>>  Blockquotes
===================================*/

blockquote {
	color: #555;
	background:url(images/blockquote-BG.jpg) repeat-x top left;
	border-top:#999 solid 1px;
	border-bottom:#999 solid 1px;
	font-style:normal; 
	display:block; 
	font-style: normal;
	padding:15px; 
	clear:both;	
	}

blockquote p { margin:0; }
	
blockquote blockquote {
	color: #777;
	}
	
blockquote em {
	font-style: italic;
	}

/*===================================
*  >>>>>>  Forms
===================================*/
input, 
textarea,
select { 
	font-size:1.2em; 
	color:#999; 
	background:#FFF; 
	border:1px solid #ccc; 
	   }
	
	label { 
	clear:both;
	font-weight:bold; 
	padding:5px 0; 
	}
	
	option {}

.text-input, textarea {
	display: block;
	padding: 3px 6px;
	width: 300px;
	}

/* Submit and rest buttons */
.button, .submit, .reset {
	width: 100px;
	margin-right: 15px;
	padding: 7px 15px 8px 15px;
	background: #fff;
	border: 1px solid #ccc;
	}
.button a:hover, .submit a:hover, .reset a:hover {
	cursor: pointer;
	background: #f9f9f9;
	}



/*===================================
*  >>>>>>  Blog Stuff
===================================*/

/* Comments template */
#comments-template {
	clear: both;
	padding:12px; 
	}

/* Comment headers */
.comments-header {
	font-size: 1.2em;
	}

/* Comments are closed */
.comments-closed {
	font-style: italic;
	}

/* Comment list */
#comments-template ol {
	list-style: none;
	margin: 0 0 21px 0;
	}
#comments li, #comments li li li, #comments li li li li li {
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 15px 15px 0 15px;
	border: 1px solid #ccc;
	}
#comments li li, #comments li li li li {
	background: #f9f9f9;
	}

/* Avatar */
#comments-template .avatar {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 15px;
	padding: 0;
	border: 1px solid #666;
	}

/* Comment metadata */
.comment-meta {
	margin: 10px 0 21px 0;
	font-size: 1em;
	color: #666;
	}
.comment-author {
	font-size: 1.3em;
	color: #000;
	}
.comment-reply-link, .permalink, .comment-edit-link {
	font-style: italic;
	color: #666;
	}

/* Comment text */
.comment-text {
	clear: left;
	margin: 0 15px;
	}


/*===================================
*  >>>>>> Navigation
===================================*/

/* This Stuff generally remains constant */
.menu ul{position:absolute;top:-999em}
#page-nav li:hover{visibility:inherit}
#page-nav a{display:block;position:relative;text-decoration:none}
#page-nav li:hover li ul,li.sfHover li ul, #page-nav li li:hover li ul,li li.sfHover li ul {top:-999em}
#page-nav li li:hover ul,li li.sfHover ul, #page-nav li li li:hover ul,li li li.sfHover ul {left:200px;top:0}
#page-nav{ padding:0 15px 0 0}
#page-nav ul{margin:0;padding:0;list-style:none;}
#page-nav li{float:left;position:relative;}

/* This is where the real magic happens */
#navigation {
	width:100%;  
	z-index:99 !important; 
	padding:0;
	white-space:no-wrap;
	text-transform:lowercase;
	}

/* Set Menu item line height pt 1 */
#navigation, #page-nav li,#page-nav li ul li,#page-nav li ul li ul li { 
	height:32px; 
	}	

/* Set Menu item line height pt 2 */
page-nav a,#page-nav li a:link,#page-nav li a:visited,#page-nav li ul li a:link,
#page-nav li ul li a:visited,#page-nav li ul li ul li a:link,#page-nav li ul li ul li a:visited,
#page-nav li ul li a:hover,#page-nav li ul li a:active,#page-nav li ul li ul li a:hover,
#page-nav li ul li ul li a:active, #page-nav ul {
	line-height:32px;
	}
	
/* Ensure this 'top' value is 1px less than the line height */
#page-nav li:hover ul,li.sfHover ul{
	left:0;
	top:31px;
	z-index:99 !important;
	} 

/* Sub Menu drop down items width */
.menu ul,#page-nav ul ul li,#page-nav li ul li { width:200px; } 

/* Inactive Top Level Navigation  */
#page-nav a,#page-nav li a:link,#page-nav li a:visited,#page-nav li ul li a:link,
#page-nav li ul li a:visited,#page-nav li ul li ul li a:link,#page-nav li ul li ul li a:visited,
#page-nav li ul li a:hover,#page-nav li ul li a:active,#page-nav li ul li ul li a:hover,
#page-nav li ul li ul li a:active, #page-nav li ul li.current_page_item a,#page-nav li ul li.current_page_ancestor a, 
#page-nav li ul li ul li.current_page_item a:hover {
	color:red; /* Inactive COLOUR */
	font-size:14px;
	font-weight:normal;
	text-transform:normal;
	}

/* list item padding */
#page-nav li a{padding:0 15px}

/* Active Top Level Navigation */
#page-nav li a:hover,#page-nav li a:active,#page-nav ul li.current_page_item a,#page-nav ul 
li.current_page_ancestor a, #page-nav li ul li ul li.current_page_item a {
	color:orange;
	}

#page-nav ul li.current_page_item a,#page-nav ul li.current_page_ancestor a{font-weight:bold; }

#page-nav li ul,#page-nav li ul li ul{z-index:99 !important;} 

/* Inactive Submenu background colour */
#page-nav li ul li a {background-color:green; }

/* Active Submenu background and text colours */
#page-nav li ul li a:hover,#page-nav li ul li a:active,
#page-nav li ul li ul li a:hover,
#page-nav li ul li ul li a:active {
	background-color:blue; 
	}

#page-nav li ul li ul li.current_page_item a{ }

/*===================================
*  >>>>>> Templates
===================================*/
/* Template Customisations */


/*===================================
*  >>>>>> Customisations
===================================*/
/* tweaks required to make this baby hum */