/*
Theme Name: Anvil
Theme URI: http://spectacu.la/anvil/
Description: Dark customisable 2 column theme with widget support,
 parameterised CSS and all required graphics files to make for an easy customising experience.
Version: 2.0
Author: James R Whitehead of Spectacu.la
Author URI: http://spectacu.la/
tags: black, white, two-columns, right-sidebar, fixed-width, threaded-comments

2.0 Made to work with wp2.8, added threaded comments, jQuery based fluff and a general code tidy up.

1.5	Add custom header image code and tidied up the header space.

1.4	Added gravatar support

1.3	Changed the CSS to use my CSS.php instead of using screen.php. Makes the CSS file a little less confusing for people to edit.
	Improved the typographic styling.
	Improved the commenting system. Added author highligh and unapproved comment highlight.
	Numerous other fixes and improvements.

1.2.2	Fixed IE7 positioning bug.

1.2.1	Fixed the contact form. Forgot to test it before release and had no idea I'd made a mess of a last min alteration. D'ho!

1.1	More fixes for IE plus the addition of a contact form and sorted the search page out.
*/

@import "comments.css";

form,
fieldset {
	margin:0;
	padding:0;
	min-height:1px; /* hasLayout fix*/
}

fieldset {
	border:0 none;
	padding:0;
	margin:0;
}
.errorMessage{
	left:5px;
	background-color:#fff;
	color:#900;
	z-index:10;
	padding:0.5em;
	border:solid 1px #900;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
}




#new-comment-title,
.widgettitle,
.widget-centre h3,
.tagline h2,
.post-title h2,
.main-page-title{
	padding:0;
	margin:0
}

body{
	font:10pt verdana, arial, free-sans, sans-serif;
	line-height:1.25em
}

a img{
	border:0
}

a{
	color:#d60;
	text-decoration:none;
	font-weight:bold
}

a:hover{
	color:#a90
}

abbr{
	cursor:help
}

.alignright{
	float:right;
	margin:5px 0 5px 5px;
	clear:right
}

.alignleft{
	float:left;
	margin:5px 5px 5px 0;
	clear:left
}

.aligncenter{
	display:block;
	clear:both;
	text-align:center
}

img[align="right"]{
	float:right;
	margin:5px 0 5px 5px;
	clear:right
}

img[align="left"]{
	float:left;
	margin:5px 5px 5px 0;
	clear:left
}

p,
table,
blockquote{
	margin:0 0 1em
}

ol,
ul{
	margin-top:1em;
	margin-bottom:1em
}

li ol,
li ul{
	margin-top:0;
	margin-bottom:0
}

h1,
h1 a{
	font-size:18pt;
	color:#303030;
	font-weight:bold
}

h2,
h2 a{
	font-size:16pt;
	color:#303030;
	font-weight:bold
}

h3,
h3 a{
	font-size:14pt;
	color:#303030;
	font-weight:bold
}

h4,
h4 a{
	font-size:12px;
	color:#303030;
	font-weight:bold
}

h5,
h5 a{
	font-size:10px;
	color:#303030;
	font-weight:bold
}

h6,
h6 a{
	font-size:10px;
	color:#303030;
	font-weight:normal
}

code{
	background-color:#f3f3f3;
	color:#6f6060;
	display:block;
	padding:1em 0.5em;
	margin:0.5em 0
}

.clear{
	clear:both;
	height:1px;
	margin-bottom:-1px;
	overflow:hidden;
	visibility:hidden
}

.submit{
	margin:0;
	padding:0;
	border: 0 none;
	cursor:pointer;
	background:url(images/submit.gif) repeat-x top left #303030;
	color:white;
	font-weight:bold;
	height:1.5em;
	padding:0 .5em
}

.reset{
	margin:0;
	padding:0;
	border: 0 none;
	cursor:pointer;
	background:url(images/submit.gif) repeat-x top left #303030;
	color:white;
	font-weight:bold;
	height:1.5em;
	padding:0 .5em
}


body{
	background:url(images/background.gif) repeat-x top left #333;
	color:#6f6060;
	margin:12px 0;
	padding:0;
	font:10pt arial,
free-sans,
sans-serif
}

div.container{
	position:relative;
	width:950px;
	top:0;
	left:0;
	margin:0 auto
}

div#content{
	width:630px;
	float:left
}

div#sidebar{
	position:relative;
	width:310px;
	margin-left:640px
}

div#footer{
	margin-top:0;
	clear:both;
	margin-left:12px;
	margin-right:3px;
	color:silver
}

div#header{
	position:relative;
	height:140px;
	width:950px
}

a#mainlogo{
	position:absolute;
	top:0;
	left:0;
	width:128px;
	height:128px;
	display:block;
	overflow:hidden;
	z-index:10
}

h1.main-page-title{
	width:315px;
	height:90px;
	position:absolute;
	top:0;
	left:140px;
	overflow:hidden;
	z-index:1;
	font-size:20pt;
	line-height:1.5em;
	word-spacing:-4px;
	font-variant:small-caps;
	font-weight:900;
	color:white
}

div#header-content{
	position:absolute;
	right:-6px;
	top:0;
	height:95px;
	width:490px;
	background:url(images/header-content.png) no-repeat top right transparent
}

div.banner{
	width:468px;
	height:60px;
	background-color:#060;
	color:#fff;
	font-weight:bold;
	overflow:hidden;
	position:absolute;
	top:8px;
	right:14px
}

form.searchForm {
	position:relative;
}

.focused{
	color:black
}

.unfocused{
	color:#bbb
}

div.banner .searchSubmitButton{
	position:absolute;
	right:0;
	top:0;
	padding:0;
	margin:0;
	height:40px;
	width:50px;
	border:solid 2px #999;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:20px;
	font-weight:normal;
	color:#eee;
	background:url(images/submit.gif) repeat-x top left #000
}

div.banner .searchResetButton{
	position:absolute;
	right:0;
	top:0;
	padding:0;
	margin:0;
	height:40px;
	width:50px;
	border:solid 2px #999;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:20px;
	font-weight:normal;
	color:#eee;
	background:url(images/submit.gif) repeat-x top left #000
}

div.tagline,
div.tagline *{
	line-height:20px;
	font-size:10pt;
	background-color:#333;
	color:#eee;
	font-weight:normal
}

div.tagline{
	position:absolute;
	top:95px;
	left:0;
	width:950px;
	height:20px
}

div.tagline h2{
	position:absolute;
	left:140px;
	font-weight:bold
}

div.login{
	position:absolute;
	right:10px;
	height:20px;
	color:#666;
	line-height:20px
}

div.login a{
	color:#666;
	font-size:8pt
}

div.login a:hover{
	color:#999
}

div.post-title h2 a{
	line-height:1.5em
}

.post-body{
	line-height:1.5em;
	word-spacing:0.05em;
	letter-spacing:0.01em
}

.post-body iframe,
.post-body img{
	margin:0.25em 0.5em
}

.post-body iframe[align="left"]{
	margin:0 10px 10px 0;
	float:left
}

.post-body iframe[align="right"]{
	margin-right:0;
	float:right
}

.post-body blockquote{
	border-left:solid 5px #f3f3f3;
	padding-left:1em;
	font-style:italic
}

.post-body ul,
.post-body ol{
	margin:1em 2em;
	padding:0;
	line-height:1.25em
}

.post-body ol ul,
.post-body ul ol,
.post-body ul ul,
.post-body ol ol{
	margin:0 1.5em;
	padding:0;
	line-height:1.25em
}

div.post-content{
	background:url(images/post.gif) repeat-y 0 0 transparent;
	color:#333;
	width:600px;
	padding:0 18px 0 12px;
	overflow:hidden
}

div.post-frame{
	margin-bottom:10px;
	padding:16px 0;
	width:630px;
	position:relative;
	z-index:10
}
span.post-frame-bottom,
span.post-frame-top{
	width:630px;
	height:16px;
	background:url(images/post.gif) no-repeat -631px 0px transparent;
	display:block;
	position:absolute;
	left:0;
	z-index:10;
}
span.post-frame-top {
	top:0;
}
span.post-frame-bottom{
	background-position:-1261px 0;
	bottom:0;
}

div.post-navigation{
	margin-bottom:16px
}

.previous-link{
	float:left
}

.next-link{
	float:right
}

div.post-navigation-links a{
	color:#666;
	font-size:14pt
}

div.post-navigation-links a:hover{
	color:#ccc
}

div.post-navigation-links{
	background:url(images/post-navigation-links.gif) repeat-y #333;
	background-position:-627px 0;
	color:#666;
	padding:5px 10px;
	text-align:center
}

span.post-navigation-top,
span.post-navigation-bottom{
	overflow:hidden;
	display:block;
	width:626px;
	height:8px;
	background-image:url(images/post-navigation-links.gif);
	background-repeat:no-repeat
}

span.post-navigation-top{
	background-position:0 0
}

span.post-navigation-bottom{
	background-position:0 -11px
}

div.post-title{
	background:url(images/title-background.gif) repeat-y top right white
}

div.post-title  h2{
	background:url(images/title-roundel.gif) no-repeat left top transparent;
	background-position:0 50%;
	line-height:1.5em;
	padding-left:30px
}

div.post-header{
	margin-bottom:10px
}

.time-date-owner{
	font-size:8pt;
	margin-top:0.5em
}

div.post-footer{
	text-align:center;
	clear:both;
	background-color:#f3f3f3;
	margin-bottom:15px;
	line-height:2em
}

div.post-footer span{
	padding:0.25em 0.5em
}

div.page-links{
	display:block;
	text-align:right;
	margin-bottom:15px
}

div.widget{
	padding:16px 0;
	position:relative;
	width:310px;
	margin-bottom:10px;
}
	div.widget-centre{
		overflow:hidden;
		background:url(images/widget.gif) repeat-y 0 0 transparent;
		color:#666;
		width:280px;
		padding:0 18px 0 12px;
	}
	span.widget-top,
	span.widget-bottom{
		z-index:1;
		width:310px;
		height:16px;
		background:url(images/widget.gif) no-repeat -625px 0 transparent;
		display:block;
		left:0;
		position:absolute;
	}
		span.widget-bottom{
			bottom:0;
		}
		span.widget-top{
			top:0;
			background-position:-313px 0
		}

div.widget-centre h3{
	margin-bottom:0.5em;
	color:#333
}
.expandToggle {
	position:absolute;
	overflow:hidden;
	left:-1em;
	top:0.4em;
	width:9px;
	height:9px;
	background: url(images/plus-minus-small.gif) no-repeat 0 0 transparent;
	cursor:pointer;
}

.expandToggle.active {
	background-position: 0 -9px;
}

#sidebar .widget ul,
#sidebar .widget ol{
	padding:0;
	margin-left:1em;
	list-style-type:none;
}


#sidebar .widget ul ul,
#sidebar .widget ol ol,
#sidebar .widget ul ol,
#sidebar .widget ol ul{
	padding:0;
	margin-left:1em;
	list-style-type:circle;
	list-style-position:inside;
}

div.widget li {
	line-height:1.5em;
	margin-bottom:0.5em;
}
div.widget li li {
	margin:0;
}

li.current-cat li a,
li.current_page_item li a,
div.widget-centre a{
	color:#333
}

li.current-cat a,
li.current_page_item a,
div.widget-centre a:hover{
	color:yellow
}

table#wp-calendar{
	margin:0 auto 10px auto
}

table#wp-calendar td{
	padding:4px;
	text-align:center;
	border:solid 1px #f3f3f3
}

table#wp-calendar caption{
	font-size:18pt;
	margin:0 auto 10px auto
}

div.widget_calendar h3{
	display:none
}

.tag-cloud-links a{
	font-size:large
}

.tag-cloud-links{
	position:relative;
	top:10px;
	padding:5px 10px;
	width:579px;
	background:url(images/tag-cloud.gif) repeat-y top right white;
	color:#333;
	margin-bottom:25px
}

.tag-cloud-links-top{
	display:block;
	width:598px;
	height:10px;
	position:absolute;
	top:-10px;
	left:0;
	color:#333;
	background:url(images/tag-cloud.gif) no-repeat top left white
}

.tag-cloud-links-bottom{
	display:block;
	width:598px;
	height:10px;
	position:absolute;
	bottom:-10px;
	left:0;
	color:#333;
	background:url(images/tag-cloud.gif) no-repeat bottom left white
}

.excerptmore{
	display:block;
	height:1.5em;
	overflow:hidden;
	text-align:right;
	clear:both;
	margin-top:-1em
}

.excerpt-thumb-link{
	float:left;
	margin-right:5px
}


/* -post tables- */

.post table {
	background: #efefef;
	border: 1px solid #dfdfdf;
	border-collapse: collapse;
	line-height: 1.5em;
	margin: 20px auto 0 auto;
	width: 100%;
	}
.post th, .post td {
	background: #efefef;
	border: 1px solid #dfdfdf;
	padding: 5px;
	}



.post-body table{
	background: #efefef;
	border: 1px solid #dfdfdf;
	border-collapse: collapse;
	line-height: 1.5em;
	margin: 20px auto 0 auto;
	width: 100%;
}

.post-body table tr.alternate{
	background: #efefef;
	border: 1px solid #dfdfdf;
	padding: 5px;
}

.post-body table td{
	background: #efefef;
	border: 1px solid #dfdfdf;
	padding: 5px;
}

.post-body tfoot,
.post-body tfoot tr,
.post-body tfoot td{
	text-align:center;
	font-size:10px;
	color:#f9f9f9;
	background-color:#999;
	padding:0
}

.post-body table th{
	background: #efefef;
	border: 1px solid #dfdfdf;
	padding: 5px;
}

.wp-caption{
	padding:5px 0;
	text-align:center;
	border:solid 1px #eee;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#f3f3f3
}

.wp-caption img{
	margin:0
}

p.wp-caption-text{
	font-size:10px;
	margin:0;
	padding:0.25em 0 0 0
}