html {padding:0; margin:0}
body {margin:5px; padding:0; background-color:#000; color:#fff; font-family:"Verdana CE",Verdana,Arial,lucida,sans-serif; font-size:100%; line-height:1.3; min-width:500px}

#logo {float:left; width:20%; border-right:solid 5px #c3c357; padding-right:5px; background: #000 url(/img/runa-logo.jpg) no-repeat 0% 50%}
#logo a {display:block; height:70px; padding-left: 70px; text-decoration:none; color:#c3c357; background: #000 url(/img/runa-logo.jpg) no-repeat 0% 50%; padding-top:10px}
#logo a:hover {background-image: url(/img/runa-logo-white.jpg); color:#fff}

#logo-s {font-size:.8em; font-weight:bold; text-align:center; margin:1em 10%; padding:3px; border-bottom:solid 2px #c3c357}
#logo-s a {text-decoration:underline; color:#c3c357}
#logo-s a:hover {text-decoration:none}

#navi {padding-top:10px; height:70px; background: #000 url(/img/mantra-black.jpg) no-repeat 100% 0%}
#navi :link {color:#fff; text-decoration:none; padding-bottom:4px; border-bottom:solid 3px #c3c357}
#navi :visited {color:#bbb; text-decoration:none; padding-bottom:4px; border-bottom:solid 3px #9a9a45}
#navi a:hover {text-decoration:none; color:#efef6b; padding-bottom:5px; border-bottom:solid 4px #fff}
#navi ul {margin:0; padding:0; padding-left:1em; display:inline}
#navi li {margin:0; padding:2px; list-style:none; display:inline; font-weight:bold; color:white}
#navi li.hid {display:none}

#side {width:140px; font-size:.7em; padding:2em .2em}
#side ul {margin:0; padding:0; padding-left:.5em}
#side li {margin:0; padding:0; margin-bottom:2px; list-style:none}
#side :link {color:#c3c357}
#side :visited {color:#9a9a45}
#side li a {padding-left:10px}
#side li a:hover {color:#efef6b; background: #000 url(/img/triangl-y.gif) no-repeat 0% 50%}
#side h3 {font-size:1.2em; margin:.8em 0 .6em 0}
#side form {padding:2px; text-align:center}
#side input {font-size:1em}
#side .flag {text-align:center; margin-top:1em}
#side .flag a {text-decoration:none}

#stats {float:left}

#foot {clear:both; text-align:center; margin:1em 10%; font-size:.7em; font-weight:bold; border-top:solid 2px #c3c357; border-bottom:solid 2px #c3c357; padding:3px}
#foot :link {color:#c3c357}
#foot :visited {color:#9a9a45}
#foot a:hover {text-decoration:none; color:#efef6b}

#cont {float:right; width:75%; font-size:.9em; margin:0 1em}
.body-w #cont {float:none; width:auto; margin:1.5em auto 0 auto; text-align:center}
#cont :link {color:#c3c357}
#cont :visited {color:#9a9a45}
#cont a:hover {text-decoration:none; color:#efef6b}

h1 {color:#c3c357; text-align:center; padding:0; margin:0 1em; padding-bottom:3px; font-size:1.8em; border-bottom: solid 2px #c3c357}
h2 {font-size:1.4em; border-bottom: solid 1px #fff; margin-right:1em; margin-bottom:.8em; clear:both}
h3 {font-size:1.2em}

form {margin:0; padding:0}
img {border:0}
#perex {font-style:italic}

.terms dt {color:#cc9900; font-weight:bold}
.terms dd {margin:.5em; margin-left:2em}

.short-desc dt {font-weight:bold}
.short-desc dd {margin:.5em; margin-left:2em}

.article-list dt {font-weight:bold}
.article-list dd {margin:.5em; margin-left:2em}

.gallery {margin:1em}
.gallery a {padding:3px}
.gallery img {border:solid 1px #fff}
.gallery .foto {float:left}
.gallery .foto-with-desc {float:left; margin-right:1em}
.foto-desc {font-size:.8em; margin:2em 1em}

.mantra-hr {text-align:center; margin:0 auto}
.cb {clear:both; height:1px; line-height:1px; visibility:hidden}
.hid {display:none}
acronym, abbr {cursor:help}
.TODO {color:red; background-color:green}
.img-r {float:right; margin:5px}
.img-l {float:left; margin:5px}
.img-c {text-align:center; margin:5px}
.img-r div,
.img-c div,
.img-l div {font-size:.75em; margin-top:2px}