/* CSS Style Sheet for the Week 4 Homework 4 Assignment */
/* Greg Buchmann */



/*
   filename: styles.css
 , author: Greg Buchmann
 , course: ITWP 1050 Basic WebDesign with Cascading Style Sheets
 , assignment: Homework 4 - Tables and Lists CSS

*/





/* Style of quotation marks */

* {
quotes: '"' '"' "'" "'";
}



/* unordered list of items with a square bullet leader */
/* bullet leader is on the outside of the list */


ul.list1 {
list-style: square outside;
}




/* unordered list of items with a image leader that I created with MS Paint */
/* image is on the inside of the list */


ul.list2 {
list-style: url('images/RightArrow2.png') inside;
}





/* Adding user content before and after a paragraph */

p.dynamgraph:before {
content: url('images/X2.png');
}

p.dynamgraph:after {
content: url('images/X2.png');
}




/* Table CSS */
/* Set the table layout and border spacing on the table you created and set
border collapse to separate within the Web page.  */


table {
table-layout: fixed;
border-spacing: 14px;
border-collapse: separate;
}





/* Html Body selector */
/* Default fonts */
/* Set default font size */
/* Use a cursor that I created with MS Paint */
/* User cursor displays over the entire document - except hyperlinks */

body{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
cursor: url('images/X2.png') 15 15, pointer;
}




/* Html H1 Header selector - text color set */

h1{
color: #0066cc;/*cool blue*/
}



/* Html H3 Header selector */
/* text color set and underline the text */

h3{
color: #191970;/*midnight blue*/
text-decoration: underline;
}



/* Html H4 Header selector */
/* test color set and display text in italics */

h4{
color: #000000;/*black*/
font-style: italic;
}



/* Html hr horizontal rule selector */

hr{
border: none;
border-top: 1px solid #000000;/*the border*/
height: 2px;
}


/* Html img image selector */
/*image style*/

img{
float: right;
border: 2px solid #000000;
border-right: 4px solid #000000;
border-bottom: 4px solid #000000;
margin: 0px 5px 10px 10px;
}


/* Html a anchor selectors */
/* hyperlink styles */

a:link{
color: #0066cc;/*cool blue*/
}

a:visited{
color: #0066cc;/*cool blue*/
}

a:hover{
text-decoration: none;
color: #ff9900;/*yellow*/
font-weight: bold;
}

a:active{
text-decoration: underline;
color: #0066cc;/*cool blue*/
}






/* id selectors */

/* copyleft 1 */
/* font size, font style, ans text alignment */

#copyleft1{
font-size: 12px;
font-style: italic;
text-align: left;
}


/* copyleft 2 */
/* font size, font style, and text alignment */

#copyleft2{
font-size: 16px;
font-style: oblique;
text-align: left;
}