/*
---------------------------------------------------------------------------------

	A BROWN BLOG
	screen styles

	created: jun '10
	
	design and code by:
	matt brown / thingsthatarebrown.com

---------------------------------------------------------------------------------
*/


body { font-family: georgia; color: #333; font-size: 15px; line-height: 23px; background: url('../img/bg.png') repeat-y; }
#bgstrip { position: absolute; left: 0; top: 0px; height: 600px; z-index: 1 }

#wrapper { }
#sidebar { padding-top: 50px }
	
h1,h2,h3,h4,h5,h6 { margin-bottom: 0.5em }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { text-decoration: none; color: #333; }
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { color: #990003; }

h1 { font-size: 78px; font-weight: normal; margin: 200px 0 0 0; padding: 0 0 30px 0; border-bottom: 1px solid #ccc; letter-spacing: -1px; }
h1 a:hover {  }

h2.first { font-size: 48px; line-height: 52px;letter-spacing: -1px; }
h2 { font-size: 32px; line-height: 36px;  margin: 0; font-weight: normal; }
h2 a { color: #333; text-decoration: none; display: block; }
h2 a:hover { color: #990003 }
h3.author { font-weight: normal; text-transform: uppercase; font-size: 16px; letter-spacing: 3px; margin: 0 0 10px 0;  }

a { color: #990000; }
a:hover { text-decoration: none }

.alignleft { float: left; display: inline; margin-right: 20px; margin-left: 0px; position: relative; }
.alignright { float: right; display: inline; margin-left: 30px; margin-right: -40px; margin-bottom: 20px; position: relative; clear: right; }
.aligncenter { display: inline; text-align: center; margin: 0 }

.postitem { padding: 15px 0;  }

.meta { text-align: right; }
.meta h4 { padding: 10px 20px 10px 0; margin-right: 10px; border-right: 1px solid #ccc; }


#date.first h4 { padding: 30px 20px 40px 0 }
#date span.month { text-transform: uppercase; letter-spacing: 3px; }
#date span.day { font-weight: normal; }

#bear {  overflow: none; }
#bear img { position: relative; margin: 20px 0 0 -40px;  }
#bear a:hover img { opacity: 0.87;-moz-opacity: 0.87;filter:alpha(opacity=87); }


img#logo { float: right; margin: -70px 0 0 0; }
a:hover img#logo { opacity: 0.87;-moz-opacity: 0.87;filter:alpha(opacity=87); }

.update { background: #fffef2; border: 1px solid #eeeddb; padding: 0.75em 1.25em; margin: 0 0 1em 0; }
.update h3 { margin-top: 10px; }

.framewide { background: #efefef; text-align: center; margin: auto auto 0.25em auto; }
strong { font-weight: bold }
em { font-style: italic }
blockquote { padding: 1.5em; background: #f5f5f5; margin-bottom: 1.5em; display: block; position: relative; }
blockquote p { margin-bottom: 0; }
small { font-size: 11px; line-height: 13px  }

h3#comments-header { border-top: 2px solid #ccc; padding: 20px 0 0 0;}

#comments ol,
#comments ul,
#comments li { margin:0;padding:0; list-style: none}
#comments li { margin: 0 0 20px 0;}

.comment-author h4 { padding: 0 20px 30px 0; font-size: 14px; }
.comment-author h4 span { font-weight: normal }