BODY {
	background: #ccc;
	margin: 0;
	padding: 0;
	font: 11px/16px Georgia, "Times New Roman", serif;
}

a {
    color: #594927;
}

a:hover {
    text-decoration: underline;
}

a:visited {
    color: #594927;
}

/* - - wrapper div - - */

h1 {
    line-height: 1em;
}

#content {
	position: relative; 
	width: 800px;
	margin: 0 auto 0 auto; 
	background: #fff;
	border: 1px solid #999;
	/* background: url(/images/3.3/gridbg.jpg) repeat-y; */
	margin-bottom: 16px;
	margin-top: 9px;
}

/* - - mast style - - */

#mast {
    
}

img {
    border: 0;
}

#body {
    margin-left: 8px;
    margin-right: 8px;
}

#footer {
    margin-top: 16px;
    padding-left: 8px;
    background: #111;
    color: #eec;
}

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

/* building blocks for lining on grids */

.blocks {
	margin-right: -8px;
}

.bizblocks {
    margin-right: -8px;
    font-size: 12px;
    line-height: 16px;
}

.bizblocks div {
    display: inline;
    float: left;
    width: 136px;
    height: 80px;
}

.blocks div.oneW, 
.blocks div.twoW, 
.blocks div.threeW, 
.blocks div.fourW, 
.blocks div.fiveW, 
.blocks div.sixW, 
.blocks div.sevenW, 
.blocks div.eightW,
.blocks div.nineW,
.blocks div.tenW,
.blocks div.elevenW {
	display: inline;
	float: left;
	margin-right: 8px;
}

.oneW { width: 64px; }
.twoW { width: 136px; }
.threeW { width: 208px; }
.fourW { width: 280px; }
.fiveW { width: 352px; }
.sixW { width: 424px; }
.sevenW { width: 496px; }
.eightW { width: 568px; }
.nineW { width: 640px;}
.tenW { width: 712px;}
.elevenW { width: 784px;}

.blocks div.endcap {
	margin-right: 0;
}

.blocks hr {
	border: 0;
	border-bottom: 1px solid #999;
	margin: 6px 0;	
	text-align: left;
}

.blocks hr.tight {
	margin: 0 0 12px 0;
}

.blocks.blockcaps, .blocks .blockcaps {
	text-transform: uppercase;
}

.b_right {
	text-align: right;
}

.greyed {
	color: #666;
}

/* -- verblog styles -- */

.verblog h1 {
    font: normal 24px Georgia, "Times New Roman", serif;    
    margin-bottom: 6px;
    
}

.verblog h2 {
    font: normal 18px Georgia, "Times New Roman", serif;
    margin-bottom: 6px;
}

.verblog h3 {
    font: normal 100% Arial, Helvetica, Sans-serif;
    color: #888;
    margin-top: 0;
}

ul.stories {
    list-style-type: none;
    padding: 0;
}

ul.stories li {
    padding: 2px 0 2px 24px;
    background: url(/images/icons/pages.gif) top left no-repeat;
}

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

pre {
    background:#eee;
    font-size: 11px; 
    line-height: 12px;
    color: #333; 
    border: #999 1px solid;
    padding: 7px
}

textarea#comment_comment {
    width: 98%;
    margin-bottom: 8px;
}

hr.light {
    border: 0;
    border-bottom: 1px solid #bbb;
}

div#compose_error {
    background: #fbb;
    margin: 12px 0;
    padding: 8px;
    border: 1px solid #f00;
}

.comment {
	position: relative;
	display: block;
	padding: 12px;
	margin-bottom: 12px;
	border: 2px solid #999;
}

.comment .comment_count {
	position: absolute;
	display: block;
	top: 0;
	left: -96px;
	width: 72px;
	font: 48px normal Arial, sans-serif;
	color: #ccc;
	font-weight: bold;
	text-align: right;
}

.comment.usercomment div.cauthor {
	background: #ffb;
	margin: -12px -12px;
	padding: 0px 12px 12px 12px;
	margin-bottom: 6px;
}

.comment div.cauthor {
	display: block;
	padding-bottom: 6px;
	font: 145% normal Verdana, Helvetica, Sans-Serif;
}

.comment div.timestamp {
	display: block;
	text-align: right;
	padding: 1px 5px 1px 5px;
	font: 0.8em normal Verdana, Helvetica, Sans-Serif;
	text-transform: uppercase;
}

.comment > p {
	display: block;
}

.comment > blockquote {
	background: none;
}

#compose input {
	width: 152px;
	margin-bottom: 12px;
}


img.icon32 {
    width: 32px;
    height: 32px;
    margin: 10px 4px -8px 0;
}

div.story_full p {
    font-size: 12px;
    line-height: 18px;
}

div.story_full h1 a {
    color: #d1570d;
    text-decoration: none;
}

div.story_full a.continue {
    color: #d1570d;
}

.recent_comments ul {
    list-style-type: none;
    padding: 0;
    border: 1px solid #ddd;
}

.recent_comments li.odd {
    background: #ddd;
}

.recent_comments li a {
    display: block;
    padding: 4px 0 4px 26px;
    background: url(/images/icons/comment.gif) 2px 4px no-repeat;
}

.blog_desc {
    color: #521200;
    font: normal 1.1em/1.6em Georgia, "Times New Roman", serif;
}

.blog_sidebar {
    color: #521200;
}

.recent_stories i {
    font-style: normal;
    color: #999;
}

/*-- photo styles --*/

/* -- photo float -- */

div.pf {
    display: inline;
    font: 11px normal Arial, Helvetica, sans-serif;
}

div.pf p {
    font-size: inherit;
    line-height: inherit;
}

div.pf img {
    border: 0;
    margin-bottom: 4px;
}

div.pfL {
    float: left;
    margin: 8px 12px 0 0;
}

div.pfR {
    float: right;
    margin: 8px 0 0 12px;
}

div.pfW {
    display: block;
	margin: 16px 0 12px 0;
}

div.pfLV {
    float: left;
    margin-right: 12px;
}

div.pf span.pfP {
    display: block;
    text-align: right;
    font-size: 9px;
    margin-top: -2px;
    color: #999;
}

.blog_post .pf, .fullstory .pf {
    margin-top: 14px;
}

/*- - - archives list style - - -*/

div#archives {
	margin-right: -12px;
}

div#archives b {
    font-size: 18px;
}

div#archives div.year {
	display: block;
	position: relative;
	padding-bottom: 18px;
}

ul.archives {
	text-align: left;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0;
}

ul.archives li {
	float: left;
}

ul.archives li a {
	display: block;
	background: url(http://assets.blogdowntown.com/images/icons/pages.gif) no-repeat top left;
	padding-left: 18px;
	line-height: 1.8em;
	width: 138px;	
	border: 0;
	margin-right: 12px;
}

.archives h3 {
    text-transform: inherit;
    font-size: 12px;
    line-height: 16px;
    padding-left: 20px;
    margin-bottom: 8px;
    background: url(http://assets.blogdowntown.com/images/icons/pages.gif) top left no-repeat;
}

.archives .daymark {
    font-size: 18px;
    font-weight: bold;
    text-align: right;
}

.archives .daymark hr {
    margin-bottom: 2px;
    margin-top: 0;
}

/* -- nav styles -- */

ul.navvy {
    list-style-type: none;
    padding: 0;
}

ul.navvy li {
    display: inline;
    float: left;
    margin-right: 12px;
}

ul.navvy li a {
    padding: 6px;
    font-size: 16px;
}

.verblog_compose input {
    width: 98%;
}

.verblog_compose textarea {
    width: 98%;
}

ul.comments, ul.ondate {
	text-align: left;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	margin: 0 0 12px 0;
}

ul.comments li, ul.ondate li {
	padding: 1px;
}

ul.comments a {
	display: block;
	background: url(http://assets.blogdowntown.com/images/icons/comment.gif) no-repeat top left;
	padding-left: 20px;
	padding-bottom: 6px;
}

ul.ondate a {
	display: block;
	background: url(http://assets.blogdowntown.com/images/icons/pages.gif) no-repeat top left;
	padding-left: 20px;
	padding-bottom: 2px;
}

ul.vpagenav {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    width: 492px;
    height: 24px;
}

ul.vpagenav li {
    display: inline;
    float: left;
    width: 246px;
}

ul.vpagenav li a {
    display: block;
    cursor: pointer;
    text-align: left;
    font: 18px normal Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: bold;
    color: #d1570d;
}

ul.vpagenav li a:hover {
    font-size: 20px;
}

div.vNotice {
    padding: 8px;
    background: #ffc;
    border: #fcc;
    font-weight: bold;
    color: #555;
    margin: 4px 0;
    font: 14px normal Arial, Helvetica, sans-serif;
}