/*
   New Perspectives on HTML
  Holmes Style Sheet

	Author: Earl Davis
	
	File name: styles.css
   
*/

footer {
    position: absolute;
    bottom: 0;
}

p {
     margin-left: 15cm;
 
}

body{
	
	background-image: url("curtains.jpg");
}

body h1{
	font-family: "Goudy Old Style", Baskerville, Serif;
	font-size: 45px;
	
}

body img{
	border-radius: 150px;
	border: 1px solid #333300;
	float:left;
	
	-moz-box-shadow: 10px 10px 5px rgb(102, 51, 0);
	-webkit-box-shadow: 10px 10px 5px rgb(102, 51, 0);
	box-shadow: 10px 10px 5px rgb(102, 51, 0);
}

nav {
display: block;
width: 100%;
}

section nav {
font-size: 0.9em;
text-align: center;
padding-bottom: 20px;
}


nav ul {
list-style-type: none;
margin: 0px;
padding: 0px;
font-size: 0.8em;

}

nav ul li {
display: block;
float: left;
width: 15.6%;
height: 20px;
text-align: center;
border: 1px solid #333300;
background-color: #996600;
line-height: 1.5em;
margin: 0px 2px 2px 0px;
}

nav ul li a {
	color: white;
}

video {
	background-color: white;
	display: block;
	margin: 5px auto;
	text-align: center;
	width: 95%;
}




section article {
	
   background-color: white;
   border: 3px  solid rgb(255, 64, 0);
   

   -moz-border-radius:  30px;
   -webkit-border-radius:  30px;
   border-radius: 30px;

   margin-bottom: 20px;
}

section article p {
   font-size: 0.9em;
   margin: 15px;
}


section.middle article:first-of-type p:first-of-type {
   text-align: center;
}




/* Middle Section Styles */
section.middle {
   width:  30%;
   float: left;
   margin-left: 5px;
   
   
   
   /* Section Styles */
section {
   margin-top: 20px;
}


section article h2 {
   margin: 0px 0px 15px 0px;
   font-weight: normal;
   text-align: center;
   color:  white;
   background-color: rgb(255, 64, 0);

   -moz-border-radius-topleft: 30px;
   -webkit-border-top-left-radius: 30px;
   border-top-left-radius: 30px;

   -moz-border-radius-topright: 30px;
   -webkit-border-top-right-radius: 30px;
   border-top-right-radius: 30px;


   font-size: 1.2em;
   letter-spacing: 5px;
   line-height: 2em;
}

section article {
	
   background-color: white;
   border: 3px  solid rgb(255, 64, 0);
   

   -moz-border-radius:  30px;
   -webkit-border-radius:  30px;
   border-radius: 30px;

   margin-bottom: 20px;
}

section article p {
   font-size: 0.9em;
   margin: 15px;
}


section.middle article:first-of-type p:first-of-type {
   text-align: center;
}




/* Middle Section Styles */
section.middle {
   width:  30%;
   float: left;
   margin-left: 5px;
}

section.middle img {
   float: right;
   clear: right;
   margin: 0px 0px 0px 10px;
}