blog layout help!, blog layout help Options

[REDcarpetROSE]

does anyone know how to get a blog layout code in a textarea box so people can copy the code and use the layout bcause everytime i put the code in a textarea box this appears between the codes: < br >
and that messes up the code, i tryed < style > </ style > but its not helping!
this is the code if it helps:

CODE

.profile {width:100px!important;font:normal 7pt arial !important; text-transform:lowercase!important;line-height:90%!important; border:0px solid!important; border-color:000!important;background-color:ffffff!important;letter-spacing: 1px !important;}

.blogcomments, .blogcommentsprofile {background-color:ffffff!important;}.main{width:200px!important;border:1px dotted!important;border-color:000!important;background-color:ffffff!important;}body{background-color:ffffff!important;}

.nav, .spacer, .blogTimeStamp, .googleafc, .commentspacer, hr {display:none;}

.blogSubject {font: normal 7pt arial !important; letter-spacing: 10px; color:000000 !important; display: block !important; text-align: left !important} .blog {width: 300px !important; background-color: ffffff !important}

textarea {
font-family:arial;
font-size:7pt;
line-height:90%;
font-weight:normal;
text-transform: lowercase;
letter-spacing: 1px;
overflow: scroll;
color:000000;
width: 300px;
height: 40px;
background-color:ffffff!important;
border:1px dotted; border-color:000000;}

table, tr, td, li, p, div, body, font, .text { font: normal 7pt arial !important; letter-spacing: 1px; color: none !important; line-height: 90% !important; text-transform: lowercase !important; } b, strong { color: 000000 !important; line-height: 90% !important; font: 7pt arial !important; letter-spacing: 1px !important; text-transform: lowercase !important; line-height: 90% !important; }

a:active, a:visited, a:link, a:link b, a:visited b, a:active b { font: normal 7pt arial !important; letter-spacing: 1px; color: 000000 !important; line-height: 90% !important; text-decoration: none !important; text-transform: lowercase !important; } a:hover, a:hover b { font: normal 8pt arial !important; letter-spacing: 1px; color: 000000 !important; line-height: 90% !important; text-decoration: none !important; text-transform: lowercase; }