/* CSS Document */



body {

	background-color:#8EBCBA;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1em;

	color:#333333;

	cursor:default;

	margin:0;

	background-image: url("images/backgrounds/main.jpg");

	background-position:center;

	background-repeat:repeat-y;

}

#container {

	width:700px;

	padding:0px;

	background-color:#FFFFFF;

	margin:0 auto 0 auto;

}

p, h1, h2, h3 {font-family:Arial, Helvetica, sans-serif;

letter-spacing:-1px;
}

p, td {

	font-size:90%;
	letter-spacing:0px;

}

h1 {

	font-size:200%;

}

h2 {

	font-size:120%;

}


h3 {

	font-size:100%;

}




#header {

	width:700px;

	padding:0px;

	margin:0px;
	
	margin-top:10px;
	
	background-color:#00857F;

	height:139px;
}



#header h1, #header h2, #header p {

	color:#FFFFFF;

	font-weight:bold;
	
	padding-left:300px;

	padding-right:10px;
	
	background-image:none;

}

#header h1 {


	padding-top:20px;

	padding-bottom:15px;
	
		border-bottom:2px solid #ffffff;

text-transform:lowercase;

letter-spacing:normal;




}

#header p {


font-size:100%;

font-style:italic;

}

#header .template {

	font-size:120%;
	text-transform:uppercase;
font-style:normal;
}


#main_menu {

	width:700px;

	padding-top:5px;

	padding-bottom:5px;

	background-color:#D1B27D;

	text-align:right;

	color:#FFFFFF;

	background-image: url("images/backgrounds/menubg2.jpg");

	margin-bottom:10px;

}

#main_menu a {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:65%;

	font-weight:bold;

	text-transform:uppercase;

	color:#FFFFFF;

	text-decoration:none;

	padding-left:5px;

	padding-right:5px;

	padding-top:12px !important;

	padding-top:13px;

	padding-bottom:11px;

	margin-left:1px !important;

	margin-left:1px;

}

#main_menu a:hover {

	background-color:#A37523;

}

#main_menu .aactive {

	background-color:#C19546;


}

.leaves {

	border-right:2px solid #ffffff;

	float:left;

}

#sidebar {

	width:150px;

	border:1px solid #cccccc;

	padding:5px;

	float:left;

	clear:left;

	background-image: url("images/backgrounds/article.jpg");

	background-position:bottom right;

	background-repeat:repeat-x;
	}

#sidebar h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block; width:145px; 
	padding:5px 10px 5px 5px; 
	margin:0px 0px 1px 0px;
	background-color:#C19546;
	color:#ffffff;
	border:none;
	background-image:none;
	text-transform:uppercase;
	font-size:120%;
	letter-spacing:normal;
}

#sidebar a  {display:block; width:145px; padding:4px; margin:1px 0px 1px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:90%;
	text-decoration:none;
	
	border-bottom:1px dashed #ffffff;
}

#sidebar a:hover {
color:#B23350;
border-bottom:1px dashed #B23350;

}
.article {

	margin-left:170px;
	
		line-height:120%;

	padding:10px;

	border: 1px solid #cccccc;

	margin-bottom:10px;

}


.article p, article li {

	margin:10px;

}



.article h2 {	

	
	color:#222222;
	font-weight:normal;
	
	border-bottom:1px solid #cccccc;

	background-image: url("images/backgrounds/headers.jpg");

	background-position:top right;

	background-repeat:no-repeat;

	padding-bottom:2px;

	padding-top:5px;

}

.article  a  img{
float:left;
border:1px solid #9F2440;
margin:3px;
}

.article  ol, .article ul{
font-size:85%;
}

.article li{
margin-bottom:13px;}

.selector {background-color:#AEE1FF;}

.property {background-color:#ccffcc;}

.value {background-color:#D6A3D6;}
p.cssf {
margin:0px;
padding:0px;
color:#A77510;
font-size:90%;
font-weight:bold;
text-transform:uppercase;
}

p.csscode {margin:2px;font-size:95%;  padding:6px; font-weight:bold; background-color:#F0D7A5;}
.code {
font-size:90%;
font-weight:bold;

}

p.csschart {margin:2px;font-size:95%;  padding:6px; font-weight:normal; background-color:#F0D7A5;}
.code {
font-size:90%;
font-weight:bold;

}

p.htmlf {
color:#0A817C;
font-size:90%;
font-weight:bold;
text-transform:uppercase;
margin:0px;
padding:0px;
}

p.revise {margin:2px; padding:6px; font-size:95%;background-color:#F0D7A5;}

p.htmlcode {margin:2px; padding:6px; font-size:95%;font-weight:bold; background-color:#C0D5D4;}
p.htmlnew {margin:2px; padding:6px; font-size:95%;font-weight:bold; background-color:#DBE9E8;}

.comment {
	margin-left:170px;
	padding:10px;
	border: 1px solid #cccccc;
	background-image:url(images/backgrounds/article.jpg);
	background-position:bottom right;
	background-repeat:repeat-x;
	margin-bottom:10px;
	
}
a {
	color:#9F2440;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
color:#B23350;
	border-bottom:1px dotted #B23350;
}

td {padding:6px; border:1px solid #000000;}