/*
Theme Name: Clean Dirt
Theme URL: http://prsweeneywebdesign.com
Description: clean and basic
Tags: blue, two-columns, right-sidebar, fixed-width, custom-header, threaded-comments
Author: Patrick Sweeney
Author URI: http://prsweeneywebdesign.com
Version: 1

The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/*/
HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, SAMP, ACRONYM, ADDRESS, BIG, CITE, CODE, SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD
{
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
}
DIV.post OL LI
{
	margin-left: 24px;
}
.post UL
{
	margin-left: 20px;
}
.post OL#commentlist
{
}
CAPTION, TH, TD
{
	text-align: left;
	font-weight: normal;
}
TABLE
{
	border-collapse: separate;
	border-spacing: 0;
}
BLOCKQUOTE:before, BLOCKQUOTE:after, Q:before, Q:after
{
	content: "";
}
BLOCKQUOTE, Q
{
	quotes: "" "";
}
*
{
	margin: 0;
	padding: 0;
}
/*
Here is a list of all the <DIV>s in Whiteboard.
*/
#container
{
	width: 960px;
	margin: 0 auto;
	background-color: #F2F2F2;
}
.post
{
	width: 660px;
	float: left;
	background-color: #F2F2F2;
}
#postmeta
{
}
#postnavigation
{
}
#searchform
{
}
#sidebar
{
	float: right;
	width: 250px;
	margin-left: 20px;
}
#sidebar UL
{
	list-style-type: none;
}
H1
{
	font-size: 36px;
}
#footer
{
	height: 150px;
	clear: both;
	padding-top: 38px;
}
H2
{
	font-size: 30px;
	letter-spacing: -2px;
}
H3
{
	font-size: 16px;
}
H4
{
	font-size: 12px;
}
A
{
	text-decoration: none;
	color: #71726A;
}
A:hover
{
	color: #3687FD;
	text-decoration: underline;
}
#header
{
	height: 150px;
}
H1, H2, H3, H4, H5, H6
{
	font-weight: bold;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-transform: capitalize;
}
.widget
{
	margin-bottom: 20px;
}
BODY
{
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 14px;
	line-height: 1.6;
	background-image: url(images/bg.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #9C9E95;
}
.left
{
	float: left;
}
.right
{
	float: right;
}
IMG
{
	padding: 10px;
}
P
{
}
#footer P
{
	margin-left: 20px;
}
DIV.post P
{
	padding: 3px;
}
DIV.post P.post-time
{
	padding-left: 3px;
}
.post OL#commentlist LI.alt .commenttext
{
}
.post OL#commentlist LI
{
	list-style: none;
}
.post OL#commentlist LI.alt DIV.commenttext P
{
}
.alt
{
	background-color: #EEEEEE;
}
.post OL#commentlist LI P
{
	padding: 10px;
}
/*
#navcontainer UL
{
padding-left: 0;
margin-left: 0;
background-color: #3788FE;
color: #FFFFFF;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}
#navcontainer UL LI
{
display: inline;
}
#navcontainer UL LI A
{
padding: 0.2em 1em;
background-color: #3788FE;
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid #FFF;
}
#navcontainer UL LI A:hover
{
background-color: #369;
color: #FFF;
}*/
#postmeta
{
	background-color: #F1F1F1;
	margin-bottom: 53px;
	clear: both;
}
#content
{
	margin-top: 34px;
	margin-left: 21px;
	background-color: #F2F2F2;
}
.alt
{
	margin: 0;
	padding: 10px;
}
#comments OL
{
	list-style-type: none;
	line-height: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#comments UL LI
{
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0pt;
}
.commentlist
{
	padding: 0;
	text-align: justify;
}
.commentlist LI
{
	margin: 15px 0 10px 0px;
	padding: 5px 5px 10px;
	list-style: none;
}
#comments-wrap
{
}
H6#comments-wrap
{
	margin-left: 6px;
}
.commentlist LI UL LI
{
	margin-right: -5px;
	margin-left: 10px;
	list-style: none;
}
.commentlist LI LI
{
	background: none;
	border: none;
	list-style: none;
	margin: 3px 0 3px 20px;
	padding: 3px 0;
}
.commentlist LI .avatar
{
	border: 1px solid #CCC;
	margin: 15px 8px 6px 0;
	float: right;
	padding: 2px;
	width: 45px;
	height: 45px;
}
.commentlist CITE, .commentlist CITE A
{
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}
.commentlist P
{
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	margin: 10px 5px 10px 0;
}
#commentform P
{
	font-family: "Lucida Grande", Verdana, Arial, Sans-Serif;
}
.commentmetadata
{
	font-weight: normal;
	margin: 0;
	display: block;
	color: #CA5433;
}
.commentmetadata A, .commentmetadata A:visited
{
}
.commentmetadata A:hover
{
	color: #333333;
}
.children
{
	padding: 0;
}
.thread-alt
{
	background-color: #F8F8F8;
}
.thread-even
{
	background-color: #FFFFFF;
}
.depth-1
{
	border: 1px solid #DDD;
}
.even, .alt
{
	border-left: 1px solid #DDD;
}
.aligncenter, DIV.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft
{
	float: left;
}
.alignright
{
	float: right;
}
.wp-caption
{
	border: 1px solid #DDD;
	text-align: center;
	background-color: #F3F3F3;
	padding-top: 4px;
	margin: 10px;
/*optional rounded corners for browsers that support it*/
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
/*border-radius: 3px*/
}
.wp-caption IMG
{
	margin: 0;
	padding: 0;
	border: 0 none #000000;
}
.wp-caption P.wp-caption-text
{
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.categories
{
}
.cat-item
{
}
.current-cat
{
}
.current-cat-parent
{
}
.pagenav
{
}
.page_item
{
}
.current_page_item
{
}
.current_page_parent
{
}
.widget
{
}
.widget_text
{
}
.blogroll
{
}
.linkcat
{
}
/*Dropdown Page Navigation*/
#navi
{
	height: 29px;
	background: transparent;
	display: block;
	padding: 0;
	font: normal 15px Arial, sans-serif;
	text-transform: capitalize;
}
#menu, #menu UL
{
	margin: 0;
	padding: 0;
	list-style: none;
	height: 29px;
}
#menu A
{
	color: #666;
	display: block;
	padding: 4px 10px 6px;
}
#menu A:hover
{
	color: #CCC;
	display: block;
	text-decoration: none;
	background: #0066CC;
}
/*Design for links when the mouse is over them*/
#menu LI
{
	float: left;
	margin: 0;
	padding: 0;
}
#menu LI LI
{
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
	width: 130px;
}
#menu LI LI A, #menu LI LI A:link, #menu LI LI A:visited
{
	background: #FFF;
	width: 150px;
	float: none;
	margin: 0;
	padding: 4px 10px 5px;
	color: #333;
}
#menu LI LI A:hover, #menu LI LI A:active
{
	background: #333;
	width: 150px;
	float: none;
	margin: 0;
	padding: 4px 10px 5px;
	color: #FFF;
}
#menu LI UL
{
	position: absolute;
	width: 10em;
	left: -999em;
	z-index: 1;
}
#menu LI:hover UL
{
	left: auto;
	display: block;
}
#menu LI:hover UL, #menu LI.sfhover UL
{
	left: auto;
}
#menu LI.current_page_item A
{
	background: #0066CC;
	color: #FFF;
}
/*Design for the link to whatever page the user is currently on (if applicable)*/
#menu LI.current_page_item A:hover
{
	color: #000;
	text-decoration: none;
}
/*Dropdown Category Navigation*/
.sf-menu, .sf-menu *
{
	margin: 0;
	padding: 0;
	list-style: none;
	font: normal 14px Arial, sans-serif;
	text-transform: uppercase;
}
.sf-menu
{
	line-height: 1;
	height: 31px;
	background: transparent;
}
.sf-menu UL
{
	position: absolute;
	top: -999em;
	width: 10em;
/*left offset of submenus need to match (see below)*/
}
.sf-menu UL LI
{
	width: 100%;
}
.sf-menu LI:hover
{
	visibility: inherit;
/*fixes IE7 'sticky bug'*/
}
.sf-menu LI
{
	float: left;
	position: relative;
}
.sf-menu A
{
	display: block;
	position: relative;
	color: #666;
}
.sf-menu LI:hover UL, .sf-menu LI.sfHover UL
{
	left: 0;
	top: 30px;
/*match top ul list item height*/
	z-index: 150;
}
UL.sf-menu LI:hover LI UL, UL.sf-menu LI.sfHover LI UL
{
	top: -999em;
}
UL.sf-menu LI LI:hover UL, UL.sf-menu LI LI.sfHover UL
{
	left: 10em;
/*match ul width*/
	top: 0;
}
UL.sf-menu LI LI:hover LI UL, UL.sf-menu LI LI.sfHover LI UL
{
	top: -999em;
}
UL.sf-menu LI LI LI:hover UL, UL.sf-menu LI LI LI.sfHover UL
{
	left: 10em;
/*match ul width*/
	top: 0;
}
.sf-menu
{
	float: left;
	margin: 0;
	width: 100%;
}
.sf-menu A
{
	border-right: 1px dotted #D7D7D7;
	padding: 8px; /*[e]8px&#160*/
/*10px;text-decoration: none*/
	color: #666;
}
/*Design for the dropdown links
.sf-menu a, .sf-menu a:visited&#160;*/
#INVALID-RULE
{
/*visited pseudo selector so IE6 applies text colour*/
	color: #0066CC;
}
.sf-menu LI
{
	background: transparent;
	color: #666;
}
.sf-menu LI LI
{
	background: #FFF;
}
.sf-menu LI LI LI
{
	background: #FFF;
}
.sf-menu LI:hover, .sf-menu LI.sfHover, .sf-menu A:focus, .sf-menu A:hover, .sf-menu A:active
{
	background: #D7D7D7;
	outline: 0;
	color: #0066CC;
}
/*Background = Link background colors when the mouse is over them*/
.sf-menu LI.current-cat A
{
	background: #070707;
	color: #0066CC;
}
.sf-menu LI.current-cat A:hover
{
	background: #666;
	color: #CCC;
}