@charset "UTF-8";
/* CSS Document */

/* IDs */

#wrap {
text-align: left;
max-width: 800px;
}

#bg { /* white background for content & navi, excluding footer */
background: #feffff;
margin: 0 0 0 60px;
}

#header {
height: 120px;
}

#nav {
font-family: "Gill Sans", gillsans, "Trebuchet MS", Verdana;
padding: 0 0 0 0;
text-transform: none;
font-size: 1.1em;
letter-spacing: 0.07em;
}
#mainnav {
margin: 0px;
padding: 0px;
list-style-image: none;
list-style-type: none;
}
#mainnav ul, #mainnav li {
display: inline;
list-style-type: none;
}
#mainnav li {
background: none;
padding: 0px;
float: left;
margin: 0px 1% 0px -2.5%;
}
#mainnav li a:link, #mainnav li a:visited, #mainnav li a:active {
color: #807460;
text-decoration: none;
margin: 0px;
float: left;
padding: .8em 0 0 0;
text-align: center;
text-transform: uppercase;
border: none;
}
#mainnav li a:hover {
color: #c66;
text-decoration: none;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center top;
}
#mainnav li a.active:link, #mainnav li a.active:visited, #mainnav li a.active:active {
text-decoration: none;
font-weight: bold;
color: #c66;
/*background: url(../img/site/navimarker.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center top;*/
}
#mainnav li a.active:hover {
text-decoration: none;
font-weight: bold;
color: #c00;
}

#de, #en {
float: right;
}
#de a:link, #de a:visited {
display: block;
background: url(../img/site/crn_de.png) no-repeat;
border: none;
}
#de a:hover {
background: url(../img/site/crn_de_ov.png) no-repeat;
border: none;
}
#en a:link, #en a:visited {
display: block;
background: url(../img/site/crn_en.png) no-repeat;
border: none;
}
#en a:hover {
background: url(../img/site/crn_en_ov.png) no-repeat;
border: none;
}

#logged {
font-family: verdana;
background: #fff2b2;
padding: .2em 30px .5em 30px;
border: solid #666;
border-width: 1px 0;
margin: 1em 0 2em 0;
}
#logged a:link, #logged a:visited, #logged a:hover {
text-decoration: none;
border-bottom: 1px dotted #f00;
padding: 0 0 0 0;
}
#logged a:link, #logged a:visited {
color: #f00;
}
#logged a:hover {
color: #c00;
border: 0;
}

#content {
padding-top: 60px;
padding-bottom: 30px;
color: #333;
line-height: 1.6em;
}

#footer {
font-family: "Lucida Sans Unicode", "Lucida Grande", Calibri, "Trebuchet MS", Helvetica, Arial, sans-serif;

color: #999;
font-size: .8em;
padding: .5em 0 15px 60px;
}
#footer a:link, #footer a:visited {
color: #999;
text-decoration: none;
border-color: #999;
}
#footer a:hover {
text-decoration: none;
color: #fff;
}

/* 2-column layout where needed */

#lcol {
width: 45%;
float: left;
}
#rcol {
width: 45%;
float: right;
}
#lcol, #rcol {
background: #f2eac2;
margin-bottom: 2em;
}
#lcol li, #rcol ul {
list-style-type: none;
}
#lcol li, #rcol li {
border-top: 1px solid black;
margin-left: -5em;
background: none;
}
#lcol p, #rcol p, #lcol h5, #rcol h5 {
margin: 0;
padding: .6em;
}
#lcol p, #rcol p {
margin-top: .7em;
border-top: 1px dotted #777;
}

@media (max-width: 480px) {
#lcol, #rcol {
float: none;
width: 93%;
border: none;
}
}

/* global L&R margins & padding within content ID */

#content>p, #content ul, #content h1, #content h2, #content h3, #content .player, .term, .indent30, #lcol, #rcol, #nav {
margin-left: 3%;
}
#content>p, #content ul, #content h1, #content h2, #content h3 {
padding-right: 3%;
}
h1, h2, h3, .sep, #rcol {
margin-right: 3%;
}

/*  HTML elements */

a:link, a:visited {
color: #c66; /*#a76;*/
text-decoration: none;
border-bottom: 1px dotted #c66;
}
a:hover {
color: #c00;
border: none;
background: none;
}

body {
background: #1a1918 url(../img/site/header_keys.png) no-repeat;
font-family: Optima, "Optima LT Std", "Lucida Sans Unicode", "Lucida Grande", Calibri, "Trebuchet MS", Helvetica, Arial, sans-serif;
margin: 0;
padding-right: 20px;
font-size: 80%;
}

blockquote {
color: #888;
background: #fcfcf3;
border: 1px dashed #bbb;
padding: 10px 10px 15px 20px;
margin: 0;
}

h1, h2, h3 {
text-transform: none;
border-style: dotted;
border-color: #807766;
border-width: 0 0 1px 0;
padding: 0 0 .5em 0;
}

h1 {
font-weight: normal;
letter-spacing: 0em;
color: #807766;
}

h2, h3, h4 {
font-weight: normal;
color: #403e39;
margin-top: 2em;
}

h5 { /* used in #lcol, #rcol */
font-size: 1.2em;
}

img {
border: 0; /* images without border by default */
}
body>img {
max-width: 80%; /*images directly in <body> scaled down at smaller viewport*/
}

ul {
margin-left: 0em;
list-style-type: none;
}
li {
background: url(../img/site/bullet.jpg) no-repeat 0px 7px;
text-indent: 12px;
padding: 0 0 1em 0;
}

/* classes */

.light {
color: #a98;
}

.nobr {

}

.picborder {
border: 1px solid #ccc;
}

.player, .prtpic { /* global color for various page elements */
background: #403f3d;
}

.player {
padding: 10px 10px 0 10px;
max-width: 550px;
margin-top: 15px;
height: 6em;
}
.playertext {
font-family: Helvetica, Arial;
color: #ddc;
margin: 0;
float: right;
text-align: right;
line-height: 1.2em;
}
.playertext strong {
font-size: 1.2em;
color: #fff;
}
.playertext a:link, .playertext a:visited {
color: #eed;
border-bottom: 1px dotted #eed;
}
.playertext a:hover {
color: #fff;
border: none;}

.sep {
border-top: 1px solid #aaa;
margin-top: 1em;
padding-top: 1.5em;
}

.small {
font-size: .7em;
}

.term th {
padding: 3px 0;
color: #fff;
text-align: left;
background: #666461;
}
.term td {
vertical-align: top;
padding: 8px 5em 8px 0;
padding-bottom: 8px;
border-bottom: 1px solid #aaa;
}