* {margin: 0; padding: 0;}
html, body {margin: auto; padding: 0; height: 99%;}
body {background: #000; color: #9aa; font-size:80%; line-height: 1.4em; font-family: Helvetica,"Helvetica Neue",sans-serif;}
h2 {margin-bottom: 6px;}
hr {border: 0 none; outline: 0 none; background: #add; height: 1px; margin: 1em auto;}
ul {list-style: none;}
fieldset {border: 1px solid #ddd; width:97%; padding: 1em; font-size: 1.1em; line-height: 1.55em; margin: 1em 0;}
fieldset fieldset {font-size: .9em; max-width: 70%; _width: 70%; background: #f3e9d4;}
fieldset fieldset legend {padding: 5px; background: white; font-weight: bold; font-style: oblique; color: gray;}
textarea {border: 1px solid #ddd; width:93%; min-height: 10em; margin: 1em 0; padding: 1%; font-size: 1.1em; line-height: 1.55m; text-align: left;}
input {vertical-align: baseline; display: inline; margin-right: .6em;}
#settings, #header, #canvas, .holder, #footer {width: 992px; margin: auto;}
#quicklinks {font-size: .6em; text-transform: uppercase; letter-spacing: 1pt; font-weight: bold; color: #566; line-height: 1.2em; margin: 1em 2em 1.5em 0; padding: 4px; cursor: pointer;}
#quicklinks a {color: #677; text-decoration: underline; visibility: hidden; margin: 0 0 0 6px;}
#quicklinks a:hover, #quicklinks a:focus {color: silver;}
#quicklinks:hover a {visibility: visible; display: inline-block;}
#settings {height: 60px; margin: 12px auto 0;}
#settings p {font-size: .78em; line-height: 1.45em; color: silver; width: 800px; margin: 12px 0 0 56px;}
#logo {float: left; width: 25%; height: auto; margin: 0 8px 0 0; padding: 0; text-decoration: none; outline: none; -moz-outline: none;}
#header {background: #000 url(../media/introhead998en.jpg) no-repeat center top; height: auto; color: silver; min-height: 272px; margin: 2em auto 0;}
#header h1 {width: auto; height: 200px; margin: 0 auto;}
#canvas {background: #fff; color: black; height: auto; min-height: 58%; margin: 0 auto 1%; padding: 0 0 1% 0; text-align: left;}
#pagemenu {list-style: none; text-align: right; padding: 4px 0; margin: 0 auto 32px;}
#pagemenu li {min-width: 50px; height: auto; display: inline; margin: 0; padding: 0; text-align: center;}
#pagemenu li a {width: 40px; height: auto; color: silver; padding: 3px 12px 5px 12px; text-decoration: none; margin-right: 8px; background: transparent; display: inline-block;}
#pagemenu li a img {vertical-align: top;}
#submenu {margin: 0 auto;padding: .5% 3% 0 3%; text-align: left; border-bottom: 2px solid #fff; background: #122;}
#submenu li {display: inline; text-align: center; list-style: none;}
#submenu li a {display: inline-block; width: auto; color: gray; padding: 5px 14px; text-decoration: none; margin: 0;}
#submenu li a:hover, #submenu li a:focus {background: #233; color: #abb;}
#submenu li a.current {background: #fff; color: #356;}
#crumbs {clear: both; font-size: .85em; line-height: 1.25em; color: #889; margin: 1% 3% 0; padding: .5% 0; border-top: 1px solid #ddd;}
.clearer {clear: both; margin: 0 auto;}
.fourwide {width: 55%; margin: 2% 3% 3% 3%; line-height: 1.6em;}
.fourwide h2, .fourwide h3 {margin: 2px 0 12px 0 !important; padding: 0; color: #486472; text-transform: lowercase; letter-spacing: -1pt;}
.fourwide h2 {font-size: 2.5em;}
.fourwide h3 {font-size: 1.7em;}
.fourwide p {margin: 4px 0 16px 0 !important; font-size: 1.1em;}
.fourwide p.date {margin: 3px 0 21px; font-size: .87em; border-top: 1px dotted #abb; text-align: right;}
p.subcat {margin-left: 21px !important;}
.single {width: 15%; margin: 2%; padding: 0; font-size: .9em;}
.single ul {margin: 3px 0; line-height: 1.6em;}
.single li.subcat {margin-left: 4px; list-style: square inside;}
.left {float: left;}
.right {float: right;}
.textright {text-align: right !important;}
.textcenter {text-align: center !important;}
.big {font-size: 2.6em;}
p.meta {font-size: .9em; margin: 9px 0 !important; line-height: 1.4em;}
#extrarow {margin: 1em 3em; padding: 0;}
.extra {margin: 1.5em 0 1.5em 4em; padding: 1em 0; width: 25%; height: auto; border-top: 2px solid; border-color: #cdc; font-family:Baskerville,Georgia,serif; font-size: 1.05em; line-height: 1.5em; color: #651;}
img#runner {max-width: 98%; height: auto; padding: 6px; border: 1px solid #cdd; display: block; margin: 0 auto 2em;}
#footer {margin: 1% auto; padding: 1% 0; text-align: center; font-size: .75em; line-height: 1.5em; color: #c1e2e9;}
#search_engine {margin: 24px auto; padding: 3px 0;}
#search_engine input[type='text'] {margin-right: 8px; padding: 3px; max-width: 160px; _width: 160px;}

.contactbox, .commentsbox {margin: 1.5em 0;}
.contactbox h2 {font-size: 3.2em; color: #466;}
.wrap {margin: 12px 0 0 48px;}
.wrap p {margin: 0 !important; padding: 0 0 0 18px !important; text-align: left !important;}
.holder li {padding: 0 !important; margin: 0 auto !important; display: inline-block;}
.holder {text-align: center !important; margin: 0 auto; padding: 0 auto;}
.important strong {color: #c68812;}
/* ********** LINK STYLES *********** */

a {text-decoration: none; border: none; outline: none; cursor: pointer; _cursor: hand;}

.fourwide a {text-decoration: underline; border: none; outline: none; color: purple;}
.fourwide a:visited, .fourwide a:active {text-decoration: none; color: gray;}
.fourwide a:hover, .fourwide a:focus {text-decoration: none; color: red;}

.single a {text-decoration: none; color: #4680aa;}
.single a:visited, .single a:active {text-decoration: none; color: gray;}
.single a:hover, .single a:focus {text-decoration: underline; color: black;}

.holder p a, #footer p a {color: #327696; text-decoration: underline; border: none; outline: none;}
.holder p a:hover, .holder p a:focus, #footer p a:hover, #footer p a:focus {color: #ea2; text-decoration: none; border: none; outline: none;}

#en {display: block; width: 400px; height: 241px; background: url(../media/lang-en.jpg) no-repeat center; margin: 0; padding: 48px 0 12px 0;}
#sv {display: block; width: 400px; height: 241px; background: url(../media/lang-sv.jpg) no-repeat center; margin: 0 auto; padding: 48px 0 12px 0;}

a img {text-decoration: none; border: none; outline: none; color: none;}