/* body {
       background-color:black;
       font-family: "Lucida Grande", Arial, Sans-Serif;
       color:#c9c9c9;
       font-size:12px;
       font-weight:normal;
       }
       */

body
{
       font-family: Georgia, Palatino, "Times New Roman", Times, serif;
       font-size: 100%;
       -webkit-text-size-adjust: none;
}

p
{
       font-size: 1em;
       line-height: 1.4;
}

container
{
       margin-top: 2em;
       width: 100%;

}


p
{
       font-size: 1em;
       line-height: 1.4;
}


a
{
       text-decoration: none;
       color: #369;
}

a:visited
{
       text-decoration: none;
       color: #006;
}

a:hover
{
       text-decoration: none;
       color: #33C;
}


#container {
       position: relative;
       top: 20px;
       margin: 0px;
       width: 750px;
       height: 80%;
       }



       #sidebar {
               position: relative;
               float: left;
               top: 10px;
               margin: 0px auto;
               width: 255px;
               height: 120px;
               }

       #game {
               position: relative;
               float: left;
               top: 15px;
               margin: 0px;
               width: 700px;
               height: 500px;
               padding: 20px;
               margin: 20px;
               }

       #coverimage {
               position: relative;
               float: right;
               width: 120px;
               height: 120px;
               border-color: grey;
               border-style: solid;
               }


               .coverimage {
                       width: 120px;
                       margin-top: 2em;
                       margin-left: 5em;
                       float: left;
                       clear: left;
                       text-align: right;
                       border-color: grey;
                       border-style: solid;

               }


               .introduction
               {
                       padding-top: 2.4em;
                       margin-left: 15.4em;
                       width: 33em;
                       line-height: 1;
                       text-align: left;
               }

               h1 { font-size: 2em;  }
               h2 { font-size: 1em; line-height: .25;}


               .about
               {
                       margin-top: 2.8em;
                       margin-left: 15.4em;
                       width: 33em;
                       text-align: left;
               }

               .about p { margin-bottom: 0; }

               .about p + p
               {
                       text-indent: 1.4em;
                       margin-top: 0;
               }

               .links
               {
                       width: 13em;
                       float: left;
                       clear: left;
                       text-align: right;
                       margin-top: 2.8em;
               }

               .links li
               {
                       list-style-type: none;
                       list-style-position: default;
                       padding: .4 em;
               }

               span.filetype { font-size: .5em; }

               .source
               {
                       margin-top: 1.4em;
                       margin-left: 15.4em;
                       width: 33em;
                       line-height: 1.4;
               }

               .sourceintroduction
               {
                       margin-left: 15.4em;
                       width: 33em;
               }

               .sourceintroduction h1
               {
                       padding-top: 2.8em;
                       font-size: 1em;
                       line-height: 1;
                       text-align: right;
                       text-decoration: none;
                       font-weight: normal;
                       font-style: italic;
               }

               .sourceintroduction h2
               {
                       display: none;
               }

               .sourcecoverimage
               {
                       width: 12.6em;
                       margin-top: 2em;
                       margin-left: 1em;
                       float: left;
                       clear: left;
                       text-align: right;
               }

               /*
               Here we make invisible the one-pixel border that currently goes around
               the cover image.
               */

               .sourcecoverimage a
               {
                       font-style: normal;
                       font-variant: normal;
                       font-weight: normal;
                       color: #FFF;
               }

               .sourcebibliography
               {
                       display: none;
               }

       #links {
               position: relative;
               float: left;
               width: 90px;
               height: 120px;
               text-align: left;
               margin-left: 1em;
               margin-right: 1em;
               top: 20px;
               }

       #about {
               position: relative;
               top: 20px;
               margin: 0px auto;
               width: 75%;
               }

       #parchment {
               position: relative;
               top: 20px;
               margin: 0px auto;
               width: 75%;
               }


#gameport
{
       bottom: 0px;
       left: 0px;
       line-height: 1.4;
       margin: 0px;
       position: absolute;
       right: 0px;
       top: 0px;
}