/*
Theme Name: Bitter Sweet
Theme URI: http://templates.arcsin.se/
Version: 1.0
Description: Citrus flavoured theme with two columns, based on the <a href="http://templates.arcsin.se/">free website template</a> Bitter Sweet.
Author: CSS Design Templates
Author URI: http://templates.arcsin.se/
*/

/* Standard Elements */
* {
  margin: 0;
  padding: 0;
}
a {
  color: #682;
}
a:hover, strike {
  color: #9A6;
}
body {
  background: #655A46 url('img/bg.gif') repeat-y center top;
  color: #333;
  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 {
  font-size: 1.2em;
  padding-bottom: 1.2em;
}
ul {
  margin-left: 1.2em;
}
.content ul li {
  list-style-image: url('img/li.gif');
}
.content ol li {
  margin-left:15px;
}
h1 {
  font-size: 1.4em;
}
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: #654;
}

/* Misc */
.clearer {
  clear: both;
  font-size: 0;
}
.left {
  float: left;
}
.right {
  float: right;
}

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

/* Header */
.header {
  background: url('img/header.jpg') no-repeat;
  height: 180px;
  margin: 0 auto;
  width: 630px;
}

/* Navigation */
.top {
  background: #567300;
  font: normal 2.4em Verdana,sans-serif;
  height: 60px;
  margin: 0 auto;
  width: 630px;
}
.top a:hover {
  background: #688B00;
  color: #FFF;
}
.top a {
  color: #FFF;
  display: block;
  line-height: 60px;
  text-decoration: none;
  width: 100%;
}
.top span {
  padding-left: 24px;
}

/* Item */
.item {
  clear: both;
}
.item .date {
  background: url('img/bgdate.gif') no-repeat;
  color: #FDD;
  float: left;
  height: 40px;
  text-align: center;
  width: 36px;
  font-family: sans-serif;
}
.item .date div {
  padding-top: 4px;
}
.item .date span {
  font-size: 1.6em;
}
.item .content {
  float: left;
  width: 420px;
}
.item h1 {
  background: #567300;
  color: #FFF;
  line-height: 40px;
  padding-left: 16px;
}
.item h1 a {
  background: #567300;
  color: #FFF;
  text-decoration:none;
}
.item h1 a:visited{
  background: #567300;
  color: #FFF;
  text-decoration:none;
}
.item h1 a:hover{
  background: #567300;
  color: #FFF;
}
.item .body {
  padding: 12px 18px;
}

/* Post Styling */
.item { margin: 0 0 25px 0;}

.item .info {
  border-top: 1px dashed #DDD;
  padding: 6px 5px 12px;
  color: #505050;
  margin: 0 12px;
}

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

/* Sub Navigation */
.navigation {
  float: left;
  margin-left: 1px;
  width: 208px;
}
.navigation h1 {
  background: #81AC00;
  color: #FFF;
  font-size: 1.3em;
  line-height: 40px;
  padding-left: 12px;
}
.navigation ul {
  margin: 0; padding: 0;
}
.navigation li {
  border-bottom: 1px solid #D5E8AD;
  list-style: none;
}
.navigation li a {
  background: #E8F6BF url('img/bgnavigation.gif') repeat-x;
  color: #553;
  display: block;
  padding: 8px 4px 8px 12px;
  text-decoration: none;
}
.navigation li a:hover {
  background: #F0FFC6;
  color: #553;
}

#searchform {
  background: #E8F6BF url('img/bgnavigation.gif') repeat-x;
  color: #553;
  padding: 8px 4px 8px 12px;
}

/* Begin Calendar */
#wp-calendar {
  empty-cells: show;
  margin: 0; margin-top: 1em; margin-left: 1em;
  width: 155px;
  font-size: 1.1em;
/*  font-family: Verdana,"Lucida Sans Unicode",sans-serif; */
}
#wp-calendar caption {
  margin-left: 1em; margin-top: 5px;
  font-size: 1.2em;
/*  color: white;
  margin-top: -1.95em; margin-left: 0.8em; */
}
#wp-calendar #next a {
  padding-right: 10px;
  text-align: right;
}
#wp-calendar #prev a {
  padding-left: 10px;
  text-align: left;
}
#wp-calendar a {
  display: block;
}
#wp-calendar #today {
  /*background: #567300;*/
  background: #81AC00;
  color: #FFF;
}
#wp-calendar caption {
  text-align: left;
  width: 100%;
}
#wp-calendar th {
  padding: 3px 0;
  text-align: center;
}
#wp-calendar td {
  padding: 3px 0;
  text-align: center;
}
/* End Calendar */

/* Footer */
.footer {
  background: url('img/bgfooter.gif') repeat-x;
  color: #FFF;
  font-size: 1.1em;
  line-height: 40px;
  margin: 0 auto;
  text-align: center;
  width: 626px;
}
.footer a {
  color: #FFF;
}
.footer a:hover {
  color: #FAFCB0;
}
.footer .left, .footer .right {
  padding: 0 10px;
}

/* Comments Styling */
ol.commentlist {
  margin-left: 2em;
}
.comment_author {
  font: bold 12px sans-serif; margin-bottom: 2px;
}
.comment_metadata {
  margin-bottom: 4px;
}
#commentlist li {
  margin-bottom: 1.5em;
  padding-bottom: 1em;
  border-bottom: 1px solid #700000;
}
#commentform {
  margin: 2em 2em;
  background: #f7fbf3;
  width: 280px;
}
#commentform textarea {
  background: #f7fbf3;
  border: 1px solid #d6d3d3;
  width: 280px;
}
#commentform textarea:hover {
  background: #f7fbf3;
  border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
  background: #f7fbf3;
  border: 1px solid #939793;
}
#commentform #email, #commentform #author, #commentform #url {
  font-size: 1.1em;
  background: #f7fbf3;
  border: 1px solid #d6d3d3;
  width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
  font-size: 1.1em;
  background: #f7fbf3;
  border: 1px solid #d6d3d3;
  width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
  font-size: 1.1em;
  background: #f7fbf3;
  border: 1px solid #939793;
  width: 280px;
}
#commentform input{
  margin-bottom: 3px;
}