/**********************************************************
	AUTHOR:  			Carl Vanderpal
	AUTHOR URI:   		http://www.freeenterprise.com.au/
	THEME NAME: 		Stylz
	TEMPLATE CODE: 		T-20080827
	VERSION:          	1.5
	DATE:             	2008-08-27
	COPYRIGHT:			(c) 2008 Free Enterprise Marketing. All rights reserved.
	DESCRIPTION: 		Brought to you by freeenterprise.com.au
**********************************************************/

	* { /* removes defaults from all elements */
		margin: 0;
		padding: 0;
		}

	body {
		color:#222;
		background-color:#e5e3df;
		font:80%/195% Verdana, Helvetica, sans-serif;
		margin:0;
		padding:0;
		text-align:center;
		}
		
	h1, h2, h3, h4, h5, h6 {
		margin: 0;
		padding:0;
	}
	
	img {
		border:0;
		}
		
	img.alignleft {
		float:left;
		margin:3px 10px 10px 0;
		}
	img.alignright {
		float:right;
		margin:3px 0 10px 10px;
		}
		
	img.aligncenter	{
		display:block;
		margin:0 auto;
	}
	
	#sideBar img.alignright	{
		float:right;
		margin:0 25px 10px 10px;
	}
		
/* Layout Elements
==============================================================================*/

	#container {
		width: 100%;
		margin:0 auto;
		padding:0;
		text-align:center;
		}


/* Header
==============================================================================*/

	#headerContainer	{
		padding:0;
		margin:0;
		background-color:#FFF;
	}
	
	#header	{
		width:1000px;
		padding:0;
		margin:0 auto;
	}

	#logo	{
		padding:5px 10px;
		margin: 3px 0;
		float:left;
	}


/* Page & Current
==============================================================================*/

	table	{ 
		border-collapse:separate;
		border-spacing:0 
	} /* Trebuie pus in markup cellspacing="0" */


	#sectionContainer	{
		width: 1000px;
		margin:0 auto;
		padding:0;
		text-align:left;
		background-image:url(images/section_bg.gif);
		background-repeat:repeat-y;
		background-position:bottom;
	}
	
	/* for IE only */
	*html #sectionContainer	{
		width:1000px;
		w\idth:1000px;
		margin:0 10px;
	}
	
	#pageHeader	{
		padding:0;
		margin:0;
		background-image:url(images/section_header.jpg);
		background-repeat:no-repeat;
		min-height:300px;
		max-height:305px;
	}
	
	/* for IE only */
	* html #pageHeader	{
		padding:0;
		/*margin:0 10px;*/
		background-image:url(images/section_header.jpg);
		background-repeat:no-repeat;
		min-height:300px;
		height:305px;
		max-height:305px;
	}
	
	#pageContainer {
		padding:0 10px 0 0;
		margin:0;
		}
	
	#pageContent {
		width:580px;
		float:left;
		padding:0 5px;
		margin:0 0 20px 50px;
		color:#444;
	}
		
	/* for IE only */
	*html #pageContent {
		width:580px;
		w\idth:570px;
		float:left;
		padding:0 5px;
		margin:0 0 20px 20px;
		color:#444;
	}
	
	#pageContentWide	{
		width:960px;
		float:left;
		padding:0 5px;
		margin:0 0 20px 20px;
		color:#444;
	}
	
	*html #pageContentWide	{
		w\idth:960px;
		float:left;
		padding:0 5px;
		margin:0 0 20px 20px;
		color:#444;
	}
	
	h1, h2, h3	{
		padding:10px 0 10px 10px;
		color:#c96e25;
	 }
	
	h1 { 
	  font-size: 24px; 
	  line-height: 36px;
	  margin-bottom: 18px;
	}
	
	h2 { 
	  font-size: 18px; 
	  line-height: 18px; 
	  margin-bottom: 18px;
	}
	
	h3 { 
	  font-size: 12px; 
	  line-height: 18px; 
	}
	
	#pageContent ul, #pageContent ol	{
		list-style-position:inside;
		text-indent:10px;
	}
	
	p {
		font-size:1em;
		margin-top: 1.5em;
		margin-bottom: 1.5em;
		margin-right:20px;
		margin-left:20px;
	}	
	
	.serviceleft	{
		float:left;
		width:430px;
	}
	
	.serviceright	{
		float:right;
		width:150px;		
	}
	
	.sBlocks	{
		float:left;
		padding:2px;
		width:285px;
	}
	
	.odd	{
		background-color:#e5e3df;
	}
	
	td	{
		padding:5px;
		font-size:11px;
	}
	
	
/* sideBar
==============================================================================*/
	
	#sideBar {
		width:300px;
		float:right;
		padding:0;
		margin:0 20px 0 0;
	}
	
	#sideBarContent	{
		padding:10px 0;
		margin:0;
	}
	
	#sideBar h2	{
		padding:0;
		margin:0
	}



/* Page Section Links
==============================================================================*/

	#pageContainer a, #copyright a	{
		color: #1773BC;
		text-decoration:none;
		font-weight:bold;
	}
	
	#pageContainer a:hover, #pageContainer a:active	{
		color: #93BC0C;
	}

	#pageContainer a, #copyright a	{
		text-decoration:none;
		font-weight:bold;
	}
	
	#pageContainer a:hover, #pageContainer a:active, #copyright a:hover, #copyright a:active	{
		text-decoration:underline;
		font-weight:bold;
	}
	
		
/* Footer & Copyright
==============================================================================*/

	#footer	{
		margin: 0px auto; /* centers the page */
		width: 1000px;
		background-repeat: no-repeat;
		background-image:url(images/section_footer.gif);
		min-height:35px;
		text-align:center;	
	}
	
	/* A CSS comment before the hack \*/
	* html #footer {
		width: 1000px;
		height:35px; 
	}
	/* Another CSS comment after the hack */
	
	#copyright	{
		margin:0 auto; /* centers the page */
		width: 1000px;
		font-size:75%;
		text-align:center;
	}
	
	#copyright li a	{
		border-right:1px #ccc solid;
	}

	#copyright a:hover, #copyright a:active	{
		color:#fff;
	}
	
	#copyright ul	{
		display:inline;
	}
	
	#copyright li, #copyright li a	{
		display:inline;
		list-style:none;
		padding:0 5px 0 0;
	}
	
/* Misc
==============================================================================*/

	.snip	{
		border: 1px dashed #eee;
	}		

	.clear	{
		clear:both;
	}
	
	.keratin	{
		color:#f36f21;
		font-weight:bold;
	}



/* ColorTabs For PrimaryNav
==============================================================================*/

	#primaryNavTabs	{
		background: transparent;
		voice-family: "\"}\"";
		voice-family: inherit;
		width:1000px;
		margin:0 auto;
		padding:0 0 0 10px;
	}

	#primaryNavTabs a	{
		color: white;
		background: #5c5b5b url(images/color_tabs_left.gif) no-repeat left top;
	}
	
	#primaryNavTabs a span, #primaryNavTabs ul .page_item	{
		background: transparent url(images/color_tabs_right.gif) no-repeat right top;
		float:left;
		display:block;
		padding:4px 9px 2px 6px;
	}
	
	#primaryNavTabs a:hover	{
		background-color:#da7829;
	}
	
	#primaryNavTabs a:hover span	{
		background-color:#da7829;
	}
	
	#primaryNavTabs #pnt-current a, #primaryNavTabs #pnt-current span	{ /*currently selected tab*/
		background-color:#c96e25;
	}
	
	#primaryNavTabsline	{
		background-color:#c96e25;
		color:#fff;
	}

	#primaryNavTabs ul	{
		font: bold 10px Arial, Verdana, sans-serif;
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#primaryNavTabs li	{
		display:inline;
		margin:0 2px 0 0;
		padding:0;
		text-transform:uppercase;
	}
	
	
	#primaryNavTabs a	{
		float:left;
		margin:0 2px 0 0;
		padding:0 0 1px 3px;
		text-decoration:none;
		letter-spacing: 1px;
	}
	
	#primaryNavTabs a span	{
		float:none;
	}
	
	#primaryNavTabsline	{
		clear:both;
		padding:0;
		margin:0;
		height: 8px;
		line-height: 8px;
	}


/* 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;
	}
	
	.entry div ul li{
		list-style:none;
	}
	
	html>body .entry ul { 
		margin-left: 0px;
		padding: 0 0 0 30px;
		list-style: none;
		padding-left: 10px;
		text-indent: -10px;
	} 
	
	html>body .entry 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;
	}


/* Links
==============================================================================*/

	a:link, a:visited	{
		text-decoration:none;
		color:#39C;
	}
	
	a:hover	{
		text-decoration:underline;
		color:#069;
	}
	
	a img {
		border:none;	
	}


/* 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;
	}

/* Coding
==============================================================================*/

	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;
	}	
