/*
// CSS Created by: Kris Judah
// HumanPJ.com
*/

body {
	margin: 0px;
	color: #003371;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


	a {
		color: #003371;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}

h1, h2, h3, h4 {
	margin: 0;
	font-size: 11px;
}

h2.pagetitle  {
	margin: 0;
	font-size: 14px; text-align:center;
}

#container {
	width: 940px;
	margin: 0 auto 0 auto;
}

.header {
	margin: 25px 0 0 0;
	width: 100%;
}
	.header h1 {
		margin: 0 0 0 9px;
	}

	.header p {
		float: right;
		margin: 0;
	}

.bar {
	background: url('../images/bar.bg.gif');
	height: 37px;
	margin: 10px 0 10px 0;
}	
	.bar span {
		background: url('../images/bar.bg.gif') no-repeat 0px -37px;
		float: right;
		margin: 0px;
		width: 17px;
		height: 37px;
	}

	.bar ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.bar li {
		padding:0;
		margin: 0;
		height: 37px;
		display: inline;
		float:left;
		list-style-type: none;
	}
	
	.bar li a {
		color: #ffffff;
		text-decoration: none;
	}
	
	.bar li a:hover {
		color: #ffffff;
		text-decoration: none;
	}
#home {
	padding: 0px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	}

	a#home {
			overflow:hidden;
			display:block;
			width:70px;
			height:27px;
			padding: 10px 0 0 10px;
			background:url('../images/bar.start.gif') no-repeat;
	}
	a#home:hover {
		background:url('../images/bar.start.gif') no-repeat 0px -37px;
		}
	
	.common {
		padding: 0px;
		text-align: center;
		font-size: 12px;
		font-weight: bold;
		line-height: normal;
	}
	a.common {
			overflow:hidden;
			display:block;
			width:90px;
			height:27px;
			padding: 10px 0 0 0;
	}
	a.common:hover {
		background:url('../images/bar.bg.gif') no-repeat center -74px;
		}
		
		

.search {
	 margin: 6px 15px 3px 8px; padding: 2px 0 0 8px; border: 1px solid #000000; font-size: 12px; font-weight: bold; background: none; color: #a69d7f; height: 18px; width: 100px;
}

.box {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding: 8px;
	width: 203px;
}
	.box a {
		color: #003371; text-decoration: none;
	}
	.box a:hover {
		text-decoration: underline;
	}
	
	.box ul {
		margin: 0;
		padding: 0;
	}
	.box li {
		list-style-type: none;
		margin: 0 0 0 3px;
		padding: 0 0 4px 20px;
		background: url('../images/blt.gif') no-repeat;
	}
	
	.boxcaption {
		background: url('../images/box.caption.gif') no-repeat;
		padding: 6px 0 0 10px;
		height: 22px;
		width: 211px;
		color: #ffffff;
	}
	
	.boxbottom {
		background: url('../images/box.bottom.gif') no-repeat;
		width: 221px;
		height: 3px;
		margin: 0 0 10px 0;
	}

.categories li h2 {
		background: url('../images/box.caption.gif') no-repeat;
		padding: 6px 0 0 10px;
		height: 22px;
		width: 211px;
		color: #ffffff;
	}


.page {
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	margin: 5px 0 5px 0;
}
	.page p {
	}

.pagination {
	padding: 2px;
	float: right;
	font-size: 12px;
	font-weight: bold;
}
	.pagination ul {
		font-size: 12px;
		margin: 10px 0 10px 0;
		padding: 0px;
		text-align: left;
	}
	.pagination li {
		display: inline;
		list-style-type: none;
		padding-bottom: 1px;
	}
	.pagination a {
		color: #6ca901;
		border: #000000 1px solid;
		padding: 5px;
		margin: 0 5px 0 0;
		text-decoration: none;
	}
	.pagination a:visited {
		border: #000000 1px solid;
		color: #6ca901;
		padding: 5px;
		text-decoration: none;
	}
	.pagination a:hover {
		background-color: #f9fcf5;
		border: #000000 1px solid;
		color: #6ca901;
		text-decoration: none;
	}
	
.padding {
	padding: 0 20px 0 0;
}

.paypal {
	font-size: 18px;
	color: #6ca901;
	font-weight: bold;
	text-align: center;
}

.caption {
	background: url('../images/caption.bg.gif') repeat-x bottom;
	height: 30px;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	margin: 0 0 10px 0;
}
	.caption p {
		background: url('../images/caption.left.gif') no-repeat left;
		padding: 8px 0 2px 14px;
		height: 20px;
		color: #ffffff;
		margin: 0;
	}
	
	.caption a {
		color: #ffffff; text-decoration: none;
	}
	.caption a:hover {
		text-decoration: underline;
	}
	
	.caption h2 {
		background: url('../images/caption.right.gif') no-repeat right;
		float: right;
		margin: 0px;
		font-size: 10px;
		height: 22px;
		padding: 8px 10px 0 0;
	}

.content {
	margin: 0 16px 0 10px;
}
	.content ul {
		margin: 0;
		padding: 0;
	}

	.content li {
		list-style-type: none;
		margin: 0 0 0 3px;
		background: url('../images/blt.gif') no-repeat;
		padding: 0 0 4px 20px;
	}

.fbox {
	border: 1px solid #000000;
	padding: 10px;
	background: #f9fcf5;
	margin: 5px 5px 10px 5px;
}

.lbox {
	margin: 0 5px 25px 5px;
}

.footer {
	background: url('../images/footer.bg.gif') repeat-x top;
	padding: 15px 0 0 0;
	margin: 0 auto 0 auto;
	width: 940px;
	color: #003371;
	height: 40px;
}
	.footer p {
		margin: 0;
	}
	.footer h3 {
		float: right;
		margin: 0px;
		font-weight: normal;
	}
	.footer a {
		color: #003371; text-decoration: none;
	}
	.footer a:hover {
		text-decoration: underline;
	}

.nav {
	color: #003371;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}
	.nav p {
		margin: 0;
		padding: 2px 0 0 0;
	}
	
	.nav h3 {
		float: right;
		margin: 0;
		font-size: 11px;
	}
	
	.nav a {
		font-size: 11px; color: #003371; text-decoration: none;
	}
	.nav a:hover {
		text-decoration: underline;
	}

.article {
	margin: 5px 5px 10px 5px;
	line-height: 18px;
}
	.article a {
		font-weight: bold; color: #003371; text-decoration: none;
	}
	.article a:hover {
		font-weight: bold; color: #003371; text-decoration: underline;
	}


.text {
	border: 1px solid #000000;
	background: #ffffff;
	height: 17px;
	font-size: 12px;
	padding: 2px 2px 2px 6px;
	width: 360px;
	color: #003371;
}
.textarea {
	border: 1px solid #000000;
	padding: 2px 2px 2px 6px;
	font-size: 12px;
	width: 360px;
	color: #003371;
}
.textpy {
	border: 1px solid #000000;
	background: #ffffff;
	height: 17px;
	font-size: 12px;
	padding: 2px 2px 2px 6px;
	width: 50px;
	color: #003371;
}

.limit_field {
   border: 0px;
   font-size: 10px;
   color: #003371;
   background: none;
}

.captcha {
	border: 1px solid #000000;
	background: url('../images/loader.gif') no-repeat center;
}

form {
	Margin: 0;
}

.cat {
	font-size: 13px;
	font-weight: bold;
	color: #003371;
	margin: 0;
}


.cat .cat_image{
margin:0; padding:0;
width:40px; height:40px;
background: url('../images/money.gif') no-repeat center;
}

	.cat a {
		font-size: 13px; color: #003371; text-decoration: none;
	}
	.cat a:hover {
		text-decoration: underline;
	}
	.cat span {
		font-size: 9px;
		padding: 0 0 0 4px;
	}
	
.subcat {
	font-size: 11px;
	color: #003371;
	margin: 0 0 2px 0;
	font-weight: normal;
}
	.subcat a {
		COLOR: #003371; text-decoration: none;
	}
	.subcat a:hover {
		text-decoration: underline;
	}

.break {
	padding: 3px 0 3px 0;
}

.title {
	font-weight: bold; font-size: 13px; color: #003371; margin: 0 0 2px 0;
}
	.title a {
		font-size: 13px; color: #003371; text-decoration: none;
	}
	.title a:hover {
		text-decoration: underline;
	}


.desc {
	font-size: 11px; color: #003371; font-weight: normal; margin: 0 0 2px 0;
}

.url {
	font-weight: normal; font-size: 11px; color: #003371;  margin: 5px 0 5px 0;
}

div.pr {
	font-size: 6pt;
	color: #003371;
}

div.prg{
	width: 40px;
	border: 1px solid #000000;
	height: 3px;
	font-size: 3px;
}

div.prb{
	background: #5eaa5e;
	height: 3px;
	font-size: 1px;
}
.small, .small a {
	padding: 0px;
	margin: 0px;
	color: #003371;
	font-weight: normal;
	font-size: 7pt;
	text-decoration: none;
}

.err {
	color: #003371;
	margin: 0 5px 5px 5px;
	font-weight: bold;
	padding: 6px;
	border: 1px solid #6ca901;
}

.msg {
	color: #003371;
	margin: 0 5px 5px 5px;
	font-weight: bold;
	padding: 6px;
	border: 1px solid #6ca901;
}

span.req {
	color: #003371;
	font-weight: bold;
}

select {
	font-size: 8pt;
	color: #003371;
	border: 1px solid #000000;
}

#toggleCategTree {
   display:block;
   cursor:pointer;
   color:#003371;
   font-weight: bold;
}

#categtree {
   margin:3px 0;
   height:200px;
   width:300px;
   overflow:auto;
   border:1px dotted #000000;
   border-width:0 1px 1px;
}

#catTitle {
	background: none;
	font-weight: bold;
} /* Important for Konqueror */

#categtree h2 {
	margin:0 0 5px;
	font-size: 11px;
	padding:2px;
	text-align:center;
	color:#ffffff;
	background:#a7cb67;
	vertical-align:middle;
}

#categtree #close_tree {
   right:0;
   padding:1px;
   text-align:center;
   white-space:nowrap;
   cursor:pointer;
}

#categtree .categ-item {
   clear:both;
   margin:3px 5px;
   padding:2px 5px;
   display:block;
   color: #303030;
   border:1px dotted #000000;
   border-width:1px 0;
   cursor:pointer;
}

#categtree .categ-item img {
   margin-right:1em;
}

#categtree .odd {
   background:#d9e9bd;
}

#categtree .even {
   background:#FFFFFF;
}

#categtree .categ-item:hover {
   background:#eee;
}

.os {
	color: #003371;
	font-weight: bold;
}
	.os a {
		color: #003371; font-size: 11px; text-decoration: none;
	}
	.os a:hover {
		text-decoration: underline;
	}
	
.design {
	color: #003371;
	font-weight: bold;
}
	.design a {
		color: #003371; font-size: 11px; text-decoration: none;
	}
	.design a:hover {
		text-decoration: underline;
	}
/* ===================================== */
/* ---------- blog --------------------------*/
/* ===================================== */


#sidebar { width:221px; margin:0; padding:0;}

.narrowcolumn {
	float:right;
	padding: 0 0 10px 15px;
	margin: 0;
	width: 700px;
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 700px;
	}

.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}


.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: left;
}

/* Begin Form Elements */

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 300px;
	padding: 2px;
	}

#commentform #submit {
	margin-left: 140px;
	float: left; 
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



