/*
Theme Name: Relishing Life
Theme URI: http://www.abelgraphics.co.uk/
Description: Fixed width centred 2-col layout with lefthand sidebar - compatible with WordPress 2.0 (and Widgets!)
Version: 1.0
Author: Abelgraphics
*/

body {
	background: url("images/bg.gif");
	margin:0; padding:0;
	font-size: 12px;
	color: #444;
	font-family:verdana, arial, helvetica, sans-serif;
	}
	
#pagewidth { 
	width:760px; 
	border: 1px solid #000000;
	margin: 10px auto; 
	background: url("images/contentbgwide.gif");
	}	
	
#narrow_container {
	width:500px;
	margin: auto;
	margin-top: 20px;
	padding: 5px 10px;
	background: #FFFFFF;
}	

#header {
	width:100%;
	background: white url("images/logobg.jpg") no-repeat bottom center;
	height:100px;
	color:white;
	position:relative;
	border-bottom:1px solid #000000;
}

#subheader {
	background: #3366FF;
	width: 100%;
	height: 20px;
	border-bottom:1px solid #000000;
}

#subheader ul {
	margin: 0 3px;
	padding: 2px;
	text-align: left;
}

#subheader li {
	font-size: 10px;
	display: inline;
	list-style: none;
	line-height: 14px;
	padding: 4px 4px;
}

#subheader li.current_page_item {
	font-weight: bold;
}

#subheader a {
	color: #FFFFFF;
	text-decoration: none;
}
	
#sidebar {
	float: left;
	width: 180px;
	position:relative;
	}

#sidebar-content {
	margin:0; padding: 22px 2px 2px 6px;
		}

#main {
	float: right; 
	display:inline; 
	position: relative; 
	width:580px; 
	}
	
#main-content {
	margin:0;
	padding: 1.5em 1.5em 1.0em 0.5em;
	line-height:18px;
	overflow: hidden;
	}
	
	
#main-content p{
 text-align:left;
 margin: 8px 0;
}	

#footer{
background:#eee;
border-top:1px solid #777;
clear:both;
height: 20px;
}

#footer-content p{
	margin:0;
	padding: 3px;
	line-height: 14px;
	font-size:10px;
	text-align: center;
}	

/*  page elements */

a { 
	color: #3333FF;
}
a:visited { 
	color: #999999;
}
a:hover, a:active {
	color:#3333FF;
}

ul{ list-style-type:square;}

h1
{
	font-size: 170%;
}
h2
{
	font-size: 130%;
}
h3
{
	font-size: 130%;
}
h4
{
	font-size: 100%;
}
h5
{
	font-size: 70%;
}
h6
{
	font-size: 50%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, 'Times New Roman', serif;
}

code, pre
{
	
	font-family: "Courier New", Courier, monospace;
}

table
{
	font-size: 100%;
}
td, th
{
	vertical-align: top;
}

form{
background: #f8f8f8;
padding:5px 20px;
}

input, textarea{
border:1px solid #888;
}

img{
border:none; 
}

img.alignright {
	float:right;
	margin-left: 5px;
}

img.aligncenter {
	text-align:center;
	margin: 5px auto;
}

a img{
border:none; 
}

blockquote{
background: url(images/blockquote.gif) 2px 2px no-repeat;
margin-left: 0px;
margin-right: 0px;
padding: 5px 5px 5px 35px;
color: #999999;
}

/*  content styles */

.date{
float:right;
}

#main h1, #main h2{
line-height:120%;
margin: 3px 0;
}

#main h1 a, #main h1 a:link, #main h1 a:hover, #main h1 a:visited  {
color: #444;
text-decoration: none;
margin-bottom:0;
 }
 
.post{
margin: 0 0 15px 0;
}

.post ul {
margin: 10px 0;
padding:0;
list-style-type:none;
}

.post ul li {
background: url("images/bullet.gif") no-repeat;
background-position: 2px 6px; /* Left and Top position of layer */
padding-left:17px;
margin: 6px 0;
}

.post ol {
margin: 10px 0;
padding-left: 20px;
}

.post ol li {
margin: 6px 3px;
}

.postdate {
font-size:90%;
color: #999999;
margin:0 0 0 2px;
}

.postmetadata{
font-size:90%;
}

.cat a {
background: url("images/folder.gif") no-repeat;
background-position: 0 2px;
padding-left:14px;
}

a.permalink {
background: url("images/permalink.gif") no-repeat;
background-position: 0 2px;
padding-left:14px;
}

a.commentslink {
background: url("images/comments.gif") no-repeat;
background-position: 0 2px;
padding-left:14px;
}

ul.relatedarticles {
margin: 10px 0;
padding-left:18px;
}

ul.relatedarticles li {
margin: 6px 3px;
}

.wp-notable {
padding: 3px;

}

.contentad {
background: #F3F3F3 url("images/star.gif") no-repeat;
background-position: 4px 9px;
padding: 5px;
padding-left: 18px;
border:1px solid #B0D0FF;
}

/* Category and Date Styles */

#category ul, #date ul {
margin: 10px 0;
padding:0;
list-style-type:none;
}

#category ul li, #date ul li {
background: url("images/document.gif") no-repeat;
background-position: 0 3px; /* Left and Top position of layer */
padding-left:16px;
margin:0;
}

/*  sidebar styles */

#menu{
}

#menu ul{
margin:2px 4px; /* Top and bottom (2px) and left and right (10px)*/
padding:0;
list-style-type:none;
}

#menu ul li{
background: url("images/folder.gif") no-repeat;
background-position: 0 2px;
padding-left:15px;
font-weight:800;
margin-bottom:5px; 
}

#menu ul li ul li{
font-weight:100 !important;
}

#menu ul li ul li{
font-size:90%;
background: none;
padding: 2px 0;
margin:0;
}

#menu ul li ul li.current-cat a {
	font-weight: bold;
}

#menu ul li ul li ul li{
border: none !important;
}

#menu ul li h2{
font-size:100%;
margin:3px 0px;
padding:0;
margin:0;
}

#menu form{
margin:4px;
padding:2px 5px;
}

#menu input{
margin:3px 0;
font-size:80%;
}

#rssfeeds{
text-align: center;
line-height: 15px;
margin-top: 10px;
}

/* Comment style */

#comments div.odd {
background-color:#F4F4F4;
padding: 2px 5px;
margin-top:10px;
margin-left: 10px;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

#comments div.even {
background-color:#FFFFFF;
padding: 2px 5px;
margin-top:10px;
margin-left: 10px;
}

#comments div.trackback {
background-color:#F4F4F4;
padding: 5px;
margin-left: 10px;
}

#comments div.trackback.alt {
background-color:#FFFFFF;
padding: 5px;
margin-left: 10px;
}

/* Miscellaneous styles */

#rightad {
padding-left:8px;
float:right;
}

#leftad {
padding-right:8px;
float:left;
padding-top: 5px;
}

/* Web form */

form.insomnia {
background: none;
}

#superform {
	background: #F4FCEA;
	border: 5px #9B9B96 dashed;
	margin: auto;
	width: 200px;
}