// using v2, verdana 2 nowadays // Accepted fonts: Arial, arial black, comic sans, courier new, georgia, impact, tnr(times new roman), tahoma, treb,verd .topics { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFFFFF} .miniwhitenodecor { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none} .white { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF} .maxiwhite { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF} .miniblack { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000} .black { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none} .maxiblack { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #000000} a:hover { color: "darkorange" } // orange: a:hover { color: #FF9966} blue light:80BFFF khaki .blacknodecor { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none ; top: 5px; clip: rect( )} .dent { position: relative; left: 26px; clip: rect( )} .blacka { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none } .times { font: 18px "Times New Roman", Times, serif} .a1 { font: 60% Arial, Helvetica, sans-serif} .a2 { font: 70% Arial, Helvetica, sans-serif} .a3 { font: 75% Arial, Helvetica, sans-serif} .a4 { font: 80% Arial, Helvetica, sans-serif} .a5 { font: 90% Arial, Helvetica, sans-serif} .a6 { font: 100% Arial, Helvetica, sans-serif} .a7 { font: 110% Arial, Helvetica, sans-serif} .a8 { font: 120% Arial, Helvetica, sans-serif} .a9 { font: 130% Arial, Helvetica, sans-serif} .a9pt { font: 9pt Arial, Helvetica, sans-serif} .a10pt { font: 10pt Arial, Helvetica, sans-serif} //.v1 { font: 60% Verdana, Arial, Helvetica, sans-serif} // .v2 { font: 70% Verdana, Arial, Helvetica, sans-serif} //.v3 { font: 75% Verdana, Arial, Helvetica, sans-serif} //.v4 { font: 80% Verdana, Arial, Helvetica, sans-serif} //.v5 { font: 90% Verdana, Arial, Helvetica, sans-serif} //.v6 { font: 100% Verdana, Arial, Helvetica, sans-serif} //.v7 { font: 110% Verdana, Arial, Helvetica, sans-serif} //.v8 { font: 120% Verdana, Arial, Helvetica, sans-serif} //.v9 { font: 130% Verdana, Arial, Helvetica, sans-serif} .v0 { font: 65% Verdana, Arial, Helvetica, sans-serif} .v1 { font: 70% Verdana, Arial, Helvetica, sans-serif} .v2 { font: 75% Verdana, Arial, Helvetica, sans-serif} .v3 { font: 80% Verdana, Arial, Helvetica, sans-serif} .v4 { font: 90% Verdana, Arial, Helvetica, sans-serif} .v5 { font: 100% Verdana, Arial, Helvetica, sans-serif} .v6 { font: 110% Verdana, Arial, Helvetica, sans-serif} .v7 { font: 120% Verdana, Arial, Helvetica, sans-serif} .v8 { font: 130% Verdana, Arial, Helvetica, sans-serif} .v9 { font: 140% Verdana, Arial, Helvetica, sans-serif} .tnr1 { font: 60% "Times New Roman", Times, serif} .tnr2 { font: 70% "Times New Roman", Times, serif} .tnr3 { font: 75% "Times New Roman", Times, serif} .tnr4 { font: 80% "Times New Roman", Times, serif} .tnr5 { font: 90% "Times New Roman", Times, serif} .tnr6 { font: 100% "Times New Roman", Times, serif} .tnr7 { font: 110% "Times New Roman", Times, serif} .tnr8 { font: 120% "Times New Roman", Times, serif} .tnr9 { font: 130% "Times New Roman", Times, serif} .tnr10 { font: 140% "Times New Roman", Times, serif} .tnr11 { font: 152% "Times New Roman", Times, serif} .tnr12 { font: 164% "Times New Roman", Times, serif} .tnr13 { font: 177% "Times New Roman", Times, serif} .tnr14 { font: 192% "Times New Roman", Times, serif} .tnr15 { font: 210% "Times New Roman", Times, serif} .tnr16 { font: 220% "Times New Roman", Times, serif} .tnr17 { font: 245% "Times New Roman", Times, serif} .tnr18 { font: 270% "Times New Roman", Times, serif} .tnr19 { font: 310% "Times New Roman", Times, serif} .i1 { font: 60% Impact, Helvetica, sans-serif} .i2 { font: 70% Impact, Helvetica, sans-serif} .i3 { font: 75% Impact, Helvetica, sans-serif} .i4 { font: 80% Impactl, Helvetica, sans-serif} .i5 { font: 90% Impact, Helvetica, sans-serif} .i6 { font: 100% Impact, Helvetica, sans-serif} .i7 { font: 110% Impact, Helvetica, sans-serif} .i8 { font: 120% Impact, Helvetica, sans-serif} .i9 { font: 130% Impact, Helvetica, sans-serif} .i9pt { font: 9pt Impact, Helvetica, sans-serif} .i10pt { font: 10pt Impact, Helvetica, sans-serif} .t1 { font: 60% Trebuchet, Helvetica, sans-serif} .t2 { font: 70% Trebuchet, Helvetica, sans-serif} .t3 { font: 75% Trebuchet, Helvetica, sans-serif} .t4 { font: 80% Trebuchetl, Helvetica, sans-serif} .t5 { font: 90% Trebuchet, Helvetica, sans-serif} .t6 { font: 100% Trebuchet, Helvetica, sans-serif} .t7 { font: 110% Trebuchet, Helvetica, sans-serif} .t8 { font: 120% Trebuchet, Helvetica, sans-serif} .t9 { font: 130% Trebuchet, Helvetica, sans-serif} .t9pt { font: 9pt Trebuchet, Helvetica, sans-serif} .t10pt { font: 10pt Trebuchet, Helvetica, sans-serif} .g1 { font: 60% Georgia, Helvetica, sans-serif} .g2 { font: 70% Georgia, Helvetica, sans-serif} .g3 { font: 75% Georgia, Helvetica, sans-serif} .g4 { font: 80% Georgial, Helvetica, sans-serif} .g5 { font: 90% Georgia, Helvetica, sans-serif} .g6 { font: 100% Georgia, Helvetica, sans-serif} .g7 { font: 110% Georgia, Helvetica, sans-serif} .g8 { font: 120% Georgia, Helvetica, sans-serif} .g9 { font: 130% Georgia, Helvetica, sans-serif} .g9pt { font: 9pt Georgia, Helvetica, sans-serif} .g10pt { font: 10pt Georgia, Helvetica, sans-serif} /* body {background-image: url(background.gif); background-repeat: no-repeat; background-position: 100px 100px; background-attachment: fixed;} p.fancy { background: url(images/background.gif) #CC33FF repeat-x 20px 8px; } Try this just in a table:
AAAGH! Can you read this?

This is my stressful paragraph!

This is my normal paragraph.

*/ /* new stuff from roundcornr.com */ /* Orange */ .roundedcornr_box_Or001 { background: url(roundedcornr_Or001_tl2.png) no-repeat top left; } .roundedcornr_top_Or001 { background: url(roundedcornr_Or001_tr.png) no-repeat top right; } .roundedcornr_bottom_Or001 { background: url(roundedcornr_Or001_bl.png) no-repeat bottom left; } .roundedcornr_bottom_Or001 div { background: url(roundedcornr_Or001_br.png) no-repeat bottom right; } .roundedcornr_content_Or001 { background: url(roundedcornr_Or001_r.png) top right repeat-y; } .roundedcornr_top_Or001 div,.roundedcornr_top_Or001, .roundedcornr_bottom_Or001 div, .roundedcornr_bottom_Or001 { width: 100%; height: 13px; font-size: 1px; } .roundedcornr_content_Or001, .roundedcornr_bottom_Or001 { margin-top: -6px; } .roundedcornr_content_Or001 { padding: 0 13px; } /* Blue */ .roundedcornr_box_Bu001 { background: url(roundedcornr_Bu001_tl2.png) no-repeat top left; } .roundedcornr_top_Bu001 { background: url(roundedcornr_Bu001_tr.png) no-repeat top right; } .roundedcornr_bottom_Bu001 { background: url(roundedcornr_Bu001_bl.png) no-repeat bottom left; } .roundedcornr_bottom_Bu001 div { background: url(roundedcornr_Bu001_br.png) no-repeat bottom right; } .roundedcornr_content_Bu001 { background: url(roundedcornr_Bu001_r.png) top right repeat-y; } .roundedcornr_top_Bu001 div,.roundedcornr_top_Bu001, .roundedcornr_bottom_Bu001 div, .roundedcornr_bottom_Bu001 { width: 100%; height: 13px; font-size: 1px; } .roundedcornr_content_Bu001, .roundedcornr_bottom_Bu001 { margin-top: -6px; } .roundedcornr_content_Bu001 { padding: 0 13px; } /* Grey */ .roundedcornr_box_Gr001 { background: url(roundedcornr_Gr001_tl2.png) no-repeat top left; } .roundedcornr_top_Gr001 { background: url(roundedcornr_Gr001_tr.png) no-repeat top right; } .roundedcornr_bottom_Gr001 { background: url(roundedcornr_Gr001_bl.png) no-repeat bottom left; } .roundedcornr_bottom_Gr001 div { background: url(roundedcornr_Gr001_br.png) no-repeat bottom right; } .roundedcornr_content_Gr001 { background: url(roundedcornr_Gr001_r.png) top right repeat-y; } .roundedcornr_top_Gr001 div,.roundedcornr_top_Gr001, .roundedcornr_bottom_Gr001 div, .roundedcornr_bottom_Gr001 { width: 100%; height: 13px; font-size: 1px; } .roundedcornr_content_Gr001, .roundedcornr_bottom_Gr001 { margin-top: -6px; } .roundedcornr_content_Gr001 { padding: 0 13px; } /* Red */ .roundedcornr_box_Rd001 { background: url(roundedcornr_Rd001_tl2.png) no-repeat top left; } .roundedcornr_top_Rd001 { background: url(roundedcornr_Rd001_tr.png) no-repeat top right; } .roundedcornr_bottom_Rd001 { background: url(roundedcornr_Rd001_bl.png) no-repeat bottom left; } .roundedcornr_bottom_Rd001 div { background: url(roundedcornr_Rd001_br.png) no-repeat bottom right; } .roundedcornr_content_Rd001 { background: url(roundedcornr_Rd001_r.png) top right repeat-y; } .roundedcornr_top_Rd001 div,.roundedcornr_top_Rd001, .roundedcornr_bottom_Rd001 div, .roundedcornr_bottom_Rd001 { width: 100%; height: 13px; font-size: 1px; } .roundedcornr_content_Rd001, .roundedcornr_bottom_Rd001 { margin-top: -6px; } .roundedcornr_content_Rd001 { padding: 0 13px; } /* my new styles */ .StakeoutDkBlue {font-size: 0.9em; color: darkred; letter-spacing: 0.4em; text-align: center; margin-top: 0.1em; padding-top: 0.1em; margin-bottom: 0.1em; padding-bottom: 0.1em;} .SectionTitle {font-size: 1.1em; font-weight: bold; text-align: center; margin-top: 0.3em; padding-top: 0.3em; margin-bottom: 0.3em; padding-bottom: 0.3em;} .TalkTitle {font-size: 0.9em; font-weight:bolder; color:midnightblue;} /* http://spiffybox.com for rounded corners gen */ /* Blue */ /* set the image to use and establish the lower-right position */ .cssboxBu, .cssboxBu_body, .cssboxBu_head, .cssboxBu_head h2 { background:transparent url(images/imgBu.php.png) no-repeat bottom right} .cssboxBu { /* intended total box width - padding-right(next) */ width:335px !important; /* IE Win = width - padding */ width:320px; /* the gap on the right edge of the image (not content padding) */ padding-right:15px; /* use to position the box */ margin:20px auto} /* set the top-right image */ .cssboxBu_head { background-position:top right; /* pull the right image over on top of border */ margin-right:-15px; /* right-image-gap + right-inside padding */ padding-right:40px} /* set the top-left image */ .cssboxBu_head h2 { background-position:top left; margin:0; /* reset main site styles*/ border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ padding:25px 0 15px 40px; height:auto !important; height:1%} /* IE Holly Hack */ /* set the lower-left corner image */ .cssboxBu_body{ background-position:bottom left; margin-right:25px; /* interior-padding right */ padding:15px 0 15px 40px} /* mirror .cssboxBu_head right/left */ /* Grey */ /* set the image to use and establish the lower-right position */ .cssboxGr, .cssboxGr_body, .cssboxGr_head, .cssboxGr_head h2 { background:transparent url(images/imgGr.php.png) no-repeat bottom right} .cssboxGr { /* intended total box width - padding-right(next) */ width:335px !important; /* IE Win = width - padding */ width:320px; /* the gap on the right edge of the image (not content padding) */ padding-right:15px; /* use to position the box */ margin:20px auto} /* set the top-right image */ .cssboxGr_head { background-position:top right; /* pull the right image over on top of border */ margin-right:-15px; /* right-image-gap + right-inside padding */ padding-right:40px} /* set the top-left image */ .cssboxGr_head h2 { background-position:top left; margin:0; /* reset main site styles*/ border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ padding:25px 0 15px 40px; height:auto !important; height:1%} /* IE Holly Hack */ /* set the lower-left corner image */ .cssboxGr_body{ background-position:bottom left; margin-right:25px; /* interior-padding right */ padding:15px 0 15px 40px} /* mirror .cssboxGr_head right/left */ /* Orange */ .small {font-size:.8em; color:gray} /* Not clear: 350 (15 each side) 320 (15 each side) (25 each side) 270 (25 each side - width corner piece) */ /* set the image to use and establish the lower-right position */ .cssboxOr, .cssboxOr_body, .cssboxOr_head, .cssboxOr_head h2 { background:transparent url(images/imgOr.php.png) no-repeat bottom right;} .cssboxOr { /* intended total box width - padding-right(next) */ width:335px !important; /* IE Win = width - padding */ width:320px; /* the gap on the right edge of the image (not content padding) */ padding-right:15px; /* use to position the box */ margin:20px auto} /* set the top-right image */ .cssboxOr_head { background-position:top right; /* pull the right image over on top of border */ margin-right:-15px; /* right-image-gap + right-inside padding */ padding-right:40px} /* set the top-left image */ .cssboxOr_head h2 { background-position:top left; margin:0; /* reset main site styles*/ border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ padding:25px 0 15px 40px; height:auto !important; height:1%; font-size:1.2em;} /* IE Holly Hack font-size new */ /* set the lower-left corner image */ .cssboxOr_body { background-position:bottom left; margin-right:25px; /* interior-padding right */ padding:25px 0 15px 40px} /* mirror .cssboxOr_head right/left */ /* h1,h2,h3,h4,h5,h6{ margin-bottom: 0px; padding-bottom: 0px; } / * this to remove space of an h2 Similarly, the code for removing the space from above a H1 tag: * / h1,h2,h3,h4,h5,h6{ margin-top: 0px; padding-top: 0px; } */