/*#############################################################
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: #696755;}

a:hover {color: #999;}

body { color: #333; font: 62.5% sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-repeat: repeat; background-attachment: scroll; background-position: 0 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;}
h2 {font-size: 1em;}
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: #7a7a7a;}

/* misc */
.clearer {clear: both;}
.main .padded {padding: 0 24px;}
.meta {font-size: 0.8em; color: #666;}
.left {float: left;}
.right {float: right;}

/* structure */
.container { font-size: 1.2em; background-image: url(img/bg.jpg); margin: 0 auto; width: 964px; }

/* header */
.header { float: left; width: 964px; background: url(img/header.jpg) no-repeat; font: 2.4em/122px Verdana, sans-serif; text-align: center; height: 209px; }
.header a {
	text-decoration: none;
}

/* structure */
.subnav { float: left; width: 144px; margin-left: 41px; display: inline; }
.main { float: left; width: 700px; margin-left: 30px; display: inline; }
.main h1 {
	padding-bottom: 5px;
}
.main_right {
	float: right;
	width: 0px;
}

/* sub-navigation */
.subnav h1 { color: #ffe; font: bold 1.1em/24px Verdana, sans-serif; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding-left: 8px; }
.subnav ul {margin: 0; padding: 0;}

.subnav ul ul {}

.subnav li { border-bottom: 1px solid #ccc; border-top-color: #ccc; border-right-color: #ccc; border-left-color: #ccc; list-style: none; }
.subnav li a { color: #666; font-weight: bold; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; display: block; padding: 8px 0 8px 12px; width: 144px; }

.subnav ul ul li a { color: #900; font-weight: bold; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; display: block; padding: 8px 0 8px 12px; width: 144px; text-decoration: none; }

.subnav li a:hover { color: #900; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }

/* footer */
.footer { color: #fff; font-size: 0.9em; line-height: 22px; background-image: url(img/bgfooter.jpg); background-repeat: inherit; background-attachment: inherit; background-position: 0 0; width: 100%; text-align: center; }
.footer .left,.footer .right {padding: 0 16px;}
.footer a {color: #EEE;}
.footer a:hover {color: #FAFCB0;}