body	{
	height				: 100%;
	margin 				: 0px;
	padding				: 0px; /* Fix: Opera extra padding */
	background-color 		: #eee;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 100%;
}

#body {
	position			: relative;
	margin				: 0 auto;
	width				: 50.3em;
	x-max-width			: 970px;
	min-width			: 200px;
	border				: 1px solid #000;
	background			: #5F605B;
	x-background		: #EAEAEA url(/images/green/bodybg.png) repeat-x top left;
	font-size			: 85%;
}

#header {
	background			: #fff;
}

#header #branding {
	background	: #709B2D;
	height		: 2.6em;
	overflow	: hidden;
}

#header #branding h1 {
	color				: #fff;
	font-size			: 120%;
	margin				: 0em;
	position			: relative;
	left				: 1em;		
	top				: 0.2em;
	
	background-image		:  url('/images/green/moleaware.jpg');
	width: 150px;
	height: 25px;
}	


#header #branding h1 span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

#header #msg {
	width		: 100%;
	height		: 98%;
	font-family	: arial, helvetica, sans-serif;
	height		: 16em;
}

#header #msg #txt {
	width		: 28em;
	position	: relative;
	top		: 1em;
	left		: 18em;
}

#header #msg #txt h2 {
	margin		: 0em;
	color		: #709B2D;
	font-size	: 160%;
	font-weight	: normal;
	letter-spacing	: 4px;
}

#header #msg #txt h3 {
	margin		: 0em;
	color		: #666;
	font-size	: 95%;
}

#header #msg #txt ul {
	color		: #709B2D;
}
#header #msg #txt ul li {
	margin		: 0em;
	font-size	: 85%;
	line-height	: 1.4em;
	margin-bottom	: 1em;
}
#header #msg #txt ul li span {
	color		: #666;
}

#content,
#sidebar,
#footer {
	padding		: 0.5em;
}

#nav {
	border-top	: 1em solid #709B2D;
	x-border-bottom	: 1px solid #555;	
	background	: #5F605B;
	width		: 100%;
	height		: 2.3em;
	float		: left;
	overflow	: hidden;
}
#nav  ul{
	float		: left;
	list-style	: none;
	margin		: 0em;
	display		: block;
	clear		: both;
}
#nav ul li {
	float		: left;
	padding		: 0.6em;
	x-border-right	: 0.1em solid #555;
}

#nav ul li a {
	color	  	 : #eee;
	text-decoration	 : none;
	padding		 : 0.5em;
	font-size	 : 85%;
	border		: 1px solid #333;
	border-radius		: 0.5em; -moz-border-radius	: 0.5em; -khtml-border-radius	: 0.5em;
}

#nav ul li a:hover {
	background	: #C6C6C6;
	color		: #000;
	
}





#sidebar {
	float	 	: right;
	width		: 31%;
	color		: #666;
	font-size	: 80%;
	padding		: 0em 0.4em 1em 0em;
}



#content {
	float	 	: left;
	background	: #fff;
	width		: 65.2%;
	clear		: both;
	border-right	: 1px solid #000;
	border-bottom	: 1px solid #000;
}
#content #inner {
	width		: 90%;
	padding-left	: 1em;
	height		: 100%;
}
#content #outer {
	width		: 18%;
}

#content h2 {
	margin		: 0.5em 0em 0.5em 0.5em;
	color		: #709B2D;
	font-size	: 130%;
	font-weight	: normal;
	letter-spacing	: 4px;
} 

#content h3 { 
	color 		: #709B2D;
	margin		: 1em 0em 0em 0.5em;
	font-family	: arial, helvetica, sans-serif;
	margin		: 1em 0em 0em 0.5em;
}
#content h3 a,
#content h2 a {
	color		: #709B2D;
	text-decoration : none;
}

#content .post .postmeta {
	margin		: 0em 0em 0em 0.5em;
	color		: #666;
}

#content .post  {
	
}

#content a {
	color		: #709B2D;
	font-weight	: bold;
	text-decoration	: none;
}
#content a:hover {
	text-decoration	: none;
	color		: #5C7F25;
}

#content p {
	margin		: 1em 0em 0.5em 0.6em;
	line-height	: 1.5em;
	font-size	: 95%;
	color		: #666;
}

#content ul,
#content ol {

	list-style-position	: inside;
	color			: #709B2D;
	background		: #fff;
	padding			: 0.5em;
	padding-left	: 2.5em;

	margin		: 0.3em;
}

#content ul.boxout,
#content ol.boxout,
#content blockquote {

	list-style-position	: inside;
	color			: #709B2D;
	background		: #fff;
	padding			: 0.5em;
	padding-left		: 2.5em;

	margin		: 0.3em;
	border		: 1px solid #666;
	border-radius		: 0.3em; -moz-border-radius	: 0.3em; -khtml-border-radius	: 0.3em;
}

#content ul.boxout
#content ol.boxout, {
	margin		: 1em;
	width		: 75%;
}

#content blockquote {
	margin		: 1em;
	padding		: 1em 0.5em 0.5em 3em;
	border-left	: 3px solid #666;
	background	:  url(images/blockquote.png) no-repeat top left;
	background-position	: 0.5em 0.5em;
}



#siteintro blockquote {
	float		: right;
	background	: none;
	margin		: 0.5em;
	margin-left	: 1em;
	margin-top	: 0.5em;
	padding		: 0.5em;
	width		: 65%;
}
}
#siteintro blockquote p {
	margin		: 0em 0em 1em 0.7em;
}

#content ul.para li {
	margin-bottom : 1em;
} 

#content ul.links {
	border				: none;
	list-style-position : outside;
	font-size			: 95%;
	margin-left			: 2em;
}
#content ul.links li  {
	padding-bottom		: 1em;
}
#content ul.links li a {
	color		: #666;
}
#content ul.links li span {
	display		: block;
}
#content ul.links li small {
	color		: #709B2D;
	display		: block;
}

/*#content ul.book li {
	list-style-image : url('./images/icon_book.png');
}

#content ul.web li {
	list-style-image : url('./images/icon_web.png');
}*/


.clear {
	clear		: both;
}

#siteintro #facts {
	float		: left;	
	width		: 24%;
	height		: 550px;
	background	:  url(/images/green/facts.png) no-repeat top left;
}

#siteintro #people {
	position	: relative;
	top			: 350px;
}

#siteintro #audio {
	position	: relative;
	top			: 0em;
	left		: 1.5em;
}

#siteintro #audio img {
	width		: 2.5em;
}


sup, sub {
	font-size		: 60%;
}

a img {
	border			: none;
}

#content ul li,
#content ol li {
	color		: #709B2D;
	font-weight	: bold;
}
#content ul li span,
#content ol li span {
	line-height	: 1.5em;
	font-size	: 95%;
	font-weight	: normal;
	color		: #666;
}

#content ol.abc li {
	list-style-type: upper-alpha;
}
#content ol.abcde li {
	list-style-type: upper-alpha;
}

#content ol.abc {
	background : #fff url(/images/abc.jpg) no-repeat bottom right;
}

#content .related {
	font-size	: 80%;
	color		: #666;
	x-border-top	: 1px solid #709B2D;
}
#content .related li {
	font-size	: 100%;
	color		: #666;
	margin		: 0em;
}
#content .related h4 {
	font-size	: 110%;
	color		: #666;
	margin		: 0em 0em 0em 0.7em;
}


#content span.intro {
	font-weight	: bold;
}
#content p em {
	font-weight	: bold;
	font-style	: normal;
	font-size	: 80%;
	color		: #709B2D;
}
#content hr {
	height		: 0.1em;
	border		: none;
	border-top	: 0.1em solid #709B2D;
}
#content #signature {
	background 	:  url(/images/signature.jpg) no-repeat top left;
	width: 100%;
	padding-top	: 2em;
	margin-left	: 0.3em;
}

#content #signature p {
	line-height	: 1em;
	margin-left	: 0.3em;
}






#sidebar h3 {
	margin		: 0.5em 0em 0em 0.3em;
	font-size	: 110%;
	color		: #5F605B;
}
#sidebar p {
	margin		: 1em 0em 1em 1.5em;
	line-height	: 1.5em;
	color		: #666;
}
#sidebar ul {
	color	: #709B2D;
}
#sidebar ul.tags {
	list-style-type		: none;
	list-style-position	: outside;
	margin			: 0em 0em 1em 0.5em;
}

html > body #sidebar ul.tags {
	position		: relative;
	left			: -2.5em;
	
}

#sidebar ul.tags li {
	x-display : inline;
}

#sidebar a,
#sidebar a:hover {
	color	: #666;
}

#sidebar #counter {
	border		: 1px solid #666;
	-border-radius : 0.4em; -moz-border-radius : 0.4em; -khtml-border-radius : 0.4em;
	-moz-opacity	: 0.2;	-khtml-opacity	: 0.2;
	width		: 70%;
			
	color		: #333;
	height		: 15px;
	margin-left	: 11%;
}



#sidebar #counter span {
	display		: block;
	text-align	: center;
	color		: #fff;
	width		: 40%;
	height		: 17px;
	x-background	: #709B2D url(/images/green/progressbar.png) top left repeat-x;
	background	: #709B2D;
	
}

#sidebar .boxout {
	background	: #eee;
	padding		: 0.3em;
	margin		: 0.3em;
	border		: 1px solid #fff;
	border-radius		: 0.3em; -moz-border-radius	: 0.3em; -khtml-border-radius	: 0.3em;
}

#sidebar a.button,
#sidebar p.butt a,
#content a.button,
#chatForm input#submitchat,
#commentform #submit {
	background	: #709B2D;
	color		: #fff;
	text-decoration	: none;
	padding		: 0.3em;
	margin		: 0.3em;
	border		: 1px solid #fff;
	border-radius		: 0.3em; -moz-border-radius	: 0.3em; -khtml-border-radius	: 0.3em;
	
}

#chatForm input#submitchat {
	cursor		: pointer;
	font-size	: 1em;
	position	: relative;
	right		: 5px;
	width		: 60%;
}

#content a.large {
	font-size	: 130%;
}

#sidebar a:hover.button,
#content a.:hover.button {
	background	: #5C7F25;
	color		: #fff;
}

#footer {
	clear		: both;
	background	: #709B2D;
}

#footer p {
	margin		: 0em;		
	color		: #eee;
	font-size	: 85%;
}
#footer a,
#footer a:hover {
	color		: #eee;
	font-weight	: bold;
	text-decoration : none;
}



h2.imgh {
	padding: 35px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	height: 0px !important;
	position : relative;
	left	: -0.6em;
}

.icon_padlock {
	background	:  url(/images/padlock.png) no-repeat top left;
	display		: block;
	width		: 22px;
	height		: 22px;
	float		: left;
	clear		: both;
	margin-right	: 0.5em;
}

.time2read {
	display		: block;
	color		: #666;
}

ul li a#cathighlight,
ul li a:hover#cathighlight {
	text-weight : bold;
	padding		: 0.3em;
	color		: #2C577B ;
	border-left	: 0.1em solid #2C577B ;
}

.postmeta span {
	border-right	: 1px solid black;
	color		: #666;
	padding-left	: 0.2em;	
	padding-right	: 0.5em;
	margin-right	: 0.5em;
	font-weight	: bold;
}



.post {
	border-bottom	: 1px solid #ccc;
	margin-bottom	: 3em;
}



.post p img.imgfloat {
	float 		: right; 
	margin		: 1em; 
	margin-top	: 0.5em;
}


.post .gallery {
	list-style-position	: inside;
	color			: #666;
	background		: #fff;
	padding			: 0.5em;

	margin-top		: 0.5em;
	border			: 1px solid #666;
	border-radius	: 0.3em; -moz-border-radius	: 0.3em; -khtml-border-radius	: 0.3em;
}

.post .gallery span {
	
}


.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist .hidden {
	display	: none;
}

.commentlist {
	margin: 1.2em 0;
	padding: 0;
	border-bottom: 1px solid #666;
	list-style-type: number;
}

.commentlist .info {
	font-color	: red;

}

.commentlist li {
	font-weight: bold;
	border-radius		: 0.5em; -moz-border-radius	: 0.5em; -khtml-border-radius	: 0.5em;
	padding: 1em;
	border : 1px solid #666;
	margin-bottom	: 1em;
	background-color	: #FAFAF0;

}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size	: 100%;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.4em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata a {
	font-weight: normal;
	font-size	: 90%;
	color		: #666;
}

/* Comments */

.alt {
	background-color: #FAFAF0 !important;
}
.commenttitle {
	margin-bottom: 0;
	font-size: 1.1em;
}
.commentmeta {
	margin-top: 0;
	font-size: 0.9em;
	color: #999;
}
#comment {
	width: 98%;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
/* End Images */


/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 115px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.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: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */

.resband {
	width	: 100%;
	background :  url(/images/green/bandshot.png) no-repeat top right;
	padding-left : 0.5em;
}

#content .resband p {
	font-size : 85%;
	color	: #333;
	margin-left	: 0em;
}

#content .resband p.intro {
	width : 50%;
}

.resband span {
	display	: block;
	width	: 85%;
	border: 1px solid #666; padding: 1em;
	background	: #eee;
	font-size : 90%;
}