/*
Template name: Dark Ritual
Template URI: http://templates.arcsin.se/dark-ritual-website-template/
Release date: 2006-11-06
Description: Tribal-style three column layout.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}

a {color: #682;}

a:hover {color: #9A6;}

body {
	background: #333 url(images/bg.gif);
	color: #333;
	font: normal 62.5% "Lucida Sans Unicode",helvetica,sans-serif;
        padding-left: 100px;
        padding-right: 100px;
	/*margin: 1% 0;*/
	height: 100%;
}

p,ul {
	padding-bottom: 1em;
}

ul {margin-left: 1.2em;}
pre {
        padding-top:1em;
        padding-bottom: 1em;
        font-size:10.5px;
}
ol {margin-left:1.6em; padding-top:1em; padding-bottom:1em;}
ul li {list-style: none;}
.main ul li {list-style-image: url(images/li.gif);}

h1 {font-size: 15px;}
h2 {font-size: 13px;}

blockquote {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	display: block;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding: 6px 12px;
}
blockquote p {padding: 3px 0;}

h1{color: #663;}
h2,h3 {color: #994;}
hr { color: #333; height: 1px; background-color: #333; border: 0px;}

/* misc */
.clearer {clear: both;}
.meta {font-size: 0.8em; color: #666;}
.left {float: left;}
.right {float: right;}
.bold { font-weight:bold; }
.error { color:#ee0000; }
.green { color:#00bb00; }
.articletitle:hover { text-decoration:underline; }
div.article { }
p.article { margin-top:-14px; }
p.shortarticle { margin-top:-5px; }

/* structure */
.container {
	font-size: 1.2em;
	/*background: url(images/bgcontainer.gif) repeat-y;*/
	margin-top: 0px;
        /*margin-bottom: 0px;
        margin-left: 100px;
        margin-right: 100px;*/
	width: 100%;/*1000px;*/
	border: 12px solid #222;
	background: #222222;
}

/* header */
.header {
	float: left;
	width: 100%; /*1000px*/
	background: url(images/header-left.png) no-repeat;
	background-color: #f9f9f9;
	font: normal 2.4em Verdana,sans-serif;
	line-height: 149px;
	text-align: center;	
}

/* structure */
.top {
	background: #222;
	color: #DDD;
	float: left;
	font: normal 1.4em Verdana;
	height: 50px;
	text-align: center;
	width: 639px;
}
.subnav {
	float: left;
	width: 185px;
	/*border: 1px solid #0000FF;*/
}
.subnav_right {
	margin-left:0px;
	margin-top:-5px;
	width:185px;
}

.main {
	float: left;
	/*width: 100%;*/
	background: #f9f9f9;
	/*border: 1px solid #FF0000;*/
}
.main .padded {padding: 18px 24px;}
.main_right {
	float: right;
	width: 185px;
	color: #CCC;
	background: #222222;
	/*border: 1px solid #00FF00;*/
}
.main_right .padded {padding: 6px 2px 6px 0px;}
div.rightsideads {
    text-align:center;
    margin-top:10px;
    background-color:#FFF;
}

/* sub-navigation */
.subnav h1 {
	background: #222;
	color: #FFE;
	font: bold 1.1em Verdana,sans-serif;
	line-height: 24px;
	padding-left: 8px;
}
.subnav ul {margin: 0; padding: 0;}
.subnav li {
	border-bottom: 1px solid #696755;
	list-style: none;
	background: #bab697;/*#89866F;*/
	padding: 0px 0 0px 0px;
	/*padding: 8px 0 8px 12px;*/
	/*width: 185px;*/
	display: block;
	color: #111;
}
.subnav li:hover {
	background: #9C997C;
}
.subnav li p{
	margin:0px;
	padding: 8px 0 8px 12px;
}
.subnav li a {
	color: #111;
	display: block;
	text-decoration: none;
	padding: 8px 0 8px 12px;
}
.subnav li a:hover {
	color: #000;
}
.subnav_right, .subnav_right li{
	/*width:185px;*/
}

/* style for the suggestions search box */
div.suggestions {
	background-color: #FFFFFF;
	border:1px solid black;
	position:absolute;
}
div.suggestions div {
	cursor:default;
	padding:0px 3px;
	background-color: #FFFFFF;
}
div.suggestions div.current {
	background-color:#3366CC;
	color:white;
}

div#comments {
    margin-top:10px;
    border-top:1px solid #000000;
    font-size:0.9em;
}

/* footer */
.footer {
	/*background: url(images/bgfooter100h.gif) repeat-x;*/
	color: #CCC;
	font-size: 0.9em;
	line-height: 39px;
	width: 100%;
	text-align: center;
	border-top: 5px solid #696952;
	background: #5b5b47;
}
.footer .left,.footer .right {padding: 0px 16px;}
.footer a {color: #EEE;}
.footer a:hover,.footer .right a:hover {color: #FAFCB0;}
.footer .right, .footer .right a {color: #949474;}