
/********** key design elements **********/

body             { margin: 0px; padding: 0px; background: #F6F6F6; }
#everything      { background: white; }
#content         { padding: 0px 10% 0px 10%; }
#topbox          { border-bottom: 1px solid #CCC; background: transparent url(./images/bunny46.jpg) no-repeat bottom right; }
#footer          { border-top: 1px solid #CCC; background: #F6F6F6; padding: 5px; }
#footer div.text { text-align: right; float:right; font: 0.8em Tahoma, sans-serif; line-height: 120%; }

/********** ads **********/

#adbar {
	text-align: center;
	padding-top: 10px;
	background: #f6f6f6;
}

/********** header **********/

#header {
	padding-top: 5px;
	background: #f6f6f6;
}
#header span {
	background: transparent url(./images/asterisk1.jpg) no-repeat top left;
	padding: 0 0 2px 35px;
	font: 13px Arial, sans-serif;
	letter-spacing: 1ex;
}

/********** navigation **********/

#navigation {
	background: #f6f6f6;
	border-bottom: 1px solid #ccc;
	font: 13px Arial, sans-serif;
	padding-top: 5px;
}
#navigation a {
	text-decoration: none;
	color: black;
	cursor: pointer;
	padding: 5px 0;
	border: 1px solid #73a395;
	border-bottom: none;
	-moz-border-radius-topright: 8px;
	background: #eee;
}
#navigation a:visited      { color: #222; }
#navigation li.sel a       { padding-top: 8px; background: #ddd; }
#navigation li.sel a:hover { background: #73a395; }
#navigation li.sel a span  { text-decoration: underline; }
#navigation a        span  { padding: 5px 1em 0 1em; }
#navigation a:hover        { background: #73a395; border-color: #666; }
#navigation a:hover  span  { text-decoration: underline; }
#navigation ul             { display: inline; line-height: 2em; }
#navigation li             { display: inline; margin: 0; padding: 0; }
#navigation li.title       { padding: 0 1em; color: #888; font-weight: bold; }

div.postinfo h2               { margin-bottom: 2px; }
div.postinfo div.details      { border-bottom: 1px solid #ccc; }
div.postinfo div.details span { color: #666; }

/********** content tag overrides **********/

p, li, blockquote, table { margin-left: 8px; margin-right: 8px; font-family: Arial, sans-serif; line-height: 150%; text-align: justify; }
p:first-letter { font-size: 1.5em; }
a         { text-decoration: none; background-color: transparent; color: #383fd1; cursor: pointer; }
a:active  { text-decoration: underline; color: red; }
a:visited { color: #3333CC; }
a:hover   { text-decoration: underline; color: #009999; }
h1 { font: 2.0em Georgia, serif; color: #3333CC; font-weight: bold; line-height: 80%; }
h2 { font: 1.5em Georgia, serif; font-weight: normal; color: #8A0000; }
h3 { font: 1.3em Georgia, serif; color: #009999; font-weight: bold; line-height: 80%; }
h4 { font: 1.2em Georgia, serif; font-weight: bold; margin: 5px 0px 5px 0px; }
img { border: none; }
acronym { border-bottom: 1px dotted black; cursor: help; }
var { font-family: Courier; text-decoration: none; font-style: normal; }
pre { margin-left: 20px; padding-left: 20px; padding-top: 0px; margin-top: 5px; border-left: 3px solid #F90; overflow: auto; }
blockquote { margin: 0 4ex; padding-left: 30px; background: transparent url(./images/quoteleft.png) no-repeat top left; }
blockquote div.bqbod { padding-right: 30px; background: transparent url(./images/quoteright.png) no-repeat bottom right; }
blockquote div.bqaut { padding-top: 1em; padding-right: 8ex; text-align: right; color: #600; }
table  { border: 1px inset; }
td, th { border: 1px outset; padding: 4px; }

/********** extra goodies **********/

.gotop         { float: right; }
.gotop a       { background: transparent url(./images/top.gif) no-repeat; }
.gotop a:hover { text-decoration: none; }
.gotop span    { visibility: hidden; }
.predesc       { margin-left: 10px; font: 0.9em Arial, sans-serif; color: #666; }
.prefix        { padding-right: 5px; text-decoration: underline; font-style: italic; }
.pinkbox       { margin: 3ex 10%; padding: 15px; background: #FEE; border: 2px solid #400; text-align: center; }
.fltimg        { float: right; margin: 20px; }
.midimg        { text-align: center; }
.indented      { padding-left: 8ex; }

/********** syntax highlighting **********/

.keyword { color: #00C; }
.cmt     { color: #080; }
.prepos  { color: #60C; }
.str     { color: #666; }

/********** change for printing **********/

@media print {
  * { background: white; }
  #content { padding: 0; }
  #header, #tallad, #navigation, #footer div.plugs, #toc, div.gotop { display: none; }
  #footer div.text { float: none; text-align: left; }
}
