@font-face {
font-family: TitleFont;
src: url('goudy.ttf');
}

@font-face {
font-family: h2-font;
src: url('straight-goudy.otf');
}

@font-face {
font-family: OpenSans;
src: url('opensans.ttf');
}

body {
  font: 100% OpenSans;
  background: white;
  color: black;
}

/* This is the enclosing bracket for the entire page. */

#allPage {
    min-width: 720px;
    max-width: 1280px;
    margin: auto auto;
}

#dailyPhotoPage {
    min-width: 1600x;
    max-width: 1600px;
    margin: 0 0;
}

#entrylist {
    font-size: 100%;
}

a {
    color: #3A7FBD;
    text-decoration: none;
}

a:hover {
    color: #A0000F;
    text-decoration: underline;
}

/* This is the top left and right boxes -- my logo and menu. */

#blockHead {
    height:     auto;
    width:      30%;
    margin:     10%;
    float:      left;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
}

#blockHeadMinor{
    height: auto;
    width:  80%;
    margin-left: 10%;
    margin-right: 10%;
    float: center;
    padding-top: 20px;
    text-align: center;
    font: 60% Titlefont;
    margin-bottom: 0px;
}

#blockHeadMenu {
    height:      auto;
    width:       20%;
    margin:      10%;
    float:       right;
    text-align:  right;
    font:        225% OpenSans;
    margin-top: 20px;
    margin-bottom: 0px;
}

#blockHeadMenu ul {
    list-style-type: none;
    padding: 25px;
}

/* This is the text block of main content stuff. */

#textblock {
    width: 70%;
    max-width: 800px;
    min-width: 650px;
    font: 110% OpenSans;
    color: black;
    clear: both;
    margin: auto auto;
}

#textblock ul {
    list-style-type: none;
    margin: 0; 
    padding: 0;
}

hr {
    width: 85%;
    height: 0px;
    border: none;
    border-top: medium double;
    padding-bottom: 30px;
  }

#errortext {
    width: 50%;
    font: 110% OpenSans;
    color: black;
    clear: both;
    margin: 12px auto;
    text-align: center;
}

h1 {
    font: 550% TitleFont;
    color: #043A6B;
}

h2 {
    font: 150% h2-font;
    color: #043A6B;
    text-align: left;
    margin-bottom: 10px;
}

#image {
    text-align: center;
}

#listform {
    font: 80% OpenSans;
    text-align: right;
    color: Grey;
    margin-bottom: 20px;
    margin-top: 0px;
    padding-top: 0px;
}

.allPageImage {
    display: block;
    max-width:100%;
    max-height:100%;
    margin-left: auto;
    margin-right:auto;
}

/* This is the footer. */

#footer {
    padding: 0px;
    clear: both;
    text-align: center;
    list-style-type: none;
    font-size: 80%;
    color: Grey;
}

nav ul li {
    display: inline;
    padding: 5px;
    font-size: 120%
}

#gridPics {
    width: 920px;
    margin-left: auto;
    margin-right: auto;
}

#gridPics ul {
    list-style-type: none;
}

.gallerycolumns ul li{
    width: 200px; /* thumb width plus border */
    height: 200px;
    float: left;
    margin: 10px;
    /* border-radius: 5px; */
    box-shadow: 3px 3px 3px #888888;
}

.gallerycolumns ul li:hover {
    box-shadow: 0px 0px 5px 3px #A0000F;
    /* margin: 10px;*/
}
/* Border and margin should sum to margin in .gallerycolumns */

#twitter {
    width: 520px; 
    margin: auto auto;
}

.twitter-timeline {
    margin: auto auto;
}