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 transparent scroll repeat 0 0;
border-bottom:0;
border-left:0;
border-right:0;
border-top:0;
color:#ba0000;
margin:0;
padding:8px;
}
.fauxbutton {
background:#e0e0e0;
border-bottom:silver 1px solid;
border-left:silver 1px solid;
border-right:silver 1px solid;
border-top:silver 1px solid;
font-size:11px;
font-weight:700;
padding:4px;
}
.fauxbutton a:link,.fauxbutton a:visited,.fauxbutton a:active {
color:#000 !important;
text-decoration:none;
}
.fieldwrap {
background:#f9f9f9;
border-bottom:#ccc 1px solid;
border-left:#ccc 1px solid;
border-right:#ccc 1px solid;
border-top:0;
margin:5px;
padding:0;
text-align:left;
}
.fieldwrap h4 {
background:#eee;
border-bottom:#ccc 1px solid;
border-left:0;
border-right:0;
border-top:#ccc 1px solid;
color:#444;
font-size:12px;
font-weight:700;
margin:0;
padding:5px;
}
.formsubtitle {
background:#ececec;
border-bottom:0;
border-left:0;
border-right:0;
border-top:0;
color:#000;
font-weight:700;
padding:5px;
}
.formtable {
background:none transparent scroll repeat 0 0;
}
.formtable td,.pformleft {
background:#f3f3f3;
border-bottom:0;
border-left:0;
border-right:silver 1px solid;
border-top:silver 1px solid;
font-weight:700;
margin:1px 0 0;
padding:6px;
width:25%;
}
.formtable td.formright {
border-right:0;
font-weight:400;
width:auto;
}
.formtable td.formstrip {
background:#dde8f2;
border-bottom:#9fb9d4 1px solid;
border-left:0;
border-right:0;
border-top:#9fb9d4 1px solid;
font-weight:400;
}
.formtable td.formtitle {
background:#ececec;
border-bottom:0;
border-left:0;
border-right:0;
border-top:silver 1px solid;
font-weight:400;
}
.formtable td.wider {
width:40%;
}
.forumdesc,.forumdesc a:link,.forumdesc a:visited,.forumdesc a:active {
background:none transparent scroll repeat 0 0;
color:#666;
font-size:10px;
line-height:135%;
margin:2px 0 0;
padding:0;
}
.fullimagewrap {
background:#f5f9fd;
border-bottom:#072a66 1px solid;
border-left:#072a66 1px solid;
border-right:#072a66 1px solid;
border-top:#072a66 1px solid;
margin:5px 0;
padding:5px;
text-align:center;
}
.gobutton {
background:none transparent scroll repeat 0 0;
border-bottom:0;
border-left:0;
border-right:0;
border-top:0;
color:#072a66;
font-family:Verdana, Helvetica, Sans-Serif;
font-size:11px;
margin:0;
padding:2px;
vertical-align:middle;
}
.iframeshim {
background:#fff;
border-bottom:0;
border-left:0;
border-right:0;
border-top:0;
display:none;
height:auto;
position:absolute;
width:auto;
}
.input-checkbox {
background:#f6f6f6;
border-bottom:medium none;
border-left:medium none;
border-right:medium none;
border-top:medium none;
color:#000;
font-family:verdana, helvetica, sans-serif;
font-size:11px;
margin:5px;
padding:2px;
vertical-align:middle;
}
.input-green,input,textarea {
background:#f6f6f6;
border-bottom:silver 1px solid;
border-left:silver 1px solid;
border-right:silver 1px solid;
border-top:silver 1px solid;
color:#000;
font-family:verdana, helvetica, sans-serif;
font-size:11px;
margin:5px;
padding:2px;
vertical-align:middle;
}
.input-ok {
border-bottom:#0c0 1px solid;
border-left:#0c0 1px solid;
border-right:#0c0 1px solid;
border-top:#0c0 1px solid;
}
.input-ok-content {
background-color:#cfc;
border-bottom:#0c0 1px solid;
border-left:#0c0 1px solid;
border-right:#0c0 1px solid;
border-top:#0c0 1px solid;
margin:4px;
padding:4px;
}
.input-text {
color:#900;
}
.input-warn {
background:#f6f6f6;
border-bottom:#c00 1px solid;
border-left:#c00 1px solid;
border-right:#c00 1px solid;
border-top:#c00 1px solid;
color:#000;
font-family:verdana, helvetica, sans-serif;
font-size:11px;
margin:5px;
padding:2px;
vertical-align:middle;
}
.input-warn-content {
background-color:#fcc;
border-bottom:#c00 1px solid;
border-left:#c00 1px solid;
border-right:#c00 1px solid;
border-top:#c00 1px solid;
margin:4px;
padding:4px;
}
.ipb-top-left-link {
background:#fff;
border-left:0;
float:left;
font-size:12px;
font-weight:700;
letter-spacing:0;
margin:0;
padding:7px 0;
width:auto;
}
.ipb-top-left-link a:hover,.ipb-top-left-link a:active,.ipb-top-right-link a:hover,.ipb-top-right-link a:active {
background:none transparent scroll repeat 0 0;
border-left:#505050 1px solid;
border-right:#505050 1px solid;
color:#000;
}
.ipb-top-left-link a:link,.ipb-top-left-link a:visited,.ipb-top-right-link a:link,.ipb-top-right-link a:visited {
background:none transparent scroll repeat 0 0;
color:#ba0000;
padding:0 6px;
text-decoration:none;
}
.ipb-top-right-link {
background:#fff;
float:right;
font-size:12px;
font-weight:700;
letter-spacing:0;
margin:0;
padding:7px 0;
width:auto;
}
.ipbtable {
width:100%;
}
.ipbtable td,.divpad {
padding:5px;
}
.lastaction {
color:#434951;
font-size:10px;
}
.linked-image {
border-bottom:0;
border-left:0;
border-right:0;
border-top:0;
margin:0;
padding:0;
}
.maintitle a:hover,.maintitle a:active,.maintitlecollapse a:hover,.maintitlecollapse a:active {
background:none transparent scroll repeat 0 0;
color:#da0000;
padding:8px 8px 8px 0;
}
.maintitle a:link,.maintitle a:visited,.maintitlecollapse a:link,.maintitlecollapse a:visited {
background:none transparent scroll repeat 0 0;
color:#da0000;
text-decoration:none;
}
.maintitle p,.maintitlecollapse p,.formsubtitle p {
background:none transparent scroll repeat 0 0;
border-bottom:0;
border-left:0;
border-right:0;
border-top:0;
margin:0;
padding:0 important 0 important 0 important 0 important;
}
.maintitle p.expand,.maintitle p.goto,.maintitlecollapse p.expand,.formsubtitle p.members {
background:#e8e3e2;
float:left;
width:auto !important;
}
.maintitle td {
color:#da0000;
font-size:20px;
font-weight:700;
}
.mcellblank {
background:#ddd;
height:auto;
margin:0;
padding:0;
vertical-align:top;
}
.mcelldate {
background:#f2f2f2;
height:auto;
margin:0;
padding:0;
vertical-align:top;
}
.mcelltoday {
background:#f2f2f2;
border-bottom:#ba0000 2px dashed;
border-left:#ba0000 2px dashed;
border-right:#ba0000 2px dashed;
border-top:#ba0000 2px dashed;
height:auto;
margin:0;
padding:0;
vertical-align:top;
}
.minipagelink {
background:#f2f2f2;
border-bottom:silver 1px solid;
border-left:silver 1px solid;
border-right:silver 1px solid;
border-top:silver 1px solid;
font-size:10px;
margin:0 1px 0 0;
padding:1px 3px;
}
.minipagelinklast {
background:#ededed;
border-bottom:silver 1px solid;
border-left:silver 1px solid;
border-right:silver 1px solid;
border-top:silver 1px solid;
font-size:10px;
margin:0 1px 0 0;
padding:1px 3px;
}
.mya-back {
background:#d3d3d3;
margin:1px;
padding:1px;
}
.mya-content {
background:#f0f0f0;
border-bottom:#777 1px solid;
border-left:#777 1px solid;
border-right:#777 1px solid;
border-top:#777 1px solid;
margin:1px;
padding:8px;
}
.mya-content-tbl {
background:#f0f5fa;
border-bottom:#777 1px solid;
border-left:#777 1px solid;
border-right:#777 1px solid;
border-top:#777 1px solid;
font-size:10px;
margin:1px;
text-align:left;
white-space:nowrap;
}
.mya-fieldwrap {
-moz-border-radius:5px;
background:none transparent scroll repeat 0 0;
border-bottom:#c5c7cd 1px solid;
border-left:#c5c7cd 1px solid;
border-right:#c5c7cd 1px solid;
border-top:#c5c7cd 1px solid;
display:block;
margin-bottom:2px;
margin-top:2px;
padding:4px;
width:auto;
}
.newslink {
background:#fefefe;
border-bottom:#e4e4e4 1px solid;
border-left:#e4e4e4 1px solid;
border-right:#e4e4e4 1px solid;
border-top:#e4e4e4 1px solid;
margin:0;
width:100%;
}
.newslink input {
background:#e9e9e9;
border-bottom:silver 1px solid;
border-left:silver 1px solid;
border-right:silver 1px solid;
border-top:silver 1px solid;
color:#ba0000;
font-size:10px;
padding:3px;
vertical-align:middle;
width:auto;
}
.newslink input.button {
background:none transparent scroll repeat 0 0;
border-bottom:0;
border-left:0;
border-right:0;
border-top:0;
color:#000;
vertical-align:middle;
}
.newslink span {
background:none transparent scroll repeat 0 0;
color:#000;
font-style:italic;
font-weight:400;
}
.newslink td {
color:#505050;
font-size:10px;
padding:5px 5px 5px 10px;
}
.normalname {
color:#003;
font-size:12px;
font-weight:700;
}
.normalname a:link,.normalname a:visited,.normalname a:active {
font-size:12px;
}
.pagecurrent {
background:#fff;
border-bottom:silver 1px solid;
border-left:silver 1px solid;
border-right:silver 1px solid;
border-top:silver 1px solid;
color:#ba0000;
padding:1px 3px;
}
.pagelink {
background:#f2f2f2;
border-bottom:silver 1px solid;
border-left:silver 1px solid;
border-right:silver 1px solid;
border-top:silver 1px solid;
padding:1px 3px;
}
.pagelink a:active,.pagelink a:visited,.pagelink a:link,.pagelinklast a:active,.pagelinklast a:visited,.pagelinklast a:link,.pagecurrent a:active,.pagecurrent a:visited,.pagecurrent a:link,.minipagelink a:active,.minipagelink a:visited,.minipagelink a:link,.minipagelinklast a:active,.minipagelinklast a:visited,.minipagelinklast a:link,#ucpmenu a:link,#ucpmenu a:active,#ucpmenu a:visited,.calmonths a {
text-decoration:none;
}
.pagelinklast {
background:#ededed;
border-bottom:silver 1px solid;
border-left:silver 1px solid;
border-right:silver 1px solid;
border-top:silver 1px solid;
padding:1px 3px;
}
.pagelinks {
float:left;
line-height:1.2em;
width:35%;
}
.pformleftw {
background:#f3f3f3;
border-bottom:0;
border-left:0;
border-right:silver 1px solid;
border-top:silver 1px solid;
font-weight:700;
margin:1px 0 0;
padding:6px;
width:40%;
}
.pformright {
background:#f3f3f3;
border-bottom:0;
border-left:0;
border-right:0;
border-top:silver 1px solid;
font-weight:400;
margin:1px 0 0;
padding:6px;
width:auto;
}
.pformstrip,.borderwrap p.formbuttonrow {
background:silver;
margin:0;
padding:5px important 5px important 5px important 5px important;
text-align:center;
}
.plainborder {
background:#fafafa;
border-bottom:#fff 1px solid;
border-left:#fff 1px solid;
border-right:#fff 1px solid;
border-top:#fff 1px solid;
}
.popmenubutton {
background-color:#fff;
border-bottom:silver 1px dashed;
border-left:silver 1px dashed;
border-right:silver 1px dashed;
border-top:silver 1px dashed;
color:#000;
float:right;
font-size:11px;
font-weight:700;
height:18px;
margin:0;
padding:3px;
text-align:center;
white-space:nowrap;
width:120px;
}
.popmenubutton a:hover,.popmenubutton-new a:hover,.popupmenu-item a:hover,.popupmenu-item-last a:hover,.pp-tabon a:link,.pp-tabon a:visited,.pp-tabon a:active {
color:#ba0000;
text-decoration:none;
}
.popmenubutton a:link,.popmenubutton a:visited,.popmenubutton-new a:link,.popmenubutton-new a:visited,.popupmenu-item a:link,.popupmenu-item a:visited,.popupmenu-item-last a:link,.popupmenu-item-last a:visited {
color:#505050;
text-decoration:none;
}
.popmenubutton-new {
background-color:#f1f1f1;
background-image:url(ip.boardpr/menu_action_down-padded.gif);
background-position:right 50%;
background-repeat:no-repeat;
border-bottom:silver 1px dashed;
border-left:silver 1px dashed;
border-right:silver 1px dashed;
border-top:silver 1px dashed;
color:#000;
float:none;
font-size:11px;
font-weight:400;
height:auto;
margin:0;
padding:3px;
text-align:left;
white-space:nowrap;
width:auto;
}
.popmenubutton-new-out {
padding:4px;
}
.popupmenu {
background:#eee;
border-bottom:silver 1px solid;
border-left:silver 1px solid;
border-right:silver 1px solid;
border-top:silver 1px solid;
font-size:10px;
text-align:left;
white-space:nowrap;
}
.popupmenu-category {
background:#fff;
border-bottom:#ba0000 1px solid;
border-top:#ba0000 1px solid;
color:#000;
font-size:10px;
font-weight:700;
letter-spacing:1px;
margin:0;
padding:5px;
}
.popupmenu-item {
border-bottom:silver 1px dotted;
color:#505050;
font-weight:400;
padding:5px;
white-space:nowrap;
}
.popupmenu-item-last {
color:#393939;
font-weight:400;
padding:5px;
white-space:nowrap;
}
.popupmenu-new {
background:#eee;
background-color:#eee;
border-bottom:silver 1px solid;
border-left:silver 1px solid;
border-right:silver 1px solid;
border-top:silver 1px solid;
font-size:10px;
text-align:left;
white-space:nowrap;
}
.post-edit-reason {
-moz-border-radius:5px;
background:#e7eaef;
border-bottom:#c5c7cd 1px solid;
border-left:#c5c7cd 1px solid;
border-right:#c5c7cd 1px solid;
border-top:#c5c7cd 1px solid;
color:#333;
display:block;
font-size:10px;
margin-bottom:0;
margin-top:9px;
padding:4px;
width:auto;
}
.post1,.bg1,.post2,.bg3 {
background:#fff;
color:#000;
}
.postcolor {
font-size:12px;
line-height:160%;
}
.postdetails {
font-size:10px;
line-height:140%;
}
.pp-contentbox-back {
background-color:#fff;
background-repeat:repeat-x;
padding:6px;
}
.pp-contentbox-entry {
background-color:#fefefe;
border-bottom:silver 1px solid;
border-left:silver 1px solid;
border-right:silver 1px solid;
border-top:silver 1px solid;
height:200px;
line-height:140%;
margin-bottom:6px;
overflow:auto;
overflow-x:auto;
padding:0;
}
.pp-contentbox-entry-noheight {
background-color:#fefefe;
border-bottom:silver 1px solid;
border-left:silver 1px solid;
border-right:silver 1px solid;
border-top:silver 1px solid;
height:auto;
line-height:140%;
margin-bottom:1px;
overflow:auto;
overflow-x:auto;
padding:0;
}
.pp-contentbox-entry-noheight-mod {
background-color:#fdf1da;
border-bottom:silver 1px solid;
border-left:silver 1px solid;
border-right:silver 1px solid;
border-top:silver 1px solid;
height:auto;
line-height:140%;
margin-bottom:1px;
overflow:auto;
overflow-x:auto;
padding:0;
}
.pp-contentbox-entry-noheight-sel {
background-color:#fceccd;
border-bottom:silver 1px solid;
border-left:silver 1px solid;
border-right:silver 1px solid;
border-top:silver 1px solid;
height:auto;
line-height:140%;
margin-bottom:1px;
overflow:auto;
overflow-x:auto;
padding:0;
}
.pp-datebox {
background:#fff;
border-bottom:#555 1px solid;
border-left:#555 1px solid;
border-right:#555 1px solid;
border-top:#555 1px solid;
float:right;
font-size:18px;
font-weight:700;
letter-spacing:-1px;
line-height:100%;
margin:0;
padding:4px;
text-align:center;
width:auto;
}
.pp-datebox em {
color:#aaa;
font-style:normal;
font-weight:400;
}
.pp-header {
background:#f2f2f2;
border-bottom:silver 1px dotted;
color:#000;
font-size:10px;
font-weight:700;
margin:0 0 1px;
padding:5px;
}
.pp-image-mini-wrap {
background:#fff;
border-bottom:#555 1px solid;
border-left:#555 1px solid;
border-right:#555 1px solid;
border-top:#555 1px solid;
height:27px;
margin-bottom:auto;
margin-top:auto;
padding:4px;
text-align:center;
width:27px;
}
.pp-image-mini-wrap-floatright {
background:#fff;
border-bottom:#555 1px solid;
border-left:#555 1px solid;
border-right:#555 1px solid;
border-top:#555 1px solid;
float:right;
height:27px;
margin-bottom:auto;
margin-top:auto;
padding:4px;
text-align:center;
width:27px;
}
.pp-image-thumb-wrap {
background:#fff;
border-bottom:#555 1px solid;
border-left:#555 1px solid;
border-right:#555 1px solid;
border-top:#555 1px solid;
height:52px;
margin-bottom:auto;
margin-top:auto;
padding:4px;
text-align:center;
width:52px;
}
.pp-image-thumb-wrap-floatright {
background:#fff;
border-bottom:#555 1px solid;
border-left:#555 1px solid;
border-right:#555 1px solid;
border-top:#555 1px solid;
float:right;
height:52px;
margin-bottom:auto;
margin-top:auto;
padding:4px;
text-align:center;
width:52px;
}
.pp-maintitle {
background:#fff;
border-bottom:#ba0000 1px solid;
color:#ba0000;
font-size:20px;
font-weight:700;
margin:0;
padding:8px;
}
.pp-mini-content-entry {
background-color:#f2f2f2;
border-bottom:silver 1px dotted;
clear:both;
height:60px;
padding:6px;
width:auto;
}
.pp-mini-content-entry-noheight {
background-color:#f2f2f2;
border-bottom:silver 1px dotted;
clear:both;
height:auto;
padding:6px;
width:auto;
}
.pp-mini-entry-noheight-shaded {
background-color:#e3dfe7;
border-bottom:silver 1px dotted;
clear:both;
height:auto;
padding:6px;
width:auto;
}
.pp-name {
background:#f2f2f2;
border-bottom:silver 1px solid;
border-left:silver 1px solid;
border-right:silver 1px solid;
border-top:silver 1px solid;
margin:0;
padding:10px;
}
.pp-name h3 {
font-size:12px;
margin:0;
padding:0 0 5px;
}
.pp-tabclear {
background:#fff;
border-bottom:#ba0000 1px solid;
border-left:0;
border-right:0;
border-top:0;
color:#ba0000;
font-size:20px;
font-weight:700;
margin:0;
padding:8px;
}
.pp-taboff {
background-color:#fff;
background-position:left bottom;
background-repeat:repeat-x;
color:#000;
float:left;
font-size:10px;
margin-top:3px;
padding:8px;
width:auto;
}
.pp-tabon {
background-color:#f2f2f2;
background-position:left bottom;
background-repeat:repeat-x;
border-bottom:silver 1px dashed;
border-left:silver 1px dashed;
border-right:silver 1px dashed;
border-top:silver 1px dashed;
color:#ba0000;
float:left;
font-size:10px;
margin-top:3px;
padding:8px;
width:auto;
}
.pp-tabshaded {
background-color:#fff;
background-image:url(ip.boardpr/css_pp_tab_shaded.gif);
background-position:left bottom;
background-repeat:repeat-x;
border-left:#7f9bbc 1px solid;
border-right:#7f9bbc 1px solid;
border-top:#7f9bbc 1px solid;
color:#516795;
float:left;
font-size:10px;
margin-top:3px;
padding:8px;
width:auto;
}
.pp-tabwrap {
height:34px;
margin:0;
padding:0;
}
.pp-tiny-text {
color:gray;
font-size:10px;
}
.pp-title {
background:#fff;
border-bottom:#ba0000 1px solid;
color:#ba0000;
font-size:12px;
font-weight:700;
margin:0;
padding:8px;
}
.quotemain {
background:#fafafa;
border-bottom:#000 1px dotted;
border-left:silver 4px solid;
border-right:#000 1px dotted;
border-top:0;
color:#666;
margin:0 auto;
padding:4px;
}
.quotetop {
background:silver no-repeat right 50%;
border-bottom:0;
border-left:silver 4px solid;
border-right:#000 1px dotted;
border-top:#000 1px dotted;
color:#000;
font-size:10px;
font-weight:700;
margin:2px auto 0;
padding:3px;
}
.radiobutton,.checkbox,.helpbox {
background:none transparent scroll repeat 0 0;
border-bottom:0;
border-left:0;
border-right:0;
border-top:0;
vertical-align:middle;
}
.resized-linked-image {
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
background-color:#000;
border-bottom:0;
border-left:0;
border-right:0;
border-top:0;
color:#fff;
font-size:10px;
margin:1px 0 0;
padding:0;
width:auto;
}
.resized-linked-image-zoom {
background-color:#fff;
display:none;
filter:alpha(opacity=85);
height:30px;
left:0;
opacity:.85;
padding-left:5px;
padding-top:6px;
position:absolute;
top:0;
width:200px;
}
.row1 {
background:#e8e3e2;
font-size:12px;
}
.row2 {
background:#e8e3e2;
font-size:10px;
}
.row2shaded,.post1shaded {
background-color:#dedbe4;
}
.row4shaded,.post2shaded {
background-color:#e3dfe7;
}
.row5 {
background:#fff;
color:#000;
font-size:12px;
font-style:italic;
}
.rowhighlight {
background-color:#fff;
}
.ruleswrap {
background:#f2dddd;
border-bottom:#ba0000 1px solid;
border-left:#ba0000 1px solid;
border-right:#ba0000 1px solid;
border-top:#ba0000 1px solid;
color:#992a2a;
margin:5px 0;
padding:5px;
}
.searchlite {
background-color:#FF0;
color:red;
font-weight:700;
}
.signature {
background:none transparent scroll repeat 0 0;
color:#ba0000;
font-size:10px;
line-height:150%;
}
.subtitlediv {
background:#e8e3e2;
border-bottom:silver 1px dotted;
color:#444;
font-size:10px;
font-weight:700;
letter-spacing:1px;
margin:0;
padding:3px;
text-align:right;
}
.tablefill {
background:#fafafa;
border-bottom:#fff 1px solid;
border-left:#fff 1px solid;
border-right:#fff 1px solid;
border-top:#fff 1px solid;
padding:6px;
}
.tablepad {
background:#fafafa;
border-bottom:0;
border-left:0;
border-right:0;
border-top:0;
padding:6px;
}
.taboff {
background-color:#b5c3d9;
border-left:#777 1px solid;
border-right:#777 1px solid;
border-top:#777 1px solid;
color:#333;
float:left;
font-size:10px;
margin-top:3px;
padding:8px;
width:auto;
}
.taboff a:link,.taboff a:visited,.taboff a:active {
color:#333;
text-decoration:none;
}
.tabon {
background-color:#fff;
border-left:#999 1px solid;
border-right:#999 1px solid;
border-top:#999 1px solid;
float:left;
font-size:10px;
margin-top:3px;
padding:8px 8px 9px;
width:auto;
}
.tabon a:link,.tabon a:visited,.tabon a:active,.pp-taboff a:link,.pp-taboff a:visited,.pp-taboff a:active,.pp-tabshaded a:link,.pp-tabshaded a:visited,.pp-tabshaded a:active {
color:#000;
text-decoration:none;
}
.textarea,.searchinput {
background:#f6f6f6;
border-bottom:silver 1px solid;
border-left:silver 1px solid;
border-right:silver 1px solid;
border-top:silver 1px solid;
color:#000;
font-family:Verdana, Helvetica, Sans-Serif;
font-size:11px;
padding:2px;
vertical-align:middle;
}
.thin {
border-bottom:#b0b0b0 1px dotted;
border-left:0;
border-right:0;
border-top:#b0b0b0 1px dotted;
line-height:150%;
margin:2px 0;
padding:6px 0;
}
.thumbwrap {
border-bottom:#072a66 1px solid;
border-left:#072a66 1px solid;
border-right:#072a66 1px solid;
border-top:#072a66 1px solid;
margin:2px;
}
.thumbwrap h4,.thumbwrapp h4 {
background:#dde6f2;
border-bottom:#5176b5 1px solid;
border-left:0;
border-right:0;
border-top:0;
color:#5176b5;
font-size:12px;
font-weight:700;
margin:0;
padding:5px;
}
.thumbwrap img.galattach,.thumbwrapp img.galattach {
background:url(ip.boardpr/img_larger.gif) #fff no-repeat right bottom;
border-bottom:#072a66 1px solid;
border-left:#072a66 1px solid;
border-right:#072a66 1px solid;
border-top:#072a66 1px solid;
margin:5px;
padding:2px 2px 10px;
}
.thumbwrap p,.thumbwrapp p {
background:#eef2f7;
border-bottom:0;
border-left:0;
border-right:0;
border-top:#5176b5 1px solid;
margin:0;
padding:5px important 5px important 5px important 5px important;
text-align:left;
}
.thumbwrap p.alt,.thumbwrapp p.alt {
background:#dfe6ef;
margin:0;
padding:5px important 5px important 5px important 5px important;
text-align:left;
}
.thumbwrapp {
border-bottom:#660707 2px solid;
border-left:#660707 2px solid;
border-right:#660707 2px solid;
border-top:#660707 2px solid;
margin:2px;
}
.thumbwrapp p.pin {
background:#efdfdf;
text-align:center !important;
}
.toplinks {
background:none transparent scroll repeat 0 0;
color:#000;
margin:0;
padding:0 0 5px;
text-align:center;
}
.toplinks span {
background:#fff;
border-bottom:0;
border-left:#fff 1px solid;
border-right:#fff 1px solid;
border-top:#fff 1px solid;
color:#000;
font-size:10px;
font-weight:700;
margin:0 10px 0 0;
padding:5px;
}
.warnbad {
color:#d00;
font-weight:700;
}
.warngood {
color:#0b9500;
font-weight:700;
}
.weekday {
font-size:14px;
font-weight:700;
}
.wrapmini {
float:left;
line-height:1.5em;
width:22%;
}
a:hover {
background:none transparent scroll repeat 0 0;
color:#ba0000;
}
a:link,a:visited,a:active {
background:none transparent scroll repeat 0 0;
color:#333;
text-decoration:underline;
}
body {
background:#ccc;
color:#555;
font-family:Lucida sans, Arial, Verdana, Tahoma, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
font-size:11px;
line-height:135%;
margin:0;
padding:0;
text-align:center;
}
div.wrapper1 {
margin:0 auto;
position:relative;
text-align:left;
width:1090px;
}
fieldset.search {
line-height:150%;
padding:6px;
}
form {
display:inline;
margin:0;
padding:0;
}
html {
overflow-x:auto;
}
img {
border-bottom:0;
border-left:0;
border-right:0;
border-top:0;
vertical-align:middle;
}
img#rocket {
border-bottom:0;
border-left:0;
border-right:0;
border-top:0;
height:40px;
width:200px;
}
img.attach {
background:url(ip.boardpr/click2enlarge.gif) gray no-repeat right top;
border-bottom:gray 1px solid;
border-left:gray 1px solid;
border-right:gray 1px solid;
border-top:gray 1px solid;
margin:0 2px 0 0;
padding:11px 2px 2px;
}
input.button {
cursor:pointer;
margin:0;
width:auto;
}
label {
cursor:pointer;
}
li.helprow {
margin:0 0 10px;
padding:0;
}
optgroup option {
font-family:verdana, helvetica, sans-serif;
font-size:12px;
}
select {
background:#f6f6f6;
border-bottom:silver 1px solid;
border-left:silver 1px solid;
border-right:silver 1px solid;
border-top:silver 1px solid;
color:#000;
font-family:verdana, helvetica, sans-serif;
font-size:11px;
margin:0;
padding:2px;
vertical-align:middle;
}
table th,.borderwrap table th,.subtitle,.postlinksbar {
background:#e8e3e2;
border-bottom:silver 1px dotted;
color:#444;
font-size:10px;
font-weight:700;
letter-spacing:1px;
margin:0;
padding:3px;
}
table.ipbtable,tr.ipbtable,td.ipbtable {
background:none transparent scroll repeat 0 0;
color:#555;
font-size:11px;
line-height:135%;
}
td.formbuttonrow {
background:silver;
border-bottom:0;
border-left:0;
border-right:0;
margin:0;
padding:5px important 5px important 5px important 5px important;
text-align:center;
}
td.nopad {
padding:0;
}
th {
text-align:left;
}
ul#help {
padding:0 0 0 15px;
}
Edit Upon closer review of the css the optimizer outputted, there's a few things you really shouldn't do that it has done.
Optimised color: Changed "#c0c0c0" to "silver" Avoid this. Reason is that browser A will see silver as #c0c0c0 while browser B might see it as #c1c1c1. Hex values are much safer.
Optimised font-weight: Changed "bold" to "700" That can stay bold however for readability.
As such - use the above "optimised" code at your own risk.
Comment/Reply (w/o sign-up)