BODY {
    background: #ccc;
    margin: 0;
    padding: 0;
    font: 11px/16px Georgia, "Times New Roman", Serif
    }
/*- - - link styles - - - */
A {
    text-decoration: none;
    color: #262675
    }
A:visited {
    text-decoration: none;
    color: #101075
    }
A:hover {
    text-decoration: underline
    }
img {
    border: 0
    }
/* - - wrapper div - - */
#content {
    position: relative;
    width: 936px;
    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 {
    display: block;
    position: relative;
    margin-left: -12px;
    top: -10px;
    width: 432px;
    height: 276px;
    z-index: 2
    }
#mastuser {
    margin-top: -12px;
    font: 11px normal Arial, helvetica, sans-serif;
    margin-bottom: 12px
    }
#navbar {
    display: block;
    width: 492px;
    height: 48px;
    margin: 0;
    padding: 0;
    z-index: 10;
    margin-left: -12px
    }
#navbar a {
    color: #521200
    }
ul#navtop {
    display: block;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
    background: #a8cd66;
    padding-left: 12px;
    line-height: 18px
    }
ul#navbottom {
    width: 100%;
    margin: 0;
    padding: 4px 0 0 12px;
    height: 20px;
    text-transform: uppercase;
    background: #fde792
    }
ul#navtop li, ul#navbottom li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
    font-size: 12px
    }
ul#navtop a, ul#navtop a:visited {
    float: left;
    padding: 2px 24px 0 0;
    text-decoration: none;
    text-transform: uppercase;
    color: #1f6914
    }
ul#navtop a:hover {
    text-decoration: underline
    }
ul#navbottom a {
    margin-right: 18px
    }
#navbar a.active {
    font-weight: bold;
    font-size: 1.2em
    }
ul#navtop a.active {
    color: #fff
    }
#navsearch #sbox {
    width: 154px;
    border: 1px solid #333;
    height: 16px;
    margin-top: 2px;
    margin-right: 0
    }
#navsearch #sgo {
    border: 1px solid #333;
    margin-left: 12px
    }
/* - - shadow styles - - */
#bar {
    position: relative;
    margin: 0;
    padding: 0;
    background: #414046;
    height: 2px;
    line-height: 2px;
    overflow: hidden
    }
/* - - flickr images - - */
#photoback {
    display: block;
    margin: 12px 0;
    padding: 0;
    overflow: hidden
    }
#photos {
    display: block;
    width: 336px;
    height: 336px;
    margin: 0
    }
#photos a {
    padding: 0;
    margin: 0
    }
#photos img {
    border: 0;
    width: 72px;
    height: 72px;
    padding: 0 12px 12px 0
    }
#photos img.wide {
    width: 156px
    }
/* - - sidebar - - */
#sidebar {
    display: inline;
    float: left;
    width: 408px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 12px
    }
/* -- sidebar hot topics -- */
ul.topics {
    text-align: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-right: -12px
    }
ul.topics li {
    display: inline;
    float: left;
    padding-right: 12px
    }
ul.topics li a {
    padding: 0;
    width: 156px;
    padding-bottom: 8px
    }
ul.topics li a img {
    padding: 0;
    padding-bottom: 4px
    }
ul.topics a {
    display: block
    }
/* -- various list styles -- */
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(/images/icons/comment.gif) no-repeat top left;
    padding: 0 0 8px 20px;
    margin: 0
    }
ul.ondate a {
    display: block;
    background: url(/images/icons/pages.gif) no-repeat top left;
    padding-left: 20px;
    padding-bottom: 6px
    }
/* - - footer - - */
#footer {
    margin: 16px 0 0 0;
    clear: both;
    font: normal 1em Verdana, Arial, sans-serif;
    background: #222;
    color: #ffe476;
    padding: 12px 0 12px 12px;
    border-top: 2px solid #949191;
    line-height: 1.4em
    }
#footer a, #footer a:visited {
    color: #88c84a
    }
#footer p {
    margin-top: 0
    }
#footer ul {
    text-align: left;
    list-style-type: none;
    padding: 0;
    margin: 0;
    font: 145% normal Verdana, Arial, Sans-serif
    }
#footer ul li {
    display: inline;
    float: left;
    padding: 1px
    }
#footer ul li a {
    background: url(/images/icons/bullet.gif) 0 2px no-repeat;
    padding-left: 20px;
    margin-right: 8px
    }
/* - - admin mast and body - - */
#widebody {
    padding-left: 12px;
    font-size: 1.1em;
    color: #313023
    }
#widemast {
    margin-left: -12px
    }
/* - - body - - */
#body {
    display: inline;
    float: left;
    padding-left: 12px;
    width: 492px;
    color: #313023
    }
h1 {
    font: normal 24px Arial, Helvetica, Sans-Serif;
    text-align: left
    }
h1.section {
    font-size: 29px;
    font-weight: bold;
    text-align: center;
    color: #521200
    }
h2 {
    font: normal 18px Arial, Helvetica, Sans-Serif;
    border: 0
    }
h2 a:hover {
    text-decoration: none
    }
h3 {
    font: normal 100% Arial, Helvetica, Sans-serif;
    text-transform: uppercase
    }
blockquote {
    margin: 0;
    padding: 0;
    margin-left: 0;
    padding-left: 40px;
    padding-right: 40px;
    color: #521200
    }
blockquote a {
    color: #ba4017;
    font-weight: bolder
    }
blockquote a:visited {
    color: #ba4017;
    font-weight: bold
    }
/* - - bottom nav styles - - */
/* - - blog styles - - */
div.blog_post {
    position: relative;
    display: block
    }
div.blog_post .topic_name {
    text-transform: uppercase
    }
div.blog_post .topic_name a {
    color: #000;
    font-weight: normal
    }
div.blog_post h1 {
    font-family: Georgia, "Times New Roman", serif;
    padding: 0;
    margin: 0
    }
div.authors {
    font: 1em/1.1em normal Arial, Helvetica, sans-serif;
    color: #999;
    margin-top: 4px
    }
div.authors a, div.authors b {
    text-transform: uppercase;
    font-weight: normal
    }
div.blog_post p {
    padding: 0;
    font-size: 14px;
    line-height: 20px
    }
div.blog_post p.caption {
    font: 10px/12px normal Verdana, Arial, sans-serif;
    font-weight: bold
    }
/* old image aligment code */
div.blog_post img.imgL {
    display: inline;
    float: left;
    overflow: hidden;
    margin: 5px 12px 12px 0
    }
div.blog_post img.imgR {
    display: inline;
    float: right;
    overflow: hidden;
    margin: 5px 0 12px 12px
    }
div.blog_post img.imgTwoCol {
    width: 156px
    }
/*- - - blog comments - - -*/
.blog_comment {
    position: relative;
    display: block;
    padding: 10px;
    margin-bottom: 15px;
    background: #fff3e8
    }
.blog_comment .comment_count {
    position: absolute;
    display: block;
    top: 0;
    left: -96px;
    width: 72px;
    font: 48px normal Arial, sans-serif;
    color: #ddd;
    font-weight: bold;
    text-align: right
    }
.usercomment {
    border-left: 4px solid #ccc;
    border-right: 4px solid #ccc;
    background: #f7f7b6
    }
.blog_comment > b {
    display: block;
    padding-bottom: 6px;
    font: 145% normal Verdana, Helvetica, Sans-Serif
    }
.blog_comment > i {
    display: block;
    text-align: right;
    padding: 1px 5px 1px 5px;
    font: 0.8em normal Verdana, Helvetica, Sans-Serif;
    text-transform: uppercase
    }
.blog_comment > p {
    display: block
    }
.blog_comment > blockquote {
    background: none
    }
/*- - - bio page - - -*/
#bioLeft {
    width: 156px;
    display: inline;
    float: left;
    overflow: hidden
    }
#bioLeft img {
    border: 0
    }
/* - - compose post styles - - */
#pcompose input {
    width: 99%
    }
#pcompose textarea {
    width: 99%
    }
/* - - compose comment styles - - */
#markdown_explain {
    margin-top: -4px;
    padding-top: 6px;
    margin-bottom: 6px;
    border-top: 2px dashed #fdd;
    border-bottom: 2px dashed #fdd;
    padding-bottom: 6px
    }
#markdown_explain p {
    margin-top: 0
    }
#markdown_explain ul {
    list-style-type: none;
    padding: 0;
    margin-right: -12px
    }
#markdown_explain ul li {
    display: inline;
    float: left;
    width: 72px;
    padding-right: 12px
    }
#markdown_explain ul li.two {
    width: 156px
    }
#compose_error {
    display: block;
    float: none;
    padding: 4px;
    background: #faa;
    margin-top: 4px
    }
/* building blocks for lining on grids */
.blocks {
    margin-right: -12px
    }
.blocks div.oneW, .blocks div.twoW, .blocks div.threeW, .blocks div.fourW, .blocks div.fiveW, .blocks div.sixW, .blocks div.sevenW, .blocks div.eightW {
    display: inline;
    float: left;
    margin-right: 12px
    }
.blocks div.ign {
    display: block;
    float: none;
    margin: 0
    }
.oneW {
    width: 72px
    }
.twoW {
    width: 156px
    }
.threeW {
    width: 240px
    }
.fourW {
    width: 324px
    }
.fiveW {
    width: 408px
    }
.sixW {
    width: 492px
    }
.sevenW {
    width: 648px
    }
.eightW {
    width: 742px
    }
.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
    }
ul#explain_comments {
    margin: 0;
    padding: 0;
    list-style-type: none
    }
ul#explain_comments li {
    padding-left: 20px;
    background: url(/static/images/2/triangle.gif) top left no-repeat;
    padding-bottom: 8px
    }
#compose input {
    width: 152px;
    margin-bottom: 12px
    }
#compose textarea {
    width: 484px;
    border-bottom: 2px solid #ddd;
    border-right: 2px solid #ddd
    }
div.twocol {
    position: relative;
    float: none
    }
div.twocol > div {
    display: block;
    float: none;
    padding-left: 84px;
    margin-top: 16px
    }
div.twocol > div b {
    display: inline;
    float: left;
    width: 72px;
    margin-left: -84px;
    text-align: left
    }
/* - - special styles - - */
div.dlanc_seats {
    position: relative;
    display: block;
    margin-left: -10px;
    overflow: auto
    }
div.dlanc_seats div {
    display: block;
    float: left;
    width: 46%;
    padding-left: 10px;
    margin-bottom: 10px;
    border-left: 1px solid #ccc
    }
/* - - photo layout sidebar tweaks - - */
#content.photos #footphotos #photos {
    width: 924px;
    margin-left: 12px;
    padding: 0
    }
#sidefoot {
    padding-left: 96px;
    letter-spacing: -0.02em;
    font: normal 1.1em Georgia, "Times New Roman", Serif;
    margin-top: 16px
    }
#sidefoot div {
    display: inline;
    float: left;
    width: 156px;
    padding-right: 12px
    }
#sidefoot ul li a:link, #sidefoot ul li a:visited {
    text-decoration: none;
    font-weight: normal;
    color: #313023
    }
#sidefoot ul li a:hover {
    background-color: #c2baa0
    }
#photofeature {
    display: block;
    position: relative;
    width: 492px;
    height: 500px;
    overflow: hidden;
    background: #222;
    border: 1px solid #000
    }
#pthumbs {
    width: 336px;
    padding: 16px 0 16px 0;
    margin-right: -12px
    }
#pthumbs a {
    padding: 0;
    margin: 0
    }
#pthumbs img {
    border: 0;
    padding: 0 12px 12px 0;
    width: 72px;
    overflow: hidden
    }
/* -- author/editor styles -- */
div.postTitle {
    font: 16px/18px normal Georgia, "Times New Roman", serif
    }
div.postTitle a {
    color: #000
    }
/* -- story notes -- */
ul#story_notes {
    margin: 0;
    padding: 0;
    list-style-type: none
    }
ul#story_notes li {
    background: url(/images/icons/comment.gif) top left no-repeat;
    padding-bottom: 8px;
    padding-left: 20px
    }
ul#story_notes li b {
    background: #ffb
    }
.accordion_toggle {
    display: block;
    border: 1px solid #fff;
    background: #ccc;
    margin: 0;
    padding: 4px;
    cursor: pointer
    }
.accordion_toggle_active {
    background: #ffa
    }
.accordion_content {
    overflow: hidden
    }
div.notice {
    background: #ffa;
    padding: 12px
    }
/* -- latest content -- */
div.snippet {
    clear: both
    }
.snippet h3 {
    margin: 0;
    text-transform: inherit;
    font-family: Georgia, "Times New Roman", serif;
    line-height: 15px
    }
.snippet div.pfR {
    margin: 2px 0 0 6px
    }
h4 {
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 1em
    }
h4 b, h4 a {
    text-transform: uppercase;
    font-weight: normal;
    color: #999
    }
/* -- top feature -- */
div.fullstory {
    margin-bottom: 16px
    }
.fullstory h2 {
    font: 24px normal Georgia, "Times New Roman", serif;
    margin: 0
    }
.fullstory h2 img {
    width: 32px;
    height: 32px;
    margin: 6px 2px -6px 0
    }
.fullstory p {
    font-size: 110%;
    line-height: 16px
    }
/* -- other features -- */
div.thumbnail {
    margin-bottom: 16px
    }
.thumbnail p {
    margin-top: 4px;
    margin-bottom: 0
    }
.thumbnail h2 {
    font: 16px normal Georgia, "Times New Roman", serif;
    margin: 0
    }
.thumbnail h2 img {
    width: 16px;
    height: 16px;
    margin: 2px 2px -2px 0
    }
.thumbnail h3 {
    margin: 0
    }
.thumbnail h3 a {
    color: #666
    }
/* -- 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
    }
/* -- sidebar blog lists -- */
ul.blogs {
    margin: 0;
    padding: 0;
    list-style-type: none
    }
ul.blogs li {
    font: 11px/14px normal Arial, Helvetica, sans-serif;
    padding: 1px 0
    }
ul.blogs li a {
    display: block;
    padding-top: 4px;
    margin-bottom: 8px;
    color: #1f6914
    }
ul.blogs li.even {
    background: #ddd
    }
/* -- archives -- */
/*- - - 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: 0;
    padding-left: 0
    }
ul.archives li {
    float: left
    }
ul.archives li a {
    display: block;
    background: url(/ericrichardson.com/images/20.0/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(/images/icons/pages.gif) top left no-repeat
    }
.archives .daymark {
    font-size: 18px;
    text-align: right
    }
.archives .daymark hr {
    margin-bottom: 2px
    }
img.icon {
    width: 16px;
    height: 16px;
    margin: 2px 4px -2px 0
    }
ul#s_versions {
    list-style-type: none;
    padding: 0
    }
ul#s_versions li {
    background: url(/images/icons/rewind.gif) top left no-repeat;
    padding-left: 20px
    }
/* -- recent comments / stories widget style -- */
ul#rc_chooser {
    list-style-type: none;
    margin: 0;
    padding: 0
    }
ul#rc_chooser li {
    display: inline;
    float: left;
    width: 78px
    }
ul#rc_chooser li a {
    display: block;
    color: #521200;
    padding: 4px 0 2px 4px;
    border: 1px solid #e28800;
    border-bottom: 0
    }
ul#rc_chooser li a:hover {
    text-decoration: none
    }
ul#rc_chooser li a.active {
    background: #ffe890
    }
#rc_stories_c {
    margin-right: 1px
    }
#rc_comments_c {
    margin-left: 1px
    }
#rc_widget {
    font: 11px/14px normal Arial, Helvetica, sans-serif;
    margin-bottom: 12px
    }
#rc_widget a {
    color: #313023
    }
#rc_comments, #rc_stories {
    background: #ddd;
    border: 1px solid #999
    }
#rc_widget li a {
    padding: 4px 4px 4px 20px;
    background-position: 0 2px
    }
#rc_widget li.odd {
    background: #fff
    }
#rc_widget ul {
    margin: 0
    }
#rc_widget div.rc_explain {
    padding: 4px;
    background: #ffe890
    }
ul.latest {
    margin: 0;
    padding: 0;
    list-style-type: none
    }
ul.latest li {
    padding: 4px 0 4px 20px;
    background: url(/images/icons/pages.gif) 0 2px no-repeat
    }
ul.latest li.day {
    border-bottom: 1px solid #88c84a;
    font-weight: bold;
    background: none;
    padding: 4px 0 0 0
    }
.pagination {
    margin: 0 0 12px 0
    }
.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #aad;
    text-decoration: none;
    color: #009
    }
.pagination a:hover, .pagination a:active {
    border: 1px solid #009;
    color: #000
    }
.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #009;
    font-weight: bold;
    background-color: #009;
    color: #FFF
    }
.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #eee;
    color: #ddd
    }
div.fieldWithErrors {
    display: block;
    float: none;
    background: #faa;
    padding: 4px 0 4px 0;
    margin: 0
    }
br.clear {
    clear: both;
    line-height: 0
    }
.fluffy {
    font-size: 14px;
    line-height: 21px
    }
#ondate_year {
    display: none
    }
ul.icons {
    margin: 0;
    padding: 0;
    list-style-type: none
    }
ul.icons li {
    padding-left: 20px;
    padding-bottom: 6px
    }
ul.icons li img {
    width: 16px;
    height: 16px;
    margin: 2px 4px -2px -20px
    }
ul.headlines {
    margin: 0;
    padding: 0;
    list-style-type: none
    }
ul.headlines li p {
    margin: 6px 0
    }
ul.headlines li span {
    text-transform: uppercase;
    padding-left: 4px;
    font-size: 9px
    }
#topics h2 {
    margin-top: 0
    }
div.story_topic {
    border: 1px solid #999;
    border-left: 0;
    border-right: 0
    }
div.story_topic .snippet {
    padding-bottom: 16px
    }
div.story_topic h2 {
    background: url(/images/icons/folder_open_32.gif) 0 4px no-repeat;
    font: 16px normal Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    padding-top: 14px;
    padding-left: 48px;
    height: 32px
    }
div.story_topic p {
    margin: 0;
    font-size: 11px;
    line-height: 16px
    }
hr.hrlite {
    border-bottom: 1px solid #ddd
    }
.topics h2 {
    margin-bottom: 2px;
    font-size: 16px
    }
.topics .expired {
    background: #eee;
    margin: -4px;
    padding: 4px;
    color: #666
    }
.topics .expired h2 a {
    color: #7575aa
    }
#newsroom_map {
    width: 408px;
    height: 408px;
    background: #fcc
    }
#nsmap_controls {
    height: 28px
    }
#nsmap_controls img {
    margin-right: 12px
    }
#nsmap_controls .active {
    border: 2px solid #fcc;
    margin-bottom: -2px
    }
#submit_tip {
    margin-bottom: 12px
    }
#tip_opener p {
    color: #521200;
    margin: 0
    }
#submit_tip h3 {
    margin-top: 0;
    color: #d1570d
    }
#w_top_headlines {
    margin-bottom: 9px
    }
#w_top_headlines ul {
    list-style-type: none;
    margin: 0;
    padding: 0
    }
#w_top_headlines li {
    position: relative;
    padding-left: 32px;
    background: url(/images/icons/pages.gif) 4px 6px no-repeat;
    margin-bottom: 6px;
    line-height: 14px
    }
#w_top_headlines li img {
    float: left;
    margin: 2px 0 -2px -32px
    }
span.dateline {
    font-size: 11px;
    color: #999
    }
#tip_form input, #tip_form textarea {
    margin-bottom: 6px
    }