/*
This file belongs to P1922897,Teh Huan Xi Kester
The copying of code is strictly prohibited unless authorized.
*/
/* Reset */ 
article, aside, figcaption, figure, footer, header, #Main, nav, section { display: block;}

address, article, aside, blockquote, body, cite, div, dl, dt, dd, em,
figcaption, figure, footer,h1,h2,h3,h4,h5,h6,header,html,img,li,main,nav,ol,p,section,span,ul {
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
nav ul {
   list-style: none;
   list-style-image: none;
}
nav a {
   text-decoration: none;
}
/* End of Reset */

/* Fonts and backgrounds */
html {
   background-image: url(images/subtle_white_feathers_@2X.png); 
}
body {
   background-color: transparent;
}
h1 {
   display: block;
   text-decoration: underline;
   font-weight: bold;
   text-align: center; display: block;
   font-size: 280%;
   font-family: 'Nova Cut', cursive;
   margin-top: 5%;
   margin-bottom: 5%;
}
#Main p {
    margin-left: 20%;
    margin-right: 20%;
    display: block;
    text-align: center;
    font-size: 180%;
    margin-top: 4%;
    font-family: 'Raleway', sans-serif;
}
#Main .row{
   display: block;
   color: black;
   text-decoration: underline;
   font-size: 180%;
   margin-top: 4%;
   font-family: 'Raleway', sans-serif;
   font-weight: bold;
}
.PageLink {
   display: block;
   text-decoration: underline;
   font-size: 180%;
   margin-top: 4%;
   font-family: 'Raleway', sans-serif;
   font-weight: bold;
}

/* Clock */
.row #date{
   margin-top: 7%;
}

/* Nav Bar */
#navigationbar a {
   font-family: 'Nova Cut', cursive;
   font-weight: bold;
   font-size: 135%;
   display: block;
   text-decoration: none;
   color: black;
}
#navigationbar a,
#navigationbar a:after,
#navigationbar a:before {
   transition: all .5s;
}
#navigationbar a:hover {
   color: orange;
}
#navigationbar a{
   position: relative;
}
#navigationbar a:after {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   width: 0%;
   content: '.';
   color: transparent;
   background:black;
   height: 10%;
}
#navigationbar a:hover:after {
   width: 100%;
}

/* Link Animation(Inclusive of footer) */
.figure-caption a:link, .figure-caption a:visited,
.PageLink a:link, .PageLink a:visited,
footer a:link, footer a:visited {
   color: black;
}
.figure-caption a:hover,.figure-caption a:active,
.PageLink a:hover, .PageLink a:active {
   color:orange;
}

/* Picture Sizing */
.row #PictureNav img {
   height: 26%;
   width:26%;
}
.FoodPic img{
   height: 50%;
   width: 50%;
   margin-top: 6%;
   margin-bottom: 1%;
}

/* Footer Styles */
footer {
   position:fixed;
   bottom: 0;
   width: 100%;
   font-size: 110%;
   background-color: orange;
   color: white;
   display: block;
   text-align: center;
   font-family: 'Raleway', sans-serif;
 }
footer a:hover, footer a:active{
   color:white;
}