/*
   IT270
   Final Project

   Raymond's Awesome Site Style Sheet

   Author: Raymond Finney     
   Date: 3/27/16       
   Filename:    styles.css


*/

	/* Common Styles */

* {
   list-style: none;
   margin: 5px;
   padding: 0px;
   }

header, footer, article, nav, section {
   display: block;
   width: 100%;
   }


body {
   background-color: #3333FF;   
   }

header img {
   width:15%;
   height: auto;
   }

header h1, h3 {
   margin: auto;
   position: relative;
   top: -250px;
   right: -300px;   
   }

header h3 {
   font-style: italic;
   font-weight: bold;
   }

header h1 {   
   font-weight: bold;
   }

nav.vertical {
   background-color: rgb(208,208,208);
   width: 115px;
   padding: 10px; 
   float: left;  
   }

nav.vertical li {
   padding: 3px;
   }

	/* Sports page styles */

table.sports {
   background-color: white;
   margin: auto;
   }

table.sports caption, tr, th, td {
   border: 1px solid black;
   
   }

table.sports th {
   align: top;
   }

table.img {
   height: 50px;
   width: 50px;
   }

table caption {
   font-size:45px;
   }

aside {
   width: 350px;
   margin: auto;
   }


	/* Family page styles */

.family {
   width: 50%;
   height: auto;   
   }


	/* Games page styles */

article.games {
   width: 50%;
   height: auto;      
   }


	/* Main page styles */



	/* Paintball page styles */

.paintballArticle {
   width: 50%;
   }

.pm8image {   
   height: 25%;
   width: auto;   
   }

	/* Footer Styles */


	/* Gallery page styles */

.galleryTable img {
   width: 150px;
   height: auto;
   }

.galleryTable th {
   font-style: italic;
   font-size: 24px;
   }

.galleryFooter {   
   position: relative;
   }


	/* Contact page styles */

.article {
   width: 50%;
   height: auto;   
   }