/* ------------------------------------------------
Site: Post No Bills
Date: 10.06.08

By those crazy peeps at Blue Flavor
----------------------------------------------------*/


/* @group http://meyerweb.com/eric/tools/css/reset/  */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }
/* @end */

/* @group Modified from: http://code.google.com/p/blueprintcss/ */

body { font : 16px/1.5 Georgia, Arial, Verdana, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-weight : normal; }
h1 { font-size : 3em; line-height : 1; margin-bottom : 0.5em; }
h2 { font-size : 2em; margin-bottom : .75em; }
h3 { font-size : 1.5em; line-height : 1; margin-bottom : 1em; }
h4 { font-size : 1.2em; line-height : 1.25; margin-bottom : 1.25em; }
h5 { font-size : 1em; font-weight: bold; margin-bottom : 1.5em; }
h6 { font-size : 1em; font-weight : bold; }
p { margin : 0 0 1.5em; }
ul, ol { margin : 0 1.5em 1.5em 0; }
ul { list-style-type : none; }
ol { list-style-type : decimal; }
dl { margin : 0 0 1.5em 0; }
dt { font-weight : bold; }
dd { margin-left : 1.5em;}
abbr, acronym { border-bottom-width : 0; }
address { margin-top : 1.5em; font-style : normal; }
del { color : #666; }
blockquote { margin : 1.5em 0; }
strong { font-weight : bold; }
em, dfn { font-style : italic; }
dfn { font-weight : bold; }
pre, code { margin : 1.5em 0; white-space : pre; }
pre, code, tt { font : 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height : 1.5; } 
tt { display : block; margin : 1.5em 0; line-height : 1.5; }
table { margin-bottom : 1.4em; }
th { border-bottom : 2px solid #433b34; font-weight : bold; }
td { border-bottom : 1px solid #ddd; }
th,td { padding : 4px 10px 4px 0; }
tfoot { font-style : italic; }
caption { background : #ffc; }

/* @end */

/* @group Author styles (written here or imported from external files) */

html{ 
	padding: 30px 0 0 0;
	background: #281006 url(../siteimages/background.jpg) no-repeat  fixed 0 0; 
}
body { 
	color: #000; 
}

/* =hx */
h2 {
	margin: 0 0 18px 0;
	background: url(../siteimages/bg-rule.gif) repeat-x 50% 50%;
	font: normal 21px/27px tahoma, "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	text-align: center;
}

h2 span {
	padding: 5px;
	background-color: #fff;
}

h2 a, h2 a:visited {
	color: #0e83b8; 
	text-decoration: none; 
	-webkit-transition: color .2s ease-in;
}
h2 a:hover {
	color: #21893c; 
	text-decoration: none; 
	-webkit-transition: color .2s ease-in;
}

h2#tagtitle {
	color: #805a07;
	text-transform: none;
	background: none;
}

h2#tagtitle strong {
	font-weight: bold;
	text-transform: uppercase;
}

h3.date { 
	position: absolute;
	top: -8px;
	left: 212px;
	width: 200px;
	background-color: #21893c;
	padding: 8px;
	font : 9px/1 tahoma,"Lucida Grande", Lucida, Verdana, sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
	
}

/* =a */
a, a:visited { 
	color: #21893c; 
	text-decoration: none; 
	-webkit-transition: color .2s ease-in;
	}
a:hover { 
	color: #0e83b8; 
	text-decoration: none; 
	
	}

/* =container */
#container { 
	width: 940px; 
	margin: 0 auto; 
}

/* =branding */
h1#branding a{
	position: fixed;
	top: 30px;
	left: 30px;
	width: 54px;
	height: 374px;
	background: url(../siteimages/pnb-logo.png) no-repeat 0 0;
}
/* =content */
#content {
	position: absolute;
	top: 30px;
	left: 125px;
	width: 640px;
}
ul#posts {
	padding: 0;
	margin: 0 0 40px 0;
}
ul#posts li {
	position: relative;
	padding: 35px 30px 30px 30px;
	border: 8px solid #45220f;
	margin: 0 0 40px 0;
	background: #fff url(../siteimages/bg-post.png) no-repeat 50% 0;
}
ul#posts li ul.post-tags {
	width: 100%;
	font-size: 13px;
	padding: 18px 0 0 0;
	margin:0;
	border: 1px dotted #3e1804;
	border-width: 1px 0 0 0;
}

ul#posts li ul.post-tags li {
	display: inline;
	padding: 0;
	margin: 0 6px 0 0;
	border: none;
}

ul#posts img,
ul#posts object{
	display: block;
	border: 8px solid #dcdcdc;
	margin: 0 auto 24px;
	z-index: 1;
}

p#more {
	padding: 0;
	margin: 0;
	font: bold 15px/19px tahoma,"Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	text-align: center;
}

p#more a {
	color: #0e83b8;
	-webkit-transition: color .2s ease-in;
}

p#more a:hover {
	color: #21893c;
}

p#count {
	color: #805a07;
	text-align: center;
}


/* =sidepar */
#sidebar{
	position: fixed;
	top:30px;
	left:  800px;
	width: 200px;
	font : 13px/19px tahoma,"Lucida Grande", Lucida, Verdana, sans-serif;
	color: #805a07;
}

#sidebar h2 {
	padding: 0;
	margin: 0;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	background: none;
	text-align: left;
}

#sidebar h2#blueflavor {
	border: 1px solid;
	border-width: 1px 0 0 0;
	padding: 36px 0 0 15px;
	width: 100%;
	height: 28px;
	background: url(../siteimages/flavor-logo.png) no-repeat 50% 50%;
}

#sidebar a, #sidebar a:visited {
	color: #805a07; 
	-webkit-transition: color .2s ease-in;
}

#sidebar a:hover {
	color: #218a3c; 
}
#sidebar ul.tags{
	padding: 0;
	margin: 0 0 18px 0;
}
#sidebar ul.tags li {
	display: inline;
	padding: 0 6px 0 0;
	margin: 0;
}


/* Extensions */

/* Safari  */

/* IMAGE REPLACEMENT */
.ir{ text-indent: -9999px; overflow: hidden; }
.ir a{ display: block; overflow: hidden; }

* .clear{ margin: 0; padding: 0; border: none; clear: both; }

/* @end */