body {margin:0;
      padding:0;
      background:black;
      color:white;
      font-size:95%;}
#screen {position:relative;
         width: 800px;
         height: 480px;
         margin:10px auto;
         padding:0 0 0 0;
         border:0px solid yellow;}

a {text-decoration: none;}
a:focus, a:hover, a:active {background:#F0E68C;}

#frame {position:absolute; top:0px; left:0px;
        width:480px;
        height:360px;
        flow:left;
        border:0px solid grey;}

/*#frmae img {width:480px;
              height:360px;}*/

/* Comment for Landscape photo */
#lcomment {position:absolute; top:360px; left:0px;
           width:480px;
           height:28px;
           text-align: right;
           color: white;
           font-family:"Arial", "Times New Roman";
           font-size:12px;
           font-style:normal;
           font-weight:bold;
           border:0px solid red;}

/* Comment for Portrait photo*/
#pcomment {position:absolute; top:360px; left:0px;
           width:270px;
           height:28px;
           text-align: right;
           color: white;
           font-family:"Arial", "Times New Roman";
           font-size:12px;
           font-style:normal;
           font-weight:bold;
           border:0px solid red;}

#report {position:absolute; top:0px; left:500px;
         width:300PX;
         height:220px;
         padding-left:0px;
         overflow:auto;
         color:white;
         font-size:12px;
         font-style:normal;
         font-weight:normal;
         border:0px solid gray;}
#report li {list-style-type:square;
            font-family:"Trebuchet MS", "Verdana", "sans-serif";
            color:white;
            font-style:normal;
            font-weight:normal;}
#report span.item {font-weight:bold;}
#report span#location {color:#F0E68C;
                       font-weight:bold;}
                       
#story {position:absolute; top:220px; left:500px;
        width:300PX;
        height:120px;
        padding-left:0px;
        overflow:auto;
        background:black;
        color:white;
        font-family:"Arial", "Times New Roman";
        font-size:12px;
        font-style:normal;
        font-weight:normal;
        border:0px solid gray;}
#story p {color:white;
          font-size:14px;
          font-style:normal;
          font-weight:normal;
          text-indent:1em;}
#story p:first-letter {color:#F0E68C;
                       font-size:20px;
                       font-style:italic;
                       font-weight:bold;}

img.qed {width:8px; height:8px;}

/*#photoview img#photo {width:480px; height:360px;}*/

#slides {position:absolute; top:396px; left:0px;
         width:100%;
         height:80px;
         overflow:auto;
         padding-top:0px;
		   border-top:0px dotted #B74E07;}

#slides a:focus, #slides a:hover, #slides a:active {cursor:pointer; background:black;}

#slides img.landscape {width:100px; height:75px;}
#slides img.portrait  {width:56px; height:75px;}
#slides img {border-style:none;}

#navigation {position:absolute; top:348px; left:500px;
             width:300px;
             height:12px;
             font-family:"Trebuchet MS", "Verdana", "sans-serif";
             font-size:10px;
             font-style:normal;
             font-weight:bold;
             text-align: right;
             border:0px solid red;}
#navigation a {color:#FFFFFF;}
#navigation a:focus, #navigation a:hover {color: grey;}, #navigation a:active {background:#F0E68C;}
#navigation img.lead {width:8px; height:8px;}
#navigation img.email {vertical-align:bottom;}

span#shin {color:white;
           font-size:18px;
           font-style:normal;
           font-weight:bold;}