Blogger Template CSS Issue

Started by adding this to the custom CSS section of the blogger template...

<pre class="code">
background-color: rgb(234,240,240);
color: rgb(64,64,64);
padding: 8px;
padding-left: 32px;
margin-top: 0.75em;
margin-bottom: 0.75em;
border: 3px inset gray;
}
</pre>

This is what it's to, now (not including canned CSS from the templates):

body { 
 
}
body, .content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 70%
max-width: 90%;
width: 80%;
}
#layout .content-outer {
min-width: 0;
width: 85%;
}
pre, pre.code {
background-color: rgb(234,240,240);
color: rgb(64,64,64);
padding: 8px;
padding-left: 32px;
margin-top: 0.75em;
margin-bottom: 0.75em;
border: 3px inset gray;
width:90%;
overflow:auto; 
overflow:auto; 
}
p.description span {
displAY:block;
padding-left:2%;
padding-right:3.5%;
}
h1.title {
padding-left:0.6%;
}
dl.linklist { margin-left:4em; }
dl.linklist dt { border-top:1px gray solid; padding:6px; width:60%; }
dl.linklist dt, dl.linklist dt a { font-weight:bold; font-size:115%; }
dl.linklist dd {  margin-bottom:1.50em; }
span.A8.eja { color:lime; font-size:10pt; }