/*#############################################################
Name: Dark Ritual
Date: 2006-11-06
Description: Tribal-style three column layout.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

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

a {color: #682;}

a:hover {color: #9A6;}

body  { color: #333; font: 62.5% "Lucida Sans Unicode", sans-serif; background: #333 url("img/bg.gif"); margin: 3% 0 }

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

ul {margin-left: 1.2em;}

li {list-style: none;}
.main li {list-style-image: url(img/li.gif);}

h1   { font-size: 1.2em; font-weight: bold; line-height: 26px; letter-spacing: 12px }

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,h2,h3  { color: #994; font-size: 20px; line-height: 22px; letter-spacing: 12px }
h2  { color: #994; font-size: 16px; font-weight: bold; line-height: 22px; font-stretch: narrower; letter-spacing: 6px }
/* misc */
.clearer {clear: both;}
.main_right .padded {padding: 6px 2px 6px 16px;}
.main .padded {padding: 18px 24px;}
img { padding: 0 10px 10px 0 }
.meta {font-size: 0.8em; color: #666;}
.left {float: left;}
.right {float: right;}

/* structure */
.container    { font-size: 1.2em; background: #222 repeat-y; margin: 0 auto; width: 750px; border: solid 12px #222 }

/* header */
.header   { font: 2.4em/150px verdana, sans-serif; background: url("img/header.jpg") no-repeat center; text-align: center; width: 750px; height: 450px; border-left: none #333 }

/* structure */
.top  { color: #ddd; font: 1.4em Verdana; background: #222; text-align: center; width: 500px; height: 50px; float: left }
.subnav   { width: 200px; float: left }
.main    { background-image: url("img/flora.jpg"); margin-top: 15px; width: 530px; float: right }
.main_right {
	float: right;
	width: 200px;
	color: #CCC;
}

/* sub-navigation */
.subnav h1  { color: #ffe; font: bold 1.1em/30px verdana, sans-serif; font-stretch: ultra-expanded; background: #222; letter-spacing: 8px; padding-left: 8px }
.subnav ul {margin: 0; padding: 0;}
.subnav li {
	border-bottom: 1px solid #696755;
	list-style: none;
}
.subnav li a   { color: #111; font-weight: bold; text-decoration: none; background: #caafca; display: block; padding: 8px 0 8px 12px; width: 190px }
.subnav li a:hover  { color: #000; background: #E0D1D9 }

/* footer */
.footer   { color: #ccc; font-size: 0.9em; line-height: 20px; background: #222 repeat-x; text-align: center }
.footer .left,.footer .right {padding: 0 16px;}
.footer a  { color: #999 }
.footer a:hover {color: #E0D1D9;}