/**********************************************************
	AUTHOR:  			Carl Vanderpal
	AUTHOR URI:   		http://www.freeenterprise.com.au/
	THEME NAME: 		TalentMatrix
	TEMPLATE CODE: 		T-20080512
	VERSION:          	2.5
	DATE:             	May 12, 2008
	COPYRIGHT:			(c) 2008 Free Enterprise Marketing. All rights reserved.
	DESCRIPTION: 		Brought to you by freeenterprise.com.au
**********************************************************/


/* Overall Body Elements
==============================================================================*/

	* { /* removes defaults from all elements */
		margin: 0;
		padding: 0;
	}
	

/* Main Elements
==============================================================================*/

	
	body	{
		font:80%/145% Verdana, Helvetica, sans-serif;
		margin:0px;
		padding:0px;
		background-color:#f6f6f6;
		text-align:center;
		}
	
	#container	{
		width:980px;
		margin:0 auto;
		padding:0;
		text-align:left;
		background-image:url(images/page_bg.gif);
		background-repeat:repeat-y;
		}	

	#header	{
		padding:11px;
		}
	
	#headercontent	{
		padding:0 5px;
		background-color:#fff;			
		}
		
	#page {
		float:left;
		width:730px;
		margin:0;
		padding:0;
		}	

	#sidebar {
		float:right;
		width:250px;
		margin:0;
		padding:0;
		}
	
	#pagecontent {
		margin:0 1px 0 11px;
		padding:0 15px;
		}
	
	#sidebarcontent {
		margin:0 11px 0 0;
		padding:0;
		}
	
	#openwindow	{
		background-color:#FFF;
		padding:5px 10px;
		}	
	
	#footer
	{
		clear: both;
		height: 85px;
		margin: 0px;
		text-align:center;
	}
	
	#footercontent	{
		padding:0 11px;
		margin:0 11px;
		background-image:url(images/footer_hr.gif);
		background-repeat:repeat-x;
		height:85px;
		font-size:75%;
		line-height:140%;
		}
	
	#footercontent ul, #footercontent li	{
		list-style:none;
		display:inline;
	}
	
	#footercontent li	{
		border-right:1px solid #aaa;
		padding:0 3px 0 5px;
	}
	
	#copyright 	{
		margin: 0px auto; /* centers the page */
		width: 980px;
		background-repeat: no-repeat;
		background-image:url(images/page_bottom.gif);
		font-size:75%;
	}
	
/* Headings
==============================================================================*/

	#pagecontent h2, .entry h2	{
		color:#182748;
		line-height:1em;
		/*text-transform:lowercase;*/
		padding:10px 0;
		}
		
	#pagecontent h3.subHeading	{
		color:#00A6D2;
		font-family:Arial, Helvetica, sans-serif;
		font-size:95%;
		line-height:140%;
		padding:10px 0;
		}
	
	h4 {
		color:#61406D;
		}
	#page span.mosaictext	{
		/*color:#61406D;*/
		color:#00A6D2;
		}

/* Links
==============================================================================*/


	/*#primarynav {
		font-size:80%;
		}
	#primarynav ul {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
		}
	#primarynav li {
		display:inline;
		margin:0;
		padding:0;
		}
	#primarynav li a {
		padding:0 10px;
		text-decoration:none;
		font-weight:bold;
		}
	#primarynav ul.subnav {
		display:block;
		}
	#primarynav ul.subnav li {
		display:none;
		}
	#primarynav li:hover ul, li.over ul{ display: block; }
	#primarynav li:hover.subnav ul.subnav, li.over ul.subnav{ display: block; }
	
	#primarynav ul.subnav li a {
		padding:0 15px;
		}
	#primarynav {
		background-color:#182748;
		border-top:1px solid #333;
		padding:3px 0;
		}
	#primarynav li a:hover {
		background-color:#eed;
		}
		
	#primarynav {
		color:#fff;
		}
	#primarynav li {
		border-right:1px solid #999;
		}
	#primarynav li a {
		color:#FFF;
		}
	#primarynav li a:hover {
		color:#556;
		}
	#primarynav ul.subnav {
		background-color:#b7b789;
		}
	#primarynav ul.subnav li {
		border:none;
		}
	#primarynav ul.subnav li a:hover {
		background-color:#e5e5cc;
		color:#000;
		}*/

	#pagecontent a:link, #pagecontent a:visited, #openwindow a:link, #openwindow a:visited {
		font-weight:bold;
		text-decoration:none;
		}
	#pagecontent a:hover, #pagecontent a:active, #openwindow a:hover, #openwindow a:active {
		font-weight:bold;
		text-decoration:underline;
		}

	#pagecontent a:link, #pagecontent a:visited, #openwindow a:link, #openwindow a:visited {
		color:#069;
		}
	#pagecontent a:hover, #pagecontent a:active, #openwindow a:hover, #openwindow a:active {
		background-color:#def;
		color:#069;
		}
		
	#sidebarcontent a:link, #sidebarcontent a:visited {
		color:#036;
		text-decoration:none;
		}
	#sidebarcontent a:hover, #sidebarcontent a:active {
		background-color:#e1e1cd;
		color:#036;
		text-decoration:underline;
		}

	#footercontent a:link, #footercontent a:visited {
		font-weight:bold;
		text-decoration:none;
		}
	#footercontent a:hover, #footercontent a:active {
		font-weight:bold;
		text-decoration:underline;
		}
	#footercontent a:link, #footercontent a:visited {
		color:#069;
		}
	#footercontent a:hover, #footercontent a:active {
		background-color:#def;
		color:#069;
		}

/* Nav - SubNav
==============================================================================*/

	#nav {
		background:#182748;
		/*background:#577da2;*/
		border-bottom:1px solid #FFF;
		height:32px;
		margin:0;
		padding:0 10px;
		}
	
	#nav li {
		margin-right:25px;
		margin-top:5px;
		}
	
	#nav li, #subnav li {
		float:left;
		list-style:none
		}
	
	#nav a, #nav a:visited {
		color:#FFF;
		text-decoration:none;
		font-weight:bold;
		padding:0 5px;		
		}
	
	#nav a:hover, #nav a:active,
	#nav li.current_page_parent a,
	#nav li.current_page_parent a:visited,
	#nav li.current_page_item a,
	#nav li.current_page_item a:visited
			{
		background:#295887;
		display:block;
		padding:0 5px;
		}
	
	#subnav {
		background:#e6eef7;
		border-top:2px solid #577da2;
		border-bottom:2px solid #cad8e6;
		height:28px;
		}
	
	#subnav li {
		border-right:1px solid #295887;
		padding:0 7px;
		margin-top:5px;
		}	
	
	#subnav a, #subnav a:visited {
		color:#295887;
		text-decoration:none;
		font-weight:bold
		}
	
	#subnav a:hover, #subnav a:active,
	#subnav li.current_page_item a,
	#subnav li.current_page_item a:visited {
		text-decoration:underline
		}

/* Suckertree Menu */
	.widesuckertree	{
		width:100%;
		background-color: #182748;
		height:28px;
	}


	.suckertreemenu ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	/*Top level list items*/
	.suckertreemenu ul li{
		position: relative;
		display: inline;
		float: left;
		background-color: #182748; /*overall menu background color*/
	}
	
	/*Top level menu link items style*/
	.suckertreemenu ul li a{
		display: block;
		width: 100px; /*Width of top level menu link items*/
		padding: 2px 10px;
		/*border: 1px solid black;*/
		border-left-width: 0;
		text-decoration: none;
		color: #fff;
	}
		
	/*1st sub level menu*/
	.suckertreemenu ul li ul{
		left: 0;
		position: absolute;
		top: 1em; /* no need to change, as true value set by script */
		display: block;
		visibility: hidden;
	}
	
	/*Sub level menu list items (undo style from Top level List Items)*/
	.suckertreemenu ul li ul li{
		display: list-item;
		float: none;
	}
	
	/*All subsequent sub menu levels offset after 1st level sub menu */
	.suckertreemenu ul li ul li ul{ 
		left: 159px; /* no need to change, as true value set by script */
		top: 0;
	}
	
	/* Sub level menu links style */
	.suckertreemenu ul li ul li a{
		display: block;
		width: 180px; /*width of sub menu levels*/
		color: #fff;
		text-decoration: none;
		padding: 1px 5px;
		border: 1px solid #ccc;
	}
	
	.suckertreemenu ul li a:hover{
		background-color: #e6eef7;
		color: #000;
	}
	
	/*Background image for top level menu list links */
	.suckertreemenu .mainfoldericon{
		background: #182748 url(images/arrow-down.gif) no-repeat center right;
	}
	
	/*Background image for subsequent level menu list links */
	.suckertreemenu .subfoldericon{
		background: #182748 url(images/arrow-right.gif) no-repeat center right;
	}
	
	* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
	padding-top: 1em;
	}
		
	/* Holly Hack for IE \*/
	* html .suckertreemenu ul li { float: left; height: 1%; }
	* html .suckertreemenu ul li a { height: 1%; }
	/* End */

	
/* Misc
==============================================================================*/


	img	{
		border:0;
	}	

	hr.snip	{
		border:1px #ddd dashed;
		margin-bottom:10px;
	}
	
	#page .table td	{
		border-right:1px dashed #ddd;
		border-top:1px dashed #ddd;
		border-bottom:1px dashed #ddd;
		padding:5px;
		}
	.columns-2-A	{
		width:49%;
		float:left;
		text-align:left;
		border-right:1px dashed #ddd;
		}
	.columns-2-B	{
		width:49%;
		float:right;
		text-align:left;
		}
	#pagecontent .sectionheader	{
		background-image:url(images/BreadCrumbBackground.gif);
		background-repeat:repeat-x;
		height:28px;
		padding:5px 10px;
		text-align:left;
		}	

	blockquote {
		margin: 15px 30px 0 10px;
		padding:10px 20px;
		border-left: 5px solid #4E6F92;
		background-color:#F6F6F6;
	}

/* Page Formatting
==============================================================================*/		

	#pagecontent img.left {
		float:left;
		margin:3px 10px 10px 0;
		}
	#pagecontent img.right {
		float:right;
		margin:3px 0 10px 7px;
		}
	#sidebarcontent .submenu	{
		margin:0 0 2px 3px;
		width:220px;
		padding:0;
		background-color:#f6f6f6;
		}
		
	.pretext	{
		color:#999;
		font-style:italic;
		}
		
	.questions	{
		color:#909;
		font-style:italic;
		font-weight:bold;
		}
		
	p	{
		padding-bottom:20px;
	}

/* Sidebar
==============================================================================*/

		#sidebarcontent {
			font-size:85%;
			line-height:140%;
			}
		#sidebarcontent h3 {
			margin:0;
			padding:20px 5px 5px 7px;
			font-size:150%;
			font-weight:bold;
			}
		#sidebarcontent h4 {
			margin:0;
			padding:5px 5px 0 7px;
			font-size:100%;
			font-weight:bold;
			}
		/*#sidebar img {
			float:left;
			margin:3px 5px 2px 0;
			}*/
		#sidebarcontent p {
			margin:0;
			padding:5px 10px 5px 7px;
			}
		#sidebar ul	{
			display:block;
			list-style:none;
			list-style-image:url(images/orange_arrow.gif);
			padding:5px 10px 5px 7px;
			margin:0 10px;
		}
		#sidebar li	{
			margin:0;
			padding:0;
			line-height:190%;
		}
		

/* Image Alignment
==============================================================================*/

	.alignleft {
		float:left;
		margin:3px 10px 10px 0;
		}
	
	.alignright {
		float:right;
		margin:3px 0 10px 10px;
		}
	
	.aligncenter	{
		display:block;
		margin-left:auto;
		margin-right:auto;
	}


/* Forms
==============================================================================*/

	.entry form	{ /* This is mainly for password protected posts, makes them look better. */
		text-align: left;
	}
	
	select {
		width: 130px;
		}
	
	#commentform input {
		width: 170px; 
		padding: 2px; 
		margin: 5px 5px 1px 0; 
		border: 1px solid #ccc;
	}
	
	#commentform textarea {
		width: 95%;
		padding: 2px;
		border: 1px solid #ccc;
		background: #fafafa;
	}
	
	#commentform textarea:focus {
		border: 1px solid #aaa;
		background: #eee;
	}
		
	#commentform #submit {
		border: 1px solid #ccc; 
		color: #666; 
		background: #fafafa; 
		vertical-align: top;
		float:right;
	}
	
	#commentform #submit:hover {
		border: 1px solid #aaa;
		background: #eee;
	}

	#commentform input:focus {
		border: 1px solid #aaa; 
		background: #fafafa;
	}

	.comment_no {
		padding-top: 10px;
		float: right;
		font-size: 3.5em;
		color: #eee;
	}
	
	.commentlist {
		padding: 0;
		margin: 5px;
	}
	.commentlist li {
		clear: both;
		list-style: none;
		padding: 10px;
		background: #fff;
		border-top: 1px solid #ddd;
		margin: 10px;
	}
	
	.commentlist li:hover {
		background-position: 0 0;
		border-top: 1px solid #ccc;
	}
	
	.commentlist .gravatar {
		display: block;
		float:left;
		padding: 3px;
		margin: 0 20px 5px 0;
		border: 2px solid #ccc;
		background: #eee;
	}
	
	#topsearch{
		padding:10px;
	}

	#topsearch input[type="text"]	{
		border:1px solid #ccc;
		width:19em;
		color: #333333;
		font:1em Trebuchet MS, Arial, sans-serif;
		padding:2px;
	}

	.contactform, .contactright input, .contactright textarea	{
		border:1px solid #eee;
	}
	
	.contactform	{
		background-color:#fafafa;
	}
	
	.contactright input, .contactright textarea	{
		background: #fff;
	}
	
	.contactright input:focus, .contactright textarea:focus {
		border: 1px solid #aaa;
		background: #eee;
	}
	
	#contactsubmit	{
		background-color:#fafafa;
		border:1px solid #eee;
		width:150px;
	}


/* Blog Elements
==============================================================================*/
	
	.entry	{
		margin-bottom:10px;
	}

	/*.entry h2	{
		font-size: 22px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight:normal;
		padding-bottom:10px;
		line-height:1.2em;
	}*/
	
	h2.pagetitle	{
		font-weight:lighter;
		text-align:center;
		padding-bottom:20px;
	}
	
	/*#page div ul li{
		list-style:none;
	}*/
	
	html>body #page ul, html>body #page ol { 
		margin-left: 0px;
		padding: 0 0 0 30px;
		/*list-style:circle;*/
		padding-left: 10px;
		text-indent: 0px;
	} 
	
	html>body #page li { 
		margin: 7px 0 8px 10px;
	}
	
	#page ul, #page ol { 
		margin-left: 0px;
		padding: 0 0 0 30px;
		/*list-style:circle;*/
		padding-left: 10px;
		text-indent: 0px;
	} 
	
	#page li { 
		margin: 7px 0 8px 10px;
	}
	
	.entry ul li:before{ 
		content: "\00BB \0020";
	}
	
	.entry ol { 
		padding: 0 0 0 35px;
		margin: 0;
	}
	
	.entry ol li { 
		margin: 0;
		padding: 0;
	}
	
	.entry p{
		padding:0 0 10px 0;
	}
	
	.post {
		padding:10px;
		text-align:justify;
		margin-bottom:5px;
	}
	

	/* Pre & Next Articles */
	.navigation {
		padding:5px 0 25px 0;
		border-bottom: 1px #ddd solid;
		border-top: 1px #ddd solid;
	}

	.postmetadata {
		background-color: #FAFAFA;
		padding: 5px; 
		margin: 20px 5px;
		border: 1px solid #f2f2f2;
		font-size: 85%;
	}
	
	.postmetadata .date {
		background: url(images/clock.gif) no-repeat left center;
		padding-left: 20px; margin: 0 10px 0 5px;
	}
	.postmetadata .comments {
		background: url(images/comment.gif) no-repeat left center;
		padding-left: 20px; margin: 0 10px 0 5px;
	}
	.postmetadata .readmore {
		background: url(images/page.gif) no-repeat left center;
		padding-left: 20px; margin: 0 10px 0 5px;
	}	
	
	.comment {
		padding: 5px;
		margin:7px 0;
		border-bottom: 1px #ccc solid;
		border-top: 1px #ccc solid;
		background-color:#f4f6fb;
	}
	
	.authorComment	{
		border-bottom: 1px #ccc solid;
		border-top: 1px #ccc solid;
		background: #000;
	}
	
	.alt { 
		border-bottom: 1px #ccc solid;
		border-top: 1px #ccc solid;
		background: #fafafa;
	}

/* Coding
==============================================================================*/

	pre {
		border: solid 1px gray;	
		font-size: 1.0 em;
		color: blue;
		margin: 5px;
		padding:5px;
		background: #FDEDFC;
	}
	
	code {
		font-size:1.0em;
		color: #008099;
		margin:10px;
	}

/* Pagination
==============================================================================*/

	div.pagination {
		font-family:Verdana,Tahoma,Arial,Helvetica,Sans-Serif;
		font-size: 13px;
		text-align:right;
		padding:4px 6px 4px 0;
		background-color:#fff;
		color:#313031;
	}
	
	div.pagination a {
		color:#0030ce;
		text-decoration:none;
		padding:5px 6px 4px 5px;
		margin:0 3px 0 3px;
		border:1px solid #b7d8ee;
	}
	
	div.pagination a:hover, div.pagination a:active {
		color:#0066a7;
		border:1px solid #b7d8ee;
		background-color:#d2eaf6;
	}
	div.pagination span.current {
		padding:5px 6px 4px 5px;
		margin:0 3px 0 3px;
		border:1px solid #b7d8ee;
		font-weight:bold;
		color:#444;
		background-color:#d2eaf6;
	}
	div.pagination span.disabled {
		display:none;
	}	


/* Breadcrumb
==============================================================================*/

	.breadcrumb	{
		background-color:#eff7ff;
		border-top: 2px solid #bfdaff;
		border-bottom: 2px solid #bfdaff;
		padding:5px;
	}