/*
New Perspectives on HTML, CSS, and JavaScript
Final Project
5 Page website
Twin Life Magazine Style Sheet
Author: Tiffney Castellucci-Trant
Date: 11/15/2015
Filename: index.css
Supporting files:
*/
/* Body Styles */
/* Styles */
/* Navigation Styles */
nav.horizontal {
margin-top: -3px;
}
nav.horizontal ul {
height: 20px;
background-color: rgb(0, 0, 0);
}
nav.horizontal ul li {
padding: 0px;
float: left;
width: 12.5%;
line-height: 20px;
height: 20px;
}
nav.horizontal ul li a {
display: block;
text-align: center;
width: 100%;
font-size: 10px;
text-decoration: none;
color: white;
}
nav.horizontal ul li:hover {
background-color: rgb(171, 171, 231);
background-color: rgba(255, 255, 255, 0.4);
}
/* Vertical navigation list */
nav.vertical {
width: 250px;
float: left;
font-family: 'Times New Roman', 'Times', serif;
}
nav.vertical h1 {
transform: none;
font-size: 24px;
margin: 10px 0px 0px 20px;
font-weight: normal;
letter-spacing: 5px;
}
nav.vertical h2 {
transform: none;
font-family: Verdana, Geneva, sans-serif;
font-size: 22px;
font-variant: small-caps;
text-align: right;
letter-spacing: 2px;
font-weight: bold;
color: rgb(226, 226, 255);
margin-left: 20px;
width: 150px;
}
nav.vertical li {
font-size: 16px;
margin-left: 50px;
margin-right: 10px;
margin-bottom: 10px;
letter-spacing: 0px;
}
nav.vertical li.newgroup {
border-top: 1px solid black;
margin-top: 0px;
padding-top: 10px;
}
nav.vertical li a {
text-decoration: none;
color: black;
}
nav.vertical li a:hover {
text-decoration: underline;
color: yellow;
}