Times New Roman fonts displayed in Firefox 3.0

edgoss - June 22, 2008 - 18:18

Project:	Abac
Version:	5.x-1.4
Component:	Miscellaneous
Category:	support request
Priority:	normal
Assigned:	Unassigned
Status:	active

I have been using a modified version of this theme for about a year (3-column width), and just love the clean look!

I have significantly modified the CSS code in the style.css file and it validates to the CSS 2.1 standard. For some reason Firefox defaults all text to Times New Roman, but everything works fine in other browsers. I read somewhere that Firefox also needs a font specified in the html file body... and wonder if this is related? If so, how would I inject the code into the template?

Thanks in advance for help with this problem, my site looks simply awful in Firefox.

Here is my CSS code:

ï»¿/**

* Abac theme for Drupal 5.x

* Design: Artinet, http://www.artinet.ru/

* Author: garamond, http://drupal.ru/user/1408

BODY {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 0.74em Arial, sans-serif; COLOR: #454545; PADDING-TOP: 0px

}

A {

COLOR: #295487

}

A:hover {

COLOR: #f60

}

P {

MARGIN: 5px 0px

}

IMG {

BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px

}

.main {

BACKGROUND: #fff; MARGIN: 0px auto; WIDTH: 950px

}

.heada {

CLEAR: both; BACKGROUND: url(images/dotted.gif) #fff repeat-x 50% bottom; WIDTH: 950px; HEIGHT: 49px

}

.headMenu {

FONT-SIZE: 11px; FLOAT: left; WIDTH: 468px

}

.headMenu UL {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 20px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; LIST-STYLE-TYPE: none; BORDER-BOTTOM-STYLE: none

}

.headMenu LI {

DISPLAY: inline

}

.headMenu LI A {

PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; PADDING-BOTTOM: 6px; MARGIN: 0px; COLOR: #f60; PADDING-TOP: 20px; TEXT-DECORATION: none

}

.headMenu LI A:hover {

PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; PADDING-BOTTOM: 6px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 20px; BORDER-BOTTOM: #ccc 4px solid; BACKGROUND-COLOR: #f5f5f5; TEXT-DECORATION: none

}

.search {

MARGIN-TOP: 14px; FLOAT: right

}

.search P {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 14px 0px 0px; PADDING-TOP: 0px; TEXT-ALIGN: right

}

.headb {

CLEAR: both; BACKGROUND: url(images/dotted.gif) #fff repeat-x 50% bottom; WIDTH: 950px; HEIGHT: 166px

}

.headb .logo {

FLOAT: left; WIDTH: 245px; HEIGHT: 165px

}

.headb .welcome {

MARGIN-TOP: 40px; FLOAT: left; WIDTH: 468px

}

.welcome H1 SPAN {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 32px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #666; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: -3px

}

.welcome H1 A {

FONT-WEIGHT: bold; FONT-SIZE: 32px; COLOR: #f60; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: -3px; TEXT-DECORATION: none

}

.welcome P {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; PADDING-TOP: 0px

}

.welcome A {

COLOR: #f60; TEXT-DECORATION: none

}

.welcome A:hover {

COLOR: #f60; TEXT-DECORATION: none

}

.cont {

CLEAR: both

}

.leftColumn {

PADDING-RIGHT: 25px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 8px; WIDTH: 215px; COLOR: #666; PADDING-TOP: 0px

}

.leftColumn H3 {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 18px; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #f60; PADDING-TOP: 10px; BORDER-BOTTOM: #666 2px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: -1px

}

.leftColumn H3 SPAN {

COLOR: #f60

}

.leftColumn UL {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none

}

.leftColumn LI {

PADDING-RIGHT: 0px; DISPLAY: list-item; PADDING-LEFT: 0px; BACKGROUND: url(images/dotted.gif) #fff repeat-x 50% bottom; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

}

.leftColumn P {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/dotted.gif) #fff repeat-x 50% bottom; PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-TOP: 2px

}

.leftColumn LI A {

PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 8px; MARGIN: 0px; COLOR: #666; PADDING-TOP: 8px; TEXT-DECORATION: none

}

.leftColumn P A {

PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 8px; MARGIN: 0px; COLOR: #666; PADDING-TOP: 8px; TEXT-DECORATION: none

}

.leftColumn LI A:hover {

PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: url(images/dotted.gif) #f5f5f5 repeat-x 50% bottom; PADDING-BOTTOM: 8px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 8px; TEXT-DECORATION: none

}

.leftColumn P A:hover {

}

.menu LI A.active {

}

.leftColumn UL.menu LI {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 1em; PADDING-TOP: 0px

}

.center UL.menu LI {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; MARGIN: 0px 0px 0px 1em; PADDING-TOP: 2px

}

LI.expanded {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-IMAGE: url(images/vmenuarrow_down.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: circle; TEXT-DECORATION: none

}

LI.collapsed {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-IMAGE: url(images/vmenuarrow.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: disc; TEXT-DECORATION: none

}

LI.leaf {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-IMAGE: url(images/vmenuarrowhover.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: square; TEXT-DECORATION: none

}

.center {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 8px; WIDTH: 468px; PADDING-TOP: 8px

}

.center P {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-TOP: 4px

}

.center H1 {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 18px; BACKGROUND: url(images/dotted.gif) #fff repeat-x 50% bottom; PADDING-BOTTOM: 12px; MARGIN: 10px 0px; COLOR: #d36206; LINE-HEIGHT: 1em; PADDING-TOP: 0px; LETTER-SPACING: 0px; TEXT-DECORATION: none

}

.center H1 A {

}

.center H1 A:hover {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 18px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #b40000; PADDING-TOP: 0px; LETTER-SPACING: 0px; TEXT-DECORATION: none

}

.center H2 {

PADDING-RIGHT: 0px; BORDER-TOP: #ccc 1px dotted; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 16px; PADDING-BOTTOM: 2px; MARGIN: 8px 0px; BORDER-LEFT: #f60 8px solid; COLOR: #666; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px dotted; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: -0.02em; BACKGROUND-COLOR: #f5f5f5

}

.center H2 A {

COLOR: #666; TEXT-DECORATION: none

}

.center H2 A:hover {

COLOR: #f60

}

.center H3 {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 8px 0px; COLOR: #666; PADDING-TOP: 0px; LETTER-SPACING: 0px; TEXT-DECORATION: none

}

.center H3 A {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 8px 0px; COLOR: #666; PADDING-TOP: 0px; LETTER-SPACING: 0px; TEXT-DECORATION: none

}

.rightColumn {

PADDING-RIGHT: 0px; PADDING-LEFT: 25px; FLOAT: left; PADDING-BOTTOM: 8px; WIDTH: 215px; COLOR: #666; PADDING-TOP: 0px

}

.rightColumn H3 {

}

.rightColumn H3 SPAN {

COLOR: #f60

}

.rightColumn UL {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none

}

.rightColumn LI {

PADDING-RIGHT: 0px; DISPLAY: list-item; PADDING-LEFT: 0px; BACKGROUND: url(images/dotted.gif) #fff repeat-x 50% bottom; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

}

.rightColumn P {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/dotted.gif) #fff repeat-x 50% bottom; PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-TOP: 2px

}

.rightColumn LI A {

PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 8px; MARGIN: 0px; COLOR: #666; PADDING-TOP: 8px; TEXT-DECORATION: none

}

.rightColumn P A {

PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 8px; MARGIN: 0px; COLOR: #666; PADDING-TOP: 8px; TEXT-DECORATION: none

}

.rightColumn LI A:hover {

}

.rightColumn P A:hover {

}

.menu LI A.active {

}

.rightColumn UL.menu LI {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 1em; PADDING-TOP: 0px

}

.bottom {

CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 10px; MARGIN: 0px; COLOR: #ccc; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; TEXT-ALIGN: right

}

.bottom UL {

PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; LIST-STYLE-TYPE: none; BORDER-BOTTOM-STYLE: none

}

.bottom LI {

PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px

}

.bottom LI A {

PADDING-RIGHT: 6px; PADDING-LEFT: 6px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #999; PADDING-TOP: 0px; TEXT-DECORATION: none

}

.slinks A {

PADDING-RIGHT: 6px; PADDING-LEFT: 6px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #999; PADDING-TOP: 0px; TEXT-DECORATION: none

}

.bottom LI A:hover {

PADDING-RIGHT: 6px; PADDING-LEFT: 6px; BACKGROUND: url(images/arrup.gif) #fff no-repeat 50% bottom; PADDING-BOTTOM: 10px; MARGIN: 0px; COLOR: #666; PADDING-TOP: 0px; TEXT-DECORATION: none

}

.slinks A:hover {

PADDING-RIGHT: 6px; PADDING-LEFT: 6px; BACKGROUND: url(images/arrup.gif) #fff no-repeat 50% bottom; PADDING-BOTTOM: 10px; MARGIN: 0px; COLOR: #666; PADDING-TOP: 0px; TEXT-DECORATION: none

}

INPUT.text {

BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BACKGROUND: #fff; MARGIN: 0px; BORDER-LEFT: #ccc 1px solid; WIDTH: 130px; COLOR: #777; BORDER-BOTTOM: #ccc 1px solid

}

INPUT.text:hover {

BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BORDER-LEFT: #666 1px solid; BORDER-BOTTOM: #666 1px solid

}

INPUT.form-submit {

BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 10px; BACKGROUND: #f9f9f9; PADDING-BOTTOM: 1px; MARGIN: 1px; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #ccc 1px solid; COLOR: #f60; PADDING-TOP: 1px; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif

}

FIELDSET {

BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid

}

TEXTAREA.text {

BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BACKGROUND: #fff; BORDER-LEFT: #ccc 1px solid; WIDTH: 90%; COLOR: #444; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 150px

}

TEXTAREA.text:hover {

BORDER-RIGHT: #bbb 1px solid; BORDER-TOP: #bbb 1px solid; BACKGROUND: #fffff4; BORDER-LEFT: #bbb 1px solid; COLOR: #000; BORDER-BOTTOM: #bbb 1px solid

}

INPUT.field {

BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; WIDTH: 200px; COLOR: #444; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #fff

}

INPUT.field:hover {

BORDER-RIGHT: #bbb 1px solid; BORDER-TOP: #bbb 1px solid; BACKGROUND: #fff; BORDER-LEFT: #bbb 1px solid; COLOR: #444; BORDER-BOTTOM: #bbb 1px solid

}

INPUT.button {

BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: #f4f4f4; BORDER-LEFT: #ccc 1px solid; COLOR: #555; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif

}

.comments {

PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #f8f8f8; PADDING-BOTTOM: 8px; MARGIN: 0px 0px 7px; COLOR: #666; PADDING-TOP: 10px

}

.commentsbox {

PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: #f4f4f4; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 10px; COLOR: #666; PADDING-TOP: 8px

}

.error {

BORDER-RIGHT: #f60 1px dashed; PADDING-RIGHT: 7px; BORDER-TOP: #f60 1px dashed; MARGIN-TOP: 5px; PADDING-LEFT: 7px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 7px; BORDER-LEFT: #f60 1px dashed; COLOR: #f60; PADDING-TOP: 7px; BORDER-BOTTOM: #f60 1px dashed; BACKGROUND-COLOR: #fec

}

.error H2 {

FONT-WEIGHT: normal; COLOR: #f60; LETTER-SPACING: -1px

}

.success {

BORDER-RIGHT: #ccc 1px dashed; PADDING-RIGHT: 7px; BORDER-TOP: #ccc 1px dashed; MARGIN-TOP: 5px; PADDING-LEFT: 7px; BACKGROUND: #f5f5f5; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 7px; BORDER-LEFT: #ccc 1px dashed; COLOR: #666; PADDING-TOP: 7px; BORDER-BOTTOM: #ccc 1px dashed

}

.success H2 {

FONT-WEIGHT: normal; COLOR: #666; LETTER-SPACING: -1px

}

.breadcrumb {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 8px; MARGIN: 0px; COLOR: #f60; PADDING-TOP: 6px; BORDER-BOTTOM: #999 2px solid; FONT-FAMILY: Arial, Helvetica, sans-serif

}

.breadcrumb A {

COLOR: #666; TEXT-DECORATION: none

}

.mission {

BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #f5f5f5; TEXT-ALIGN: center

}

.sticky {

BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 15px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 15px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 8px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #fbfbfb

}

SPAN.submitted {

FONT-SIZE: 10px; COLOR: #898989

}

.description {

FONT-SIZE: 10px; COLOR: #898989

}

.node_read_more {

FONT-SIZE: 10px

}

.comment_forbidden {

FONT-SIZE: 10px

}

.blog_usernames_blog {

FONT-SIZE: 10px

}

.comment_add {

FONT-SIZE: 10px

}

.book_add_child {

FONT-SIZE: 10px

}

.book_printer {

FONT-SIZE: 10px

}

.comment_comments {

FONT-SIZE: 10px

}

.comment_new_comments {

FONT-SIZE: 10px

}

.comment_delete {

FONT-SIZE: 10px

}

.comment_edit {

FONT-SIZE: 10px

}

.comment_reply {

FONT-SIZE: 10px

}

.terms {

FONT-SIZE: 10px

}

.node_read_more A {

BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ccc 1px solid; COLOR: #888; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #e4f8da; TEXT-DECORATION: none

}

.comment_forbidden A {

}

.blog_usernames_blog A {

}

.comment_add A {

}

.book_add_child A {

}

.book_printer A {

}

.comment_comments A {

}

.comment_new_comments A {

}

.comment_delete A {

}

.comment_edit A {

}

.comment_reply A {

}

.terms A {

}

.last-reply {

FONT-SIZE: 9px

}

.created {

FONT-SIZE: 9px

}

.replies {

FONT-SIZE: 9px

}

.last-reply A {

TEXT-DECORATION: none

}

.created A {

TEXT-DECORATION: none

}

.replies A {

TEXT-DECORATION: none

}

TABLE {

BORDER-COLLAPSE: collapse

}

TH {

PADDING-RIGHT: 1em; FONT-SIZE: 10px; BORDER-BOTTOM: #ccc 3px solid; TEXT-ALIGN: left

}

TH.active IMG {

DISPLAY: inline

}

TR.even {

BORDER-RIGHT: #dfdfe1 0px solid; BORDER-TOP: #dfdfe1 1px solid; BORDER-LEFT: #dfdfe1 0px solid; BORDER-BOTTOM: #dfdfe1 1px solid

}

TR.odd {

BORDER-RIGHT: #dfdfe1 0px solid; BORDER-TOP: #dfdfe1 1px solid; BORDER-LEFT: #dfdfe1 0px solid; BORDER-BOTTOM: #dfdfe1 1px solid

}

TBODY TH {

BORDER-RIGHT: #dfdfe1 0px solid; BORDER-TOP: #dfdfe1 1px solid; BORDER-LEFT: #dfdfe1 0px solid; BORDER-BOTTOM: #dfdfe1 1px solid

}

TR.odd {

BACKGROUND-COLOR: #f9f9f9

}

TR.info {

BACKGROUND-COLOR: #f9f9f9

}

TR.even {

BACKGROUND-COLOR: #fff

}

TR.odd TD.active {

BACKGROUND-COLOR: #f2f2f2

}

TR.even TD.active {

BACKGROUND-COLOR: #f9f9f9

}

TD.active {

BACKGROUND-COLOR: #ddd

}

#forum TD.container {

PADDING-RIGHT: 0px; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 2px; MARGIN: 8px 0px; COLOR: #fff; PADDING-TOP: 2px; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: -0.02em; BACKGROUND-COLOR: #f60

}

#forum TD.container A {

COLOR: #fff; TEXT-DECORATION: none

}

.pager {

CLEAR: both; MARGIN-TOP: 20px; FONT-SIZE: 10px; BACKGROUND: #f5f5f5; TEXT-ALIGN: center

}

.pager-current {

COLOR: #fff; BACKGROUND-COLOR: #f60

}

.pager A {

PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none

}

.pager A:hover {

BACKGROUND-COLOR: #f5f5f5

}

.book-navigation .menu {

PADDING-RIGHT: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 8px; PADDING-TOP: 0px

}

.book-navigation .page-links {

PADDING-RIGHT: 2px; BORDER-TOP: #c0c0c0 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #c0c0c0 1px solid; BACKGROUND-COLOR: #fbfbfb; TEXT-ALIGN: center

}

.copy {

FONT-SIZE: 9px; COLOR: #ccc

}

.copy A {

PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; COLOR: #f5f5f5; PADDING-TOP: 0px; BACKGROUND-COLOR: #ccc; TEXT-DECORATION: none

}

.picture {

FLOAT: right; MARGIN: 0px 0px 0px 10px

}

IMG.left {

FLOAT: left; MARGIN: 0px 12px 0px 0px

}

IMG.right {

FLOAT: right; MARGIN: 0px 0px 0px 12px

}

IMG.center {

DISPLAY: block; MARGIN: 0px auto

}

.advertisement {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-TOP: 10px; PADDING-BOTTOM: 10px

}

.advertisement#group-tids-41 .image-advertisement {
float: left;
padding-left: 18px; padding-right: 18px

}

.advertisement#group-tids-37 {
text-align: center

}

.advertisement#group-tids-33 {
text-align: center

}

.advertisement#group-tids-34 {
text-align: center

}

/* Fix for ie6/win having issues with the sticky boxes and causing it to reflow below the menu. */
* html .main { MARGIN: 0px auto; WIDTH: 970px}
* html .leftColumn LI A { HEIGHT: 1%; PADDING: 8px 0px 8px 0px; DISPLAY: block; MARGIN: 0px; COLOR: #666; TEXT-DECORATION: none}
* html .leftColumn P A { HEIGHT: 1%; PADDING: 8px 0px 8px 5px; DISPLAY: block; MARGIN: 0px; COLOR: #666; TEXT-DECORATION: none}
* html .leftColumn LI A:hover { HEIGHT: 1%; PADDING: 8px 0px 8px 0px; DISPLAY: block; MARGIN: 0px; COLOR: #000; TEXT-DECORATION: none}
* html .leftColumn P A:hover { HEIGHT: 1%; PADDING: 8px 0px 8px 5px; DISPLAY: block; MARGIN: 0px; COLOR: #000; TEXT-DECORATION: none}
* html .leftColumn LI { HEIGHT: 1%; PADDING: 8px 0px 8px 0px; MARGIN: 0px;}
* html .menu LI A.active { HEIGHT: 1%; PADDING: 8px 0px 8px 5px; DISPLAY: block; MARGIN: 0px; COLOR: #000; TEXT-DECORATION: none}
* html .rightColumn LI A { HEIGHT: 1%; PADDING: 8px 0px 8px 0px; DISPLAY: block; MARGIN: 0px; COLOR: #666; TEXT-DECORATION: none}
* html .rightColumn P A { HEIGHT: 1%; PADDING: 8px 0px 8px 5px; DISPLAY: block; MARGIN: 0px; COLOR: #666; TEXT-DECORATION: none}
* html .rightColumn LI A:hover { HEIGHT: 1%; PADDING: 8px 0px 8px 0px; DISPLAY: block; MARGIN: 0px; COLOR: #000; TEXT-DECORATION: none}
* html .rightColumn P A:hover { HEIGHT: 1%; PADDING: 8px 0px 8px 5px; DISPLAY: block; MARGIN: 0px; COLOR: #000; TEXT-DECORATION: none}
* html .rightColumn LI { HEIGHT: 1%; PADDING: 8px 0px 8px 0px; MARGIN: 0px;}
* html .menu LI A.active { HEIGHT: 1%; PADDING: 8px 0px 8px 5px; DISPLAY: block; MARGIN: 0px; COLOR: #000; TEXT-DECORATION: none}

» Login or register to post comments

Times New Roman fonts displayed in Firefox 3.0

User login

Contributor links