/*
Theme Name: All Gemstones
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: white;
	margin:0; padding:0;
	font-size: 12px;
	color: #444;
	font-family:verdana, arial, helvetica, sans-serif;
	}

#pagewidth { 
	width:760px; 
	margin: 20px auto;
	background: url("images/contentbg.gif");	
	}	

#header {
	width:100%;
	height:70px;
	position:relative;
  border-bottom:5px solid #774C57;
  background: white;
  vertical-align:middle;
}

#sidebar {
	float: left;
	width: 170px;
	position:relative;
	}
	
#sidebar-content {
	margin:0; padding: 22px 2px 2px 2px;
		}	

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

#footer{
background:#FCEBFA;
border-top:5px solid #E4EBDA;
clear:both;
}

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

/*  page elements */

a { 
	color: #732A5E;
}
a:visited { 
	color: #999999;
}
a:hover, a:active {
	color:#FF0000;
}

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%;
	clear: both;
}

td {
	padding: 4px 8px;
         background-color: #ffffff;
border-bottom: 1px solid #dddddd;
text-align: left;	}

tr.alt td {
	background: #f4f4f4;	}

tr.over td {
	background: #e2e2e2;	}

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

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

img{
border:none; 
}

.alignright {
	float: right;
}

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;
display: block;
border-bottom: 1px solid #666666;
}

#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 table {
	border-collapse: collapse;
margin: 10px 0;	}
	
.post table caption {
	background: #eeeeee;
border: #999999;
padding: 4px 8px;
color: #666666;	}
	
.post table th {
	background: #888888;
color: #ffffff;
font-weight: bold;
font-size: 90%;
padding: 4px 8px;

			border: solid 1px #ffffff;
text-align: left;	}
	
.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 3px;
}

.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 {
}

#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{
padding-left:15px;
font-weight:bold;
margin-bottom:10px;
font-size: 12px; 
}

#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;
}

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

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 

form.cForm {
background: #FFFFFF;
}

table.contactForm {
background: #FFFFFF;
border: none;
}

table.contactForm td{
border: none;
}