/*
   New Perspectives on HTML and CSS
   Tutorial 
   Case Problem 

   my page Style Sheet
   Author: Cori Smith
   Date:   03/20/2016

   Filename:         videosheet.css
   Supporting videopage.htm
*/


   /*Header Styles*/
   
   header{
	   text-align:center;
	   font-size:75px;
   }
	
	h1{
		padding-right:100px;
	}
   
   /*Nav Style*/
	nav{
	float:left;
	font-size:20px;
}


	/*Article Style*/
	article1{
	   float:left;
	   padding-bottom:25px;
   }
   
   article2{
	   float:right;
  
}

	/*Body Style*/
body{
	background-color:azure;
}

/*Footer Style*/

footer{
	text-align:center;
	border-bottom:solid 2px;
	border-top:solid 2px;
	
}
/* fixing footer stuck in middle of page*/

html {
    position: relative;
    min-height: 100%;
}
body {
    margin: 0 0 100px; 
}
footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
	font-style:italic;
}