html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, dl, table, input, select, textarea {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

a,
a:link,
a:visited,
a:active	{
	color: #e87300;
	font-weight: normal;
	text-decoration: none;
} 

a:hover	{
	color: #e87300;
	font-weight: normal;
	background-color: #753b02;
	text-decoration: none;
}

body {
	background-color: #fff;
	font-size: 12px;
	line-height: 20px;
	color: #000;
	margin: 20px 0 30px 30px;
}

.clr { line-height: 0; clear: both; }

h1 {
	text-transform: lowercase;
	font-weight: normal;
	font-size: 24px;
	line-height: 32px;
	color: #000;
}

h1 a,
h1 a:link,
h1 a:visited,
h1 a:active	{
	color: #000;
	font-weight: normal;
	text-decoration: none;
} 

h1 a:hover	{
	color: #e87300;
	font-weight: normal;
	background-color: transparent;
	text-decoration: none;
}


h2 {
	color: #C0AFA0;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	text-transform: lowercase;
}

img , img a { border: 0; }

input, option, textarea, select {
	font-size: 11px;
	border: 1px solid #C0AFA0;
	background-color: #eee;
	color: #000;
	margin: 0px 0px 9px 0px;
	padding: 1px;
	vertical-align: middle;
}

p {
	font-size: 12px;
	line-height: 20px;
	padding: 0 0 14px 0;
}

#comments {
	margin: 20px 0 0 0;
}

.comment-author {
	text-align: right;
	color: #C0AFA0;
}

.comment-text {
	background-color: #eee;
	padding: 6px 8px 2px 8px;
	margin: 5px 0 15px 0;
}

.comments-open {
	margin-top: 40px;
}

#logo {
	margin-bottom: 15px;
	background-color: none;
}

#leftcol {
	width: 800px;
	float: left;
}






/* navigation */

ul#sitenavigation {
	width: 948px;
	height: 26px;
	margin: 12px 0 30px 0;
	overflow: hidden;
}

ul#sitenavigation li {
	list-style-type: none;
}

#nav-about span, #nav-about-on span,
#nav-blog span, #nav-blog-on span, 
#nav-design span, #nav-design-on span,
#nav-photo span, #nav-photo-on span,
#nav-pricing span, #nav-pricing-on span { display: none; }

li#nav-about a {
display: block;
	width: 175px;
	height: 26px;
	float: left;
	background: url("http://www.shuttersmack.com/graphics/nav-about-off.jpg") no-repeat;
}

li#nav-about a:hover {
display: block;
	width: 175px;
	height: 26px;
	float: left;
	background: url("http://www.shuttersmack.com/graphics/nav-about-on.jpg") no-repeat;
}

li#nav-blog a {
	display: block;
	width: 118px;
	height: 26px;
	background: url("http://www.shuttersmack.com/graphics/nav-blog-off.jpg") no-repeat;
	float: left;
}

li#nav-blog a:hover {
	display: block;
	width: 118px;
	height: 26px;
	background: url("http://www.shuttersmack.com/graphics/nav-blog-on.jpg") no-repeat;
	float: left;
}

li#nav-design a {
	display: block;
	width: 190px;
	height: 26px;
	background: url("http://www.shuttersmack.com/graphics/nav-design-off.jpg") no-repeat;
	float: left;
}

li#nav-design a:hover {
	display: block;
	width: 190px;
	height: 26px;
	background: url("http://www.shuttersmack.com/graphics/nav-design-on.jpg") no-repeat;
	float: left;
}

li#nav-photo a {
	display: block;
	width: 266px;
	height: 26px;
	background: url("http://www.shuttersmack.com/graphics/nav-photo-off.jpg") no-repeat;
	float: left;
}

li#nav-photo a:hover {
	display: block;
	width: 266px;
	height: 26px;
	background: url("http://www.shuttersmack.com/graphics/nav-photo-on.jpg") no-repeat;
	float: left;
}

li#nav-pricing a {
	display: block;
	width: 199px;
	height: 26px;
	background: url("http://www.shuttersmack.com/graphics/nav-pricing-off.jpg") no-repeat;
	float: left;
}

li#nav-pricing a:hover {
	display: block;
	width: 199px;
	height: 26px;
	background: url("http://www.shuttersmack.com/graphics/nav-pricing-on.jpg") no-repeat;
	float: left;
}




#nav-about-on {
	display: block;
	width: 175px;
	height: 26px;
	background: url("http://www.shuttersmack.com/graphics/nav-about-on.jpg") no-repeat;
	display: block;
	float: left;
}

#nav-blog-on {
	display: block;
	width: 118px;
	height: 26px;
	background: url("http://www.shuttersmack.com/graphics/nav-blog-on.jpg") no-repeat;
	float: left;
}

#nav-design-on {
	display: block;
	width: 190px;
	height: 26px;
	background: url("http://www.shuttersmack.com/graphics/nav-design-on.jpg") no-repeat;
	float: left;
}

#nav-photo-on {
	display: block;
	width: 266px;
	height: 26px;
	background: url("http://www.shuttersmack.com/graphics/nav-photo-on.jpg") no-repeat;
	float: left;
}

#nav-pricing-on {
	display: block;
	width: 199px;
	height: 26px;
	background: url("http://www.shuttersmack.com/graphics/nav-pricing-on.jpg") no-repeat;
	float: left;
}






#nav-photodeets {
	width: 800px;
	margin: -12px 0 44px 0;
}

#nav-nav {
	float: left;
	display: inline;
	margin: 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 10px;
}

#nav-date {
	float: right;
	display: inline;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
	color: #C0AFA0;
}

.pagetext {
	width: 650px;
}

#rightcol {
	width: 170px;
	float: right;
	color: #C0AFA0;
}

#site-navigation {
	margin: 4px 0 0 0;
}

#thumbs .preview {
	margin: 0 0 10px 0;
}

#archives-thumbnails tr td { padding: 0; }
#archives-thumbnails tr td img { border: 8px solid #FFF; }
#archives-thumbnails tr td img:hover { border: 8px solid #e87300; background: transparent; }


#wrapper {
	width: 978px;
}