/*#############################################################
Name: Bitter Sweet
Date: 2006-10-02
Description: Lime flavoured template with two columns.
Author: Viktor Persson
URL: http://templates.arcsin.se

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

/* standard elements */
* {
	margin: 0;
	padding: 0;
}
a  { color: #072450 }
a:hover {color: #9A6;}
body         { color: #333; font: 62.5% "Lucida Sans Unicode", sans-serif; background: #c8d3d7 url(img/background.jpg) fixed center top }
input {
	color: #555;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
ul {margin-left: 1.2em;}
li {list-style-image: url(img/li.gif);}
h1  { font-size: 1.4em; background-color: #C3CBD9 }
blockquote {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	display: block;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding: 6px 12px;
}
blockquote p {padding: 3px 0;}
h1,h2,h3  { color: #494949 }

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

/* structure */
.container         { background: url("img/bbb2a.gif") repeat-y; margin: 0 auto; width: 702px }
.bread { color: #aaa689; font-size: 1em; font-weight: bold; background: url("img/bread.gif"); text-indent: 40px; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 702px; height: 20px }
/* top */
.top    { font: 2.4em Verdana, sans-serif; background: #C7D2D6; margin: 0 auto; width: 630px; height: 20px; border: solid 2px #fff }
.top a {
	color: #FFF;
	display: block;
	line-height: 60px;
	text-decoration: none;
	width: 100%;
}
.top span {padding-left: 24px;}
.top a:hover {
	background: #688B00;
	color: #FFF;
}

/* header */
.header      { background: url("img/header3.jpg") no-repeat; margin: 0 auto; width: 630px; height: 254px; border-bottom: 2px solid #fff; border-left: 2px solid #fff }

/* item */
.item {clear: both;}
.item .date   { color: #fdd; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: center; width: 36px; height: 40px; float: left }
.item .date div {padding-top: 4px;}
.item .date span {font: normal 1.6em serif;}
.item .content     { margin-right: 2px; width: 474px; float: left }
.item h1      { color: #494949; font-weight: bold; line-height: 30px; background-color: #bdc7df; padding-right: 2px; padding-left: 13px; width: 450px; border-bottom: 1px solid #fff }
.item .body  { padding: 12px 18px; width: 430px; border-bottom: 1px solid #c3cbd9 }

/* main */
.main {float: left;}

/* navigation */
.navigation  { width: 150px; float: left }
.navigation h1     { color: #fff; font-size: 1.3em; font-weight: bold; line-height: 30px; background: #bdc7df; padding-left: 12px }
.navigation ul {margin: 0; padding: 0;}
.navigation li  { list-style: none; border-bottom: 1px solid #fff }
.navigation li a    { color: #553; text-decoration: none; background: #d9deec url("img/side.jpg") repeat-x; display: block; padding: 8px 4px 8px 12px }
.navigation li a:hover  { color: #553; background: #f1f9ff }

/* footer */
.footer     { color: #333; font-size: 1.1em; background-color: #fff; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: center; margin-top: 0; margin-right: auto; margin-left: auto; padding-bottom: 6px; width: 700px; padding-top: 6px; border-style: double double solid; border-width: 1px 1px 2px; border-color: #c8d3d7  }
.footer a  { color: #333 }
.footer a:hover  { color: #333; text-decoration: underline }