/* 3-column layout from glish.com/css/7.asp */

.hide { display: none; }
html { margin: 0; padding: 0;
	background-image: url(/img/beigebg.jpg);
	}

body {
	font: 14px Verdana, Ariel, Helvetica, sans-serif;
	margin:10px 10px 0px 10px;
	padding:0px;
	}
	
h1 { font-size: 200%; }
h2 { font-size: 166%; }
h3 { font-size: 133%; }
h4 { font-size: 100%; }

div.row { clear: both; padding-top: 2px; }
div.row span.left { float: left; text-align: left; }
div.row span.right { float: right; text-align: right; }
div.row span.center { width: 100%; text-align: center; }
div.row p { display: inline; }

.left { float: left; text-align: left; }
.right { float: right; text-align: right; }

div.thumblft {
	float: left;
	width: 200px;
	padding-right: 18px;
	text-align: center;
	font-size: 80%;
	}

div.thumbrt {
	float: right;
	width: 200px;
	padding-left: 18px;
	text-align: center;
	font-size: 80%;
	}

.brand a {
	/* font-size: 133%; */
	font-weight: bold;
	text-decoration: none;
	}

#header {
	padding: 8px 8px;
	border-bottom: 2px solid #630;
	height: 68px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 50px;
	}
html>body #header {
	height: 50px;
	}
#header h1 { margin: 0; }
#header h4 { font-weight: normal; margin: 0; }

#footer {
	padding: 8px 8px;
	border-top: 2px solid #630;
	font-size: 80%;
	}

#sitenav {
	position: absolute;
	left:10px;
	top:81px;
	width:150px;
	font-size: 80%;
	}
#sitenav a {
	display: block;
	text-align: right;
	text-decoration: none;
	padding: 4px 6px;
	color: #000;
	background: #d6b58c;
	border-bottom: 1px dotted gray;
	border-right: 1px dotted gray;
	}
div#sitenav a:hover { color: #d6b58c; background: #630; }


#content {
	margin-left: 160px;
	margin-right: 160px;
/*
IE5x PC mis-implements the box model. Because of that we sometimes have
to perform a little CSS trickery to get pixel-perfect display across browsers.
The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
parsing bug in IE5x PC that will prematurly close a style rule when it runs
into the string "\"}\"". After that string appears in a rule, then, we can override
previously set attribute values and only browsers without the parse bug will
recognize the new values. So any of the name-value pairs above this comment
that we need to override for browsers with correct box-model implementations
will be listed below.

We use the voice-family property because it is likely to be used very infrequently,
and where it is used it will be set on the body tag. So the second voice-family value 
of "inherit" will override our bogus "\"}\"" value and allow the proper value to
cascade down from the body tag.

The style rule immediately following this rule offers another chance for CSS2
aware browsers to pick up the values meant for correct box-model implementations.
It uses a CSS2 selector that will be ignored by IE5x PC.

Read more at http://www.glish.com/css/hacks.asp
*/
		
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 170px;
	margin-right:170px;
	}
html>body #content {
	margin-left: 170px;
	margin-right:170px;
	}
#content a {
    color: #900;
    text-decoration: none;
    }
#content a:hover {
    color: #900;
    text-decoration: underline, overline;
    }
#content a:visited {
    color: #900;
    text-decoration: line-through;
    }

#sidebar {
	position: absolute;
	right: 10px;
	top: 81px;
	width: 150px;
	font-size: 80%;
	margin: 0;
	}
#sidebar h4 {
        color: #000;
        background: #d6b58c;
        margin: 2px 0;
        padding: 4px 6px;
        text-align: center;
        }
#sidebar span.right { padding-right: 8px; }

div.pullquote {
        float: right;
        font-size: 80%;
        text-align: center;
        padding: 3px 2px;
        margin: 1px 7px;
        width: 200px;
        }
		
p,h1,pre {
	margin:0px 10px 10px 10px;
	}

/* inline button style */
* html .inline-button { width:12em; padding:0;}
.inline-button {
   /* _width:12em; */
   font: bold 65%/1 Verdana, sans-serif;
   margin: 0 0.2em; padding: 0.1em 0; /* _padding:0; */
   border: 1px solid black;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #ccc;
   color: black;
   }
/* * html .inline-button em { width:1em; cursor:hand; } */
.inline-button em {
   /* _width:1em; _cursor:hand; */
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: black;
   }
/* * html .inline-button span { width:1em; cursor:hand; } */
.inline-button span {
   /* _width:1em; _cursor:hand; */
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.inline-button:hover {
   background: #666;
   color: white;
   }
.inline-button:hover em {
   background: black;
   color: white;
   }
.blue { background: #06c; color: white }
.blue em { background: white; color: #06c }

.brown { background: #d6b58c; color: white; }
.brown em { background: white; color: #630; }