/* -----------------------------------------
Opus publishing system
Copyright (C) 2000-2015 The Hug
Distributed under GNU General Public License
http://www.the-hug.co.uk/opus/
------------------------------------------*/

body {
background-color: white;
margin: 0;
}

/* disable underlining on hyperlinks except while mouse is over them
   not least because it looks odd with "Read more ..." 
*/
a:visited, a:link, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

a {  font-size: inherit; }

h1 { text-align: center; color: #999999; }

h2, h3, h4 { color: #999999; }

b { color: #666666; }

* {
font-size: 13px;
font-family: Arial, sans-serif;
}

h1 { font-size: 164%; }
h2 { font-size: 145%; }
h3 { font-size: 127%; }
h4 { font-size: 109%; }
h5 { font-size: 91%; }
h6 { font-size: 73%; }
.large { font-size: 127%; }
.small { font-size: 82%; }
.smaller { font-size: 73%; }

/* Footnotes table
*/
.footnotes { font-size:73%; }

/* Article headline style
*/
.headline {
color: white;
background-color: orange;
font-weight: bold;
font-size: 109%;
border-color: #AAAAAA;
border-style: solid;
border-top-width:    0px;
border-left-width:   0px;
border-right-width:  1px;
border-bottom-width: 1px;
}

.headline .sub_heading { 
font-size: 80%;
}

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

.highlighter {
background-color: #FFFF00;
}

.alert {
color: red;
}

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

.searchstats {
font-size:73%;
color: gray;
}


/* 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: 82%
}

p.opus_blog { font-size: 82%; }


/* 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: 12em;
padding: 4px;
font-size: 91%;
}

a.opus_authoropts { font-size: 91%; }

a#opus_authormenu_hidden_link { font-size: 8px; }


/* 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; }
*/

/* Now replace by this - from 2.30 Opus no longer uses a table to render boxes */

div.opusbox { 
margin: 1em 25px;
padding: 3px;
border: 1px solid gray; 
}

/* The reader login <box> class loginbox, centred, 50% wide with a drop
   shadow border.
*/

table.loginbox {
width: 50%;
border-color: gray; 
border-style: solid; 
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 2px;
border-bottom-width: 2px;
}

td.loginbox { 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: 8px;
}

.mp3player { 
display: block;
}

a.opus-glossary, a.opus-glossary:visited, a.opus-glossary:link, a.opus-glossary:active, a.opus-glossary:hover
{ 
text-decoration: none; 
color: black;
border-bottom: 3px double #DDD;
cursor: help;
}

img.opus-left {
float: left;
margin: .3em 1em 0 0;
}

img.opus-right { 
float: right;
margin: .3em 0 0 1em;
}

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

img.chart { 
padding: 0;
}

.opus-thumbnail {
position: relative;
color: black;
text-decoration: none;
z-index: 0;
}

.opus-thumbnail:hover {
background-color: transparent;
z-index: 50;
}

.opus-thumbnail span { /* CSS for enlarged image */
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.opus-thumbnail span img { /* CSS for enlarged image */
margin: 5px;
}

.opus-thumbnail:hover span { /* CSS for enlarged image on hover */
visibility: visible;
left: 0px; /* position where enlarged image should offset horizontally */
}

table.opus-photo-exif { 
border-collapse: collapse;
border-top: 1px solid silver;
border-left: 1px solid silver;
}

table.opus-photo-exif td {
vertical-align: top;
padding: 0.15em .3em;
font-size: 91%;
border-right: 1px solid silver;
border-bottom: 1px solid silver;
}

table.opus-photo-exif td a {
font-size: inherit;
}


div#opus-articlepopup_cover { 
position: fixed;
top: 0;
left: 0;
height: 0;
width: 0;
z-index: -1;
background-color: black;
}

a.opus-articlepopup_link { 
cursor: help;
}


div.opus_tweet { 
width: 500px;
margin-left: auto;
margin-right: auto;
}

/* These two are to cancel out the effect of any CSS you may be using for normal blockquote */
div.opus_tweet blockquote { 
background-color: white;
}

div.opus_tweet blockquote:before { 
display: none;
}