/* base element styles */
body                                    { font-family: Helvetica, Arial, sans-serif; background-color: #ededed; margin: 0px; font-size: 13px; line-height: 17px; color: #444444; }

strong                                  { font-weight: bold; }

h1, h2, h3, h4, h5, h6                  { color: #660000; line-height: 130%; }
h1                                      { font-size: 26px; font-family: Georgia; margin-bottom: 8px; }

h2                                      { text-transform: uppercase; font-weight: bold; color: black; font-size: 12px; background: url( "/images/h2-background.gif" ) repeat-x 0 5px; margin-bottom: 12px; }
h2 span                                 { background-color: white; color: #333 !important; padding-right: 10px; padding-top: 0px; display: inline-block; }
h3                                      { margin-bottom: 8px; }
h3 a                                    { font-family: Georgia; text-decoration: none; font-size: 18px; font-weight: normal; line-height: 26px; }

p                                       { line-height: 130%; margin: 3px 0px; }

a                                       { color: #660000; text-decoration: none; }
a:hover                                 { border-bottom: dotted 1px silver; margin-bottom: 0px; }

article a                               { color: steelblue; text-decoration: underline; font-weight: bold; }

/* common */
.date                                   { color: #888; font-size: 11px; line-height: 18px; }

.grey-boxout                            { background-color: #f7f7f7; border-top: solid 4px #E4E4E4; padding: 10px; }
.grey-boxout h2 span                    { background-color: #f7f7f7; }

.shadow-small                           { box-shadow: 1px 1px 4px rgba( 0, 0, 0, .4 ); }
.shadow-large                           { box-shadow: 2px 2px 6px rgba( 0, 0, 0, .3 ); }

/* map */
#map									{ margin-left: 210px; margin-top: 10px; }
#map #article-list						{ display: none; width: 250px; height: 530px; float: right; }
#map #map-canvas						{ margin: 0px; width: 770px; height: 550px; }
#map p									{ color: gray; font-size: 12px; }

/* widget overrides */
#interactive-page                       { background: url('/images/background-denim.png') !important; }
#interactive-page #page-image           { border: solid 2px white; position: relative; left: -2px; }
#page-navigation                        { background: url('/images/background-denim.png') !important; }
#rotator h2                             { background: none !important; margin-bottom: 0px !important; }
#rotator h3                             { color: gray !important; }
#interactive-page-wrapper				{ width: 320px; float: right; margin: 0px 0px 40px 40px; }

/* site structure */
#header img                             { display: block; }
#header-search-container                { border-bottom: solid 1px #CCC; background: #F6F6F6; padding: 5px 0px; box-shadow: 0px 0px 5px #999; }
#header-search                          { width: 1002px; margin: 0px auto; color: #666666; line-height: 30px; }
#header-search form                     { float: right; }
#header-search form input               { border: #DDD 1px solid; font-size: 12px; padding: 5px; border-radius: 2px; width: 235px; margin-right: 25px; }
#header-search form button              { background-color: #EEE; font-size: 12px; font-weight: bold; color: #333; border: solid 1px #DDD; padding: 5px; border-radius: 3px; }

#footer                                 { width: 1000px; padding: 10px 10px; margin: 0px auto; }

#navigation                             { margin: 0px 0px 20px 0px; background-color: #444444; height: 31px; }
#navigation a                           { font-size: 13px; border-right: solid 1px #333; color: white; font-weight: bold; text-decoration: none; float: left; padding: 7px 10px; }
#navigation a:hover                     { font-weight: bold; background-color: #CCC; color: #444444; border-bottom: 0px; }
#navigation a.current                   { font-weight: bold; background-color: #CCC; color: #444444; }

#container                              { width: 980px; padding: 10px 10px; margin: 0px auto; background-color: white; box-shadow: 0px 1px 6px rgba( 0, 0, 0, .3 ); }
#content                                { display: inline-block; width: 980px; }
#content p                              { padding-bottom: 10px; color: #222222; }

/* sidebar */
#sidebar                                { float: right; width: 300px; }
#sidebar > div                          { }

/* homepage */
#home                                 {}

#home #latest-content                   { margin: 20px 0px 10px 0px; clear: both; }
#home #latest-content img               { border: solid 2px white; width: 90px; height: 130px; float: left; }

#home #fun-stuff                        { background: url('/images/background-exclusive-paper.png'); padding: 20px 10px; }

#home #featured-articles                { background-color: rgba( 255, 255, 255, .7 ); box-shadow: inset 1px 1px 2px rgba( 0, 0, 0, .2 ); border-radius: 5px; padding: 0px 10px; }
#home #featured-articles > div          { min-height: 86px; border-bottom: dotted 1px silver; position: relative; padding: 10px 80px 8px 5px; }
#home #featured-articles > div img      { position: absolute; right: 5px; top: 10px; }
#home #featured-articles > div a        { line-height: 18px; }
#home #featured-articles > div p        { font-size: 13px; line-height: 17px; margin-bottom: 0px; padding-bottom: 0px; }

#home-search form                       { }
#home-search form input                 { border: #CCC 2px solid; font-size: 18px; padding: 7px; border-radius: 2px; width: 435px; margin-right: 5px; }
#home-search form button                { background-color: #38be30; font-size: 16px; font-weight: bold; color: white; border: solid 2px #389e30; padding: 7px; border-radius: 3px; }

/* search */
#search                                 {}
#search #results                        { margin-top: 0px; }
#search #results > div                  { min-height: 86px; border-bottom: dotted 1px silver; position: relative; padding: 10px 80px 8px 5px; }
#search #results > div img              { position: absolute; right: 5px; top: 10px; }
#search #results > div p                { font-size: 13px; line-height: 17px; margin-bottom: 0px; padding-bottom: 0px; }

#search #sort                           { margin-left: 210px; margin-right: 180px; border-bottom: dotted 1px silver; padding: 10px 0px; }

#search #decade-filter                  { font-size: 12px; }
#search #decade-filter li               { background-color: #f0f0e0; border-radius: 2px; margin: 0px 0px 3px 0px; padding: 5px 7px; }
#search #decade-filter li.current       { background-color: #d0d0c0; }
#search #decade-filter li a             { color: gray; display: inline-block; width: 40px; }
#search #decade-filter li a:hover       { border: 0px; }
#search #decade-filter li span          { background-color: #a0a090; white-space: nowrap; overflow: hidden; color: #e0e0e0; font-weight: bold; font-size: 10px; display: inline-block; padding: 0px 2px; text-align: right; }

#search #view-type                      { border-bottom: solid 1px silver; margin-bottom: 10px; }
#search #view-type a                    { margin-left: 3px; display: inline-block; padding: 5px; border: solid 1px silver; border-bottom: 0px; background-color: #f0f0f0; position: relative; top: 1px; }
#search #view-type a.current            { border-bottom: solid 1px white; background-color: white; }

#search #topic-filter                   { font-size: 12px; border-right: solid 1px #e0e5ff; margin: 10px 0px; }
#search #topic-filter li                { margin-top: 3px; padding: 5px; border-radius: 2px 0px 0px 2px; border: solid 1px #e0e5ff; background: #f8faff url( "/images/vertical-tab-shadow.png" ) repeat-y right center; position: relative; left: 1px; }
#search #topic-filter li.current        { font-weight: bold; border-right: solid 1px white; background: white; }
#search #topic-filter li a              { color: #70757f; display: block; }
#search #topic-filter li a:hover        { border: none; }
#search #topic-filter li a span         { font-size: 10px; font-weight: bold; float: right; color: #b0b5bf; }

#search #keyword-filter                 { margin-left: 210px; background-color: #f0f0f0; border-bottom: solid 1px #e0e0e0; padding: 5px 50px 5px 80px; position: relative; }
#search #keyword-filter strong          { color: #3879AD; position: absolute; left: 5px; top: 5px; }
#search #keyword-filter li              { white-space: nowrap; display: inline-block; background-color: #e0e0e0; padding: 2px 4px; border: solid 1px #f0f0f0; }
#search #keyword-filter li.current      { background: white; }
#search #keyword-filter li span         { font-size: 10px; font-weight: bold; float: right; color: #b0b5bf; }

#search #pagination                     { padding-top: 10px; }
#search #pagination .prev-next          { width: 300px; float: right; text-align: right; }
#search #pagination .prev-next a        { font-weight: normal; }
#search #pagination .page-links         { font-size: 15px; }
#search #pagination .page-links a       { font-weight: normal; }
#search #pagination .prev-next a.bold   { font-weight: bold; }
#search #pagination .current            { color: black; font-size: 18px; }

#tag-filters span                       { fonts-size: 11px; background-color: #e0e0ef; padding: 0px 3px; margin: 0px 3px 3px 0px; border-radius: 3px; display: inline-block; white-space: nowrap; }

/* view issue */
#issue                                  { margin-right: 320px; }

/* view article */
#article h1                             { font-size: 30px; line-height: 30px; font-family: "Crimson Text", georgia, sans-serif; margin-bottom: 15px; color: #222; }
#article .keywords                      { font-size: 12px; border-bottom: dotted 1px silver; margin-bottom: 10px; padding-bottom: 5px; line-height: 13px; }
#article .keywords a                    {  }

#article                                { margin-right: 320px; }
#article p                              { font-size: 14px; }

#article .article                       { border-bottom: dotted 1px silver;  padding: 10px 0px 8px 0px; }
#article .article a                     { font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 0px; padding-bottom: 0px; }

/* view page */
#page                                   { margin-right: 320px; }

#page .article                          { border-bottom: dotted 1px silver;  padding: 10px 0px 8px 0px; }
#page .article p                        { font-size: 13px; line-height: 17px; margin-bottom: 0px; padding-bottom: 0px; }

/* issues */