/*

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;}

#all {

background: #7C6F5C url(../images/bg.gif);

width:100%;

height:100%;

margin: 0px;

padding: 0px;

padding-bottom: 50px;

}

#log {

float:left;

width :600px;

padding-top:7px

}

#underlog {

float:right;

width :200px;

text-align:left;

}

body {

color: #222;

}

a {

color: #642;

font-size: 11px;

text-decoration: none;

}

a:hover {

color: #333322;

text-decoration: underline;

}

big {font-size: 1.1em;}

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

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

h1 a {text-decoration: none;}

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

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

h3 {padding:0; margin:0; font-size: 12px;}

h4 {padding:0; margin:0; font-size: 14px; color: #FF3300}

blockquote {

background: url(../images/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;}

p {padding: 2px 0 10px;}

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

ul {padding: 0 2em 1.2em;}

/* structure */

#wrapper {

background: #332 url(../images/wrapper.png) no-repeat left bottom;

margin: 0 auto;

width: 900px;

}

#container {

background: #ffffff;

font-size: 12px;

margin: 0 auto;

width: 900px;

}

/* header */

.title {

height: 50px;

}

.title h1 {

padding:2px 0 0 10px ;

}

#titleh1 {

font-family: Arial, Helvetica, sans-serif;

font-weight: bold;

font-size: x-large;

width: 225px;

float: left;

padding-top: 11px;

padding-left: 10px;

}

#titleh2 {

float: right;

width: 665px;

padding-top: 18px;

}

.header {

height: 240px;

}

/* navigation */

.navigation {

background: #DED9D0 url(../images/nav.gif) repeat-x; height: 41px;

border-top: 1px solid #996;

}

.navigation li {

list-style-type: none;

float: left;

}

.navigation a {

background: #FFF url(../images/nav.gif) repeat-x;

border-right: 1px solid #C9C6B3;

color: #553;

float: left;

font: bold 1em Tahoma,sans-serif;

padding: 0 14px;

line-height: 41px;

text-align: left;

text-decoration: none;

}

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

/* main

/* bottom */

.bottom {

background: #DCDAC9 url(../images/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: #fff;

padding: 10px;

}

/* gallery */

.gallery td {

vertical-align: top;

text-align: center;

}

.gallery em {display: block;}

/* misc */

.clear,.clearer {clear: both;}

.clearer {font-size: 0;}

.col2 .left {

background: #ffffff;

width: 74%;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

}

.col2{

}

.col2 .right .content {

}

.col2 .right {width: 25%; }

.content {padding: 18px 10px; }

.left {float: right;}

.right {float: left; text-align:left;}

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

/* block list */

ul.block {

margin: 4px 0;

padding: 0;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

letter-spacing: normal;

}

.block li {

list-style: none;

width: 94%;

}

.block li a,.block li em {

color: #553;

display: block;

width: 94%;

}

.block li em {

font-size: 0.9em;

font-style: normal;

}

.block li a {

padding: 4px;

text-decoration: none;

width: 100%;

}

.block li a span {font-weight: Bold;}

.block li a:hover {

background: #D2D0C0;

color: #553;

}

.right .block,.right .block li {}

.right .block li a:hover {background: #F2F0EA; }

.left .block li a:hover {background: #F2F0EA; }

input {

border:solid #888888 1px;

margin-bottom:5px;

margin-right:5px;

width:180px;

}

textarea {

border:solid #888888 1px;

}

.poll {

/* polls texts */

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

font-weight: bold;

color: #52513F;

}

.pollstableborder {

/* set the border properties of the polls voting table */

}

.pathway {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

color: #444444;

font-weight: bold;

}

.pathway a {

color: #555555;

text-decoration: none;

}

.pathway a:visited {

color: #52513F;

}

.pathway a:hover {

color:#555241;

text-decoration:underline;

}

.createdate {

/* name says it all.. its for styling the date the content/articles are created under

contents title */

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

color: #000000;

text-decoration: none;

font-weight: bold;

}

.modifydate {

/* need me to say? :) Well it styles the "Last updated on" text

at the end of articles/contents */

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

color: #777777;

text-decoration: none;

font-weight: bold;

}

.contentheading {

/* This is used in several places; the Heading of contents on the frontpage,

it is also used for Section's heading (see above for explanation) "News" or

whatever heading you used */

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight: bold;

color: #504F3D;

text-align:left;

}

.contentpagetitle {

/* Couldn't find where is this yet. Will update this part when I

get to it. Sorry. If you know, please email me the infos */

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 13px;

font-weight: bold;

color: #52513F;

text-align:left;

}

.right .block li a:hover {background: #FFFFFF; }

.right .block li a {font-weight: bold;}

.right ul.block a.sublevel {font-weight: normal; color: #FF9900;}

.right ul.block a#active_menu.mainlevel {color: #FF3300; }

#here{float:left; width:100px; text-align:left; font-weight: bold;

color: #66CCCC;}

#path{float:right; width:500px; text-align:left;}

#pathpanel{width:600px; text-align:left;}

#trans {

float:right;

width :345px;

}

#toph1 {

text-align:right;

width :160px;

padding:20px;

}