Eh, I miss the part about this being a forum. Hence, I can't help the way I intended to - but I'll show you what your doing wrong and will clean up your code *a lot*.
CODE
INPUT {
BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #c0c0c0 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; BACKGROUND: #f6f6f6; PADDING-BOTTOM: 2px; MARGIN: 5px; VERTICAL-ALIGN: middle; BORDER-LEFT: #c0c0c0 1px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #c0c0c0 1px solid; FONT-FAMILY: verdana, helvetica, sans-serif
}
TEXTAREA {
BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #c0c0c0 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; BACKGROUND: #f6f6f6; PADDING-BOTTOM: 2px; MARGIN: 5px; VERTICAL-ALIGN: middle; BORDER-LEFT: #c0c0c0 1px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #c0c0c0 1px solid; FONT-FAMILY: verdana, helvetica, sans-serif
}
SELECT {
BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #c0c0c0 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; BACKGROUND: #f6f6f6; PADDING-BOTTOM: 2px; MARGIN: 5px; VERTICAL-ALIGN: middle; BORDER-LEFT: #c0c0c0 1px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #c0c0c0 1px solid; FONT-FAMILY: verdana, helvetica, sans-serif
}
SELECT {
MARGIN: 0px
}
This can simply be reduced to this.
CODE
input, textarea, select {
border: #c0c0c0 1px solid;
padding: 2px;
margin: 5px;
color: #000;
font-family: verdana, helvetica, sans-serif;
padding-top: 2px;
vertical-align: middle;
background: #f6f6f6;
font-size:11px;
}
select {margin:0px;)
Isn't that much better? I have to go soon, but I'm sure someone can help with this. As a quick measure, I've sent your code through an optimiser, and this is what it returned.
http://www.cleancss.com/Input: 70.183KB, Output: 38.029KB, Compression Ratio: 45.8% (-32154 Bytes)
Note that this is no substitute for human editing (and in fact might even be possibly broken) but it's a good start to see how much it can be optimised.
A few quick tips - Learn about selectors.
#code, #content {css code}
All code in {css code} will be applied to both #code and #content. If there's anything special about #content (say it's border is another pixel bigger) you can change this with #content {css code}
AFTER the original declaration. CSS code is applied in the order it's written, except in specific circumstances.
CODE
border-bottom:#000 1px solid;
border-left:#000 1px solid;
border-right:#000 1px solid;
border-top:#000 1px solid;
Shorten those tags! It can be written as one line.
border:#000 1px solid;You can even do this in most cases.
border:#000 1px 2px solid;Makes the top 1px, and the sides 2px.
The same goes for padding and margin.
0%, 0px. Just put 0.
I have to go, so see what you can "clean up" and then I'll look at it.

CODE
#code {
background:#fafcfe;
border-bottom:#000 1px solid;
border-left:#000 1px solid;
border-right:#000 1px solid;
border-top:#000 1px solid;
color:#465584;
font-family:Courier, "Courier New", Verdana, Arial;
font-size:11px;
padding:2px;
white-space:normal;
}
#content {
padding-top:75px;
}
#gfooter {
background:silver;
margin:5px 0;
padding:0;
width:100%;
}
#gfooter a:link,#gfooter a:visited {
color:#000;
}
#gfooter td {
color:#555;
font-size:10px;
padding:4px;
}
#inset,#inset-mod {
height:150px;
overflow:hidden;
position:absolute;
top:100px;
width:940px;
}
#ipbwrapper {
background:none transparent scroll repeat 0 0;
border-bottom:#e0e0e0 3px solid;
border-left:#e0e0e0 3px solid;
border-right:#e0e0e0 3px solid;
border-top:#e0e0e0 3px solid;
margin:auto;
text-align:left;
width:95%;
}
#ipd-msg-inner {
background-color:#fcf8c7;
border-bottom:#666 1px solid;
border-left:#ccc 1px solid;
border-right:#666 1px solid;
border-top:#ccc 1px solid;
color:#000;
filter:alpha(opacity=75);
height:45px;
margin:0;
opacity:.75;
padding:6px 4px 4px;
text-align:center;
width:100%;
}
#ipd-msg-title {
background:#fff;
border-bottom:#ba0000 1px solid;
color:#ba0000;
font-size:20px;
height:20px;
margin:0;
padding:6px 4px 4px;
width:100%;
}
#ipd-msg-wrapper {
display:none;
width:220px;
}
#loading-layer-inner {
background-color:#fcf8c7;
border-bottom:#666 1px solid;
border-left:#ccc 1px solid;
border-right:#666 1px solid;
border-top:#ccc 1px solid;
color:#000;
height:28px;
padding:18px 10px 10px;
text-align:center;
width:220px;
}
#logographic {
background:url(ip.boardpr/logo4.gif) no-repeat left 50%;
height:140px;
margin:0;
padding:0;
}
#logostrip {
background:url(ip.boardpr/tile_back.gif);
border-bottom:transparent 1px solid;
border-left:transparent 1px solid;
border-right:transparent 1px solid;
border-top:transparent 1px solid;
height:140px;
margin:0;
padding:0;
}
#mainframe,.sections {
border-collapse:collapse;
margin-top:10px;
padding:0;
width:100%;
}
#navstrip {
background:none transparent scroll repeat 0 0;
color:#666;
font-size:12px;
font-weight:700;
margin:0 0 5px;
padding:14px 0 8px 10px;
}
#navstrip a:hover,#navstrip a:active {
background:none transparent scroll repeat 0 0;
border-bottom:#ba0000 1px dotted;
border-left:#ba0000 1px dotted;
border-right:#ba0000 1px dotted;
border-top:#ba0000 1px dotted;
color:#000;
}
#navstrip a:link,#navstrip a:visited {
background:none transparent scroll repeat 0 0;
color:#000;
text-decoration:none;
}
#padandcenter {
margin:0 auto;
padding:14px 0;
text-align:center;
}
#page {
padding:20px 10px;
}
#photoimg {
margin:15px 0 0;
text-align:center;
}
#phototitle {
border-bottom:#000 1px solid;
font-size:24px;
}
#photowrap {
padding:6px;
}
#print {
margin:20px auto;
padding:0;
text-align:left;
width:85%;
}
#print h1 {
color:#036;
font-size:18px;
font-weight:700;
margin:0;
padding:8px;
}
#print h2 {
border-bottom:#999 1px solid;
color:#036;
font-size:11px;
font-weight:400;
margin:0;
padding:8px;
}
#print h3 {
background:#f5f5f5;
border-bottom:#999 1px solid;
color:#036;
font-size:12px;
font-weight:700;
margin:0 0 10px;
padding:8px;
}
#print h4 {
background:#f9f9f9;
color:#036;
font-size:11px;
font-weight:700;
margin:0;
padding:8px;
}
#print p {
border-bottom:#999 1px solid;
color:#036;
font-size:11px;
font-weight:400;
margin:0 0 5px;
padding:10px;
}
#print p.printcopy {
border-bottom:0;
border-left:0;
border-right:0;
border-top:0;
color:#000;
text-align:center;
}
#profilename {
font-size:28px;
font-weight:700;
}
#quote {
background:#fafcfe;
border-bottom:#000 1px solid;
border-left:#000 1px solid;
border-right:#000 1px solid;
border-top:#000 1px solid;
color:#465584;
font-family:Verdana, Arial;
font-size:11px;
padding:2px;
white-space:normal;
}
#redirectwrap {
background:#f2f2f2;
border-bottom:silver 1px solid;
border-left:silver 1px solid;
border-right:silver 1px solid;
border-top:silver 1px solid;
margin:200px auto 0;
text-align:left;
width:500px;
}
#redirectwrap h4 {
background:#fff;
border-bottom:#ba0000 1px solid;
color:#ba0000;
font-size:20px;
margin:0;
padding:5px;
}
#redirectwrap p {
margin:0;
padding:5px;
}
#redirectwrap p.redirectfoot {
background:#fafafa;
border-top:silver 1px solid;
text-align:center;
}
#shadow-bottom {
padding:0 24px 20px;
}
#shadow-bottom .padding {
padding:20px;
}
#shadow-bottom .sections {
margin-top:0;
}
#shadow-middle {
padding:0 24px;
}
#shadow-middle .padding {
padding:10px 24px 20px;
}
#shadow-rocket {
height:91px;
text-align:center;
}
#shadow-top {
height:39px;
}
#showcase {
background:url(http://www.warmall.net/img/trans-20.png);
}
#smoke #shadow-bottom {
background:url(http://www.warmall.net/img/smoke/shadow-b.png) repeat-y 0 0;
}
#smoke #shadow-middle {
background:url(http://www.warmall.net/img/smoke/shadow-m.png) repeat-y 0 0;
}
#smoke #shadow-rocket {
background:url(http://www.warmall.net/img/smoke/shadow-rocket.png) repeat-y 0 0;
}
#smoke #shadow-top {
background:url(http://www.warmall.net/img/smoke/shadow-t.png) no-repeat 0 0;
}
#smoke #topbar {
background:url(http://www.warmall.net/img/smoke/topbar-bg.png) repeat-x 0 0;
}
#smoke .sections td,#smoke #mainframe td#left,#smoke #mainframe td#right,#smoke #mainframe #user1,#smoke #mainframe #page,#smoke pre,#smoke blockquote,#smoke .sectiontableheader {
background:url(http://www.warmall.net/img//trans-20.png);
}
#smoke span.alert {
background:url(http://www.warmall.net/img/sm-status-alert.png) #391111 no-repeat 10px 50%;
border-bottom:#750b09 3px solid;
border-top:#750b09 3px solid;
color:#d00000;
}
#smoke span.download {
background:url(http://www.warmall.net/img/sm-status-download.png) #272f15 no-repeat 10px 50%;
border-bottom:#445b16 3px solid;
border-top:#445b16 3px solid;
color:#568517;
}
#smoke span.info {
background:url(http://www.warmall.net/img/sm-status-info.png) #112031 no-repeat 10px 50%;
border-bottom:#073361 3px solid;
border-top:#073361 3px solid;
color:#0055bc;
}
#smoke span.note {
background:url(http://www.warmall.net/img/sm-status-note.png) #382f11 no-repeat 10px 50%;
border-bottom:#745d07 3px solid;
border-top:#745d07 3px solid;
color:#b98f00;
}
#submenu {
background:#e8e3e2;
border-bottom:#ba0000 1px solid;
border-top:0;
color:#ba0000;
height:29px;
margin:0;
text-align:right;
}
#topbar {
height:35px;
}
#topbar div.moduletable table {
width:auto;
}
#topbar div.moduletable,#topbar table.contentpaneopen,#topbar ul.menu {
float:right;
height:21px;
line-height:20px;
margin:0 15px 0 0;
overflow:hidden;
padding:0;
}
#topbar span.article_seperator {
display:block;
position:absolute;
}
#topbar ul.menu li {
display:block;
float:left;
padding-left:15px;
padding-top:2px;
}
#ucpcontent {
background:#f3f3f3;
line-height:150%;
width:auto;
}
#ucpcontent p {
margin:0;
padding:10px;
}
#ucpmenu {
background:#f3f3f3;
line-height:150%;
}
#ucpmenu p {
margin:0;
padding:2px 5px 6px 9px;
}
#user1 {
height:1%;
margin-bottom:20px;
}
#userlinks {
background:none transparent scroll repeat 0 0;
border-bottom:silver 1px dashed;
padding:0 5px;
}
#userlinks p,#userlinksguest p {
background:none transparent scroll repeat 0 0;
border-bottom:0;
border-left:0;
border-right:0;
border-top:0;
font-size:10px;
font-weight:400;
letter-spacing:0;
margin:0;
padding:7px 0;
text-align:right;
}
#userlinksguest {
background:none transparent scroll repeat 0 0;
border-bottom:silver 1px dashed;
padding:0 5px;
}
#userlinksguest p.pcen {
text-align:center;
}
.activeuserposting a:link,.activeuserposting a:visited,.activeuserposting a:active,.activeuserposting {
border-bottom:#000 1px dotted;
font-style:italic;
text-decoration:none;
}
.activeusers {
background:#fff;
border-bottom:silver 1px dashed;
border-left:silver 1px dashed;
border-right:silver 1px dashed;
border-top:silver 1px dashed;
color:#000;
margin:0;
padding:1px;
}
.activeuserstrip {
background:#bcd0ed;
padding:3px;
}
.bar p,.barc p {
background:none transparent scroll repeat 0 0;
border-bottom:0;
border-left:0;
border-right:0;
border-top:0;
color:#000;
font-size:11px;
margin:0;
padding:5px;
text-align:left;
}
.bar p.over,.barc p.over {
float:right;
}
.bar p.overs,.barc p.overs {
float:right;
position:relative;
top:5px;
}
.bar,.barb {
background:#f1f1f1;
border-bottom:#fff 1px solid;
border-left:#fff 1px solid;
border-right:#fff 1px solid;
border-top:#fff 1px solid;
}
.barb p {
background:none transparent scroll repeat 0 0;
border-bottom:0;
border-left:0;
border-right:0;
border-top:0;
color:#000;
font-size:11px;
margin:0;
padding:5px;
text-align:right;
}
.barb p.over,#userlinks p.home,#userlinksguest p.home {
float:left;
}
.barb p.overs {
float:left;
position:relative;
top:5px;
}
.barc {
background:#f1f1f1;
border-bottom:0;
border-left:#fff 1px solid;
border-right:#fff 1px solid;
border-top:#fff 1px solid;
}
.borderwrap {
background:#e8e3e2;
border-bottom:#e8e3e2 1px solid;
border-left:#e8e3e2 1px solid;
border-right:#e8e3e2 1px solid;
border-top:#e8e3e2 1px solid;
margin:0;
padding:0;
}
.borderwrap h3,.maintitle,.maintitlecollapse {
background:none transparent scroll repeat 0 0;
border-bottom:#da0000 1px solid;
border-left:transparent 1px solid;
border-right:transparent 1px solid;
border-top:transparent 1px solid;
color:#da0000;
font-size:20px;
font-weight:700;
margin:0;
padding:10px;
}
.borderwrap h4 {
background:#f0f0f0;
border-bottom:silver 1px solid;
border-left:#fff 1px solid;
border-right:#fff 1px solid;
border-top:silver 1px solid;
color:#000;
font-size:12px;
font-weight:700;
margin:0;
padding:5px;
}
.borderwrap p {
background:#f9f9f9;
border-bottom:#ccc 1px dashed;
border-left:#ccc 1px dashed;
border-right:#ccc 1px dashed;
border-top:#ccc 1px dashed;
margin:5px;
padding:10px;
text-align:left;
}
.borderwrap p.formbuttonrow1 {
background:#f9f9f9;
border-bottom:0;
border-left:0;
border-right:0;
border-top:#ccc 1px solid;
margin:0;
padding:5px important 5px important 5px important 5px important;
text-align:center;
}
.borderwrap table th a:link,.subtitle a:link,.subtitlediv a:link,.borderwrap table th a:visited,.subtitle a:visited,.subtitlediv a:visited,.borderwrap table th a:active,.subtitle a:active,.subtitlediv a:active,.borderwrap table th a:hover,.subtitle a:hover,.subtitlediv a:hover {
background:none transparent scroll repeat 0 0;
color:#555;
text-decoration:none;
}
.borderwrapm {
background:#e8e3e2;
border-bottom:#e8e3e2 1px solid;
border-left:#e8e3e2 1px solid;
border-right:#e8e3e2 1px solid;
border-top:#e8e3e2 1px solid;
margin:5px;
padding:0;
}
.button {
background:#b0b0b0;
border-bottom:silver 1px solid;
border-left:silver 1px solid;
border-right:silver 1px solid;
border-top:silver 1px solid;
color:#ba0000;
font-family:Verdana, Helvetica, Sans-Serif;
font-size:11px;
padding:2px;
vertical-align:middle;
}
.calday {
background:#e9e9e9;
color:#666;
font-size:11px;
font-weight:700;
margin:0;
padding:4px;
text-align:right;
}
.calitem {
border-bottom:#c2cfdf 1px dotted;
padding:4px;
}
.calmonths {
background:#f2f2f2;
border-bottom:silver 1px solid;
border-left:silver 1px solid;
border-right:silver 1px solid;
border-top:silver 1px solid;
font-size:18px;
font-weight:700;
margin:5px 0;
padding:8px;
text-align:center;
}
.calranged {
background:#c2cfdf;
border-bottom:#c2cfdf 2px outset;
border-left:#c2cfdf 2px outset;
border-right:#c2cfdf 2px outset;
border-top:#c2cfdf 2px outset;
padding:4px;
}
.calweekday {
background:#e9e9e9;
border-right:silver 1px solid;
color:#505050;
font-size:14px;
font-weight:700;
margin:0;
padding:6px;
text-align:center;
}
.catend {
background:#e8e3e2;
border-bottom:#b0b0b0;
color:#000;
font-size:1px;
height:5px;
}
.cellblank {
background:#ddd;
height:100px;
margin:0;
padding:0;
vertical-align:top;
}
.celldate {
background:#f2f2f2;
height:100px;
margin:0;
padding:0;
vertical-align:top;
}
.celldateshaded {
background:#e3dfe7;
height:100px;
margin:0;
padding:0;
vertical-align:top;
}
.celltoday {
background:#f2f2f2;
border-bottom:#ba0000 2px dashed;
border-left:#ba0000 2px dashed;
border-right:#ba0000 2px dashed;
border-top:#ba0000 2px dashed;
height:100px;
margin:0;
padding:0;
vertical-align:top;
}
.celltodayshaded {
background:#e3dfe7;
border-bottom:#ba0000 2px dashed;
border-left:#ba0000 2px dashed;
border-right:#ba0000 2px dashed;
border-top:#ba0000 2px dashed;
height:100px;
margin:0;
padding:0;
vertical-align:top;
}
.cleared {
clear:both;
}
.codebuttons {
font-family:Verdana, Helvetica, Sans-Serif;
font-size:10px;
margin:2px;
vertical-align:middle;
}
.codemain,.sqlmain,.htmlmain {
background:#fafafa;
border-bottom:#000 1px dotted;
border-left:#000 1px dotted;
border-right:#000 1px dotted;
border-top:#000 1px dotted;
color:#666;
font-family:Courier, "Courier New", Verdana, Arial;
margin:0 auto;
padding:2px;
}
.codetop,.sqltop,.htmltop {
background:#ffcaca no-repeat right 50%;
color:#000;
font-weight:700;
margin:0 auto;
padding:3px;
}
.copyright {
background:none transparent scroll repeat 0 0;
font-size:11px;
margin:0 0 5px;
padding:8px;
}
.darkrow1 {
background:#eee;
color:#000;
}
.darkrow3 {
background:#fafafa;
color:#666;
}
.desc {
color:#434951;
font-size:11px;
}
.dny-edit-title {
background:#d1dceb;
border-bottom:0;
border-left:0;
border-right:0;
border-top:0;
color:#3a4f6c;
margin:0;
padding:3px;
}
.edit {
font-size:9px;
}
.errorwrap {
background:#f2f2f2;
border-bottom:#000 1px solid;
border-left:#000 1px solid;
border-right:#000 1px solid;
border-top:0;
margin:5px;
padding:0;
}
.errorwrap h4 {
background:#d0d0d0;
border-bottom:#000 1px solid;
border-left:0;
border-right:0;
border-top:#000 1px solid;
color:#ba0000;
font-size:12px;
font-weight:700;
margin:0;
padding:5px;
}
.errorwrap p {
background:none transp