/*  
Theme Name: Treacle
Theme URI: http://not-that-ugly.co.uk
Description: A three-column fixed-width template in tasteful shades of beige, brown, and a touch of blue
Version: 1
Author: not (that) ugly
Author URI: http://not-that-ugly.co.uk/
*/

/* released under a CC Attribution licence; see licence.txt for further details */

/* start off with the basic page layout */
 body {
/* background:#e9e4d5; */
 background-color:#fff;
 margin:0;
 padding:0; 
 color:#334;
/* font:0.7em 'trebuchet ms', verdana, arial, sans-serif; */
 font:76.1% 'trebuchet ms', verdana, arial, sans-serif;
 line-height:1.6em;
 text-align:center}
 
 #main {
width:765px;
 margin:auto;
 text-align:left
 }
 
 #header /* where your blog title and description live */{
 background:url('images/squares.gif') bottom left repeat-x;
 padding:10px;
padding-bottom:10px;
 text-align:right}
 
 #container {
 width:765px;
 float:left;
 padding-top:10px
}
 
 #leftcol {
   float:left;
   width:160px;
 }
 
 #content {
 width:575px;
 float:right;
 margin-right:10px}
 
 #rightcol {width:150px;
 float:right;
 padding-top:10px}
 
 .clear {clear:both}
 
 #footer {text-align:center;
 margin-bottom:15px}
 
/*commonly-used xhtml tags */

 a /* links */
/* {color:#9e9071;}*/
  { color: #bc8c72; }

 a:hover {
   color: #846250;
 }
 
 blockquote  /* for quoting other sites or sources. Don't use it just for indenting stuff
or the semantics police will come bashing down your door */
{background:#dee4e0;
 line-height:1.2em;
 padding:3px;
 border:1px #b1bebc solid;}
 
 cite /* for references to books, films, TV programmes, personal publishing software etc. */
 {font-style:italic}
 
 #content ul /* some people like to make lists in their entries*/
 {list-style-image:url('images/squaredot.gif')}
 
 

 h1 /* blog title */
 {font:2.8em 'century gothic', futura, serif;
/* color:#9e9071; */
  color: #bc8c72;
 margin:0.2em}
  

 #header h2 /* blog description */
 {font-size:1.2em;
 color:#969BA6;
 margin:0.2em}
 
/* padding and background footer for individual posts */
 .post {padding-top:10px;
 padding-right: 5px;
 padding-bottom: 30px;
 padding-left: 5px;
 background:url('images/squares.gif') repeat-x bottom left}
 

 #content h2  {
   /* date */
/* color:#9e9071; */
  color: #bc8c72;
 font:2em 'century gothic', 'futura',serif;
 text-transform:lowercase;
 margin-top:5px;
 margin-bottom:5px}
 

 #content h3 /* post title */
 {font-size:1.4em;
 color:#969ba6;
 margin:0}
 
#content ul li h3 a /* titles in category, month and author archives */
{color:#636873;}

#content ul li h3 a:hover
{color:#969ba6}

#content h4 /* links to previous and next pages */
{text-align:center;
font-size:1.2em;
 color:#969BA6;
}

.edit {font-size:0.7em;
font-weight:normal}

.meta, .feedback /*that bit at the end of each entry with category, time and comments info */
{color:#636873;
margin:0;
text-align:right}



/* comments */

input, #comment {background:#f2efe6;
 font:1em 'trebuchet ms', verdana, arial, sans-serif;
 line-height:1.2em;
 padding:3px;
 border:1px #b8b8ac solid;
 border-left-color:#797b74;
 border-bottom-color:#797b74}
 
 input:focus {background:#f2efe6 url('images/squaredot.gif') top right no-repeat}
 
 #comment,.commenttext {
   background:#f2efe6 url('images/openquote.gif') top left no-repeat;
/*   text-indent:55px */
 }
 
 .commenttext { 
  padding:2em;
 border:1px #b8b8ac solid;}
 
#submit {background:#f2efe6 url('images/submit.gif');
height:25px;
width:50px;
border:0;
float:right;
}

/* .menu styles apply to both sidebars  */

 .menu {
   padding: 5px 5px 5px 0;
 line-height:1.4em}
 
 .menu ul {
	list-style-type: none;
	color:#636873;
	margin:0;
	padding:0}
	 
.menu h2, #wp-calendar caption   /* section headings */
{ background:url('images/squaredot.gif')no-repeat;
	font-size:1.2em;
	font-weight:bold;
	margin:0;
	margin-top:15px;
	padding-bottom: 0.5em;
	padding-left:15px;
	text-transform:lowercase;
}

 
 .menu ul li ul/* link lists */ 
 {
 font-weight:normal;
 font-size:1em;
 text-transform:none;
 padding:0;
 margin:0;}

 
 .menu ul li {
  /* lea's addition to add space between items */
    padding-bottom: 0.5em;
    padding-left: 1em;
  }
 
 .menu a:hover /* when you over over sidebar links */
 {border-bottom:1px #636873 dotted;}
 
 #searchform {margin:0}
 
 #search input {padding:1px}
 
 #s /* the search box */ 
 {width:85px;}
 
 
 /* calendar styles, for those using it */

 #wp-calendar {
	border: 0;
	empty-cells: show;
	font-size: 1em;
	margin: 0;
	width: 90%;
	text-align:center;
	text-transform:lowercase
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	background:#e9e4d5
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	background:#e9e4d5
	
}

#wp-calendar a {
	display: block;
	background:#969BA6;
	color:#fff;
	font-weight:bold
}

#wp-calendar a:hover {
	background:#969BA6;
	border:0;
}

#wp-calendar caption {
text-align:left
}

#wp-calendar td {
	padding: 2px 0;
}

#wp-calendar td.pad:hover {
background:#e9e4d5
}

#wp-calendar td:hover, #wp-calendar #today {
	background:#dee4e0;
}

#wp-calendar th {
	font-style: normal;
}