/*  
Theme Name: Lizzie Thomas
Theme URI: http://www.lizziethomas.co.uk
Description: A bespoke theme for Lizzie
Author: Toby Hammond
Author URI: http://www.igetonline.co.uk
*/

/**************** Body *********************/
*{
	margin:0; padding:0;
}
body{	
	background:#ffffff; 
	font:13px Arial,Verdana,Tahoma,Sans Serif;
}

img{
	margin: 0;
	border: 0;
	padding: 0;
}


#wrapper {
	width: 90%;
	min-width: 850px;
	margin: 30px 0px 0px 30px;
	overflow: none;
	
}

/**************** Links *********************/
a, a:link, a:visited {
	text-decoration:none;
	color: #999999;
}
a:hover {
	color:#AB8A61;
}

/**************** Header *********************/
#header {
	width:100%; 
	margin-bottom:5px; 
	float:left;
}
#header h1 {
	background:url(images/logo.gif) no-repeat left; 
	height:50px;
	text-indent:-10000px;
	margin:0;
	padding:0;
}
#header h1 a {
	background:url(images/logo.gif) no-repeat left; 
	height:250px;
	width: 100px;
}
#header h2 {
	color:#AB8A61; 
	font-size:18px;
	font-weight:normal;
	height:22px;
	margin-top:5px;
	padding:5px 0 0 5px;
	letter-spacing:-1px;
	word-spacing:1px;
}
#rss {
	float:right;
}

/**************** Navigation *********************/
#navigation{
	font-size:11pt; 
	text-transform:capitalize;
	float:left;
	margin-right: 25px;
}

#menu{
	float:left;
	margin-bottom:20px;
	font-size: 16px;
	font-weight; lighter;
}
#menu li{list-style:none;}


#menu a:link, a:visited, a:active{
	color: #7C7D77;
	margin-bottom:10px; 
	height:22px; 
	width:250px; 
	}

#menu a:hover {color:#AB8A61}
 

/**************** Search *********************/
.topsearch{ background:#262626 url(images/menu_left.gif) no-repeat top left; margin-bottom:10px; padding:8px 5px 5px 10px; height:19px; width:250px; display:block; }
.searchfield{width:18em; color: #666666; text-transform:uppercase; font-weight:bold; font-size:12px; font-family:Tahoma;border:1px solid #262626; background:#262626 url(images/search.gif) left no-repeat; padding-left:16px;}
h2.search {font-size:14px; background:url(images/cats.gif) left no-repeat; padding-left:20px; margin-left:20px; font-family:Arial Bold; padding-top:10px; color:#CCCCCC;}

/**************** Content *********************/
#content {
	width:70%; 
	height: 500px;
	background-color:#FFFFFF; 
	background: url(images/hpbackgroundtrans.jpg) no-repeat;
	float:left;
}
.comments {}
.info { background-color:#FFFFFF; padding:2px 10px 2px 10px; font-size:11px; margin-bottom:10px; margin-top:5px;}
.info a {color:#66CC00;}
.info a:hover {color:#fff;}
.entry{height: 100%; width: 80%; letter-spacing: -1px;}
.entry h2{padding-bottom:10px; color: #AB8A61; display: block;}
.entry h2 a {color:#7C7D77; font-family:Arial Bold; font-size:22px;}
.entry h2 a:hover {color:#AB8A61;}
.entry h3 a{color: #7C7D77;}
.entry h3 a:hover{color: #8B6A41;}
.entry p{
	padding:0 0 10px 0;
	color:#AB8A61;
}

.post{
	spadding:20px 20px 10px 20px;
	margin-bottom:20px;
	line-height:20px;
	color: #939393;
	
}

.postTitle{
	margin-left: 10px;


}

.post p{
	display: block;
	float: left;
	margin-left:50px;
	width: 200px;
	text-align: left;
	padding: 0;
	overflow: none;
	color: #AB8A61;

}


.post h2 p{
	display: block;
}
/*These headings H5 & H6 are being hijacked to style the images in the posts. 
H6 works with square images
H5 *should* work with portrait aspect images*/
.post h6{
	float: left;
	display: inline;
}

.post h6 img{
	float: left;
	display: inline;
	margin-left: 38px;
	height: 177px;
	width: 180px;
}

.post h5{
	float: left;
	display: inline;
}

.post h5 img{
	float: left;
	display: inline;
	margin-left: 38px;
	height: 271px;
	width: 180px;
}

.post h4{
	float: left;
	display: inline;
}

.post h4 img{
	float: left;
	display: inline;
	margin-left: 38px;
	height: 170px;
	width: 261px;
}

.post p img{
	float: left;
	display: block;
}


.entry img {margin:0 10px 10px 10px;}
.new {background:url(images/new.gif) right top no-repeat;}
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before{ content: "\00BB \0020"; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.meta { padding:5px; font-size:11px; line-height:22px; border-top:1px solid #262626; text-transform:uppercase; font-weight:bold;}
.tags {background:url(images/tags.gif) left no-repeat; padding-left:24px;}
.cats {background:url(images/cats.gif) left no-repeat; padding-left:24px;}

/**************** Comments *********************/
#comments {font-size:14px; border-top:10px solid #262626; font-family:Arial Bold;}
h2#postcomment {font-size:14px; margin-top:10px; font-family:Arial Bold; font-weight:bold;}
.commentlist{padding:20px; margin-top:10px;}
.comtop {background:#262626 url(images/comtop.gif) no-repeat top left; padding:5px 0px 0px 0px; width:575px;}
.combottom {background:url(images/combottom.gif) no-repeat top left; width:575px; height:10px; margin-bottom:25px;}
.commentlist p{ padding-top:5px;}
.commentmetadata {font-size:11px;}
#author, #email, #url {
	width:10em;
	font-size:13px;
	color:#666666;
	dfont-weight:bold;
	padding:3px; 
	margin-right:5px;
	border:1px solid #7C7D77; 
	background-color:#fff;
}
#submit{font:bold 1em Tahoma;margin-bottom:15px;margin-top:5px;padding:2px;}
#respond{padding-top:20px;padding-bottom:10px; font-weight:lighter;}
#comment{width:98%;border:1px solid #1b1b1b;font:13px Tahoma;color:#666666;font-weight:bold; background-color:#666666;}
h3 #comments {font-size:13px;}
#commentform h2 {font-size:14px; font-weight:normal;}
label{
	color:#7C7D77
}

/**************** Sidebar *********************/
#sidebar { text-align:left;}
#sidebar ul {list-style:none;}
#sidebar h2 {
	font-size:18px;
	font-family:Arial;
	color: #AB8A61;
	padding-right:10px;
}
#sidebar ul ul {margin:10px; padding-bottom:20px;}
#sidebar ul ul li {padding-bottom:5px;}

/**************** Footer *********************/
#footer {
	text-align:right; 
	font-size:11px; 
	margin:10px; 
	color: #666666;
	swidth: 1300px;
	float: left;
}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 1px solid #666666; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }

.alignright{
	display:block;
	float:right;
	padding:20px; 
	margin-right:20px;
	background:url(images/next.gif) no-repeat right;
	width:100px; 
	font-size:11px;
}

.alignleft{
	display:block;
	float:left; 
	padding:20px;
	margin-left:20px;
	background:url(images/back.gif) no-repeat left;
	dwidth:100px;
	font-size:11px;
}

img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:12px; font-family:Tahoma; color: #6C6C6C; display:block; background-color:#262626; padding:10px; margin:10px 0 10px 0; border:1px solid #3F3F3F;}

/**************** avatar *********************/
.gravs {margin-top:20px; padding:0 15px 0 15px;}
.avatar {float:left; margin-right:10px; padding:3px;  border:1px solid #191919;}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:3px;}
.attachment {text-align:center;}
.attachment img { padding:5px; border:1px solid #999999;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft img{ padding:5px; border:1px solid #999999;}
.imgright {float:right;}
.imgright img{ padding:5px; border:1px solid #999999;}

/**************** Mailing list module *********************/
.widget_module{
	color: #AB8A61;
	text-transform: none;
	letter-spacing: -1px;
}


/**************** Static page styles for FF*********************/


div.entryPage div.post p{
	float: left;
	display: block;
	margin: 0px;
	padding: 0px; 
	color: #AB8A61;


}

.listClass{
	display: inline;
	float: left;
	margin-left: 20px;
	color: #AB8A61;
}

div.listClass ul{ 
	list-style-type: none;

}



/**************** Archive page styles *********************/
.post_list {
	float: left; 
	text-align: center;
	width: 130px; 
}

.post_list img{
	width: 100px;
	height: 100px;

}


div.post_list a:active, a:link, a:hover, a:visited{
	margin: 0;
	padding: 0;
	color: #AB8A61;

}

#foot{
	width: 100%;
	float: left;
	display: block;

}

#commentsbox{
	clear: both;

}