/*#############################################################
Name: Dirtylicious
Date: 2007-03-10
Description: A soft-colored, bright and somewhat dirty two-column template.
Author: Viktor Persson
URL: http://templates.arcsin.se

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

/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a    { color: #ceea70; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Georgia, Verdana; text-decoration: none }
a:hover    { color: #ceea70; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Georgia, Verdana; text-decoration: none }

body    { color: #8b984f; font: 62.5% Arial, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background: #232903 no-repeat center top }

p,code,ul  { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Georgia, Verdana; padding-bottom: 1.2em }

li {list-style: none;}

h1  { font: 1.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif, Georgia, Verdana }
h2  { font: bold 1.4em Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif, Georgia, Verdana }
h3  { font: bold 1em Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif, Georgia, Verdana }

form,input {margin: 0; padding: 0; display: inline;}

code   { color: #8b985f; font: 1em/1.6em Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif, Georgia, Verdana; background-color: #565736; margin-bottom: 12px; padding: 8px 10px; border-style: solid; border-width: 1px 1px 1px 6px; border-color: #eee #eee #eee #ccc; display: block }

blockquote  { font-weight: bold; background: url(img/quote.gif) no-repeat; padding-left: 28px; display: block }

h1,h2,h3  { color: #ceea70; margin-bottom: 4px; padding-top: 6px }

img    { margin: 0 5px 0 0 }

img.left    { float: left; margin: 0 5px 5px 0; border: solid 1px #565736 }

img.right   { float: right; margin: 5px 0 0 15px; border: solid 1px #565736 }


/* misc */
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}

/* structure */
.inner-container    { font-size: 1.2em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Georgia, Verdana; background-color: #34160c; margin: 10px auto 0; padding: 5px 20px 20px; width: 820px }
.outer-container   { background: no-repeat center bottom; padding-bottom: 64px }
/* headere & title */
.header     { color: #ceea70; background: #232903 no-repeat; text-align: center; margin-top: 20px; border: solid 6px #2d130a; height: 250px }
.header .title   { color: #fff; float: left; padding-top: 150px; padding-left: 40px; z-index: 100 }
.header .title .sitename a   { color: #ceea70; font: 3em sans-serif, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Georgia, Verdana; text-decoration: none; padding-bottom: 2px; border-bottom: 1px dashed #8b985f }
.header .title a:hover  { color: #ceea70 }
.header .title .slogan   { color: #ceea70; font: 1.1em Verdana, sans-serif, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Georgia, Verdana; padding-top: 6px }

/* path */
.path    { color: #ceea70; font: 2em Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif, Verdana, Georgia, Verdana; background-color: #34160c; padding: 18px 0px 18px 10px }
.path a   { color: #8b985f; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Georgia, Verdana; text-decoration: none }
.path a:hover    { color: #ceea70; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Georgia, Verdana; text-decoration: none }

/* main */
.main    { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Georgia, Verdana; background: #232903 repeat-y; padding-right: 12px; padding-bottom: 0; border: solid 6px #2d130a }

/* content */
.content   { float: right; width: 580px }
.content .descr  { color: #664; font-size: 0.9em; line-height: 1.1em; margin-bottom: 6px }
.content li  { list-style: url(img/li.gif) ; margin-left: 18px }
.content p  { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Georgia, Verdana }

/* navigation */
.navigation   { background-color: #293006; float: left; width: 200px }
.navigation h2    { color: #ceea70; font: bold 1.1em/30px Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif, Georgia, Verdana; background-color: #282e07; margin: 0; padding-left: 12px }
.navigation ul    { background-color: #282e07; border-top: 1px solid #565736 }
.navigation li   { border-bottom: 1px solid #565736 }
.navigation li a   { color: #8b985f; font-size: 1.1em; text-decoration: none; background-color: #2d3408; padding: 8px 0 8px 5%; width: 95%; display: block }
.navigation li a:hover  { color: #ceea70; background-color: #565736 }

/* footer */
.footer    { color: #8b985f; font: bold 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Georgia, Verdana; background-color: #34160c; margin-top: 5px; padding: 10px 12px }
.footer a   { color: #ceea70; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Georgia, Verdana; text-decoration: none }
.footer a:hover   { color: #ceea70; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Georgia, Verdana; text-decoration: underline }