/*
Theme Name: Afraid of the dark
Theme URI: http://www.afraidofthedark.se
Description: Afraid of the dark Wordpress theme.
Version: 1.0
Author: Andreas Pettersson
Author URI: http://www.roughedge.se/
Tags: dark,one column,top navigation

*/
* { outline: 0; }
body { background: #000000 url('./images/bg.gif') top left repeat-x; color: white; font: normal 12px arial; }
a { color: white; }

h1 { font-size: 3em; font-weight: bolder; }
h2 { font-size: 2em; font-weight: bold; }
h3,h4,h5 { font-size: 1em; font-weight: normal; }

div#logo { width: 750px; height: 175px; position: absolute; top: 19px; margin-left: -485px; left: 50%; z-index: 100; background: url('./images/logotype.png') top left no-repeat; }
div#logo.ie { top: 26px; }
div#mainMenu  { width: 720px; position: absolute; z-index: 200; left: 50%; margin-left: -285px; top: 155px; border-bottom: 1px solid white; height: 35px; }
div#mainMenu  ul { display: block; list-style: none; margin: 0; padding: 0; border: 0; }
div#mainMenu  ul li { float: left; display: block; }
div#mainMenu  ul li a { float: left; display: block; font-size: 1.6em; margin: 0px 5px 0px 0px; padding: 4px; text-decoration: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
div#mainMenu  ul li a:hover { float: left; display: block; font-size: 1.6em; margin: 0px 5px 0px 0px; background: #a90101; }
div#mainMenu  ul li.current_page_item a { float: left; display: block; font-size: 1.6em; margin: 0px 5px 0px 0px; background: #a90101; }
div#mainMenu  ul.sub { display: block; list-style: none; margin: 0; padding: 0; border: 0; clear: both; padding-top: 6px; margin-left: 20px; }
div#mainMenu  ul.sub li { float: left; display: block; }
div#mainMenu  ul.sub li a { float: left; display: block; font-size: 1.0em; margin: 0px 5px 0px 0px; }
div#mainMenu  ul.sub li.current_page_item a { float: left; display: block; font-size: 1.0em; margin: 0px 5px 0px 0px; font-weight: bolder; }


div#container { width: 932px; margin: auto; position: relative; background: url('./images/bkg.png') top left repeat-y; top: 130px; }
div#head { width: 930px; height: 21px; position: absolute; top: -21px; left: 1px; background: url('./images/top.png') top left no-repeat; }
div#foot { width: 930px; height: 22px; position: absolute; bottom: -22px; left: 1px; background: url('./images/foot.png') top left no-repeat; }

div#page { width: 870px; margin: auto; position: relative; overflow: hidden; }
div.space { height: 20px; clear: both; }

div.static_image { width: 146px; height: 689px; position: absolute; top: -10px; left: 16px; }
div#content { float: right; clear: both; width: 720px; min-height: 689px; _height: 689px; margin-top: 60px; }

div.copyright { text-align: right; width: 880px; margin: auto; margin-top: -5px; font-size: 0.8em; }

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}