web/theme/roller.css

body {
    background: white repeat-y url(images/leftbar-blue.png);
    margin: 0;
    padding: 0;
    font:small Verdana,Arial,Sans-serif;
    color:#333;
    font:x-small/1.5em Verdana, Arial, Helvetica, sans-serif;
    font-size: 69%;
}

p {
    background: transparent;
    color: #000000;
}

h1 {
    background: transparent;
    color: #4031a8;
    letter-spacing: 0.2em;
    font-size: x-large;
    font-weight: bold;
}

h2 {
    background: transparent;
    color: #4031a8;
    letter-spacing: 0.2em;
    font-size: large;
    font-weight: bold;
}

h3 {
    background: transparent;
    color: #4031a8;
    letter-spacing: 0.2em;
    font-weight: bold;
}

img {
    border: 0px;
}

img.w3c {
    border: 0px;
    height: 31px;
    width: 88px;
    margin-right: 5px;
}

a {
    background: transparent;
    text-decoration: none;
}

a:link {
    background: transparent;
    color: #4031a8;
    text-decoration: underline;
}

a:visited {
    background: transparent;
    color: #4031a8;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: underline overline;
}

textarea {
   margin: 3px 0px 0px 0px;
}

.details {
   font-size: small;
   color: grey;
}

/* ----------------------------------------------------- */
/* Main page */

div.entryTitleBox {
   padding: 3px;
   margin: 3px;
   border: 1px #c0c0c0 solid;
   background: #4031a8;
   color: white;
   font-size: medium;
}

div.entryBox {
   padding: 3px;
   margin: 3px;
   border: 1px #c0c0c0 solid;
}

div.entryBoxPinned {
   padding: 3px;
   margin: 3px;
   border: 1px #c0c0c0 solid;
   background: #e7e7ff;
}

a.entryTitle, a:active.entryTitle, a:visited.entryTitle {
   font-size: medium;
   font-weight: bold;
}

span.hotBlogs, a.hotBlogs, a:active.hotBlogs, a:visited.hotBlogs, ul.hotBlogs {
   font-size: small;
   padding-left:0px;
   list-style-type:none
}

span.entryDetails, a.entryDetails, a:active.entryDetails, a:visited.entryDetails {
   font-size: small;
   color: grey;
}

.bannerBox {
   text-align: center;
}

p.websiteDescription {
   text-style: italics;
}

.version {
   font-size: small;
   color: grey;
   text-align: center;
}

/* ----------------------------------------------------- */
/* Tables */

table.rollertable {
    border-collapse: collapse;
    margin: 5px; 
    width: 98%;
}

table.rollertable th, table.rollertable thead th {
    border: 1px solid #ccc;
    background: #4031a8;
    color: white;
    font-weight: bolder;
    font-size: large;
}

table.rollertable thead th {
    font-size: 1em;
}

table.rollertable td, table.rollertable tbody td {
    border: 1px solid #ccc;
    vertical-align: top;
}

table.rollertable tbody td {
    padding: 3px;
}

table.rollertable td.center {
    text-align: center;
}

.rollertable_even td {
    border: 1px solid #ccc;
    background: #EEEEEE;
    color: inherit;
    vertical-align: top;
}

.rollertable_odd td{
    border: 1px solid #ccc;
    background: inherit;
    vertical-align: top;
}

td.rollertable_entry, div.rollertable_entry {
    border: 1px solid #ccc;
    background: inherit;
    padding:5px;
    vertical-align: top;
}

td.propname {
    padding: 0px 0px 0px 3em;
    vertical-align: top;
}

table.edit th {
    text-align: right;
    padding-right: 5px;
}

/* ----------------------------------------------------- */
/* Calendar */

div.archiveCalendar {
    position: absolute; 
    top: 80px; 
    right: 20px;
    font-size: 11px;
}

.hCalendarDay {
	border-width: thin;
	font-size: .9em;
	text-align: center;
}

.hCalendarDayCurrent {
	border-style: dotted;
	border-width: thin;
	font-size: .9em;
	font-weight: bolder;
	text-align: center;
}

.hCalendarDayLinked {
	border-width: thin;
	font-size: .9em;
	font-weight: bolder;
	text-align: center;
}

.hCalendarDayNameRow {
	font-size: .9em;
	background-color: #eee;
    border-bottom: 1px solid #ccc;
	text-align: center;
}

.hCalendarDayNotInMonth {
	background: transparent;
	color: #AAAAAA;
	font-size: .9em;
	text-align: center;
}

.hCalendarNextPrev {
	text-align: center;
}

.hCalendarMonthYearRow {
	font-weight: bold;
	text-align: center;
}

/* ----------------------------------------------------- */
/* Errors and status messages */

.statusMsg {
    background: #CCFFCC;
    border: 1px solid #008000;
    color: #000000;
    display: block;
    font-size: .9em;
    margin: 0px 0px 10px 0px;
    padding: 3px;
    width: 98%;
}

.error {
    background: transparent;
    color: #FF0000;
}

.warning {
    background: transparent;
    color: #FF0000;
    font-size: .9em;
}

.errors, .messages {
    padding: 5px;
    margin-top: 10px;
}

.errors {
   background-color:#fcc;
   border: 1px solid red;
}

.messages {
   background-color: #cfc;
   border: 1px solid green;
}

div.error {
    background-color: #ffcccc;
    border: 1px solid #000000;
    color: #aa0000;
    font-size: 0.9em;
    font-weight: normal;
    margin: 5px 10px 5px 0px;
    padding: 3px;
    text-align: left;
    vertical-align: bottom;
}

div.output {
    background-color: #e0e0e0;
    border: 1px solid #a0a0a0;
    color: #000000;
    font-size: 0.9em;
    font-weight: normal;
    margin: 5px 10px 5px 0px;
    padding: 3px;
    text-align: left;
    vertical-align: bottom;
}

/* ----------------------------------------------------- */
/* Misc styles */

div.NN4 {
    display: none;
}

div.rNavigationBar {
    margin-bottom: 20px;
    margin-right: 10px;
}

.entryDate {
    background: transparent;
    color: #989898;
    font-style: italic;
}

.commentTitle {
    background: #FFFFDD;
    border: 1px solid #000;
    padding: 3px;
    margin: 0px 5px 10px 0px;
    color: #000000;
    font-size: .9em;
    width: 98%;
}

.version {
    font-size: x-small;
    color: #808080;
}

.page {
    visibility: hidden;
    position: absolute;
    float:left;
    background-color: white;
    border: 1px gray solid;
    padding: 10px;
    width: 80%;
    height: 40em;
}

.tab {
    background-color: white;
    border-top: 1px gray solid;
    border-left: 1px gray solid;
    border-right: 1px gray solid;
    font-family: verdana;
    font-style: bold;
    padding: 5px;
    margin: 2px;
}

/* form layout */

div.row { 
   padding:2px; 
}

div.formrow {
   float:left:
   width:80%;
}

label.formrow {
   float:left;
   text-align: right;
   width:25%;
   padding-right: 1em;
}

div.buttonBox {
   width: 98%; 
   border: 1px solid black;
   background-color: #f3f3f3;
   padding: 3px;
   margin-top: 5em;
   clear:both;
}

.left {
   font-size:small;
   width: 136px;
}

.leftTitle {
   font-size:small;
   font-weight:bold;
}

/* weblog editor styles */

div.previewEntry {
   border: 1px solid gray;
   clear:both;
   height: 22em;
   width: 98%;
   padding: 10px;
   overflow:auto;
}

div.centerTitle {
    border: 1px solid #ccc;
    background: #5454d1;
    color: black;
    font-weight: bolder;
    font-size: large;
    text-align: center;
}

div.control {
    width:85%; 
    background:#f0f0f0;
    padding:4px;  
    margin:5px; 
}

div.controlToggle {
    width:85%; 
    color:black;
    background:#f0f0f0;
    padding:4px;  
    margin:5px;  
    border-top: 1px solid #c0c0c0;
}

a.controlToggle {
    color:black;
    background: transparent;
    text-decoration: none;
}

a.controlToggle:link {
    color:black;
    background: transparent;
    text-decoration: none;
}

a.controlToggle:visited {
    color:black;
    background: transparent;
    text-decoration: none;
}

a.controlToggle:hover {
    color:black;
    background: transparent;
    text-decoration: underline;
    font-weight: bold;
}