/*
   New Perspectives on HTML and CSS
   Tutorial 4
   Review Assignment

   Cycle Pathology Style Sheet
   Author: David Katelansky
   Date:   05/21/2015

   Filename:         race.css
   Supporting Files: 

*/

*
{
   padding: 0px;
   margin: 0px;
}

body
{
   font-family: Verdana, Geneva, 'sans-serif';
   font-size: 100%;   
   position: relative;
   width: 98%;
   min-width: 1000px;
   max-width: 1400px;
}

section
{
   display: block;
}

header
{
   display: block;
   position: absolute;
   top: 0px;
   left 0px;
   width: 20%;
   background-color: black;
   padding-bottom: 500px;  
}

header img
{
   width: 100%;
}

nav
{
    display: block;
}

nav a
{
   text-decoration: none;
}

/* Horizontal Navigation List */
nav.horizontal
{
   margin-left: 15%;
   width: 85%;
   background-color: rgb(49, 38, 31);
}

nav.horizontal li
{     
   display: block;
   float: left;  
   width: 20%;   
   background-color: rgb(49, 38, 31);
   padding-top: 5px;
   padding-bottom: 5px;
   text-align: center;
   text-transform: uppercase;
   font-size: 85%;
}

nav.horizontal li a
{  
   margin-left: 1em;;
   color: white;
}

nav.horizontal li a:hover
{
   color: rgb(215, 181, 151);
}

nav.vertical li
{
   font-size: 85%;     
   list-style: none;   
}

nav.vertical li.newsgroup
{
   padding-top: 25px;   
}

nav.vertical li a
{
   color: white;
   display: block;
   text-indent: 10px;
}

nav.vertical li a:hover
{
   background-color: rgb(51, 51, 51);  
   outline-color: rgb(215, 181; 151);
   outline-style: solid;
   outline-width: 2px;
}

#main
{
   clear: left;
   float: left;
   margin-left: 21%;
   margin-top: 20px;
   width: 49%
}

#main h1
{
   color: rgb(189, 131, 82);
   font-size: 180%;
   font-weight: normal;
   letter-spacing: 5px;
}

#main p
{
   margin: 15px;   
}

#main ul
{
   list-style: disc;
   margin: 25px;  
}

#main ul li
{   
   margin-bottom: 10px;
}

aside
{
   border-color: rgb(149, 91, 42);
   color: rgb(149, 91, 42);
   border-style: solid;
   border-width: 3px;
   float: right;
   margin: 10px;
   width: 50%;
   border-radius: 30px; 
   display: block;   
}

aside p
{
   font-size: 90%;
   margin: 20px;
}

article
{
   display: block;
   float: left;
   width: 29%;  
   margin-left: 1%;  
   background-color: rgb(215, 181, 151);     
}

article hgroup
{   
   display: block;
   background-color: rgb(189, 131, 82);   
   background-image: url('alisha.png');
   background-repeat: no-repeat;
   background-position: right bottom;
   color: rgb(215, 181, 151);
   margin-bottom: 10px;  
   height: 70px;
   text-indent: 20px;  
}

article hgroup h1
{
   font-size: 150%;
   font-weight: normal;   
}

article hgroup h2
{
   font-size: 110%;
   font-weight: normal;
}

article p
{
   font-size: 90%;
   margin: 15px;
}

figure
{
   display: block;
   clear: left;
   float: left;
   margin-left: 21%;
   width: 79%;
   background-color: rgb(149, 91, 42);
   overflow: auto;
   white-space: nowrap;
}

figure img
{
   margin: 10px;
   border-radius: 10px;
}

figure figcaption
{
   display: block;
   background-color: white;
   font-size: 80%;
   font-style: italic;
   text-align: center;
   margin-top: 5px;
}