=====My Wikka CSS Style=====
Here is my IMHO improved wikka.css file located in the ./css/ directory of your wikka installation;

Improvements include;

~- Better Heading Styles
~- Improved **.floatl** and **.floatr** style
~- Changes to **.lastedit**

Feel free to try & make suggestions..

%%(css)

p, td, li, input, select, textarea {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
line-height: 20px;
font-size: 13px;
}

body {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 13px;
text-align: justify;
line-height: 20px;
color: #000000;
background-color: #F8F8F8;
}

a { color: #333399; text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { color: #993333; }
a:active { text-decoration: none; }


form {
margin: 0px;
padding: 0px;
}

img {border: 0px;}
img.centre {display: block; text-align: center; margin: 5px auto;}
img.center {display: block; text-align: center; margin: 5px auto;}
img.left {margin: 5px 5px 5px -5px; float: left;}
img.right {margin: 5px -5px 5px 5px; float: right;}

.indent {
margin-left: 40px;
}

.error {
color: #CC3333; font-weight: bold;
}

.header {
padding: 10px;
padding-top: 0px;
}

.header a:hover {
color: #993333;
background: transparent;
border-bottom: 0px;
}

.page {
color: #000;
font-size: 13px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
background-color: white;
padding: 15px;
border: 1px inset;
border-bottom: none;
height: 100%;
}

.page a {
text-decoration: none;
}

.page a:hover {
color: #993333;
text-decoration: underline;
}

.missingpage {
/* background: #ccffff; */
text-decoration: none;
border-bottom-width: 1px;
border-bottom-color: #933;
border-bottom-style: dashed;
}

.footer {
clear: both;
background-color: #DDDDDD;
padding: 5px 10px;
border: 1px inset;
border-top: none;
border-top: 1px solid #CCCCCC;
}

.commentsheader {
clear: both;
background-color: #DDDDDD;
padding: 2px 10px;
border-left: 1px inset;
border-right: 1px inset;
border-top: 1px solid #CCCCCC;
}

.comment {
background-color: #EEEEEE;
padding: 10px;
border-left: 1px inset;
border-right: 1px inset;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #EEEEEE;
}

.commentinfo {
color: #AAAAAA;
}

.commentform {
background-color: #EEEEEE;
padding: 10px;
border-left: 1px inset;
border-right: 1px inset;
border-top: 1px solid #CCCCCC;
}

.code {
color: black;
background: #ffffee;
border: 1px solid #888;
font-size: 11px;
font-family: "Lucida Console", Monaco, monospace;
width: 95%;
margin: auto;
padding: 6px 3px 13px 3px; /* padding-bottom solves hor. scrollbar hiding single line of code in IE6 but causes vert. scrollbar... */
text-align: left; /* override justify on body */
overflow: auto; /* allow scroll bar in case of long lines - goes together with white-space: nowrap! */
white-space: nowrap; /* prevent line wrapping */
}
.code pre {
margin-top: 6px;
margin-bottom: 6px; /* prevent vertical scroll bar in case of overflow */
font-size: 11px;
font-family: "Lucida Console", Monaco, monospace;
}

.notes {
color: #888800;
}

.revisioninfo {
color: #AAAAAA;
padding-bottom: 20px;
}

.copyright {
font-size: 11px;
color: #AAAAAA;
text-align: right;
}

.copyright a {
color: #AAAAAA;
}

.lastedit {
border:dotted 1px;
padding:3pt;
color: #999;
font-size:7pt;
min-width: 200px;
max-width: 300px;
float: right;
margin: 0px 0px 0px 15px;
}


/* general headline setup */
h1, h2, h3, h4, h5 {
color: Black;
background-color: transparent;
font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
font-size: 100%;
font-weight: normal;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0em;
padding-left: 0;
padding-right: 0;
padding-top: 0em;
padding-bottom: 0;
border-bottom: 1px solid #8cacbb;
clear: left;
}

/* special headlines */
h1 {font-size: 160%; margin-left: 0px; font-weight: bold;}
h2 {font-size: 150%; margin-left: 0px;}
h3 {font-size: 120%; margin-left: 0px; border-bottom: none; font-weight: bold;}
h4 {font-size: 100%; margin-left: 0px; border-bottom: none; font-weight: bold;}
h5 {font-size: 90%; margin-left: 0px; border-bottom: none; font-weight: bold;}


hr {
border: 0px;
border-top: 1px solid #8cacbb;
text-align:center;
height: 0px;
}


/* unordered lists */
ul {
line-height: 1.5em;
list-style-type: square;
margin: 0.5em 0 0.5em 1.5em;
padding: 0;
list-style-image: url(images/bullet.gif);
}

/* ordered lists */
ol {
line-height: 1.5em;
margin: 0.5em 0 0.5em 1.5em;
padding: 0;
color: #638c9c;
font-weight: bold;
list-style-image: none;
}

a.ext { color: #333399; }
a.ext:hover { color: #993333; }

.exttail {
color: #999;
position: relative;
bottom: 0.5ex;
}

.searchbox {
/* border: none; */
border: 1px solid #CCCCAA;
padding: 0px;
margin: 0px;
}

.toolbar tr { background: ButtonFace; }
.toolbar .btn-, .toolbar .btn-hover, .toolbar .btn-active,
.toolbar .btn-pressed {
background: ButtonFace;
color: ButtonText;
border: 1px solid ButtonFace;
padding: 1px;
margin: 0px;
cursor: pointer;
}
.toolbar .btn- img { width: 20px; height: 20px; }
.toolbar .btn-hover { border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; }
.toolbar .btn-active,
.toolbar .btn-pressed { border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; }
.toolbar .btn-pressed { background: ButtonHighlight; }
.editornamecss { background-color:#CCCCFF; font-size: 18px; padding: 0 10px; }

ul.thread {
list-style-type: none;
border-left: 2px #666 solid;
padding-left: 10px;
margin: 5px 0px;
}

ul.thread li {
color: #333;
font-size: 11px;
}

/*---Specific Styles ---*/

.floatl {float: left;
width: 30%;
margin: 0.5%;
border: 1px solid #8cacbb;
padding: .5em;
background: #EEE;
min-width: 100px;
max-width: 300px;}

.floatr {float: right;
width: 30%;
margin: 0.5%;
border: 1px solid #8cacbb;
padding: .5em;
background: #EEE;
min-width: 100px;
max-width: 300px;}

.previewhead {
margin: auto;
z-index:20;
position:fixed;
top: 40px;
left: 10px;
color: red;
font-size: xx-large;
font-weight: bold;
padding: 5px;}

.clear {clear:both;}
.comments {display: none;}
.highlight {color: red; background: #FFFFD0;}
.strikethrough {color: #888; text-decoration: line-through;}
.additions {background-color: #ccffcc;}
.deletions {color: #876; background-color: #FFCC99;}
.underline {text-decoration: underline;}
.recentchanges {font-size: 0.9em;}
.pagenote {color: #888;}
.centre {text-align: center;}
.center, .center p {text-align: center;}


.keys {
color: #333;
background-color: #EFEFEF;
font: normal 80% "Verdana", sans-serif;
text-align: center;
border-top: 2px double #CFCFCF;
border-left: 3px solid #BABABA;
border-right: 4px solid #AAA;
border-bottom: 6px solid #909090;
padding-left: 0.2em;
padding-top: 0em;
padding-right: 0.2em;
padding-bottom: 0em;
line-height: 1.6em;
vertical-align: top;
}

.smallprint {font-size: 0.8em; color: #777; padding-right: 0.5%; text-align: right;}

.smallprint a {
color: #987;
}

/* syntax highlighting code - GeSHi */
.code ol {
margin-top: 6px;
margin-bottom: 6px; /* prevent vertical scroll bar in case of overflow */
}
.code li {
font-size: 11px;
font-family: "Lucida Console", Monaco, monospace;
}
.code .br0 { color: #66cc66; }
.code .co1 { color: #808080; font-style: italic; }
.code .co2 { color: #808080; font-style: italic; }
.code .coMULTI { color: #808080; font-style: italic; }
.code .es0 { color: #000099; font-weight: bold; }
.code .kw1 { color: #b1b100; }
.code .kw2 { color: #000000; font-weight: bold; }
.code .kw3 { color: #000066; }
.code .kw4 { color: #993333; }
.code .kw5 { color: #0000ff; }
.code .me0 { color: #006600; }
.code .nu0 { color: #cc66cc; }
.code .re0 { color: #0000ff; }
.code .re1 { color: #0000ff; }
.code .re2 { color: #0000ff; }
.code .re4 { color: #009999; }
.code .sc0 { color: #00bbdd; }
.code .sc1 { color: #ddbb00; }
.code .sc2 { color: #009900; }
.code .st0 { color: #ff0000; }

/* Calendar styling - 2004-12-01 */
/* general styling */
table.calendar {
color: #000000;
background-color: #CCCCCC; /* comment out to have space between cells same color as page background */
/*border-collapse: collapse;*/ /* would make single-width borders, ignoring cell-spacing */
}
table.calendar caption {
background-color: #CCCCCC;
font-weight: bold;
line-height: 1.6em;
}
table.calendar thead {
background-color: #CCCCCC;
}
table.calendar tbody.face {
background-color: #CCCCCC;
}
table.calendar tbody.calnav {
background-color: #CCCCCC;
}
/* styling for some specific elements */
table.calendar thead th {
/*border: 1px solid #000000;*/ /* uncomment to have border around day name headers (will be page background if table background is undefined) */
padding: 1px;
text-align: center;
font-size: 85%;
width: 26px;
}
table.calendar tbody.face td {
border: 1px solid #000000;
text-align: right;
}
table.calendar td.currentday {
color: #993333;
background-color: #AAAAAA;
font-weight: bold;
}
/* styling of calendar navigation */
table.calendar tbody.calnav {
font-weight: bold;
}
table.calendar td.prevmonth {
text-align: left;
font-size: 85%;
}
table.calendar td.curmonth {
text-align: center;
}
table.calendar td.nextmonth {
text-align: right;
font-size: 85%;
}
table.calendar a:link {
color: #993333;
text-decoration: none;
}
table.calendar a:visited {
color: #993333;
text-decoration: none;
}
table.calendar a:hover {
color: #993333;
}
table.calendar a:active {
color: #993333;
text-decoration: none;
}
%%

----
CategoryUsers