* {
font-family: "Arial", Arial, Helvetica, Sans-Serif;
line-height: 1.2;
}

body {color: #000000; font-size: 16px; background: #3B3B35; padding: 0}

div.content {background: #CCCCB8; padding: 24px; padding-top: 0px; padding-bottom: 0px; margin: -8px; box-shadow: 0px 10px 20px; #000}

@media (max-width: 960px)
{div.content {padding-left: 12px; padding-right: 12px;}}

@media (min-width: 961px)
{div.content {margin-left:3%; margin-right:3%}}

@media (min-width: 1441px)
{div.content {margin-left:10%; margin-right:10%}}

@media (min-width: 1921px)
{div.content {margin-left:14%; margin-right:14%}}

@media (min-width: 2561px)
{div.content {margin-left:18%; margin-right:18%}}

@media (min-width: 3001px)
{div.content {margin-left:25%; margin-right:25%}}

h1 {color: #a34343; font-size: 20px; font-weight: bold}
h2 {color: #a34343; font-size: 18px; font-weight: bold}
h3 {color: #692C2C; font-size: 16px; font-weight: bold; margin-bottom: 8px}
h3 + *, h3 + blockquote > ul {margin-top: 8px}
.it {font-style: italic;}
.bold {color: #692C2C; font-weight: bold}
.credit {font-size: 16px; font-weight: bold}
.normal {font-size: 16px; font-weight: normal; color: #000000}
.smallcredit {font-size: 14px; font-weight: bold}
.normal {font-size: 16px; font-weight: normal}
.small {font-size: 13px; font-weight: normal}

.separator {border-bottom: 1px solid #808060; display: flow-root}

ul
{
list-style-image: url('li.gif');
margin-left: 10px;
padding-left: 10px;
}

li
{
padding-left: 4px;
}

A:link {COLOR: #692c2c; font-weight: bold; text-decoration: none}
A:visited {COLOR: #808060}
A:active {COLOR: #a34343; text-decoration: underline}
A:hover {COLOR: #a34343; text-decoration: underline}

.navbar a {display: inline-block; white-space: nowrap; padding-left: 8px; padding-right: 8px}
.navbar A:link {text-decoration: none; font-size: 16px; font-weight: bold; color: #692c2c;}
.navbar A:visited {color: #692c2c}
.navbar A:active {color: #ffffff; background: #a34343;}
.navbar A:hover {color: #ffffff; background: #a34343;}

td.tdnav {height: auto; line-height: 20px; padding: 0px; margin: 0px}

.table {padding: 6px 6px 6px 6px; color: #000000; background: #aeae91;}
.table2 {padding: 6px 6px 6px 6px; color: #CCCCB8; font-weight: bold; background: #808060;}
.tablelink:visited {color: #aeae91}
.tablelink:hover {color: #a34343}
.table_tf {padding: 0 6px 6px 6px; color: #000000; background: #aeae91;}

.item {margin: 0 0 0 0}
.itemheader {margin: 6px 0 0 0}
.smallheader {margin: 0 0 0 0}
.preview {margin: 0 0 0 0}

.ibox
{
float: right;
background-color: #808060;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 4px;
text-align: center;
margin: 4px;
}

.intranav
{
text-align: center;
font-size: 14px;
}

@media (min-width: 1024px)
{
br.optbreak {display: none}
}

/* Fields and buttons */
form input, textarea, select, .button, button {
  border: none;
  font-family: Arial;
  text-decoration: none;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 3px 6px 3px 6px;
}

::-moz-focus-inner {border: 0;}

.button, .searchbutton {
  background: #6C6C56;
  padding-left: 4px;  
  padding-right: 4px;
  color: #d0d0d0;
}

.button:hover, .searchbutton:hover {
  background: #808060;
}
   
.button:active, .searchbutton:active {
  background: #aeae91;
  color: #ffffff;
}

/* Disqus */
.disqus, #disqus_thread, #disqus_recommendations
{
display: block;
clear: both;
font-family: Arial;
font-weight: normal;
background-color: #6C6C56;
padding: 12px;
margin: 0px;
margin-top: 50px;
margin-bottom: 12px;
color: #d0d0d0;
}

#disqus_recommendations {
  margin-top: -18px !important;
  margin-bottom: 12px;
}

span.author
{ color: #329a00 !important}

img.adaptable {margin-bottom: 4px}

@media (max-width: 800px)
{
img.adaptable {max-width: 360px !important;}
}

table h2 {display: inline}

table.headertable
{
	width: calc(100% + 48px);
	margin-left: -24px;
}

@media (max-width: 960px)
{table.headertable
{
	width: calc(100% + 24px);
	margin-left: -12px;
}}

li > ul li A:link {font-weight:normal !important;}

div.rpic
{
	float: right; 
	clear: right;
	margin: 0 0 8px 8px;
}

@media (min-width: 1024px)
{
div.rpic.l
{
	float: left; 
	clear: left;
	margin: 0 8px 8px 0;
}
}