/* CSS file for http://jcby.com. */

/* Next line adds border around each CSS box. Uncomment to troubleshoot layout */
/* {border: 1px solid red !important;} */

body,
html {
	margin:0;
	padding:0;
/* old background -- choc brown	background:#302003; gold background: #b2a16e*/
	background:#ffffdd;
	font-family: georgia, "times new roman", serif;
    color:#5F4007;
    font-size:100%; 
    font-weight:300;
    line-height:1.5em;
	}
#wrap {
	width:880px;
	margin:10px auto 10px 45px;
	background:#ffffdd;
	}
a:link { color: #BB0000; padding:0.1em; text-decoration: none; }
a:visited { color: #BB5555; padding:0.1em; text-decoration: none; } 
a:hover { color: #ffffdd; background-color:#5f4007; padding:0.1em; text-decoration: none; } 

#header {
   	padding:20px 10px 10px 10px;
	margin:0 0 1em 0;
	text-align:center;
	}
#nav {
	padding:5px 10px;
		}
#nav ul.right {
	margin:0;
	padding:0;
	list-style:none;
	text-align:right;
		}
#nav ul.left {
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
	}
#nav li {
	display:inline;
	margin:0;
	padding:0 10px;
	}
#main {
	float:left;
	width:530px;
	padding:0 30px 10px 30px;
	}
#sidebar {
	float:right;
	width:228px;
	padding:10px;
	margin:10px;
	border: 1px solid #98670B;	
	}
#footer {
	clear:both;
	padding:5px 10px 10px 10px;
	text-align:right;
		border-top: 1px solid #302003;
	}
#sitename {
    font-size:1.7em; 
    letter-spacing:0.25em;
    font-weight:800;
    }
* html #footer {
	height:1px;
	}
pre
	{
	background-color:#ffffbb;
	margin-left:1.5em;
	margin-right:0.3em;
	padding:4px;
	border:1px dashed black;
	}
	code
	{
	background-color:#ffffbb;
	color:#302003;
	}
h1 {
    font-size:1.3em; 
	font-family:arial, helvetica, sans-serif;
    font-weight:800;      
    margin:1.2em 0 -0.4em 0;
    text-align:left;
    }
h2 {    
	font-family: arial, helvetica, sans-serif;
    font-size:1.15em; 
    font-weight:800;      
    margin:1.2em 0 -0.4em 0;
    text-align:left;
    }
h3 {    
    font-size:1em; 
	font-family:arial, helvetica, sans-serif;
	font-weight:800;
    margin:1.2em 0 -0.4em 20px;
    text-align:left;
    text-rendering: optimizeLegibility;  
    }
h4 {    
    font-size:0.8em; 
    font-family: arial, helvetica, sans-serif;
    font-weight:500;
    margin:1.2em 0 -0.4em 20px;
    text-align: left;   
    }      
hr {  
	margin:0; 
	padding:0;  
	width:100%; 
	border: 1px solid #303003; 
	color:#303003;
    }  
p {    
	margin:15px 0 0 20px; 
    }
p.a {	
	text-align:right;
    font-size:0.8em;
	margin: 1em 0em 1em 0em;
	}
#footer p  {	       
	color:#C7870F;
    font-size:0.8em;
	margin:0;
	padding:0;
	line-height:125%;
	}
#sidebar p {	
    color:#98670B;
    font-size:0.95em;
	margin: 0 0 10px 0;
	padding:0 10px;
	line-height:122%;
	}

#sidebar h3 {   
	color:#5F4007; 
	margin: 0; 
	padding:0;
    font-size:1em; 
    letter-spacing:0.1em;
    font-weight:800;padding:5px;
    }  
ul#toc {
	list-style:none;
	width:425px;
	}
#toc li {
	background:#FFFFDD url(dot.gif) repeat-x 0 0.88em;
	line-height:125%;}
#toc li a {
	float:left;
	background:#FFFFDD;
	padding: 0 0.2em 0 0;
	text-decoration:none;
	}
#toc a:hover { color: #ffffdd; background-color:#5f4007; text-decoration: none; } 
#toc li span {
	float:right;
	background:#FFFFDD; 
	padding:0px 0px 0.06em 0.2em;}
#toc li br {
	clear:both;
	}