/*#############################################################
Name: Coffee N Cream
Date: 2006-08-24
Last updated: 2007-09-12
Description: A smooth coffee style template.
Author: Viktor Persson
Updater: Kate Spencer
URL: http://templates.arcsin.se

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

/* standard elements */
* {
   margin: 0;
   padding: 0;
}
a {
   color: #963;
}
a:hover {
   color: #c60;
}
body {
   background: #655a46 url(img/bg.gif);
   color: #543;
   font: normal 65% "Lucida Sans Unicode", sans-serif;
}
input {
   color: #555;
   font: normal 1.1em "Lucida Sans Unicode", sans-serif;
}
p, cite, code, ul {
   font-size: 1.1em;
   padding-bottom: 1.2em;
}
h1 {
   font-size: 1.4em;
   margin-bottom: 4px;
}
h2 {
   font-size: 1.2em;
   margin-bottom: 4px;
}
code {
   background: #ffe;
   border: 1px solid #eed;
   border-left: 6px solid #938262;
   color: #554;
   display: block;
   font: normal 1.1em "Lucida Sans Unicode",serif;
   margin-bottom: 12px;
   padding: 8px 10px;
   white-space: pre;
}
blockquote {
   background: url(img/quote.gif) no-repeat;
   color: #666;
   display: block;
   font: normal 1.3em "Lucida Sans Unicode",serif;
   padding-left: 28px;
}
h1, h2, h3 {
   color: #654;
   padding-top: 6px;
}

/* misc */
.clearer {
   clear: both;
}
.new, .updated {
   font-weight: bold;
   font-style: italic;
   margin: 0;
   padding: 0 5px 0 1px;
}
.new {
   background: #f0dbd8;
   color: #b94040;
   border: 1px solid #b94040;
   border-top: 1px solid #d3a1a1;
   border-left: 1px solid #d3a1a1;
}
.updated {
   background: #d8ddf0;
   color: #586cb4;
   border: 1px solid #586cb4;
   border-top-color: #94a9f6;
   border-left-color: #94a9f6;
}

/* structure */
.container {
   background: url(img/bgcontainer.gif) repeat-y;
   margin: 0 auto;
   width: 780px;
}

/* header */
.header {
   background: url(img/bgheader.gif) repeat-x;
   height: 120px;
   margin: 0 auto;
   width: 760px;
}

/* title */
.title {
   padding: 22px;
}
.title h1 {
   color: #e4dbcf;
   font: normal 3.4em "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
}
.title div {
   color: #bcb39f;
   font: italic 1.4em "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
   text-align: right;
   margin: 0;
   padding: 0;
}

/* navigation */
.navigation {
   background: #c0b198 url(img/bgnavigation.gif) repeat-x;
   color: #543;
   font: bold 1.2em Verdana,sans-serif;
   height: 44px;
   margin: 0 auto;
   padding: 0 0 0 1px;
   width: 760px;
}
.navigation a {
   background: transparent;
   color: #543;
   text-decoration: none;
   padding: 0 10px;
   line-height: 44px;
   height: 42px;
   display: block;
   float: left;
   border-left: 1px solid #ddc;
   border-right: 1px solid #a98;
}
.navigation a:hover {
   background: #cebda1;
   color: #420;
}

/* main */
.main {
   clear: both;
   padding: 0 10px 12px 28px;
}

/* sub navigation */
.sidenav {
   float: right;
   width: 218px;
}
.sidenav h1 {
   background: #bcb39f url(img/sidenavh1.gif) repeat-x;
   border-bottom: 1px solid #999;
   border-top: 1px solid #ccc;
   color: #4a4a44;
   font-size: 1.1em;
   height: 20px;
   margin: 0;
   padding-left: 12px;
}
.sidenav ul {
   margin: 0;
   padding: 0;
}
.sidenav li {
   border-bottom: 1px solid #a98;
   border-top: 1px solid #ddc;
   list-style: none;
   font-size: 1em;
}
.sidenav li a {
   background: #ccc3af;
   color: #554;
   display: block;
   padding: 4px 14px;
   text-decoration: none;
}
.sidenav li a:hover {
   background: #d6ccb9 url(img/lihover.gif) 4px 9px no-repeat;
   color: #654;
}
.sidenav p {
   background: #ccc3af;
   color: #554;
   border-bottom: 1px solid #a98;
   border-top: 1px solid #ddc;
   font-size: 1.1em;
   margin: 0;
   padding: 4px 14px;
}
.sidenav p:hover {
   background: #d6ccb9;
   color: #654;
}
.sidenav li.bold {
   font-weight: bold;
}

/* content */
.content {
   padding-top: 12px;
   float: left;
   width: 68%;
}
.content .descr {
   color: #987e57;
   font-size: 1em;
   margin: 0 0 12px 0;
   text-align: right;
}
.content li {
   list-style: url(img/li2.gif);
   margin-left: 18px;
}
.content h1 {
   margin: 3em 0 0 -0.5em;
   font-style: italic;
   border-bottom: 1px dotted #cebda1;
}
.content h1.first {
   margin-top: 0;
}
.content .cat a {
   color: #543;
}
.content .item {
   background: #ffe;
   color: #554;
   margin-bottom: 12px;
   padding: 0 8px 4px 8px;
   border: 1px solid #eed;
   border-left: 4px solid #938262;
}
.content .item ul {
   list-style: none;
   margin: 0 0 0 2px;
   padding: 0;
}
.content .item li {
   display: inline;
   line-height: 1.6;
   margin: 0 20px 0 0;
}
.content .item label {
   font-weight: bold;
   white-space: nowrap;
}
.content .item li .info-chunk { white-space: nowrap;}
.content .item .new, .content .item .updated {
   display: block;
   float: left;
   margin: 0 1em 2em 1em;
}
.content .error {
   color: #b94040;
   font-weight: bold;
   font-size: 1.2em;
}
.content .loginform {
   background: #ffe;
   color: #554;
   margin: 6px;
   padding: 8px;
   border: 1px solid #eed;
   border-left: 4px solid #938262;
}
.content .loginform label {
   margin-right: 20px;
   line-height: 23px;
   vertical-align: middle;
}
.content .loginform #password {
   background: transparent;
   color: inherit;
   font-size: 1em;
   height: 23px;
   line-height: 23px;
   margin: 0;
   padding: 0 5px;
   border: 1px solid #eed;
   vertical-align: middle;
}
.content .loginform #submit {
   background: #c0b198 url(img/bglogin.gif) repeat-x;
   color: inherit;
   font-size: 1em;
   font-weight: bold;
   border: 1px solid #a98;
   line-height: 23px;
   height: 23px;
   margin-left: 20px;
   padding: 0 5px;
   vertical-align: middle;
}
.content .loginform #submit:hover {
   background: #cebda1;
   color: #420;
}

/* footer */
.footer {
   background: #958463 url(img/bgfooter2.gif) repeat-x;
   color: #d6ccb9;
   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;
}