body {background: #eee url(/img/bg.png); text-align:center; padding: 0px; margin: 0px; 
 padding-bottom:16px;
}

/*-------------------- Navbar stuff ----------------------*/
#navbar {
	text-align:left;
	width: 200px; 
	font: 12px Verdana;	
}
#navbar div {
	background: white;
	border: 1px solid silver; 
	padding: 3px;	
	}
#navbar a:link, #navbar a:visited {
	display: block; 
	color:black;
	text-decoration: none; 
	}
#navbar a:hover { text-decoration: none; }

#navbar ul { 
	list-style: none;
	margin: 0; 
	padding: 0; 
}
#navbar ul li { margin: 1px 0px; padding:0; }
#navbar ul li a {
	padding: 3px 3px 3px 7px; 
}
#navbar ul li a:hover {
	border: 1px solid #aaa; 
	background: #ddd;
	padding: 2px 2px 2px 6px; 
}
#navbar ul li.active { 
	padding: 2px 2px 2px 6px; 
	background: #eaeaea;
	border: 1px solid #aaa;	
	font-weight:bold;
	cursor:default;
}
#navbar ul li.passive {	padding: 3px 3px 3px 7px; cursor:default; font-style: italic; }
/*---------------- second level -------------------*/
#navbar ul li li a { padding: 3px 3px 3px 27px; }
#navbar ul li li a:hover { padding: 2px 2px 2px 26px; }
#navbar ul li li.active { padding: 2px 2px 2px 26px; }
#navbar ul li li.passive {	padding: 3px 3px 3px 27px; }
/*---------------- third level -------------------*/
#navbar ul li li li a { padding: 3px 3px 3px 47px; }
#navbar ul li li li a:hover { padding: 2px 2px 2px 46px; }
#navbar ul li li li.active { padding: 2px 2px 2px 46px; }
#navbar ul li li li.passive {	padding: 3px 3px 3px 47px; }

/*--------------------- positioning ----------------------------*/
#global {width: 738px; margin: 16px auto 0px; position: relative; background: white; 
	border: 3px solid silver;
	padding: 10px 20px 0px; }
#navbar {position: absolute; left: 20px; top: 20px;}
#content {margin-left: 220px; min-height:485px; position:relative;}

/*--------------------- banners --------------------------------*/
#navbar #banners {border:0px; text-align:center; padding:0px; margin-top: 15px;}

/*--------------------- content ----------------------------------*/
#content {
	font: 13px Georgia, Times; color: #333;
	line-height: 17px;
	background: white;
	text-align:left;
	padding: 10px;
}

#content a[href^="http://"]:not([class="noext"]):not([class="button"]) {
    background: url(/img/external.png) center right no-repeat;
    padding-right: 12px; margin-right: 4px;
}

ul {list-style:circle;}
#main li {margin-top: 7px;}

h1 {
	font: bold 22px Trebuchet MS, sans; text-align:left; 
	padding: 0px; margin: 0px 0px 10px;
	border-bottom: 1px dashed silver;
}
h2 {
	font: normal 18px Verdana, sans; padding: 0px; margin: 25px 0 10px;
	border-bottom: 1px dashed silver;
}

h3 { font: bold 14px Trebuchet MS, sans; padding: 0px; margin: 10px 0px 10px; }
h4 { font: italic 14px Trebuchet MS, sans; padding: 0px; margin: 10px 0px 0px; text-decoration: underline;}

p { margin: 0px 0px 10px 0px;}

a {color:#228B22; }
a img {border:1px solid white;}
a:hover img {border:1px solid silver;}

#credits  {	
	border-top: 1px dashed silver;
	font: 11px Verdana, sans; color: #666; position:relative;
	padding: 5px 0px;
	}
#credits a:link, #credits a:visited { color: #666; text-decoration:none; }	
#credits a:hover { color: black; text-decoration:underline; }
#credits #toplink {position: absolute; top: -20px; right:0px; }
#credits #toplink img {border:none;}

a.section { 
	font: 13px Georgia, Times; color: #333;
	display: block; 
	text-decoration: none; color: black; padding: 0px; margin: 20px 0px; 
}
a.section:hover {text-decoration: none; background: url(/img/section_bottom.png) #eee no-repeat bottom left;}
a.section span.sect_hdr { font-size:0px; display:block; height: 4px; } 
a.section span.int {padding:2px 7px 7px; display:block;}
a.section:hover span.sect_hdr { background: url(/img/section_top.png) #eee no-repeat top left;} 

a.section img {border: none; float: left; margin-right: 8px;}
a.section > span.trow { display: table-row; }
a.section span.title { font: bold 16px Trebuchet MS, sans; }

li.download {list-style:url(/img/download.png); margin: 5px 3px;}
li.userscript {list-style:url(/img/userscript.png); }
li.page {list-style:url(/img/html.png); }

/* Addon install button */
a.button, a.button:link, a.button:visited, a.button:hover, a.button:focus, a.button:active {
    -moz-border-radius:13px;
    -webkit-border-radius:13px;    
    border-radius:13px;
    background:#8CC553 url("/img/button-green.jpg") center center repeat-x;
    border:1px solid #488F03;
    color:#FFFFFF;
    cursor:pointer;
    font: 14px Helvetica,Arial,sans-serif;
    margin:0.3em 0;
    overflow:visible;
    padding:0.15em 0.9em 0.15em 0.5em;
    text-decoration:none;
    text-shadow:-1px -1px 1px #7BAB29;
    vertical-align:middle;
    white-space:nowrap;
}

a.button:link img, a.button:visited img, a.button:hover img, a.button:focus img, a.button:active img, button img {
    border:none;
    margin:0 0.6em 0.25em 0;
    padding:0.1em 0.5em 0.1em 0;
    vertical-align:middle;
    border-right:1px solid #55AA00;
}