body {
                 
                 background-image: url("https://www.angelfire.com/rnb/openknowledge/graphics/graphpaper.jpg");
                 background-attachment: fixed;
                 color: #000000 }
                 

       /* Pseudo-classes */

       a:link { color: blue; text-decoration:none; background-color: transparent; }
       a:visited { color: purple; text-decoration:none; background-color: transparent; }
       a:active { color: hotpink; text-decoration:none; background-color: transparent; }
       a:hover { color: red; text-decoration:none; background-color: transparent; }


       /* Pseudo-classes */

       /* First Line Pseudo-element */ 
       p:first-line { margin-left: 25px } 
       /* First Line Pseudo-element */ 

       div.foo:first-line {
                 font-weight: bold;
                 margin-left: 30px } 
       div:first-letter {
                 font-size: x-large; 
                 color: #ffffff } 
       ul ul li {
                 font-size: x-large; 
                 font-decoration: italic } 
       h2 em { font-weight: 900 } 
       
       .funkyclass {
                 font: 36pt/40pt courier;
                 font-variant: small-caps;
                 border: thick dashed blue } 
       #tagid1 {
                 padding: 20px; 
                 border: 20px groove #ffffff } 
       .class1, #tagid2 { font-family: 'comic sans ms', fantasy; color: rgb(100%,100%,0%) } 
       h1, h2, div.class5
       p.special {
                 font: 12pt/14pt sans-serif;
                 margin: 5px 0px 2px 25px;
                 border: medium dashed #ff0000;
                 background: white url(http://www.foo.com/image.gif) repeat-x fixed top right } 
       blockquote {
                 margin-left: 2cm; 
                 color: #00ff00 } 
       .part1 {
                 font-size: xx-large; 
                 color: #808000 } 
       h6 {
                 font-size: xx-small ! important;
                 color: red ! important }