gremmie@1: body { gremmie@1: background-color: #eee; gremmie@1: } gremmie@1: #page { gremmie@1: } gremmie@1: #header { gremmie@1: background-color: teal; gremmie@1: } gremmie@1: #header h1 { gremmie@1: border-bottom: 1px solid #ccc; gremmie@1: font: normal italic 1.5em/18px Georgia, serif; gremmie@1: margin-bottom: 11px; gremmie@1: color: #57FEFF; gremmie@1: margin-left: -108px; gremmie@1: padding: 15px 0 21px 108px; gremmie@1: } gremmie@1: #header p { gremmie@1: float: left; gremmie@1: padding: 60px 24px 24px 24px; gremmie@1: font-size: 1.5em; gremmie@1: line-height: 1em; gremmie@1: } gremmie@1: #header ul { gremmie@1: padding-top: 62px; gremmie@1: padding-right: 12px; gremmie@1: text-align: right; gremmie@1: list-style: none; gremmie@1: } gremmie@1: #header li { gremmie@1: display: inline; gremmie@1: margin: 0 12px; gremmie@1: } gremmie@1: #header li a { gremmie@1: font-size: 1.25em; gremmie@1: line-height: 1em; gremmie@1: text-decoration: none; gremmie@1: color: #57FEFF; gremmie@1: } gremmie@1: #header li a:hover { gremmie@1: color: #300; gremmie@1: } gremmie@1: #content-primary { gremmie@1: } gremmie@1: #content-secondary { gremmie@1: } gremmie@1: #footer { gremmie@1: height: 192px; gremmie@1: background: #333; gremmie@1: font-size: 10px; gremmie@1: line-height: 1em; gremmie@1: text-shadow: 1px 1px 1px #333; gremmie@1: color: #fff; gremmie@1: } gremmie@1: #footer p { bgneal@19: margin: 1em; gremmie@1: } bgneal@42: #footer a { bgneal@42: color: #0ff; bgneal@42: } gremmie@1: ul.app-menu { gremmie@1: text-align: center; gremmie@1: list-style: none; gremmie@1: } gremmie@1: ul.app-menu li { gremmie@1: display: inline; gremmie@1: border: 1px solid black; gremmie@1: padding: 3px 1em; gremmie@1: background-color: teal; gremmie@1: } gremmie@1: ul.app-menu li a { gremmie@1: text-decoration: none; gremmie@1: background-color: teal; gremmie@1: color: #111; gremmie@1: } gremmie@1: ul.app-menu li a:hover { gremmie@1: color: #fff; gremmie@1: } gremmie@1: div.side-block { gremmie@1: margin: 0 0 0.5em 0; gremmie@1: padding: 2px 2px; gremmie@1: width: 100%; gremmie@1: } gremmie@1: div.side-block-title { gremmie@1: margin: 0; gremmie@1: background-color: teal; gremmie@1: color: white; gremmie@1: font-weight: bold; gremmie@1: text-align: center; gremmie@1: } gremmie@1: div.side-block-content { gremmie@1: margin: 0; gremmie@1: border: 1px solid teal; gremmie@1: padding: 2px 2px; gremmie@1: } gremmie@1: iframe { gremmie@1: margin-bottom: 1em; gremmie@1: } gremmie@1: img { gremmie@1: border-style: none; gremmie@1: } gremmie@1: .breadcrumbs { gremmie@1: font-size: x-small; bgneal@13: padding-bottom: 0.5em; gremmie@1: } bgneal@5: table { bgneal@5: width: auto; bgneal@5: } bgneal@16: .errorlist { bgneal@16: background: #FBE3E4; bgneal@16: color: #8a1f11; bgneal@16: border-color: #FBC2C4; bgneal@16: border: 2px solid #ddd; bgneal@16: } bgneal@26: .app-logo { bgneal@26: text-align: center; bgneal@26: padding: 0.5em; bgneal@26: } bgneal@28: .bulletin { bgneal@28: text-align: center; bgneal@28: margin: 1em 1em; bgneal@28: padding: 1em 1em 0; bgneal@28: border: 1px solid black; bgneal@28: } bgneal@28: .bulletin h3 { bgneal@28: background-image: url(../icons/asterisk_orange.png); bgneal@28: background-position: center left; bgneal@28: background-repeat: no-repeat; bgneal@28: } bgneal@28: .bulletin .bulletin-meta { bgneal@28: font-size: x-small; bgneal@28: color: gray; bgneal@28: text-align: right; bgneal@28: } bgneal@29: ul.icon-list li { bgneal@29: list-style-type: none; bgneal@29: } bgneal@33: #slideshow { bgneal@33: position:relative; bgneal@33: left:15px; bgneal@33: height:240px; bgneal@33: } bgneal@33: #slideshow img { bgneal@33: position:absolute; bgneal@33: top:0; bgneal@33: left:0; bgneal@33: z-index:8; bgneal@33: opacity:0.0; bgneal@33: } bgneal@33: #slideshow img.active { bgneal@33: z-index:10; bgneal@33: opacity:1.0; bgneal@33: } bgneal@33: #slideshow img.last-active { bgneal@33: z-index:9; bgneal@33: } bgneal@81: table.forum-index-table { bgneal@81: width:100%; bgneal@81: } bgneal@81: table.forum-index-table thead th { bgneal@81: background:teal; bgneal@81: } bgneal@83: table.forum-index-table .forum-title { bgneal@84: width:60%; bgneal@81: } bgneal@83: table.forum-index-table .forum-topics { bgneal@81: width:10%; bgneal@81: text-align:center; bgneal@81: } bgneal@83: table.forum-index-table .forum-posts { bgneal@81: width:10%; bgneal@81: text-align:center; bgneal@81: } bgneal@83: table.forum-index-table .forum-last_post { bgneal@84: width:20%; bgneal@81: text-align:center; bgneal@81: } bgneal@83: bgneal@83: table.forum-index-table .forum-index_title { bgneal@84: width:50%; bgneal@83: } bgneal@83: table.forum-index-table .forum-index_replies { bgneal@81: width:10%; bgneal@81: text-align:center; bgneal@81: } bgneal@83: table.forum-index-table .forum-index_author { bgneal@81: width:10%; bgneal@81: text-align:center; bgneal@81: } bgneal@83: table.forum-index-table .forum-index_views { bgneal@83: width:10%; bgneal@83: text-align:center; bgneal@83: } bgneal@83: table.forum-index-table .forum-index_last_post { bgneal@84: width:20%; bgneal@81: text-align:center; bgneal@81: } bgneal@86: table.forum-topic { bgneal@86: border:1px solid black; bgneal@86: width:100%; bgneal@86: margin-top: 5px; bgneal@86: } bgneal@86: td.forum-post-author { bgneal@86: width:5%; bgneal@86: border-right: 1px solid #ccc; bgneal@86: } bgneal@86: td.forum-post-body { bgneal@86: vertical-align: top; bgneal@86: width:95%; bgneal@86: } bgneal@86: div.forum-post-info { bgneal@86: padding: 2px; bgneal@86: font-size:.8em; bgneal@86: border-bottom: 1px solid #ccc; bgneal@86: margin-bottom: 5px; bgneal@86: } bgneal@86: div.forum-post-info img { bgneal@86: float: left; bgneal@86: margin-right: 5px; bgneal@86: }