3
Because the CSS between the 2 isn't even remotely close.
Whereas the CSS in the old theme is pretty standard stuff:
le="color: #000000"><?php .bg1{ background:#f3f3f3 url(../images/bg1.gif) } .bg2{ background-image:url(../images/bg2.gif) } .bg3{ background:#e9e9e9 url(../images/bg3.gif) } .bg4{ background:#e3e3e3 url(../images/bg4.gif) } .border_news{ background:#f5f5f5 url(../images/newsbak.gif); margin-top:10px; border-style:dotted outset dotted inset; border-width:1pt; border-color:black #d0ecff black #d0ecff } .fg1{ color:#ffffff; font-size:12px } .fg2{ color:#000000; font-size:12px } .footermsgtd{ font-weight:bold } .footertable{ background:#a9a9a9 url(../images/footer.gif); border-top:1pt solid #dcdcdc } .headertable{ background:#808080 url(../images/header.gif); padding-top:2pt;border-bottom:1pt solid #000 } .leftsidebar{ background:#dcdcdc url(../images/sidebar.gif); border-top:1pt solid #f5f5f5; border-right:1pt solid #000; border-bottom:1pt solid #000 } .newstd{ background:#a9a9a9 url(../images/newstd.gif); padding:10pt; border-top:1pt solid #c0c0c0; border-bottom:1pt solid #000 } .newstitle{ color:black; font-style:normal; font-weight:bold; font-size:12px; background:#dcdcdc url(../images/newstitle.gif); text-align:left;border-bottom:1pt dotted #808080 } .rightsidebar{ background:#dcdcdc url(../images/sidebar.gif); border-top:1pt solid #f5f5f5; border-bottom:1pt solid #000; border-left:1pt solid #000 } .sidboxtitle{ color:black; font-style:normal; font-weight:bold; text-align:center; vertical-align:middle; border-bottom:1px dotted navy } a:active{ color:#006600; font-weight:bold; font-size:12px; text-decoration:none } a:hover{ color:#c63; font-weight:bold; font-size:12px; text-decoration:none } a:link{ color:#633; font-weight:bold; font-size:12px; text-decoration:none; border-top:medium none black } a:visited{ color:#339; font-weight:bold; font-size:12px; text-decoration:none } body{ font-weight:normal; font-size:12px; text-decoration:none; background-image:url(../images/newstd.gif); margin:0px;padding:0px; border:ridge 1px } font{ font-size:12px; line-height:normal; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; } input{ color:#000000; font-size:12px } select{ color:black; font-size:12px } td{ font-weight:normal; font-size:12px; list-style-position:inside; margin:0px } textarea{ font-size:12px }
CSS in newer themes is about 10x's more complicated or I am just an blithering idiot :P
le="color: #000000"><?php input.formButton {} .item {border: 1px solid #cccccc;} .itemHead {padding: 3px; background-color: #2F5376; color: #FFFFFF;} .itemInfo {text-align: right; padding: 3px; background-color: #efefef} .itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #ffffff; background-color: transparent;} .itemPoster {font-size: 90%; font-style:italic;} .itemPostDate {font-size: 90%; font-style:italic;} .itemStats {font-size: 90%; font-style:italic;} .itemBody {padding-left: 5px;} .itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;} .itemText:first-letter {font-size: 133%; font-weight: bold;} .itemFoot {text-align: right; padding: 3px; background-color: #efefef} .itemAdminLink {font-size: 90%;} .itemPermaLink {font-size: 90%;} th {background-color: #2F5376; color: #FFFFFF; padding : 2px; vertical-align : middle; font-family: Verdana, Arial, Helvetica, sans-serif;} td#headerbanner {width: 100%; background-color: #2F5376; vertical-align: middle; text-align:center;} td#headerbar {border-bottom: 1px solid #dddddd; background-image: url(hbar.gif);} td#leftcolumn {width: 170px; border-right: 1px solid #cccccc; font-size:12px;} td#leftcolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;} td#leftcolumn div.blockTitle {padding: 3px; background-color: #dddddd; color: #639ACE; font-weight: bold;} td#leftcolumn div.blockContent {padding: 3px; line-height: 120%; line-height: 120%;} td#centercolumn {font-size: 12px; font-face: tahoma;} td#centercolumn th {background-color: #cccccc; color: #FFFFFF; vertical-align: middle;} td#centerCcolumn {padding: 0px 3px 1px 3px;} td#centerCcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-left: 0px;} td#centerCcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-right: 0px; margin-left: 0px; margin-bottom: 2px; line-height: 120%;} td#centerLcolumn {width: 50%; padding: 0px 3px 0px 0px;} td#centerLcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;} td#centerLcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 3px; margin-right: 2px; margin-bottom: 2px; line-height: 120%;} td#centerRcolumn {width: 50%; padding: 0px 3px 0px 0px;} td#centerRcolumn legend.blockTitle {padding: 3px; color: #639ACE; font-weight: bold; margin-top: 0px;} td#centerRcolumn div.blockContent {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 120%;} div#content {text-align: left; padding: 8px;} td#rightcolumn {width: 170px; border-left: 1px solid #cccccc; font-size:14px;} td#rightcolumn th {background-color: #2F5376; color: #ffffff; vertical-align: middle;} td#rightcolumn div.blockTitle {padding: 3px; background-color: #dddddd; color: #639ACE; font-weight: bold;} td#rightcolumn div.blockContent {padding: 6px; line-height: 120%;} tr#footerbar {text-align:center; background-image: url(hbar.gif);} td#mainmenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 4px;} td#mainmenu a:hover {background-color: #ffffff;} td#mainmenu a.menuTop {padding-left: 3px; border-top: 1px solid silver; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;} td#mainmenu a.menuMain {padding-left: 3px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;} td#mainmenu a.menuSub {padding-left: 9px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;} td#usermenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 4px; border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left: 1px solid silver;} td#usermenu a:hover {background-color: #ffffff;} td#usermenu a.menuTop {border-top: 1px solid silver;} td#usermenu a.highlight {background-color: #fcc;}
