/*
   New Perspectives on HTML and CSS
   Tutorial 5
  

  
   Author: Victor Miranda
   Date:  05/08/2016

   Filename:         theme.css
   Supporting files: athome.htm, BrokenLaptop.png, 
   Windows_95_Startup.mp3, Windows_95_Startup.ogg

*/



/* Assings the font style and size */
h1 {
    float: left;
    font-size: 80px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

/* Allings the sub-heading to the left */
header h2{
   float: left;
   margin-top: 15px;
   margin-bottom: 10px;
   
}

/* Sets the body of the page to be center and sets the width. */
body{
    width: 80%;
    margin: 0 auto;
    background: url("pictures/light_texture2185.jpg");
    background-repeat: space;
    
    
    
   
}

/* Centers the navigation bar on the page */
nav
{
    text-align: center;
   
}
    

/* Displays the nav bar horizontaly, sets font size, sets the space between the items*/
nav ul li {
    display: inline;
    text-decoration: none;
    font-size: 25px;
   padding-right: 5px;
 
    
    
}
/* Rotates the h2 */
 header h2  {
    -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
     transform: rotate(-7deg);
} 

/* Sets the width and margins of the paragraphs */
p {
 width: 48%;
 margin-top: 35px;
 margin-right: 15px;

}

/* Makes the audio player aling to the right */
audio{
    float: right;
}


/* Centers the footer and sets the top marging */
footer{
    text-align: center;
    margin-top: 25px;
}

header {
    margin-bottom: 100px;
}

.floated_img img
{
    
   width: 250px;
   height: 250px;
   float: left;
   padding-bottom:100px;
 
   
}

#container {
   min-height:100%;
   position:relative;
   
}
#header {
  
   padding:10px;
}
#body {
   padding:10px;
   padding-bottom:100px;   /* Height of the footer */
}
footer {
 
	width:100%;
	
	position:absolute;
	bottom:0;
	left:0;
}

.answers {
    font-style: italic;
    color: blue;
}

#support p{
    font-size: 2em;
    text-align: center;
    float: none;
    
}