/*  
Theme Name: Offbeat
Theme URI: http://templates.in-essence.org
Description: Two-column theme consisting of shades of blue, green, and red.
Version: 1.2
Author: Elea C
Author URI: http://in-essence.org

This theme is released under GPL: http://www.opensource.org/licenses/gpl-license.php
*/

/* Layout */
body {
background: #fefefe url(images/bg.png) repeat-x;
padding:0;
margin:0 auto;
color: #000000;
text-align:center;
font: normal 12px/21px Arial, Verdana, Sans-serif;
}

#wrapper {
width:690px;
margin:0 auto;
background: url(images/contentbg.gif) repeat-y;
padding:0;
}

#header {
float:right;
display:inline;
width:523px;}

#content {
float:right;
width: 511px;
margin-top:-20px;
display: inline;
text-align:left;
padding: 0 5px;
background-color: #e1f2d8;
border-top:4px solid #74c04e;
border-right:4px solid #74c04e;
border-bottom:4px solid #74c04e;
overflow:hidden;
}

#footer{
clear:both;
text-align:right;
padding: 8px 0;
font: normal 11px/1px Tahoma, Arial, Sans-serif;
background: url(images/footerbg.gif) no-repeat bottom left;
}

#footer a:link, #footer a:visited, #footer a:active {
color:#2c7eca;
}

#footer a:hover {
color:#c00000;
}

/* Sidebar */
#sidebar {
float:left;
display: inline;
background-color: #e0ecf8;
color: #000;
padding: 0 3px;
width: 150px;
margin-top:0px;
margin-left:4px;
text-align:left;
font: normal 11px/18px Arial, Tahoma, Sans-serif;
}

#sidebar ul{
margin:0;
padding: 0;
list-style-type: none;
}

#sidebar li{
list-style-type:none;
margin:0;
padding-left:2px;
}

#sidebar ul ul ul li{
padding-left:7px;
}

/* Blog Title */
h1 {
padding:1px;
text-align:left;
margin-top:2px;
margin-left:3px;
font: normal 30px Arial, Tahoma, Sans-serif;
color: #c00000;
text-transform: uppercase;
}

h1 a:link, h1 a:visited, h1 a:active {
color: #c00000;
background-color: transparent;
}

h1 a:hover {
color: #f3f3f3;
}

/* Sidebar Title */
h2 {
    background: url(images/h2bg.gif) no-repeat bottom left;
    font: normal 18px/16px Arial, Verdana, Sans-Serif;
    color: #2c7eca;
    margin-top:4px;
    margin-bottom: 2px;
    padding: 0 0 2px 20px;
    text-transform:lowercase;
}

/* Post and Page Title */
h3 {
    background: url(images/h3bg.gif) no-repeat bottom right;
    font: normal 19px/17px Arial, Tahoma, Sans-serif;
    text-align: right;
    color: #0d7917;
    padding:8px 45px 10px 0;
    margin-bottom:4px;
    margin-top:8px;
}

h3 a:link, h3 a:visited, h3 a:active {
color:#0d7917;
text-decoration:none;
background-color: transparent;
}

h3 a:hover {
color:#000;
text-decoration:none;
background-color: transparent;
}

/* Archive Title */
h4 {
padding:1px;
text-align:center;
font: normal 22px Arial, Tahoma, Sans-serif;
color: #C00000;
margin:2px;
}

/* General properties */
a:link, a:visited, a:active {
color:#C00000;text-decoration:none;padding:1px;}
a:hover{
color:#49802E;text-decoration:none;background-color:#fff;}

textarea, text, input, submit, reset{ 
font: 12px Arial, Tahoma, Sans-serif; 
color: #0D7917;
background: #fff;
padding:2px;
border:1px solid #444;}

em {
color: #1162b9;
}

ul li {
list-style-type: circle;
margin-left:20px;
}

#content ul{
padding-left:15px;
margin:0;
}

#content ul li {
line-height:19px;
}

a img{border: none;}

blockquote {
    background-color:#fff;
    font: normal 11px/18px Tahoma, Arial, sans-serif;
    color: #666;
    padding: 0 1em;
}

code {
   font: normal 12px/18px Verdana, Tahoma, sans-serif;
   color: #1162b9;
   padding: 0 1em;
   text-align:left;
}

.commenting {
text-align:center;
margin-top:0;
margin-bottom: 9px;
}

.alignleft
{float:left;
font-size:11px;
margin-bottom: 9px;
}

.alignright
{float:right;
font-size:11px;
margin-bottom: 9px;
}

.alignleftb
{float:left;
margin-bottom: 9px;
}

.right{
text-align:right;
}

.entry
{clear:both;}

strong{
color: #0d7917;
}

.small, small{
font-size:11px;
}

/* For Flickr users, this puts a border around the photograph if you specify 'flickr' as either the image or paragraph class */
.flickr img {
border: 1px solid #444444;
}

/* To center a paragraph or such, instead of using the align attribute, 
assign the 'center' class */
.center {
text-align:center;
}

/* Calendar settings - can remove if the calendar is not in use */
#wp-calendar{
text-align:center;
width:142px;
font: normal 10px Verdana, Tahoma, Sans-serif;
}

#wp-calendar caption{
text-align:center;
color: #777;
width:98%;
padding: 0 2px;
font: bold 11px Tahoma, Arial, Sans-serif;
}