html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}


body {
   background-color:black;
   font-family:"times new roman";
}

					/* narrow viewport */
img {
   display:block;
   margin-left:auto;
   margin-right:auto;
   max-width: 100vw;
   height: auto;
}

div.imagearea {
   width:100vw;
   text-align:center;
   margin:0;
   border: 0;
}

div.blankarea {
   height:0px;
   width:100vw;
   margin:0;
   border: 0;
}

div.captionarea {
   color:white;
   font-size:30px;
   width:100vw;
   height:auto;
   margin:0;
   border: 0;
}

div.caption {
   text-align:center;
}

div.buttons {
   color:white;
   height:12vh;
   width:100vw;
   font-size:30px;
   margin:0;
   border:0;
}

div.keywords {
   color:gray;
   font-size:10px;
   height:4vh;
   width:100vw;
   text-align:center;
   margin:0;
   border:0;
}

div.sidebar {
   color:white;
   font-size:30px;
   position:relative;
   left:0px;
   width:100vw;
   height:auto;
   margin 0;
   border:0;
}
					/* end narrow viewport */

					/* wide viewport */
@media screen and (min-width:1150px) {

img {
   display:block;
   margin-left:auto;
   margin-right:auto;
   max-height: 100vh;
}

div.imagearea {
   width:775px;
}

div.blankarea {
   height:25%;
   width:99%;
   float:left;
   clear:right;
}

div.captionarea {
   color:white;
   font-size:30px;
   height:60%;
   width:99%;
   border: 0;
   float:left;
   clear:right;
}

div.caption {
   text-align:left;
}

div.buttons {
   color:white;
   height:12%;
   width:99%;
   font-size:30px;
   border:0;
   float:left;
   clear:right;
}

div.keywords {
   color:gray;
   font-size:10px;
   height:4%;
   width:99%;
   text-align:center;
   border:0;
   float:left;
   clear:right;
}

div.sidebar {
   color:white;
   font-size:30px;
   position:absolute;
   top: 0px;
   left:775px;
   width:35%;
   height:100vh;
   border:0;
}

}
					/* end wide viewport */



div.leftbutton {
   height:100%;
   width:33%;
   text-align:center;
   border:0;
   float:left;
}

div.centerbutton {
   height:100%;
   width:33%;
   text-align:center;
   border:0;
   float:left;
}

div.rightbutton {
   height:100%;
   width:33%;
   text-align:center;
   border:0;
   float:left;
}

 /* unvisited link */
a:link {
    color: white;
}

/* visited link */
a:visited {
    color: white;
}

/* mouse over link */
a:hover {
    color: gray;
}

/* selected link */
a:active {
    color: gray;
}