/* General styles. */

body { font-family: 'Lucida Grande', Verdana, sans-serif; 
       width: 750px; margin: 50px auto 50px auto;
       line-height: 140%; }

a       { text-decoration: none; font-weight: bold; }
a:hover { color: rgb(100%,0%,100%); }
img     { border: 0; padding: 3px; }

.email  { padding: 2px; border: 1px solid rgb(90%,90%,90%);
          background-color: rgb(100%,100%,100%); }


/* Styles for navigation bar on index pages. */

.navbar { font-size: 120%;
          margin-top: 2em; 
          font-weight: bold;
          text-align: center; }

.navbar a { padding: 3px;
            margin: 0 0.5em 0 0.5em;
            color: rgb(40%,40%,40%); }

.navbar a:hover { color: rgb(20%,20%,20%);
                  border-bottom: 5px solid rgb(20%,20%,20%); }

.navbar .active { padding: 3px;
                  border-bottom: 5px solid rgb(0%,0%,0%);
                  margin: 0 0.5em 0 0.5em; }


/* Section headings on index pages. */

.banner  { font-weight: bold; 
           font-size: 200%; line-height: 110%; }

.copyright { font-weight: bold; }

.section { padding: 10px;
           border: 1px solid rgb(90%,90%,90%);
           margin-top: 3em; margin-bottom: 1em;
           background-color: rgb(95%,95%,95%); }

.sectiontitle { font-size: 120%; 
                font-weight: bold; margin: 0 0 0.1em 0; }
.sectiondescription { margin: 0; }         

.subsection { float: left; text-align: right; 
              font-weight: bold;
              width: 11em; margin: 0 1em 0 0; }

.stories { margin: 0 0 0.8em 12em; 
           border-left: 1px dotted gray;
           padding-left: 1em; }

.story  { margin: 0em 1em 0.3em 0em; }

.shortlist, .first, .second, .third, .special
        { font-weight: bold;
          margin-left: 8px; padding: 2px 3px 2px 3px;
          border: 1px solid rgb(90%,90%,90%); 
          background-color: white; }

.first   { border-left: 10px solid rgb(255,254,89); }
.second  { border-left: 10px solid rgb(205,205,205); }
.third   { border-left: 10px solid rgb(205,92,92); }
.special { border-left: 10px solid rgb(0,0,0); }

.picture { padding: 5px;
           border-bottom: 1px dotted gray; }
           
.pictcell  { width: 160px; text-align: center; }
.pictitle  { margin-bottom: 0; }
.picsource { color: gray; margin-top: 0; }

.content { padding: 0 3em 0 3em; }


/* Styles for individual story pages. */

.styleswitch   { float: right; }
.styleswitch a { color: rgb(80%,80%,80%); padding: 2px 2px 0 2px; }
.styleswitch .small   { font-size: 110%; }
.styleswitch .regular { font-size: 140%; }
.styleswitch .large   { font-size: 170%; }

.back { margin-bottom: 1em; 
        font-weight: bold; }
.back a { border: 1px solid rgb(90%,90%,90%);
          color: rgb(80%,80%,80%); padding: 4px;
          margin-right: 5px; }
.back a:hover { color: rgb(60%,60%,60%); }

.storyheader { clear: both;
               padding-left: 10px; padding-right: 10px;
               border: 1px solid rgb(90%,90%,90%);
               background-color: rgb(95%,95%,95%); }

.storyheader .pic      { float: right; margin: 10px; }
.storyheader .category { color: rgb(50%,50%,50%);
                         margin-bottom: 1em; }
.storyheader .title    { font-size: 160%; line-height: 100%; font-weight: bold;
                         margin-top: 0; margin-bottom: 0; }
.storyheader .author   { font-size: 120%;
                         margin-top: 0.5em; }

.storybody { margin-left: 1em;
             margin-bottom: 2em; }

.review { margin-bottom: 1em;
          padding-left: 10px; padding-right: 10px;
          border: 1px solid rgb(90%,90%,90%);
          color: rgb(50%,50%,50%);
          background-color: rgb(95%,100%,95%); }

.reviewer { color: black; }