html, body {
	margin: 0;
	background-color: #000;
	color: #FFF;
	font-size: small;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

img { border: none; }

h1 {
	margin-top: 0;
	font-size: 130%;
	margin-bottom: 0.3em;
}
h2 {
	font-size: 115%;
	margin-bottom: 0.3em;
	margin-top: 0;
}
#centerPanel p {
	font-size: 80%;
}

a {
	color: #AAF;
}
a:visited {
	color: #FAF;
}

/*
 *
 * Components
 *
 */

#wrapper {
	text-align: center;
	margin: 0 auto;
	width: 800px;
}

#header, #qdogHeader { 
	float: left;
	width: 790px;
	border: 1px solid #FFF;
	padding: 5px;
}

#header #logo, #qdogHeader #logo {
	float: left;
	clear: left;
	vertical-align: top;
}

#header #tagline, #qdogHeader #tagline {
	float: left;
	width: 50px;
	font-size: 80%;
	color: #CCC;	
	text-align: left;
	margin-left: 5px;
}
#header #q-ban, #qdogHeader #q-ban {
	float: left; 
	width: 468px;
	vertical-align: top;
	margin: 0 20px;
}
#header #tools, #qdogHeader #tools {
	float: right;
	clear: right;
	color: #CCC;
	font-size: 80%;
	list-style: none;
	text-align: right;
	margin: 0;
	padding: 0;
}
#header #tools a, #qdogHeader #tools a {
	color: #CCC;
}
#header #tools a:hover, #qdogHeader #tools a:hover {
	color: #0099FF;
}

#content {
	width: 800px;
	position: relative;	
	float: left;
	margin: 5px 0;
	text-align: left;
}

#content #leftPanel {
	position: absolute;
	left: 0;
	top: 0;
	width: 150px;
	min-height: 400px;
	float: left;
	border: 1px solid #FFF;
}

#content #centerPanel {
	width: 446px;
	margin: 0 187px 0 157px;
	min-height: 390px;
	border: 1px solid #FFF;
	padding: 5px;
}

#content #centerPanelWide {
	width: 634px;
	margin: 0 0 0 157px;
	min-height: 390px;
	border: 1px solid #FFF;
	padding: 5px;
}

#content #rightPanel {
	text-align: left;
	position: absolute;
	margin: 0;
	left: 620px;
	top: 0;
	width: 180px;
	min-height: 400px;
	border: 1px solid #FFF;
}

#content #rightPanel .rItem {
	background-color: #444;
	padding: 5px 5px 5px 5px;
	margin: 0px;
	width: 170px;
	float: left;
	clear: left;
	display: inline;
	border-bottom: 1px solid #FFF;
	font-size: 80%;
}
#content #rightPanel .rItem a {
	color: #FFF;
}

#footer {
	float: left;
	clear: both;
	width: 800px;
	font-size: 80%;
}

#topbar{ /* Floating Javascript panel */
	position:absolute;
	padding: 0px;
	margin: 0;
	width: 187px;
	height: 187px;
	visibility: hidden;
	z-index: 100;
}


/*
 * Left Nav
 */
#leftNav {
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
	margin-bottom: 0.5em;
}
#leftNav li {
	padding: 0;
	margin: 0;
}
#leftNav a {
	text-decoration: none;
	color: #FFF;
	padding: 5px;
	display: block;
}
#leftNav a:hover {
	color: #000;
	background-color: #CCC;
}
body#home #ln-home, body#faq #ln-faq, body#guestbook #ln-guestbook, body#newsletter #ln-newsletter, body#contact #ln-contact, 
body#mask #ln-mask, body#gallery #ln-gallery, body#links #ln-links, body#charliebrown #ln-charliebrown {
	background-color: #444;
}

/**
 *
 * Ads
 *
 */
#google0 {
	float: left;
	width: 800;
	padding: 5px;
}
#google1 {
	padding: 0px 5px;
}

/*
 *
 * Styles
 *
 */
 
.left { float: left; }
.right { float: right; }

p.faq {
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	border-left: 1px solid #444;
	border-bottom: 1px solid #444;
	background-color: #666;
	padding: 5px;
}

/*
 *
 * IE Hacks
 *
 */ 

*html body {
	font-size: x-small;  /* IE 5 */
	f\ont-size: small;   /* IE 6 */
}