html {
    background-color:tan;
    background-image:url('');
    background-repeat:no-repeat;
    background-position:center center;
    background-attachment: fixed; /* we don't want it to scroll */
    background-size: cover;
}
body {
    background-color:grey;
}
#header {
}
header { 
    background-color: blue;
    color: gold;
    text-align: center;
}
h1 {
    color:gold;
    text-align: center;
}

a:link{color: ;}
a:visited{color:blue;}  /* what happens after visited */
a:hover{color: grey; background-color:;}   /* mouse */
a:active{color:white; background-color:;}  /* mouse */

ul{             /* The actual bullet points of the UL*/
    color:grey;
    /*list-style-type: square; */
    list-style-height: 50px;
    list-style-width:50px;
}

ul li{
    display:inline; 
    background-color:white;
    border-color:red;
    border-width:2px;
    border-radius: 5px;
}
ul li:hover{
    border-style:solid;
}

.content {
    font-family:Arial;
    font-size:19px;
    font-color:red;
}

footer {
    background-color:purple;
    font-size: 14px;
    color:white;
    padding:2px;
    position:fixed;
    left:0px;
    width:100%;
}

#thumbnail {
    height: 150px;
    width:  200px;
}

/* my own 5 CSS stuff */
#p2 {
    color: White; 
    font-size: 20px;
}
.imgcenter {
    text-align: center;
}
img {
    class="circle";
}

#divBorder {
  width: 900px;  
  padding:0px 0px 0px 10px; 
  border:6px solid #521; 
  background:#0af;
  color:#515;  
}

#p3 {
    border: 3px solid powderblue;
    text-align:center;
}

.blockDiv {
    padding:2px 2px 2px 10px;
    width:300px;
    border:6px solid green;
    color:#515;  
    background:#0bb;
    background-position:center center;
    margin:auto;        /* super important, does the aligning */
}