/*
 * style.css
 *
 * Style sheet for the Cosmic Ledger website
 *
 * Copyright (c) 2005–2010 Carl-Magnus Olsson
 *
 * Style properties that do not affect layout.
 */

html {
font-family: Verdana, "Trebuchet MS", arial, sans-serif
}

body {
color: black;
background: #ffc none;
font-size: 100%;
padding: 0;
margin: 0;
}

h1, h2, h3, h4, h5, h6, div.subhead {
text-align: center;
margin-bottom: 0.6em;
}

div.subhead {
letter-spacing: 3px;
margin-top: 0.1em;
margin-bottom: 0.1em;
}

address { margin: 1em 0; }

img { border: none }

q { quotes: '\201c' '\201d' '\2018' '\2019' }

a:link {
color: #00f;
background: transparent;
}

a:visited {
color: #909;
background: transparent;
}

a:hover {
color: #ffc;
background: #039;
text-decoration: none;
}

a:focus,
a:active
{
color: #ffc;
background: #f00;
text-decoration: none;
}

ol { list-style-type: decimal }

ol ol,
ol.sub
{
list-style-type: lower-latin
}

/* classes */

.clear { clear: both }

/* identifiers */

#page {
width: 72%;
min-width: 720px;
max-width: 57em;
margin: 0 auto;
}

#head,
#content,
#foot
{
position: relative;
font-family: Arial, Helvetica, sans-serif
}

#site {
font-size: 3em;
letter-spacing: 7px;
text-align: center;
}

#slogan {
font-size: 1em;
text-align: center;
letter-spacing: 1px;
}

#slogan em:before { content: "\2013\a0" }

#standard {
float: left;
text-align: left;
}

#copyright {
float: right;
text-align: right;
}

.sitebar,
.pagebar
{
text-align: center
}

/*
Content
*/

#content {
margin: 0 1.25em;
position: relative;
font-size: 90%;
}

#content h1 {
color: orange;
background: transparent;
font-family: "arial black", verdana, "trebuchet ms", helvetica, sans-serif;
letter-spacing: 1px;
padding-bottom: 0.5em;
border-bottom: 1px solid orange;
}

#content h2 {
padding-bottom: 0.5em;
font-family: verdana, "trebuchet ms", helvetica, sans-serif;
letter-spacing: 1px;
border-bottom: 1px solid black;
}

#content * h2 {
padding-bottom: 0;
border: none
}

#content h3 {
font-family: "trebuchet ms", techno, helvetica, sans-serif;
}

#content p {
line-height: 1.5em;
text-align: justify;
margin: 1em 0;
}

#content p + p,
#content * p + p
{
text-indent: 1.5em;
margin-top: -1em;
}

#content blockquote p { text-align: left }

#content blockquote.highlight p {
font-family: "Trebuchet MS", arial, helvetica, sans-serif;
text-align: center;
}

#content blockquote.highlight cite {
text-align: center;
}

#content cite {
display: block;
font-size: 85%;
text-align: right;
}

#content ul,
#content ol
{
line-height: 1.5em;
padding: 0 2em;
margin: 1em;
}

#content dd {
padding: 0 1.5em;
margin: 1em;
}

#content a { padding: 1px }

#content p a[href^="http://"] {
background: transparent url("images/link_icon_external") no-repeat right center;
padding-right: 16px;
}

#content p a[href^="http://"]:hover { background-color: #399 }

#content p a[href^="http://"]:focus,
#content a[href^="http://"]:active
{
background-color: #993
}

#content span[title], #content dfn[title], #content em[title] {
padding-bottom: 1px;
border-bottom: 1px dotted #666;
}

/* Special content */

#content .new201006 {
color: #f00;
background: transparent;
}

#content .important {
color: #d30;
background: transparent;
}

#content .date {
letter-spacing: 1px;
}

#content .showoff {
color: #000;
background: #ccf;
}

#content .note {
color: #000;
background: #ccc;
}

#content .email {
color: #000;
background: transparent;
}

#content .feedback {
color: #900;
background: transparent;
}

#content .complement {
color: #ffc;
background: #aa6;
}

#content .notice {
color: #ffc;
background: orange;
}

#content p.byline {
display: block;
margin-top: -0.8em;
margin-bottom: 1.2em;
text-align: right
}

#content p.more {
width: 50%;
margin-left: auto;
margin-right: 0;
border-top: solid gray 3px;
text-align: right;
}

#content p.more a {
text-decoration: none
}

/*	List of Contents */

#loc {
color: #999;
background: #ff0;
letter-spacing: 1px;
padding: 1em 0.5em;
border: dotted 3px #ffc;
margin: 1em -3px 1.8em;
}

#loc .subhead,
#loc h2 /* DEPRECATED */
{
font-size: 120%;
letter-spacing: 4px;
margin: 0.4em 0 -0.1em;
}

#loc ul {
font-size: 90%;
line-height: 1.5em
}

/* Special paragraphs and divs */

#content .note,
#content .notice,
#content .showoff,
#content .complement,
#content .feedback,
#content .email,
#content .footnote
{
text-indent: 0;
margin-top: 1em;
}

#content .note,
#content .notice,
#content .showoff,
#content .complement,
#content .feedback
{
padding: 0.5em 0.6em 0.6em;
}

#content .email
{
text-align: center;
padding: 0.4em 0.6em 0.5em;
border: dashed 1px
}

#content .note,
#content .notice,
#content .complement
{
border: dotted 3px #ffc;
margin-left: -3px;
margin-right: -3px;
}

#content .note,
#content .complement
{
border: double 3px #ffc;
margin-left: -4px;
margin-right: -4px;
}

#content .showoff {
font-weight: bold;
border: dotted 5px #ffc;
margin-left: -5px;
margin-right: -5px;
}

#content .showoff cite {
font-size: smaller;
}

#content .feedback {
border: dashed 1px #900;
margin: 2em 0 0.5em;
}

#content div.note,
#content div.notice
{
margin-top: 1em;
margin-bottom: 1em
}

#content div.note .subhead,
#content div.notice .subhead,
#content div.complement .subhead {
font-size: 120%;
font-weight: bold;
letter-spacing: 5px;
}

#content div.note .subhead {
margin-top: 0.3em;
margin-bottom: 0.4em;
}

#content div.notice .subhead {
color: #ffc;
padding-bottom: 0.5em;
border-bottom: solid #ffc thin;
margin: 0.3em 0 0.4em;
}

#content div.complement .subhead {
font-size: 120%;
font-weight: bold;
letter-spacing: 5px;
line-height: 1.5em;
margin: 0.3em;
}

#content div.complement .subhead small {
letter-spacing: 3px;
}

#content .note { font-size: 87.5%; }

#content p.note { margin: 1em -3px 1.8em }

#content p.footnote {
font-family: "Trebuchet MS", helvetica, sans-serif;
line-height: 1.2em;
text-align: left;
padding-top: 1em;
}

#content p.footnote strong {
letter-spacing: 1px;
}

#content div.note p,
#content div.notice p
{
margin-top: 0;
margin-bottom: 0
}

#content div.button p {
text-align: center;
}

#content .pushbutton {
text-align: center;
width: auto;
}

#content td .pushbutton {
width: 100%;
}

#content blockquote p.notice { text-align: center }

#content p.oneline {
white-space: nowrap;
text-align: center;
}

/* Special tables */

#content table.downloadetc {
background: #33f;
border-collapse: collapse;
margin-bottom: 0.5em;
}

#content table.downloadetc caption {
caption-side: top;
padding-bottom: 0.5em;
}

#content table.downloadetc th {
background: #33f;
color: #ff9;
padding: 3px;
border: #33f 1px solid;
}

#content table.downloadetc td
{
background: #ffc;
border: #33f solid 1px;
padding: 3px;
}

#content table.downloadetc td {
width: 50%;
}

#content table.downloadetc form p {
margin: 0;
}

/*
Page navigation
*/

.pagebar {
color: black;
background: transparent;
line-height: 1.25em;
height: 1.25em;
position: relative;
overflow: hidden;
}

.pagebar b { display: none }

.pagebar .previous {
position: absolute;
left: 0;
right: auto;
}

.pagebar .next {
position: absolute;
left: auto;
right: 0;
}

.pagebar > .topofpage {
font-weight: bold;
position: absolute;
left: 25%;
right: 25%;
}

.pagebar span.previous,
.pagebar span.next
{
color: #c99;
background: transparent;
}

/*
Frills
*/

#navbar,
#auxbar,
#promo,
#search
{
position: relative
}

#promo a:hover {
color: black;
background: transparent;
}

#promo img {
vertical-align: middle;
}

#promo small {
color: #ffc;
background: transparent;
}

#promo small:hover {
color: #999;
background: transparent;
}

/*
Skip links
*/

#page .skip a:hover {
color: #ff0;
background: #00c;
border: dotted 1px #ff0;
}

#page .skip a:focus, #page .skip a:active {
padding: 3px 5px;
color: #00c;
background: #ff0;
border: dotted 1px #00c;
text-decoration: none;
top: 0;
left: 0;
}

/*
Head and Foot
*/

#site {
color: #00c;
background: transparent;
font-family: Arial, helvetica, sans-serif;
font-weight: bold;
padding: 5px 0 3px;
}

#site a {
color: #00c;
background: transparent;
text-decoration: none;
}

#slogan {
color: #666;
background: transparent;
font-family: Rockwell, Times, serif;
font-weight: bold;
}

#standard span { font-weight: bold }

/*
Skip links
*/

#page .skip a {
width: 0;
height: 0;
overflow: hidden;
position: absolute;
}

#page .skip a:focus, #page .skip a:active {
width: auto;
height: auto;
overflow: visible;
}

/*
Media adaptations
*/

@media print {
hr, .navigation, .flexbar, .extra { display: none }

#head {
padding-bottom: 0.5em;
border-bottom: thin solid blue;
}

#foot {
padding-top: 0.5em;
border-top: thin solid blue;
}
}