/*Custom fonts*/
@font-face {
    font-family: "Josepin Sans";
    src: url("fonts/JosefinSans.ttf");
}
@font-face {
    font-family: "Lato";
    src: url("fonts/Lato.ttf");
}

/*CSS for all pages*/
body {
    text-align: center;
    background-color: #b0e0e6;
    font-family: Lato, sans-serif;
    padding-top: 4em;
    padding-bottom: 4em;
    line-height: 1.5em;
}
#all {
    margin-left: auto;
    margin-right: auto;
    width: 50em;
}
#slogan {
    line-height: 25%;
    font-size: 75%;
}
#links {
    background-color: #ff0000;
    margin-top: 0.625em;
    margin-bottom: 0.625em;
    padding: 0.4375em;
    max-height: 7%;
}
#links a {
    text-decoration: none;
    color: #ffffff;
    vertical-align: middle;
    padding: 0.625em;
    text-size-adjust: none;
}
#links a:hover {
    text-decoration: underline;
    font-size: 125%;
}
#links a:active {
    color: #000000;
    font-size: 60%;
}
#main {
    background-color: #ffffff;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding: 1.875em;
}
p {
    text-align: left;
}
h1 {
    font-family: "Josepin Sans";
}
h2 {
    font-family: "Josepin Sans";
}
footer {
    background-color: #ffffff;
    margin-left: 3.75em;
    margin-right: 3.75em;
    padding: 0.9375em;
}
footer a {
    padding: 1.2em;
    vertical-align: middle;
}
.section {
    border-bottom-color: #7df23b;
    border-bottom-style: solid;
    padding-left: 1.25em;
    padding-right: 1.25em;
    padding-bottom: 1.4375em;
    text-align: left;
}
#pageEnd {
    padding-left: 1.25em;
    padding-right: 1.25em;
    padding-bottom: 1.4375em;
    text-align: left;
}
ul {
    list-style-type: circle;
}

/*Home page only*/
.welcomeText {
    text-align: center;
}

/*About page only*/
#portrait {
    float: right;
    margin-left: 0.75em;
    margin-bottom: 0.75em;
}
dl dt {
    font-weight: bold;
}

/*Contact page only*/
#formDesc {
    text-align: center;
}
#formTable {
    display: table;
}
.tableRow {
    display: table-row;
}
.tableRow p {
    display: table-cell;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
}
.tableRow p:first-child {
    width: 20%;
}
.tableRow p input {
    width: 44em;
}
textarea {
    width: 44em;
    height: 10em;
}
.forTextarea {
    vertical-align: top;
}
input[type = submit] {
    background-color: #dc425d;
    font-family: "Josepin Sans";
    width: 4em;
    height: 2em;
}

/*For games page*/
#gamesTable {
    display: table;
    width: 100%;
}
.gamesTableRow {
    display: table-row;
}
.gamesTableRow a {
    display: table-cell;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    width: 33.333%;
}
.gamesTableRow a p {
    text-align: center;
}
.gamesTableRow a:hover span{
    text-decoration: underline;
}
.gamesTableRow a span {
    color: red;
    text-align: center;
}
.centered {
    display: inline-block;
    text-align: center;
}

/*For game-specific pages*/

/*For current project page*/
.outerTable {
    display: table;
    width: 94%;
}
.coverDesc {
    display: table-row;
}
.coverDesc p {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
#desc {
    display: inline-block;
    text-align: left;
    margin-left: 1em;
}
#screenshots {
    text-align: center;
}
#screenshots h2 {
    text-align: left;
}
#firstScreen {
    float: left;  
}
#secondScreen {
    margin: auto;
}
#thirdScreen {
    float: right;
}
.download {
    text-align: center;
}
.download p, .download a, #downloadButton {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 80%;
}