/*  
   SC Transport Website Style Sheet
   
   Author: Christina Wells
   Date:   06/26/14
   
*/

/*  Web Font Styles  */
   
   @font-face {
      font-family: 'AlexBrushRegular';
      src: url('style_fonts/AlexBrush-Regular.ttf');
   }

/*  Body Styles  */
   
   body {
      background-color: rgba(0, 0, 0, 0.1);	
      color: black;
      width: 98%;
      min-width: 1000px;
      max-width: 1400px;
   }
   
/*  Heading Styles  */
   
   hgroup h1 {
      font-family: Papyrus, 'Ariel Black', serif;
      font-size: 2em;
      font-weight: bolder;
      color: black;
      text-shadow: orange -4px -3px 5px;      	
   }

   h2 {
      background: 
         -moz-linear-gradient(orange, white);
         -webkit-linear-gradient(orange, white);
         linear-gradient(orange, white);
      color: black;
      text-shadow: rgb(211, 211, 211) 4px 6px 5px;
      font-size: 2em;
      letter-spacing: 0.25em;
      margin: 5px;
   }
   
   h3 {
      font-size: 1.5em;
   }
   
/*  Nav List Styles  */       
   
   #nav_list {
      width: 31%; 
      position: block;
      clear: left;
      float: left;

      font-family: Papyrus, 'Ariel Black', serif;
      font-size: 1em;
      word-spacing: .10em;
      font-variant: small-caps;
      font-weight: bolder;
      color: black;
      text-transform: none;
      
      background-color: orange;
   }
   
   #nav_list ul {
      padding-left: 0.5em;
   }

   #nav_list ul li {
      list-style-type: none;
      list-style-position: outside;
   }
   
   #nav_list li a {
      text-decoration: none;
   }

   /*  Hover Affect for Navigation List  */

   #nav_list a {
      color: black;
   }
   
   #nav_list a:visited {
      color: black;
   }

   #nav_list a:hover {
      color: white;
   }

   #nav_list ul li:hover {
      background-color: #ff9933;
   }
   
/*  Header Styles  */

   #subheading {
      font-size: 1.6em;
      text-align: right;
   }

   header hgroup {
      position: block;
      float: left;
      top: 0px;
      left: 20px;
      width: 31%;
   }   
    
/*  Welcome Section Styles  */
   
   section {
      position: block;
      width: 60%;
      margin-left: 35%;   
   }

   #welcome {
      letter-spacing: .15em;
      font-variant: small-caps;
   }   
   
   #welcome_article h2 {
      padding: 0px 0px 0px 10px;
   }

   #welcome_article p {
      line-height: 1.3em;	   
      word-spacing: .10em;
      margin: 0px 0px 10px 10px;
   }

   /*  Creating Columnar Layout for Intro Paragraph  */

   section #welcome_article p {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-width: 50%;
   }
   
/*  Figure Styles  */
   
   figcaption {
      color: orange;
      letter-spacing: .15em;
      font-variant: small-caps;
      text-align: center;
   }
   /*  Creating Rounded Border Affect Around Demo Day Picture  */   
   
   figure {
      background-color: black;
      text-align: center;
      border-radius: 30px;
      margin-top: 2%;
      padding-top: 2%;
   }

/*  Footer Styles  */
   
   footer address {
      font-family: "AlexBrushRegular", 'High Tower Text', 'Ariel Black', serif;
      font-style: normal;
   }   

   footer {
      background-color: black;
      color: orange;
      clear: both;
      width: 100%;
      text-align: center;
      padding: 5px;
      margin: 5px;
   }