green layout with stripes =]

 <style type="text/css"> body { background-image: url(http://www.ci.san-jacinto.ca.us/pictures_2003/stripe_background.gif); background-repeat: yes-repeat; background-attachment: fixed; background-position: right center; background-color: white; scrollbar-arrow-color: #c3fac3; scrollbar-track-color: white; scrollbar-shadow-color: white; scrollbar-face-color:white; scrollbar-highlight-color: white; scrollbar-darkshadow-color:white; scrollbar-3dlight-color: white; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 9px verdana; line-height:10px; color: #71cd71; letter-spacing:0px; text-align:justify; } table.footer TD { /* this makes the footer at the bottom centered */ /* leave it as it is, unless you know what to do*/ text-align: center; } div.blogheader, .caption { /* edits the dates */ font-family: arial; text-transform: none; font-size:8pt; font-weight: bold; letter-spacing: 0px; color: #808080; background-color: #c3fac3; text-align: center; border: 1px solid #c0c0c0; border-bottom: none; width: 310px; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#808080; font:normal 9px verdana; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#71cd71; font:normal 9px verdana; line-height:10px; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#c0c0c0; font:normal 9px verdana; text-decoration: none; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #c0c0c0; font:normal 11px arial; color: #808080; background-color: white; letter-spacing:0px; } table.left { /* this edits the menu module */ border: 1px solid #c0c0c0; font-weight: normal; width:160px; background-color: #a0e7e1; } table.blogbody { /* this edits the other the place where the blog is */ background-color: white; border: 1px solid #c0c0c0; border-top: 1px dashed #71cd71; width:310px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ font-family: arial; text-transform: uppercase; font-size:8pt; font-weight: bold; letter-spacing: 0px; color: #808080; background-color: #c3fac3; text-align: center; border: 0px solid #c0c0c0; border-bottom: none; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: white; border: 0px solid #c0c0c0; border-top: 1px dashed #c0c0c0; color: black; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #c3fac3; border: 1px solid #c0c0c0; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid white; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 480px; } hr { /* horizontal divider */ border: 1px solid #c0c0c0; } </style> <!-- begin code provided by createblog.com --> <style type="text/css"> .blogbody b, .standard b, p b, strong { /* edits bolded text in your entry */ font-weight: bold; color: #c0c0c0; } </style> <!-- end code provided by createblog.com --> <style type="text/css"> .blogbody u, .standard u, p u, u { font-weight: lighter; color: #c0c0c0; border-bottom: 1px dashed #c0c0c0; } </style> <!--AdRemover--> </table></td></tr></tr></td></table> <ilayer name=""><div id="" style="width:1; height:1; BACKGROUND: #; FILTER: alpha(opacity=0); overflow:auto"> <ilayer name=""><div id="" style="width:1; height:1; BACKGROUND: #; FILTER: alpha(opacity=0); overflow:auto"> <!--Finished--> <!--End Of AdRemover-->

enjoy =]
comments please.