/*
Template name: Coffee N Cream
Template URI: http://templates.arcsin.se/coffee-n-cream-website-template/
Release date: 2006-08-24
Description: A smooth coffee style template.
Author: Viktor Persson
Author URI: http://arcsin.se/
This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/
/* standard elements */
* {
margin:0;
padding:0;
}
a {
color:#679a67;
}
a:hover {
color:#3e5c3e;
}
body {
background:#5c8a5c url(images/bg.gif);
color:black;
font:normal 62.5% "Lucida Sans Unicode",sans-serif;
}
input {
color:#555;
font:normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul,samp {
font-size:1.1em;
padding-bottom:1.0em;
}
h1 {
font-size:1.4em;
margin-bottom:4px;
}
h1,h2,h3 {
color:black;
padding-top:6px;
}
table
{
border-width:1px;
border-style:solid;
border-top-color:#a9a9a9;
border-left-color:#a9a9a9;
border-right-color:black;
border-bottom-color:black;
vertical-align:middle;
}    
th,td
{
border-width:1px;
border-style:solid;
border-top-color:black;
border-left-color:black;
border-right-color:#a9a9a9;
border-bottom-color:#a9a9a9;
border-spacing:3px;
padding:4px;
vertical-align:middle;
font-size:1.1em;
}    
/* misc */
.clearer {
clear:both;
}
/* structure */
.container {
background:url(images/bgcontainer.png) repeat-y;
margin:0 auto;
width:780px;
}
/* header */
.header {
background:url(images/bgheader.png) repeat-x;
height:120px;
margin:0 auto;
width:760px;
}
/* title */
.title {
display:inline;
}
.title h1 {
color:#f1f5f1;
font:normal 3.4em "Lucida Sans Unicode","Trebuchet MS",sans-serif;
display:inline;
}
.title img {
border:0px;
padding:20px;
vertical-align:middle;
}
.title form {
display:inline;
padding-left:80px;
vertical-align:bottom;
}
/* navigation */
.navigation {
background:#FFF url(images/bgnavigation.png) repeat-x;
height:44px;
margin:0 auto;
padding:0px 18px;
width:725px;
font:bold 1.2em Verdana,sans-serif;
}
.navigation h3 {
display:inline;
font:bold 1.0em Verdana,sans-serif;
}
.navigation a {
color:#3e5c3e;
text-decoration:none;
padding:3px 4px;
margin-right:12px;
line-height:44px;
}
.navigation a:hover {
background:#3e5c3e;
color:#f1f5f1;
}
/* main */
.main {
clear:both;
padding:0 10px 12px 28px;
}
/* sub navigation */
.sidenav {
float:right;
width:218px;
}
.sidenav h3 {
background:#BCB39F url(images/sidenavh1.gif) repeat-x;
border-bottom:1px solid #85ad85;
border-top:1px solid #c2d6c2;
color:#3E5C3E;
font-size:1.2em;
height:22px;
margin:0;
padding-top:6px;
padding-left:9px;
}
.sidenav span.noseo {
background:#BCB39F url(images/sidenavh1.gif) repeat-x;
border-bottom:1px solid #85ad85;
border-top:1px solid #c2d6c2;
color:#3E5C3E;
font:bold 1.2em "Lucida Sans Unicode",sans-serif;
height:22px;
margin:0;
padding-top:6px;
padding-left:9px;
display:block;
}
.sidenav ul {
margin:0;
padding:0;
}
.sidenav li {
border-bottom:1px solid #85ad85;
border-top:1px solid #ccddcc;
list-style:none;
}
.sidenav li a {
background:#b0cab0;
color:#3e5c3e;
display:block;
padding:8px 4px 8px 12px;
text-decoration:none;
}
.sidenav li a:hover {
background:#c7d9c7;
}
/* content */
.content {
padding-top:12px;
float:left;
width:68%;
}
.content ul {
list-style-image:url(images/li.gif);
list-style-type:circle;
font-size:1.0em;
padding-bottom:1.0em;
}
.content ol.decimal {
list-style-image:none;
list-style-type:decimal;
padding-bottom:1.0em;
}
.content .descr {
color:black;
font-size:1.1em;
margin-bottom:6px;
}
.content li {
font-size:1.1em;
margin-left:18px;
}
.content samp {
font-size:1.1em;
}
.content sup {
color:#679a67;
}
/* footer */
.footer {
background:#3e5c3e url(images/bgfooter.png) repeat-x;
color:#f1f5f1;
font-size:1.1em;
line-height:40px;
margin:0 auto;
text-align:center;
width:760px;
}
.footer a {
color:#FFD;
text-decoration:none;
}
.footer a:hover {
color:#FFF;
text-decoration:underline;
}
.footer .left, .footer .right {padding:0 12px;}
.footer .right, .footer .right a {color:#f1f5f1;}
.footer .right a:hover {color:#FFE;}
/* floats */
.left {float:left;}
.right {float:right;}
.clearer {clear:both;}