html, body, form, fieldset {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.5em 0;
  padding: 0;
  line-height: 100%;
  font-family: Georgia, serif; }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.5em; }

h3 {
  font-size: 1.17em; }

h4 {
  font-size: 1em; }

h5 {
  font-size: 0.83em; }

h6 {
  font-size: 0.67em; }

ul, ol, dl, blockquote {
  margin: 0.5em 2em 0.5em 0.5em;
  padding: 0 0 0 1.5em;
  overflow: hidden; }

li {
  margin: 0 0 0 1.5em;
  padding: 0; }

p {
  margin: 0 0 1em 0;
  padding: 0;
  line-height: 125%; }

pre {
  font-family: Courier New, monospace;
  font-size: 12px;
  background: #eeeeee;
  padding: 10px;
  overflow: auto; }

img {
  border: none; }

a {
  color: #152c83;
  font-weight: bold;
  text-decoration: none; }

a:visited {
  color: #664488; }

a:hover {
  color: #00f;
  text-decoration: underline; }

a img {
  border: 1px solid #fff;
  padding: 5px;
  background: #fff;
  border: 1px solid #c7c2a6; }

a:hover img {
  border-style: solid;
  border-width: 1px;
  border-color: #00f; }

html {
  background: #ccccaa;
  max-width: 1200px;
  margin: 0 auto;
  height: 100%; }

body {
  font-family: Georgia, serif;
  font-size: 93.75%;
  color: #444444;
  margin: 0 auto;
  width: 990px;
  min-height: 100%;
  background: #ebebcc;
  border: solid #998 1px; }

#masthead h1 {
  float: left;
  margin: 101px 0 -241px 102px;
  margin: 66px 0 -241px 102px;
  display: inline;
  height: 200px;
  width: 150px; }
  #masthead h1 span {
    display: block;
    height: 200px;
    width: 150px;
    margin: -149px 0 0 -25px;
    background-image: url(/images/dftw/logo.gif);
    background-repeat: no-repeat;
    background-position: top right;
    position: relative;
    z-index: 1; }
  #masthead h1 a {
    outline: none; }
  #masthead h1 a:hover {
    text-decoration: none;
    cursor: hand; }
#masthead #navbar {
  float: right;
  margin: 22px 55px 10px 0px;
  display: inline;
  text-align: right; }
  #masthead #navbar li {
    font-weight: normal;
    font-size: 1em;
    list-style: none;
    display: inline;
    margin: 0;
    border-left: 1px solid #994c00; }
    #masthead #navbar li a {
      font-weight: normal;
      font-size: 1em;
      padding: .3125em .75em .3125em 1em; }
    #masthead #navbar li a:visited {
      color: #152c83; }
    #masthead #navbar li a:hover {
      text-decoration: underline;
      color: #00f; }
  #masthead #navbar li.first {
    border: none; }

#navbar, #story_return, .credit, #flash {
  font-family: Tahoma, arial, helvetica, sans-serif; }

p#flash {
  color: #16825b;
  font-weight: bold;
  font-size: .875em;
  margin: 0 0 0 25px;
  padding: 0; }

#main, #footer, #colophon {
  padding: 0;
  margin: 0 auto;
  width: 990px; }

#main {
  clear: both;
  margin-bottom: 10px;
  border-top: solid #eec 9px;
  border-top: solid #f8ee88 5px;
  border-top: none;
  overflow: hidden; }

#content {
  width: 610px;
  float: right;
  display: inline;
  margin: 0 25px 0 0;
  padding: 25px 25px 10px;
  background: #fff;
  border-top: 1px solid #c7c2a6;
  border-right: 2px solid #c7c2a6;
  border-bottom: 2px solid #c7c2a6;
  border-left: 1px solid #c7c2a6; }

#content .item {
  clear: both;
  margin: 0 0 2em;
  overflow: hidden; }
  #content .item .headline {
    margin: 0 0 .25em; }
  #content .item .headline a {
    color: #111; }
  #content .item .headline a:visited {
    color: #664488; }
  #content .item .headline a:hover {
    color: #152c83; }
  #content .item .byline, #content .item .dateline {
    display: inline;
    margin: 0 15px 0 0; }
  #content .item .byline {
    font-weight: bold; }
  #content .item .thumbnail {
    float: left;
    margin: .625em 15px 0 0; }
  #content .item .abstract {
    margin: .375em 0 0 0; }
#content .pagination {
  text-align: center;
  font-family: Verdana, Microsoft Sans Serif, sans-serif; }
  #content .pagination .current, #content .pagination .active {
    border-left: 1px solid #181818;
    padding: 3px 2px 3px 10px;
    margin: 0; }
  #content .pagination .active a {
    color: #152c83;
    background: #fff;
    margin: -3px -2px -3px -10px;
    padding: 3px 2px 3px 10px;
    font-weight: bold; }
  #content .pagination .today {
    border: none; }

.creditline {
  font-family: Verdana, Microsoft Sans Serif, sans-serif;
  font-size: .75em; }

body.wider {
  width: 990px;
  margin: 0 auto; }
  body.wider #main, body.wider #footer, body.wider #colophon {
    width: 990px;
    border: none;
    margin: 0; }
    body.wider #main #content, body.wider #footer #content, body.wider #colophon #content {
      float: left;
      padding: 0;
      margin: 0;
      width: 990px;
      border: none;
      background: transparent; }
      body.wider #main #content .wrapper #masthead h1, body.wider #footer #content .wrapper #masthead h1, body.wider #colophon #content .wrapper #masthead h1 {
        float: left;
        margin: 30px 0 -11px 30px;
        display: inline;
        height: 45px;
        width: 70px;
        font-size: .75em; }
        body.wider #main #content .wrapper #masthead h1 span, body.wider #footer #content .wrapper #masthead h1 span, body.wider #colophon #content .wrapper #masthead h1 span {
          display: block;
          height: 45px;
          width: 70px;
          margin: -43px 0 0 -3px;
          background-image: url(/images/dftw/logo_photopage.gif);
          background-repeat: no-repeat;
          background-position: top right;
          position: relative;
          z-index: 1; }
        body.wider #main #content .wrapper #masthead h1 a, body.wider #footer #content .wrapper #masthead h1 a, body.wider #colophon #content .wrapper #masthead h1 a {
          outline: none; }
        body.wider #main #content .wrapper #masthead h1 a:hover, body.wider #footer #content .wrapper #masthead h1 a:hover, body.wider #colophon #content .wrapper #masthead h1 a:hover {
          text-decoration: none;
          cursor: hand; }
      body.wider #main #content .wrapper #masthead #navbar.photo_large, body.wider #footer #content .wrapper #masthead #navbar.photo_large, body.wider #colophon #content .wrapper #masthead #navbar.photo_large {
        float: left;
        display: inline;
        margin: 25px 0px 10px -15px; }
        body.wider #main #content .wrapper #masthead #navbar.photo_large li.previous_photo, body.wider #footer #content .wrapper #masthead #navbar.photo_large li.previous_photo, body.wider #colophon #content .wrapper #masthead #navbar.photo_large li.previous_photo {
          border: none; }
        body.wider #main #content .wrapper #masthead #navbar.photo_large .no_photo, body.wider #footer #content .wrapper #masthead #navbar.photo_large .no_photo, body.wider #colophon #content .wrapper #masthead #navbar.photo_large .no_photo {
          padding: .3125em .75em .3125em 1em; }
      body.wider #main #content .wrapper .large, body.wider #footer #content .wrapper .large, body.wider #colophon #content .wrapper .large {
        clear: both;
        width: 960px;
        padding: 0px 0px 0 0px;
        background: #ebebcc; }
        body.wider #main #content .wrapper .large .photo .image, body.wider #footer #content .wrapper .large .photo .image, body.wider #colophon #content .wrapper .large .photo .image {
          margin: 0 0 0 10px; }
          body.wider #main #content .wrapper .large .photo .image img, body.wider #footer #content .wrapper .large .photo .image img, body.wider #colophon #content .wrapper .large .photo .image img {
            padding: 5px;
            background: #fff;
            border: 1px solid #c7c2a6; }
      body.wider #main #content .wrapper .phototext, body.wider #footer #content .wrapper .phototext, body.wider #colophon #content .wrapper .phototext {
        width: 960px;
        margin: 0 0 1.5em 10px;
        padding: 0 5px 1.5em;
        background: #fff;
        border-right: 1px solid #c7c2a6;
        border-bottom: 1px solid #c7c2a6;
        border-left: 1px solid #c7c2a6; }
        body.wider #main #content .wrapper .phototext .title, body.wider #footer #content .wrapper .phototext .title, body.wider #colophon #content .wrapper .phototext .title {
          font-weight: bold; }
      body.wider #main #content .wrapper #story_return, body.wider #footer #content .wrapper #story_return, body.wider #colophon #content .wrapper #story_return {
        margin: 0;
        padding: 0 25px 10px 10px;
        font-family: Tahoma, arial, helvetica, sans-serif;
        font-size: 1em; }
        body.wider #main #content .wrapper #story_return a, body.wider #footer #content .wrapper #story_return a, body.wider #colophon #content .wrapper #story_return a {
          text-decoration: underline;
          font-family: Georgia, serif;
          font-size: 1.125em; }

.phototext {
  margin-bottom: 5em; }
  .phototext p, .phototext h3 {
    margin: 0 0 0em; }
  .phototext .title {
    float: left;
    display: inline;
    padding: .1875em 0 0; }
  .phototext .credit {
    float: right;
    display: inline;
    color: #666;
    font-size: .75em; }
  .phototext .caption {
    clear: both;
    font-family: Verdana, Microsoft Sans Serif, sans-serif;
    font-size: .8em;
    color: #888; }

#story_return {
  margin-bottom: 1.25em; }
  #story_return a {
    text-decoration: underline;
    font-family: Georgia, serif;
    font-size: 1.25em; }

h3.image, h4.image {
  margin: 0 0 .25em; }

.photo_item .image {
  margin: 0; }

#lead {
  clear: both; }
  #lead .image {
    margin: 0; }
  #lead .phototext {
    margin: .125em 0 1.5em; }
    #lead .phototext .title, #lead .phototext .credit {
      margin-bottom: 0; }
    #lead .phototext .caption {
      margin: 0;
      padding: 0; }

#story .headline {
  color: #111;
  margin: 0 0 .125em; }
#story .creditline {
  margin: 0 0 .75em; }
#story .byline, #story .dateline {
  display: inline;
  margin: 0 15px 0 0; }
#story .byline {
  color: #555;
  font-weight: bold; }
#story .dateline {
  color: #888; }
#story #thumbnails {
  float: left;
  margin: .25em 20px -3px 0; }
#story .thumb .title {
  width: 150px;
  margin-bottom: 1.875em; }
#story .storytext {
  padding-top: .125em; }
  #story .storytext h1, #story .storytext h2, #story .storytext h3, #story .storytext h4, #story .storytext h5, #story .storytext h6 {
    color: #333; }
  #story .storytext h2 {
    font-size: 1.25em; }
#story h6.tagged {
  margin: 0;
  padding: 1.5em 0 1em; }

#sidebars {
  width: 200px;
  float: left;
  display: inline;
  margin: 250px 0 0 50px;
  margin: 166px 0 0 50px;
  font-size: .8em; }
  #sidebars img {
    max-width: 190px;
    width: expression(this.width > 192? "190px" : true);
    height: auto;
    -ms-interpolation-mode: bicubic; }
  #sidebars #sidebar0 h1.title, #sidebars #sidebar0 .thumbnail, #sidebars #sidebar0 .headline, #sidebars #sidebar0 p, #sidebars #sidebar0 .more {
    display: none; }
  #sidebars .wrapper h1.title {
    font-size: 1.5em;
    margin: 0 0 25px; }
  #sidebars .item {
    margin: 0 0 25px;
    clear: both;
    overflow: hidden; }
    #sidebars .item h3.headline {
      margin: 0px 0 5px; }
      #sidebars .item h3.headline a {
        color: #111;
        margin: 0; }
      #sidebars .item h3.headline a:hover {
        color: #152c83; }
      #sidebars .item h3.headline a:visited {
        color: #664488; }
    #sidebars .item .thumbnail a {
      float: left;
      display: inline; }
      #sidebars .item .thumbnail a img {
        margin: 4px 10px 2px 0; }
    #sidebars .item .abstract {
      font-family: Verdana, Microsoft Sans Serif, sans-serif;
      font-size: .875em; }
      #sidebars .item .abstract p {
        line-height: 1.375em;
        margin: 0; }
  #sidebars .small .thumbnail a {
    margin: 0 0 5px 0; }
  #sidebars .more {
    font-family: Verdana, Microsoft Sans Serif, sans-serif;
    font-size: .875em;
    margin: 0 0 5em;
    text-align: right; }

html.admin #sidebars {
  width: 275px; }
  html.admin #sidebars input, html.admin #sidebars textarea, html.admin #sidebars select {
    width: 250px; }
html.admin input {
  font-family: Tahoma, arial, helvetica, sans-serif; }
html.admin textarea {
  font-family: Georgia, serif; }
html.admin .editcaption textarea {
  font-family: Verdana, Microsoft Sans Serif, sans-serif;
  font-size: 87.5%; }
html.admin #swfupload {
  width: 255px; }

.progressWrapper {
  width: 255px; }

.progressName {
  width: 221px; }

.progressBarStatus {
  width: 235px; }

.blue_button {
  text-align: center; }
  .blue_button a {
    display: block;
    width: 140px;
    margin: auto;
    padding: 14px 2px;
    font-weight: bold;
    font-family: Verdana, Microsoft Sans Serif, sans-serif;
    background-image: url(/images/dftw/blue_button.gif);
    background-repeat: no-repeat;
    background-position: center center; }
    .blue_button a span {
      color: #fff; }
  .blue_button a:hover {
    text-decoration: none;
    background-image: url(/images/dftw/blue_button_hovered.gif);
    background-repeat: no-repeat;
    background-position: center center; }

.square_button {
  text-align: center;
  float: left;
  margin: 25px 1px; }
  .square_button a {
    display: block;
    width: 48px;
    height: 48px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center; }
    .square_button a span {
      display: none; }

#follow_on_facebook {
  clear: left; }
  #follow_on_facebook a {
    background-image: url(/images/dftw/facebook_button.gif); }
  #follow_on_facebook a:hover {
    background-image: url(/images/dftw/facebook_button_hovered.gif); }

#follow_on_twitter a {
  background-image: url(/images/dftw/twitter_button.gif); }
#follow_on_twitter a:hover {
  background-image: url(/images/dftw/twitter_button_hovered.gif); }

#rss_feed a {
  background-image: url(/images/dftw/rss_button.gif); }
#rss_feed a:hover {
  background-image: url(/images/dftw/rss_button_hovered.gif); }

#visit_monolithic {
  clear: right; }
  #visit_monolithic a {
    background-image: url(/images/dftw/monolithic_button.gif); }
  #visit_monolithic a:hover {
    background-image: url(/images/dftw/monolithic_button_hovered.gif); }

#footer {
  font-family: Verdana, Microsoft Sans Serif, sans-serif;
  font-size: .75em;
  font-weight: bold;
  clear: both; }
  #footer #contact {
    background: transparent;
    width: 330px;
    clear: both;
    float: left;
    margin-bottom: 10px; }
    #footer #contact .wrapper {
      /* :background #fff */
      /* :width 300px */
      /* :padding 10px 15px 40px */
      /* :overflow hidden */ }
      #footer #contact .wrapper p {
        margin: 25px 0 0;
        width: 150px;
        float: left; }
        #footer #contact .wrapper p .right {
          float: right; }
  #footer #sitemap {
    background: transparent;
    width: 630px;
    float: right;
    margin-bottom: 10px; }
    #footer #sitemap .wrapper {
      /* :background #fff */
      /* :width 600px */
      /* :padding 10px 15px 20px */
      /* :overflow hidden */ }
      #footer #sitemap .wrapper .left_sitemap, #footer #sitemap .wrapper .middle_sitemap, #footer #sitemap .wrapper .right_sitemap {
        width: 33%;
        float: left;
        clear: right; }
      #footer #sitemap .wrapper h3 {
        color: #16825b;
        margin: 15px 0 5px; }
  #footer #colophon {
    clear: both;
    padding: 0px; }
    #footer #colophon p {
      text-align: center;
      margin: 15px 0 20px; }
