mw_styles.css

mw_styles.css

/*
   New Perspectives on HTML and CSS
   Tutorial 3
   Case Problem 2

   Mountain Wheels Text and Color Style
   Author: Davis Giang
   Date:   10/16/2016

   Filename:         mw_layout.css
   Supporting Files: none

*/

body {
font-family: Tahoma, Geneva, sans-serif;
}

#articleheader {
	font-size: 18px; 
	font-weight: normal;
	letter-spacing: 7px;
	text-align:center;
}

nav ul{
	background-color:rgb(125, 120, 89);
	line-height: 3em;
	list-style-type:none;
	width:200px;
}

nav a{
	*color:white;
	color:white;
	opacity:0.5;
	text-decoration:none;
}

nav ul li:hover{
	background-color:rgb(131, 121, 36);
	list-style-image:url(wheelmarker.png) 
}

nav ul a:hover{
	*color:yellow;
	color:white;
	opacity: 1.0; 
}

#leftsection > p {
	font-size:22px; 
}

#leftsection > p:first-of-type::first-line {
	text-transform: uppercase; 
}

blockquote {
	background-color:rgb(131, 121,36);
	color:white;
	font-size: 16px; 
	font-family: Comic, Times, cursive;
	}

#rightsection h1 {
	font-size:22px;
	letter-spacing:3px;
	font-weight:normal;
	text-align:center;
}

#rightsection h2 {
	font-size:18px;
	text-align:right;
	font-weight:normal;
}

#rightsection p {
	color:gray;
	font-size:14px;
	text-align:justify;
}

footer address {
	font-size:16px;
	font-style:normal;
	text-align:center;
}