body {
/*		margin:0px 0px 10px 0px;
		background:#FFFFFF;
*/
		margin:20px 20px 20px 20px;
		padding: 0 0 0 0;
		background: url(images/back_camel.gif) #EAE1CA ;
		}
	A 			{ color: #999966; text-decoration: none; font-weight:bold; } 
	A:link		{ color: #999966; text-decoration: none; } 
	A:visited	{ color: #999966; text-decoration: none; } 
	A:active	{ color: #99CC66;  } 
	A:hover		{ color: #99CC66;  }
	
	h1, h2, h3 {
		margin: 0px;
		padding: 0px;
	}
	form {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		}

a img
{
	border: 0;
}

#banner
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
/*    PADDING-RIGHT: 20px;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 10px;
*/	height: 50px;
/*	background: url(images/logo_geek.gif) no-repeat; */
/*	border: solid 1px red;*/
}

#footer
{
	border-top: dotted 1px #aaa;
	margin-top: 5px;
	padding-top: 5px;
	font-family:verdana, arial, sans-serif;
	color:#333;
	font-size:11px;
	font-weight:normal;
}


div.pages
{ 
	font-family:verdana, arial, sans-serif; 
	font-size: 10px; 
	color: #999; 
}			

.contenttitle .pages
{ 
font-weight: normal; 
}

.contenttitle .pages a {
font-weight: normal; 
}

.pages a,
.pages a:link,
.pages a:visited
{
	color: #003366;
	text-decoration: none;
}


	#bannerx {
		font-family:verdana, arial, sans-serif;
		color:#FFF;
		font-size:x-large;
		font-weight:normal;
		border-bottom:1px dotted #FFF;
		border-top:3px solid #99CCFF;
  		background:#336699;
  		padding:15px; 
  		text-transform:uppercase;
		letter-spacing: .2em; 		
		}
	
	#bannerx a,
        #banner a:link,
        #banner a:visited,
        #banner a:active,
        #banner a:hover {
		font-family:verdana, arial, sans-serif;
		font-size: x-large;
		color: #FFF;
		text-decoration: none;
		}

	.description {
		font-family:verdana, arial, sans-serif;
		color:#99CCFF;
		font-size:x-small;
		font-weight:bold;
  		background:#336699;	
  		text-transform:none;	
		letter-spacing: none; 		
		}	


#content
{
    MARGIN: 10px 180px 0px 0px;
/*
	border: solid 1px blue;
	background: #8080ff;
*/
}

#container
{
    MARGIN: 10px 0px 0px 0px;
	text-align: left;
/*
	border: solid 1px blue;
	background: #8080ff;
*/
}

.contentbox {
	margin-bottom:10px;
	border: 1px solid #aaa;
	}	

.contenttitle
{
	font-family:verdana, arial, sans-serif;
	color:#666;
	font-size:x-small;
	font-weight:bold;
	background:#E9E0C9;
	line-height:140%;
  	padding: 2px 5px 2px 5px;				
/*	text-align:center;*/
	text-transform:uppercase;
	letter-spacing: .2em;  					
	border-bottom: 1px solid #aaa;
}

.contentbody h3
{
		font-family:verdana, arial, sans-serif;
		color:#333;
		font-size:11px;
		font-weight:bold;
  		line-height:140%;
  		padding-top: 0.5em;
}

.contentbody
{
		font-family:verdana, arial, sans-serif;
		color:#333;
		font-size:11px;
		font-weight:normal;
  		background:#FFF;
  		line-height:140%;
 /* 		padding: 5px 10px 5px 10px;				*/
  		padding: 5px 10px 5px 10px;
/*		margin: 2px 2px 2px 2px;
		border: solid 1px red;*/
}

p
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#sidenav
{
    FONT-SIZE: small;
    RIGHT: 20px;
    WIDTH: 170px;
    POSITION: absolute;
    TOP: 80px;
/*
	border: solid 1px green;
	background: #80ff80;
*/
}

.sidebox {
	margin-bottom:10px;
	border: 1px solid #aaa;
	}	
		

.sidetitle
{
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:x-small;
		font-weight:bold;
  		background:#E9E0C9;
  		line-height:140%;
		padding: 2px 5px 2px 5px;				
  		text-align:center;
  		text-transform:uppercase;
		letter-spacing: .2em;  					
		border-bottom: 1px solid #aaa;
}

.sidebody
{
		font-family:verdana, arial, sans-serif;
		color:#333;
		font-size:x-small;
		font-weight:normal;
  		background:#F7F3E9;
  		line-height:140%;
  		padding:5px 10px 5px 10px;				
}


	#contentx {
		position: absolute;
		left: 20px;
		right: 192px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		xborder: solid blue 1px;
		/*
		border: solid blue 1px;
		background:#fff;
		border-right:1px dotted #999;
		margin-right:15px;
		padding-bottom:20px;
		*/
		}

	#links {
		RIGHT: 20px;
		WIDTH: 200px;
		POSITION: absolute;
		xborder: solid yellow 1px;
/*
		position: absolute;
		right: 20;
		top: 40;
		width: 150px;
		background:#fff;
		padding-right:15px;				
*/
	}
		
	.blog {
	/*
  		padding-left:15px;
  		padding-top:15px;
  		padding-right:15px;
	*/
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		xborder: solid red 1px;
		}	
	
	.blogbody {
		font-family:verdana, arial, sans-serif;
		color:#333;
		font-size:11px;
		font-weight:normal;
  		background:#FFF;
  		line-height:140%;
  		padding-left:10px;	
  		padding-right:10px;
  		padding-top:10px;			
/* 		border-bottom:1px dotted #666; */
		border: 1px solid #aaa;
		margin: 10px 0px 10px 0;
		}

	.sideboxx {
  		margin-top:10px;
		border: 1px solid #aaa;
		}	
		

	.sidetitlex {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:x-small;
		font-weight:bold;
  		background:#E9E0C9;
  		line-height:140%;
  		padding:2px;
  		text-align:center;
  		text-transform:uppercase;
		letter-spacing: .2em;  					
		border-bottom: 1px solid #aaa;
		}		
	
	.sidex {
		font-family:verdana, arial, sans-serif;
		color:#333;
		font-size:x-small;
		font-weight:normal;
  		background:#F7F3E9;
  		line-height:140%;
  		padding:5px 10px 5px 10px;				
		}	
		

	div.extended {
/*		margin-bottom: 10px;*/
		margin-left: 2em;
		color: red;
	}


	.blogbody a,
	.blogbody a:link,
	.blogbody a:visited,
	.blogbody a:active,
	.blogbody a:hover {
		font-weight: normal;
		text-decoration: underline;
	}
	
	.title	{ 
		font-family: verdana, arial; 
		font-size: small; 
		color: #003366; 
		text-transform: uppercase;
		font-weight:bold;	
		}			

	.title_left	{ 
		font-family: verdana, arial, sans-serif; 
		font-size: 10px; 
		color: #666; 
		text-transform: uppercase;
		font-weight:bold;	
  		float: left;	
		}			

	.title_right { 
		font-family:verdana, arial, sans-serif; 
		font-size: 10px; 
		color: #999; 
		text-transform:uppercase;
  		float: right;	
		}			

	.title_left a,
	.title_left a:link,
	.title_left a:visited,
	.title_right a,
	.title_right a:link,
	.title_right a:visited,
	{
		color: #003366;
		text-decoration: none;
	}

	.title_left a:active,
	.title_left a:hover,
	.title_right a:active,
	.title_right a:hover
	{
		text-decoration: underline;
	}

	#menu {
  		margin-bottom:15px;
		background:#FFF;  							
		}	
		
	.date	{ 
		font-family:verdana, arial, sans-serif; 
		font-size: small; 
		color: #666; 
		border:1px solid #999;
		padding:5px;
		margin-bottom:10px;
		font-weight:normal;
		}			
		
	.posted	{ 
		font-family:verdana, arial, sans-serif; 
		font-size: x-small; 
		color: #003366;
		margin-bottom:15px; 
		}
		
		
	.calendar {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:x-small;
		font-weight:normal;
  		background:#FFF;
  		line-height:140%;
  		padding:2px;
  		text-align:center;	
		}
	
	.calendarhead {	
		font-family:verdana, arial, sans-serif;
		color:#003366;
		font-size:x-small;
		font-weight:bold;
  		background:#FFF;
  		line-height:140%;
  		padding:2px;				
		}	
	
	.syndicate {
		font-family:verdana, arial, sans-serif;
		font-size:xx-small;
		font-weight:bold;		
  		line-height:140%;
  		padding:2px;
  		margin-top:10px;
  		text-align:center;
  		background:#EEE;  		
 		}	
		
	.powered {
		font-family:verdana, arial, sans-serif;
		color:#003366;
		font-size:xx-small;
		font-weight:bold;
		border-top:1px solid #CCC;
		border-bottom:1px solid #CCC;		
		line-height:140%;
		text-transform:uppercase; 
		padding:2px;
		margin-top:10px;
		text-align:center;
		letter-spacing: .2em  					
		}	
	
	.comment-block {
  		margin-top: 0px;			
  		margin-bottom:15px;			
		}

	.comments-inline P {
  		margin-top:15px;			
  		margin-bottom:5px;			
		}

	.comments-inline {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:small;
		font-weight:normal;
  		background:#FFF;
  		line-height:120%;
  		padding-left:30px;			
  		padding-right:30px;			
		}		

	.comments-body {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:small;
		font-weight:normal;
  		background:#F7F3E9;
  		line-height:140%;
  		padding:10px;
	/* TODO: have a commentbox div class */
	border: 1px solid #aaa;
		}
	
	.comments-body input,
	.comments-body textarea
	{
  		background:#F7F3E9;
	}

	.comments-post {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:x-small;
		font-weight:normal;
		}	

	.trackback-body {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:small;
		font-weight:normal;
  		background:#FFF;
  		line-height:140%;
  		padding:10px;			
		}		

	.trackback-url {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:small;
		font-weight:normal;
  		background:#FFF;
  		line-height:140%;
  		padding:10px;
  		border:1px dashed #CCC;			
		}

	.trackback-post {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:x-small;
		font-weight:normal;
  		background:#FFF;			
		}

		
	.comments-head	{ 
		font-family: verdana, arial, sans-serif; 
		font-size: small; 
		color: #666; 
		border:1px solid #999;
		padding:5px;
		font-weight:normal;
		margin-top:10px;		
		}		

	#banner-commentspop {
		font-family:verdana, arial, sans-serif;
		color:#FFF;
		font-size:large;
		font-weight:bold;
		border-bottom:1px dotted #FFF;
		border-top:3px solid #99CCFF;
  		background:#336699;
  		padding:15px; 
		}

/* Code Bautifier */
.linecomment { color: #FF8000; }
.blockcomment { color: #FF8000; }
.prepro { color: #0000BB; }
.select { background: #FFFF80; }
.quote { color: #DD0000; }
.category1 { color: #007700; }
.category2 { color: #0000BB; }
.category3 { color: #0000BB; }

PRE
{
    BORDER: #999 1px solid;
    PADDING: 2px 5px 3px 5px;
    FONT-SIZE: 11px;
    LINE-HEIGHT: 15px;

    MARGIN-LEFT: 30px;
    MARGIN-RIGHT: 30px;
    COLOR: #333;
    BACKGROUND-COLOR: #eee
 /*    FONT-FAMILY: geneva, verdana, arial, sans-serif; */
}