/*
Name: Natural Essence
Date: 2007-02-20
Description: Soft and natural single/two-column template.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.

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

body {
background-color:#7C6F5C;
color:#222;
font:normal 62.5% sans-serif;
padding:2% 0;
}

a {
color:#642;
}

a:hover {
color:#963;
}

big {
font-size:1.1em;
}

h1,h2,h3 {
color:#442;
padding:8px 0 2px;
}

h1 {
font:normal 2.4em serif,sans-serif;
}

h1 a {
text-decoration:none;
}

h1 a:hover {
text-decoration:underline;
}

h2 {
font:normal 1.6em serif,sans-serif;
}

h3 {
font:bold 1.2em serif,sans-serif;
}

blockquote {
background:url('img/quote.gif') no-repeat;
display:block;
font:normal 1.1em Georgia,serif;
padding-left:26px;
}

form,table {
margin-bottom:1.2em;
}

img {
border:none;
}

label {
display:block;
}

li {
line-height:1.5em;
}

p {
padding:2px 0 10px;
}

small,.small {
font:normal 0.9em sans-serif;
}

/* structure */
#wrapper {
background-color:#332;
width:762px;
margin:0 auto;
}

#container {
background:#FBF9F4;
border-top:6px solid #332;
font-size:1.3em;
line-height:1.3em;
width:750px;
margin:0 auto;
}

/* header */
.title {
background-color:#E2DED4;
border-top:1px solid #996;
}

.title h1 {
color:#441;
font:normal 2.2em Georgia,"Trebuchet MS",sans-serif;
padding:10px 0 10px 18px;
}

.header {
border-top:2px solid #663;
background:#DAD7C5 url(img/header.jpg) no-repeat left bottom;
height:220px;
}

/* navigation */
.navigation {
background:#DED9D0 url(img/nav.gif) repeat-x;
height:41px;
border-top:1px solid #996;
}

.navigation a {
background:#FFF url(img/nav.gif) repeat-x;
border-right:1px solid #C9C6B3;
color:#553;
float:left;
font:bold 1em Tahoma,sans-serif;
line-height:41px;
text-align:center;
text-decoration:none;
padding:0 14px;
}

.navigation a:hover,.navigation a#active {
background-position:left bottom;
color:#331;
}

/* main */
.main#two-columns {
background:#FFF url(img/two-columns.gif) repeat-y;
}

/* bottom */
.bottom {
background:#DCDAC9 url(img/bottom.gif) no-repeat left bottom;
border-top:1px solid #AA8;
color:#444;
padding:14px 20px;
}

.bottom .left,.bottom .right {
width:49%;
}

/* footer */
.footer {
background:#332;
color:#EED;
padding:10px;
}

.footer .left {
width:66%;
}

.footer .right {
width:33%;
text-align:right;
}

.footer a {
color:#FFF;
text-decoration:none;
}

.footer a:hover {
color:#FFF;
text-decoration:underline;
}

/* misc */
.clear,.clearer {
clear:both;
}

.clearer {
font-size:0;
}

.col2 .left {
width:64%;
}

.col2 .right {
width:33%;
}

.content {
padding:18px 20px;
}

.left {
float:left;
}

.right {
float:right;
}

.right .content {
padding:18px 12px 12px;
}

.message {
text-align:center;
font-weight:700;
background-color:#E2DED4;
}

ul,ol {
padding:0 2em 1.2em;
}

.col2 .right .content,.main {
background:#FFF;
}