body {margin:0;
      padding:0;
      background:black;
      color:white;
      font-family:"fantasy";
      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:#FFC0CB;}


#title {position:absolute; top:0px; left:0px;
        width:800PX;
        height:20px;
        padding-left:0px;
        overflow:auto;
        color:#FFC0CB;
        font-family:"fantasy";
        font-size:16px;
        font-style:normal;
        font-weight:bold;
        border:0px solid gray;}

#location {position:absolute; top:25px; left:0px;
           width:800PX;
           height:20px;
           padding-left:0px;
           overflow:auto;
           color:#D3D3D3;
           font-family:"Times New Roman", "fantasy";
           font-size:15px;
           font-style:italic;
           font-weight:bold;
           border:0px solid gray;}

#location span#date {font-family:"Times New Roman", "fantasy";
                     font-size:14px;
                     font-style:italic;
                     font-weight:bold;}

#frame {position:absolute; top:55px; left:172px;
        width:512px;
        height:384px;
        flow:left;
        border:0px solid red;}

#photocomment {position:absolute; top:440px; left:172px;
               width:480px;
               height:30px;
               text-align: left;
               color: white;
               font-family:"Times New Roman", "fantasy";
               font-size:12px;
               font-style:normal;
               font-weight:bold;
               border:0px solid red;}

#photoby {position:absolute; top:0px; left:481px;
          width:20px;
          height:360px;
          border:0px solid blue;}   

#slides {position:absolute; top:55px; left:692px;
         width:105px;
         height:384px;
         overflow:auto;
         padding-top:0px;
		   border-top:0px dotted #B74E07;}

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

#slides img.landscape {width:85px; height:64px;}
#slides img.portrait  {width:64px; height:85px;}
#slides img {border-style:none;}
                       
#commentary {position:absolute; top:55px; left:0px;
             width:160PX;
             height:384px;
             padding-right:5px;
             overflow:auto;
             background:black;
             color:white;
             font-family:"Arial", "Times New Roman", "fantasy";
             font-size:12px;
             font-style:normal;
             font-weight:normal;
             border-right:1px dotted white;}

#commentary span#subtitle {color:#DB7093;
                           font-family:"Arial", "Times New Roman", "fantasy";
                           font-size:14px;
                           font-style:normal;
                           font-weight:bold;}

#commentary p {color:white;
               font-style:normal;
               font-weight:normal;
               text-indent:1em;}
#commentary p:first-letter {color:#FFC0CB;
                       font-size:1.6em;
                       font-style:italic;
                       font-weight:bold;}

#commentary span#jp {font-family:"Times New Roman", "fantasy";
                     font-style:normal;
                     font-weight:normal;}

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


#navigation {position:absolute; top:440px; left:0px;
             width:160px;
             height:14px;
             font-family:"Trebuchet MS", "Verdana", "sans-serif";
             font-size:10px;
             font-style:normal;
             font-weight:bold;
             text-align: left;
             border:0px solid white;}
#navigation a {color:#FFFFFF;}
#navigation a:focus, a:hover, a:active {background:#FFC0CB;}
#navigation img.lead {width:8px; height:8px;}
#navigation img.email {vertical-align:bottom;}


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

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