/* 
Theme Name: Transform Your Business - Hybrid
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:url(images/bodyBG.png) repeat-x top left; font-family: Arial, Helvetica, sans-serif; color:#333; font-size:12px;  }
		
/* Wrapper for everything inside of the body */
#body-container {  background:#FFF;  margin: 56px auto 15px; width:896px; overflow: hidden;  border: 1px #dfdfdf solid; }

/* =============================================
	Hacks
=============================================== */

div.hom { border:1px solid #dfdfdf; padding: 5px 20px 15px 0; margin:10px 0 10px;  }
div.hom table { }
div.hom table td {padding: 0 0 0 15px; }
div.hom img { border:0; }

#leaf-2 { border: 1px #dfdfdf solid; background: url(custom/images/Columns_06.jpg) repeat-x top left;  margin:5px 0; overflow:hidden;  }
#leaf-2 li.widget { width: 260px; text-align:justify;  padding: 0 0 20px; }
#leaf-2 li#text-4.widget { width: 250px;  }
#leaf-2 .widget-title { font-size: 24px; color: #000; line-height: 28px; font-weight:bold;  letter-spacing:1px; text-align:left;}
#leaf-2 li.widget p { color: white; background-image: url(custom/images/TW.png); background-repeat:no-repeat; }

table.Sub-Home { background: url(images/Columns_06.jpg) repeat-x top left; height: 200px;  }
table.Sub-Home td { padding: 25px; color: #999;  font-weight:bold;} 
table.Sub-Home h2 { color: black; font-weight:bold; color: #999;  }

#gav{ border:1px solid #dfdfdf;  margin:0; padding:20px 0  25px; width:884px; overflow:hidden;  }
#gav ul { width:838px; margin:0 auto; }
#gav img { }


/*================================================
	Header
================================================= */

/* Contains entire header */
#header-container {  height:90px;  width:896px; padding:0; border:0;    }

/* Contains the top-right contact link */
#hcontent {  float:right; margin: 0 0;  font-size: 20px; width:88px; background: url(images/Corner.jpg) no-repeat top right;  height: 87px; border:0;  }
#hcontent a { display:block; text-align:left; text-indent:-9999px; text-decoration:none; height: 87px; width:88px; border:0;  }

/* Contains site title and tagline */
#header { overflow: hidden; position: relative; top: 40px; height: 87px; padding:0; background: url(images/header.png) top left no-repeat #FFF; border: 0;   }

/* Site title */
#site-title { text-indent:-9999px; text-align:left; }

#site-title a { text-decoration:none; }
#site-title a:link { color: #999;}
#site-title a:visited { color: #999;}
#site-title a:hover { color: #FFF; }
#site-title a:active { color: #999;}


#site-title a span { border: 0; padding:0; }

/* Site description/tagline */
#site-description {  text-align:left; text-indent:-9999px;   }


/*================================================
	Page Navigationm
================================================= */

/* Wrapper for navigation */
#navigation { position: relative; background:#000; width:896px; height:40px; margin: 0 auto;  top: -90px;  border: 1px solid #dfdfdf; text-transform:capitalize;  }

/* Begin content for navigation */
#page-nav { padding: 0 ; float: left; width:897px; margin: 0;  }
#page-nav ul { 	margin: 0; padding: 0; list-style: none; line-height: 40px; }

/* Top Level Navigation */
#page-nav li {  float: left; position: relative; height: 40px;  }
#page-nav li a { background: #000;  padding:0 15px;   }
#page-nav li a:link, #page-nav li a:visited { color:#FFF; }
#page-nav li a:hover { background:#000 }
#page-nav li a:active { color:#FFF; }
#page-nav ul li.current_page_item a { color: #FFF; font-weight: bold; } 
#page-nav ul li.current_page_ancestor a { font-weight: normal;  }

/* 2nd Level Navigation */

#page-nav li ul li { height:40px; }
#page-nav li ul li a {  background:#000; width: 150px;  border-bottom: 2px solid #333;  }
#page-nav li ul li a:link, #page-nav li ul li a:visited { color:#FFF; }
#page-nav li ul li a:hover { color: #999;  background:#000;  }
#page-nav li ul li a:active { color:#FFF; }
#page-nav li ul li.current_page_item a { color: #B20D49; font-weight: normal;  } 
#page-nav li ul li.current_page_ancestor a { font-weight: normal;  color: #999;}

/* 3rd Level Navigation */
#page-nav li ul li ul li { height: 40px; border-bottom: 2px solid #333; }
#page-nav li ul li ul li a  {  background: #000; }
#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: #999; }
#page-nav li ul li ul li a:active { color:#FFF; }
#page-nav li ul li ul li.current_page_item a { font-weight: normal; color: #999;  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: 40px; text-decoration:none; color: #FFF; } 
#page-nav li:hover ul, li.sfHover ul { left: 0; top: 40px; /* 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 */

body.page-89 #container { padding:5px; overflow: hidden;  }
#container { padding: 0 35px 35px; overflow: hidden;  }

#content { overflow: hidden; width:100%;   }
/*	.hfeed content { margin: 15px 0; } */

/*================================================
	Widget sections (Primary and Secondary)
================================================= */

/* Widgets in general */
.widget {}
.widget-inside {}
.widget-title { }

/* Primary widget section */
#primary { margin: 0 0 8px 0; width:226px; float: right; }
#primary .widget {}
#primary .widget-inside {}
#primary .widget-title { color: 000;font-family: Arial, Helvetica, sans-serif;  font-weight: bold; }
#primary .widget ul {}
#primary .widget ul li { }

/* Secondary widget section */
#secondary { margin: 8px 0; width:226px; float: left; width:100%; border: 1px solid #dfdfdf;  background:red; }
#secondary .widget { overflow: hidden; float: left; width: 31%; margin: 3% 2% 3% 2%; }
#secondary .widget-inside {}
#secondary .widget-title { color: 000;font-family: Arial, Helvetica, sans-serif;  font-weight: bold; }
#secondary .widget ul {}
#secondary .widget ul li {}

/*================================================
	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: 100%; background: url(images/Sub.png) repeat-x top left #9f0a40;  }
#subsidiary ul { padding: 0; margin: 0; text-indent:0; list-style:inside; list-style-type:none;  }
#subsidiary ul li { line-height:1.5em; }
#subsidiary .widget { overflow: hidden; float: left; width: 22%; margin: 3% 1.5% 3% 1.5%; text-align: left;}
#subsidiary .widget-inside { text-align: justify; color: #FFF; text-align: left; }
#subsidiary .widget-inside a { text-align: left; color: #FFF; font-weight: normal; text-decoration:none; }
#subsidiary .widget-inside a:link, #subsidiary .widget-inside a:visited { text-align: left; color: #FFF; font-weight: bold; text-decoration:none; }
#subsidiary .widget-inside a:hover { text-align: left; color: #999; font-weight: bold; text-decoration:none; }
#subsidiary .widget-inside a:active { text-align: left; color: #FFF; 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;   }


/* Footer section */
#footer {  /* background: url(images/Foot.jpg) left bottom repeat-x; */  width:100%; height:64px; padding:0;  margin:0 auto;   }

/* Footer extra */
#footer .copyright { color: #999; text-align: center;  padding: 15px 40px 0;   }
#footer .copyright a { text-decoration: none; }
#footer .copyright a:link, #footer .copyright a:visited { color: #999;}
#footer .copyright a:hover { color: #999;}
#footer .copyright a:active { color: #999; }

#footer .credit { color: #999;float:right; padding: 15px 40px 0 0; width: 300px;  }
#footer .credit a { text-decoration: none; }
#footer .credit a:link, #footer .credit a:visited { color: #999;}
#footer .credit a:hover { color: #040404; }
#footer .credit a:active { color: #999;}



/* Breadcrumb trail */
.breadcrumb { margin: 0 0 16px; }

/* 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 */
.entry-title {}
.single-title {}

.page-title { text-decoration:none;font-family: Arial, Helvetica, sans-serif;  color:#000; font-weight:bold;  }
.page-title a { text-decoration:none;font-family: Arial, Helvetica, sans-serif;  color:000; font-size: 1.7em; text-transform:capitalize;   }
.page-title a:link, .page-title a:visited { text-decoration:none; color:000;  }
.page-title a:hover { text-decoration:underline; color:000; }
.page-title a:active { text-decoration:none; color:000;  }

.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 {}


/*================================================
	Utility Widget Content 
================================================= */

/* 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 {}


/*================================================
	 Elements
================================================= */

/* Hyperlinks */
a { cursor:pointer; text-decoration: underline;  color:#b40a48; font-weight: normal; }
a:link { color:#b40a48; }
a:visited {  color:#b40a48; }
a:hover { color:#333; text-decoration:none; }
a:active {  color:#b40a48; }


/* Headers */
h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: normal;
	margin: 0 0 16px 0; 	}
h1, h1 a { font-size: 2em;  color: #000; font-family: Arial, Helvetica, sans-serif; }

h2, h2 a { font-size: 1.5em;  color: 000;font-family: Arial, Helvetica, sans-serif;  text-decoration: none; font-weight:normal;
	} 
	 h2 a:hover { color:#999; }
h3 {
	font-size: 1.5em; font-weight: normal; 
	}
h4 {
	font-size: 1.4em; margin: 16px 0; font-weight: normal; color:#999; 
	}
h5 {
	font-size: 1.25em;
	}
h6 {
	font-size: 1.1em;
	}
	
	h2.HP { font-size: 20px; color: #b40a48; line-height: 28px; font-weight:bold; padding: 0;   }
h2#PM.HP { background-image: url(images/PM.png); background-repeat:no-repeat;
background-position:0px 3px; padding-left:40px;  list-style-position: inside; line-height: 28px; }
h2#TW.HP { background-image: url(images/TW.png); background-repeat:no-repeat;
background-position:0px 3px; padding-left:40px;  list-style-position: inside; line-height: 28px; }
h2#HR.HP { background-image: url(images/HR.png); background-repeat:no-repeat;
background-position:0px 3px; padding-left:40px;  list-style-position: inside; line-height: 28px; }
h2#CB.HP { background-image: url(images/CT.png); background-repeat:no-repeat;
background-position:0px 3px; padding-left:40px;  list-style-position: inside; line-height: 28px; }



/* Paragraphs */
p {
	margin: 0 0 16px 0;
	}

/* Lists */
ol, ul {
	list-style: none;
	}
ul {
	list-style: disc;
	margin: 0 0 16px 2.5em;
	}
ol {
	list-style-type: decimal;
	margin: 0 0 16px 3em;
	}
ol ol {
	list-style: upper-roman;
	}
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: 2px 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 {
	margin: 0;
	font-style: normal;
	}
blockquote em, blockquote cite {
	font-style: italic;
	}
blockquote, q {
	quotes: none; background:url(images/QuoteBG.jpg) repeat-x top left; border-top:dashed #CCC 1px; border-bottom :dashed #CCC 1px; padding: 3%; color: #0b4d7b; 
	}
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: 2px solid #666;
	}
del {
	text-decoration: line-through;
	}

/* Object */
object {
	margin-bottom: 16px;
	}

/* Forms */
input, textarea {
	font-size: 1em;
	font-family:Arial, Verdana, Helvetica; 
	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:8px 0 16px; height:1px; margin:-1px; border-top: #dfdfdf 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;
	}
.alignright, .right {
	float: right;
	margin-left: 15px;
	}
.aligncenter, .center {
	display: block;
	margin: 0 auto 16px auto;
	}
.alignnone, .block {
	clear: both;
	margin: 0 0 16px 0;
	}
.clear {
	clear: both;
	height:1px; 
	}
img.alignleft, img.alignright {
	display: inline;
	}

/**
* Images
************************************************/

/* Normal images */
img { border: solid 1px #dfdfdf; background: #FFF; padding: 1%; margin: 5px; }
a img { border:solid 1px #dfdfdf;  } /* Gets rid of IE's blue borders */

/* 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 {}

/*================================================
	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 {}


