/* Homework CSS-4 Peter Hulm  based on mystyle.css* 6/11/2005 */

/* this uses pseudo-selectors for first-line, first-letter */

body {

font-family: Georgia, "Times New Roman", serif;
font-size: medium;
margin-left:150px;
color: white;
background: maroon url(../images/wordbg.gif) repeat-y;
	}

h1, h2 {font-family: Verdana, Arial, sans-serif; font-size:x-large; color: yellow;
	margin-left:-150px;}

h1 {font-size:x-large;}

h2 {font-size:large;}

p {text-align:justify;}

/* Exercise 1: This uses the first-line and first-letter pseudo-classes.
	But note that first letter prints above the line when specified
	at this size, though it looks OK on screen. */

p:first-line {font-variant: small-caps;}

p:first-letter {font-family: Verdana, Arial, sans-serif;
		font-size:20px; font-weight:bold; color:yellow;
		}

/* Exercise 1: this section changes links from the normal link colors */
a:hover {color: white; background-color: black; text-decoration: underline;}
a:active {color: gray; text-decoration: underline;}
a:link {color: yellow; text-decoration: underline;}
a:visited {color: black; background-color: silver; text-decoration: underline;}

/* this class is applied to details you want to highlight */

.hili{color:silver; border:1px;}

li {list-style-type:square;}

/* Exercise 2: this is to demonstrate knowledge of line-height, letter-spacing,
	word-spacing and vertical align. line-height is increased from the standard.
	letter-spacing is expanded slightly. I have added some padding top and bottom.
	vertical-align: top puts the keywords in the first column to align with the start
	of the text instead of in the middle of the cell..

*/

td {line-height: 24px; letter-spacing: 1px; padding: 5px;vertical-align:top;}



/* Exercise 2 the next selector uses a hanging indent. */

dt {font-family: Verdana, Arial, sans-serif; font-weight:bold}


/* Exercise 3: this forces a page break before and after the table. Here it could just as easily be
	an inline style command but makes it reusable elsewhere. */

.neatprint {
    		page-break-before: always; page-break-after: always;
	}


/* Exercise 4: this uses the !important command to change td formatting to make the keyword yellow*/

.keyword {font-weight:bold; color:yellow !important;}

.keyword {font-weight:bold; color:blue;}


/* this is for a div if you want to align text right */
.right {text-align: right;}


/*ends mystyle.css */