3
Because the CSS between the 2 isn't even remotely close.
Whereas the CSS in the old theme is pretty standard stuff:
.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
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;}
