body {
background-color: white;
font-size: 13px;
margin: 0;
}

* { 
font-family: Trebuchet MS, Arial, sans-serif;
}

pre, code {
font-family: courier new, courier, monospace;
}

h1 {
text-align: center;
font-size: 21px;
}

h2 {
font-size: 19px;
}

h3 {
font-size: 17px;
}

h4 {
font-size: 14px;
}

h5 {
font-size: 12px;
}

.large {
font-size: 17px;
}

.small {
font-size: 11px;
}

.smaller {
font-size: 9px;
}

h1, h2, h3, h4, h5, b, em, strong {
color: #505050; 
}

a {
color: #E2001A; 
}

a:visited, a:link, a:active {
text-decoration: none;
}

a:hover {
color: #EC596A; 
}

dd { 
margin-bottom: 1em;
margin-left: 2em;
}

blockquote {
margin-left: 2em;
padding-left: 0.7em;
border-left: 1px dotted #E2001A;
}

li { 
margin-bottom: 0.7em;
}

td {
vertical-align: top;
}

address { 
font-style: normal;
margin-left: 3em;
}

/* Footnotes table
*/
.footnotes {
font-size:  9px;
}

/* Article headline style
*/

.headline {
color: white;
background-color: #E2001A;
font-weight: bold;
font-size:  14px;
padding-left: 0.3em;
border-color: #AAAAAA;
border-style: solid;
border-top-width:    0px;
border-left-width:   0px;
border-right-width:  1px;
border-bottom-width: 1px;
}

.highlighter {
background-color: #FFFF00;
}

.alert {
color: red;
}

.data {
font-weight: bold;
color: gray;
}

.searchstats {
font-size: 9px;
color: gray;
}

table.clean {
border-collapse: collapse;
border: 0;
border-right:  1px solid #707070;
border-bottom: 1px solid #707070;
}

table.clean th, table.clean td {
border-top:  1px solid gray;
border-left: 1px solid gray;
padding: 3px;
padding-left: 4px;
padding-right: 4px;
margin: 0;
border: 0;
border-top:  1px solid #707070;
border-left: 1px solid #707070;
}

span.opus_file_params { 
font-size: 9px;	
}

/* The blog comments box
*/

td.opus_blog {border-style: solid;
border-color: gray;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 2px;
border-bottom-width: 2px;
margin: 25px;
padding: 4px;
font-size: 11px;	
}

p.opus_blog {
font-size: 11px;	
}


/* The author options box displayed via the authoropts merge field
*/

p.opus_authoropts {border-style: solid;
border-color: gray;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 2px;
border-bottom-width: 2px;
margin: 25px;
width: 120px;
padding: 4px;
font-size: 12px;	
}

a.opus_authoropts {
font-size: 12px;
}

/* The default <box> class opusbox, centred, 90% wide with a 1 pixel wide
   grey border. Base your <box> class definitions on this 
*/

table.opusbox {
width: 90%;
border-color: gray; 
border-style: solid; 
border-width: 1px;
position: relative;
left: 5%;
right: 5%;
}

td.opusbox {
padding: 3px;
}


/* The default class opusdeck, which is used with the {deck} tag if you don't define
   a class of your own
*/

table.opusdeck {
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 0px;
border-bottom-width: 0px;
border-color: #DCDCDC;
}

td.opusdeck_head {
background-color: #FFFFCC;
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 1px;
border-bottom-width: 1px;
border-color: #DCDCDC;
padding-left: 5px;
padding-right: 5px;
}

td.opusdeck_0 {
background-color: white;
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 1px;
border-bottom-width: 1px;
border-color: #DCDCDC;
padding-left: 5px;
padding-right: 5px;
}

td.opusdeck_1 {
background-color: #EDEDED;
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 1px;
border-bottom-width: 1px;
border-color: #DCDCDC;
padding-left: 5px;
padding-right: 5px;
}

ol.opus_user_footnotes { 
border-top: 1px solid silver;
padding-top: 10px;
}

ol.opus_user_footnotes li {
font-size: 12px;	
margin-bottom: .7em;
}

ol.opus_user_footnotes li a {
font-size: 12px;	
}

sup.opus_user_footnotes { 
font-size: 9px;	
}


/* Main page design divs
 */

div#topbar {
text-align: center;
border-bottom: 1px solid  #E2001A;
padding-bottom: 5px;
}

div#topbar h1 {
margin: -5px 0 0 0;
color: #E2001A;
font-size: 23px;  /* NB: fixed pitch size, doesn't change with base_font_size */
font-weight: bold;
}

div.topleftright {
width: 150px;
height: 150px;
font-size: 15px;  /* NB: fixed pitch size, doesn't change with base_font_size */
line-height: 1.2em;
padding: 5px;
margin: 7px;	
}

div.topleftright a {
font-weight: bold;
}

div#topleft {
float: left;
text-align: left;
border-right: 1px solid #E2001A;
}

div#topright {
float: right;
text-align: right;
border-left: 1px solid #E2001A;
}

div#article {
padding: 0 12px;
}

div#article h1 {
padding-top: 0.7em;
/* padding-right: 150px; */
text-align: center;
}

div.line {
clear: both;
border-top: px solid gray;
}

div.copyright {
float: left;
}

div.privacy {
float: right;
}

div.copyright a, div.privacy a {
margin-left: 0.7em;
margin-right: 0.7em;
font-size: 9px;	
}

h2.minutes {
margin-top: 15px;
margin-bottom: 4px;
}

td.minutes_month {
font-size: 16px;	
font-weight: bold;
color: gray;
}

td.minutes_size { 
text-align: right;
}


/* for Forum talk pages */

div.talk_intro {
float: left;
}

div.talk_video {
float: right;
margin-right: 3em;
width: 320px;
}

/* for minutes */
.action { 
color: red;
font-weight: bold;
}

/* photo stuff */

img.photo {
border: 1px solid gray;
border-top-color:  #E0E0E0;
border-left-color: #E0E0E0;
background-color: white;
padding: 4px;
}

/* For photos grabbed from home.the-hug.net/photos/ which are pre-padded 
*/
img.photo2 {
padding: 0;
}

p.photo { 
text-align: center;
font-size: 91%;
}

div.flowplayer_inner { 
border: 1px solid black;
border-right-color: silver;
}