html * {
margin: 0;
padding: 0;
}
body { background: #fff; }
/*-- Global ---------- */
body, textarea {
font: 12px/18px Verdana, Tahoma, sans-serif;
color: #333;
}
body { background: #f4f3e5 url(/public/img/sub-main-bg.png) repeat-x; }
body#home { background: #f4f3e5 url(/public/img/home-bg.png) repeat-x; }
a {
color: #0a389c;
font-weight: bold;
}
a:hover {
color: #67902f;
text-decoration: none;
}
img, fieldset { border: 0; }
select option { padding: 0 10px 0 0; }
h1 { font-size: 36px; line-height: 36px; padding-top: 18px; padding-bottom: 18px; }
h2 { font-size: 28px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; }
h3 { font-size: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h4 { font-size: 14px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h5 { font-size: 12px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6 { font-size: 10px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
p { padding: 0 0 18px 0; }
h1, h2, h3, h4, h5, h6 {
/* font-weight: normal; */
}
blockquote {
padding: 18px;
background: #eee;
margin: 0px 36px 18px 18px;
}
ul, ol {
margin: 0px 36px 18px 18px;
}
ul li, ol li { margin: 9px 0 9px 0;}
/*-- Clearing Styles & Container --*/
/*.container {
width: 910px;
margin: 0 auto;
background: #fff;
}*/
.block {
width: 960px;
margin: 0 auto;
display: block;
}
.clearfix { display: inline-block; }
.block:after, .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.column {
float: left;
width: 240px;
}
/*-- Main Navigation --*/
#header {
}
.home-header { height: 307px; background: url(/public/img/header-grad-bg.png) 50% 59px no-repeat; }
.sub-header { height: 176px; background: url(/public/img/jr-sub-header.png) 50% 59px no-repeat; }
#navigation-wrapper {
height: 59px;
background: url(/public/img/header-nav-bg.png) repeat-x;
}
ul.navigation, ul.navigation li {
margin: 0;
list-style: none;
}
ul.navigation li { float: left; height: 59px; }
ul.navigation li a {
height: 59px;
float: left;
background: url(/public/img/nav.png) no-repeat;
text-decoration: none;
text-indent: -999em;
}
ul.navigation li.nav-about_jim a { width: 141px; background-position: 0px 0px; }
ul.navigation li.nav-about_jim a:hover { background-position: -152px 0px; }
ul.navigation li.nav-issues a { width: 98px; background-position: 0px -59px; }
ul.navigation li.nav-issues a:hover { background-position: -152px -59px; }
ul.navigation li.nav-events a { width: 106px; background-position: 0px -531px; }
ul.navigation li.nav-events a:hover { background-position: -152px -531px; }
#home ul.navigation li.nav-events a { width: 106px; background-position: 0px -118px; }
#home ul.navigation li.nav-events a:hover { background-position: -152px -118px; }
ul.navigation li.nav-media a { width: 111px; background-position: 0px -472px; }
ul.navigation li.nav-media a:hover { background-position: -152px -472px; }
#home ul.navigation li.nav-media a { width: 111px; background-position: 0px -177px; }
#home ul.navigation li.nav-media a:hover { background-position: -152px -177px; }
ul.navigation li.nav-news a { width: 91px; background-position: 0px -236px; }
ul.navigation li.nav-news a:hover { background-position: -152px -236px; }
ul.navigation li.nav-contribute a { width: 141px; background-position: 0px -295px; }
ul.navigation li.nav-contribute a:hover { background-position: -152px -295px; }
ul.navigation li.nav-get_involved a { width: 152px; background-position: 0px -354px; }
ul.navigation li.nav-get_involved a:hover { background-position: -152px -354px; }
ul.navigation li.nav-contact a { width: 106px; background-position: 0px -413px; }
ul.navigation li.nav-contact a:hover { background-position: -152px -413px; }
#header-content {
height: 248px;
background: url(/public/img/jr-head.png) 261px 0px no-repeat;
}
#header-buttons {
padding: 0 0 9px 0;
background: url(/public/img/home-content-top.png) 0% 100% no-repeat;
}
h2#home-tagline {
background: url(/public/img/jr-time.png) 312px 108px no-repeat;
width: 661px;
text-decoration: none;
text-indent: -999em;
float: left;
height: 153px;
padding: 0;
}
h3.contribute-button { padding: 0; }
#header-buttons h3.contribute-button a {
height: 86px;
width: 261px;
background: url(/public/img/home-contribute-button.png) no-repeat;
text-decoration: none;
text-indent: -999em;
display: block;
float: left;
}
#header-buttons h3.contribute-button a:hover { background-position: 0px -86px; }
#header-buttons .signup-buttons {
width: 383px;
height: 86px;
background: url(/public/img/home-signup-buttons.png) 316px 0px no-repeat;
float: left;
padding: 0 0 0 316px;
}
#sub-header-buttons {
width: 573px;
float: left;
padding: 23px 0 0 0;
}
#sub-header-buttons .signup-buttons {
width: 373px;
height: 70px;
background: url(/public/img/sub-contribute.png) -1px -142px no-repeat;
float: left;
padding: 0;
}
#sub-header-buttons h3.contribute-button a {
height: 70px;
width: 196px;
background: url(/public/img/sub-contribute.png) -1px 0px no-repeat;
text-decoration: none;
text-indent: -999em;
display: block;
float: left;
}
#sub-header-buttons h3.contribute-button a:hover { background-position: -1px -70px; }
.signup-buttons h3 {
text-indent: -999em;
text-decoration: none;
padding: 0;
float: left;
}
.signup-buttons ul, .signup-buttons ul li { margin: 0; list-style: none; }
.signup-buttons ul { padding: 20px 0 0 127px; }
.signup-buttons ul li { float: left; }
.signup-buttons ul li a {
height: 43px;
background: url(/public/img/signup-buttons-states.png) no-repeat;
text-decoration: none;
text-indent: -999em;
float: left;
display: block;
}
.signup-buttons ul li.signup-textmessages a { width: 116px; }
.signup-buttons ul li.signup-textmessages a:hover { background-position: 0 -43px; }
.signup-buttons ul li.signup-emailupdates a {
width: 119px;
background-position: 0px -86px;
}
.signup-buttons ul li.signup-emailupdates a:hover { background-position: 0 -129px; }
#sub-header-buttons .signup-buttons ul { padding: 12px 0 0 122px; }
/*-- Logo --*/
h1#logo { padding: 0; }
h1#logo a {
display: block;
text-decoration: none;
text-indent: -999em;
width: 299px;
height: 153px;
background: url(/public/img/jr-home-logo.png) 11px 23px no-repeat;
float: left;
}
img.print {
display:none;
}
#sub-header-content { background: url(/public/img/sub-header-right.jpg) 100% 100% no-repeat; }
#sub-header-content h1#logo a {
width: 387px;
height: 117px;
background: url(/public/img/jr-sub-logo.jpg) no-repeat;
}
/*-- Content --*/
#content-wrapper {
background: #001b55;
}
.home-content #content-container { background: url(/public/img/home-content-bg.gif) repeat-y; }
#sub-content-wrapper { background: #001b55 url(/public/img/jr-sub-header.png) 50% -117px no-repeat; }
#sub-content { background: url(/public/img/sub-content-bg.gif) repeat-y; }
#sub-content #content-container { background: url(/public/img/sub-content-top.png) no-repeat; }
#sidebar {
width: 347px;
padding: 0 0 0 13px;
}
#content {
width: 586px;
padding: 0 14px 0 0;
}
.content-blocks {
padding: 18px;
}
h2.contenttitle {
padding: 0 0 9px 0;
color: #0a389c;
font-size: 30px;
letter-spacing: -.05em;
}
.content-blocks h3 {
text-transform: uppercase;
font-family: Georgia, Times, "Times New Roman", serif;
letter-spacing: -.05em;
font-size: 18px;
color: #8dc63e;
font-weight: normal;
padding: 12px 0 6px 0;
}
#intro-content {
padding: 12px 20px 12px 20px;
}
#intro-content h3 {
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 23px;
font-weight: normal;
color: #0a389c;
padding: 0 0 12px 0;
}
/*-- Subnav --*/
.subnav ul, .subnav ul li {
margin: 0; list-style: none;
}
.subnav ul { padding: 7px 0 18px 20px; overflow: hidden; }
.subnav ul li { float: left; width: 327px; border-bottom: solid 1px #d1d1d1; }
.subnav ul li a {
float: left;
width: 313px;
background: url(/public/img/bc-arrow.gif) 0% 50% no-repeat;
padding: 9px 0 8px 14px;
text-decoration: none;
}
/*-- Breadcrumb --*/
ul.breadcrumb, ul.breadcrumb li { margin: 0; list-style: none; }
ul.breadcrumb { padding: 0 0 0 18px; height: 48px; }
ul.breadcrumb li { display: inline; }
ul.breadcrumb li a {
line-height: 48px;
font-size: 10px;
text-decoration: none;
background: url(/public/img/bc-arrow.gif) 100% 3px no-repeat;
padding: 0 10px 0 0;
}
ul.breadcrumb li.active a {
font-weight: normal;
background: none;
color: #67902f;
}
/*-- Badges --*/
.badge {
background: url(/public/img/badge-bg.png) repeat-y;
border-bottom: solid 1px #fff;
padding: 0 0 12px 0;
}
.badge h3 {
background: url(/public/img/badge-top.png) no-repeat;
font-family: Georgia, Times, "Times New Roman", serif;
padding: 15px 20px 3px 20px;
font-size: 23px;
font-weight: normal;
color: #0a389c;
}
.badge .badge-content {
padding: 0 20px;
}
.badge-content p, .badge p.more { padding: 0; font-size: 11px; }
.badge p.more a {
color: #67902f;
padding: 0 10px 0 0;
background: url(/public/img/badge-arrow.gif) 100% 4px no-repeat;
text-decoration: none;
}
#counties-badge { background: url(/public/img/badge-46counties.jpg) no-repeat; height: 122px; padding:0; margin:0; }
#counties-badge .badge-content { padding: 0 150px 0 20px; }
#counties-badge h3 { padding: 10px 190px 3px 20px; margin:0; background: none; line-height: 24px;}
#watchjim-badge { background: url(/public/img/watchjim-badge.jpg) no-repeat; height: 120px; }
#halloween-badge { background: url(/public/img/halloween-badge.jpg) no-repeat; height: 120px; }
#tour-badge { background: url(/public/img/tour-badge.jpg) no-repeat; height: 127px; padding:0; }
#tour-badge .badge-content { padding: 0 120px 0 20px; }
#tour-badge h3 { padding: 15px 20px 3px 20px; background: none;}
#changeorg-badge { height: 280px;}
#registertovote-badge {
background: url(/public/img/registertovote-badge-bg.jpg) no-repeat;
border-bottom: solid 1px #ddd;
}
#registertovote-badge h3 { position: relative; overflow: visible; }
#rexraiser-badge { background: url(/public/img/badge-rexraiser.jpg) no-repeat; height: 119px; padding:0; margin:0; }
#rexraiser-badge .badge-content { padding: 0 40px 0 110px; }
#rexraiser-badge h3 { padding: 15px 15px 3px 110px; background: none;}
#meetsue-badge { background: url(/public/img/suebadge-head.jpg) no-repeat; height: 122px; padding:0; margin:0; }
#meetsue-badge .badge-content { padding: 0 150px 0 20px; }
#meetsue-badge h3 { padding: 15px 20px 3px 20px; background: none;}
#yardsign-badge { background: url(/public/img/yardsign-badge.jpg) no-repeat; height: 122px; padding:0; margin:0; }
#yardsign-badge .badge-content { padding: 0 150px 0 20px; }
#yardsign-badge h3 { padding: 15px 100px 3px 20px; background: none; line-height: 24px; }
#registertovote-badge .badge-content, #watchjim-badge .badge-content, #halloween-badge .badge-content { padding: 0 20px 0 150px; }
#registertovote-badge h3, #watchjim-badge h3, #halloween-badge h3 { padding: 15px 20px 3px 150px; }
#registertovote-badge h3, #46counties-badge h3, #meetsue-badge h3, #watchjim-badge h3, #halloween-badge h3, #rexraiser-badge h3 { background: none; }
/*-- Real Time Feed --*/
#realtime-header {
height: 52px;
background: url(/public/img/realtime-header.jpg) no-repeat;
}
#realtime-header h4 {
padding: 0;
text-indent: -999em;
float: left;
width: 300px;
}
#realtime-feed {
background: url(/public/img/feed-bg.jpg) repeat-y;
}
#realtime-feed ul, #realtime-feed ul li { margin: 0; list-style: none; }
#realtime-feed ul { background: url(/public/img/feed-divider.jpg) 17px 0px no-repeat; }
#realtime-feed ul li {
background: url(/public/img/feed-divider.jpg) 17px 100% no-repeat;
padding: 10px 40px 10px 10px;
}
#realtime-feed ul li h5.rt-title {
padding: 0;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 14px;
padding: 4px 0 6px 42px;
}
#realtime-feed ul li h5.rt-title a {
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 14px;
font-weight: normal;
color: #00246c;
text-decoration: none;
}
#realtime-feed ul li h5.rt-title a:hover { color: #67902f; }
#realtime-feed ul li.rt-facebook h5.rt-title { background: url(/public/img/rt-facebook-icon.png) no-repeat; }
#realtime-feed ul li.rt-twitter h5.rt-title { background: url(/public/img/rt-twitter-icon.png) no-repeat; }
#realtime-feed ul li.rt-blog h5.rt-title { background: url(/public/img/rt-blog-icon.png) no-repeat; }
#realtime-feed ul li.rt-vimeo h5.rt-title { background: url(/public/img/rt-vimeo-icon.png) no-repeat; }
#realtime-feed ul li.rt-news h5.rt-title { background: url(/public/img/rt-news-icon.png) no-repeat; }
#realtime-feed ul li.rt-flickr h5.rt-title { background: url(/public/img/rt-flickr-icon.png) no-repeat; }
#realtime-feed ul li.rt-sue h5.rt-title { background: url(/public/img/rt-sue-icon.png) no-repeat; }
#realtime-feed ul li .rt-post, #realtime-feed ul li .rt-meta {
padding: 3px 0 0 42px;
font-size: 11px;
}
#realtime-feed ul li .rt-meta .date {
font-weight: bold;
color: #6c9532;
}
#realtime-feed ul li a.rt-source { text-transform: capitalize; }
#realtime-footer {
height: 40px;
background: url(/public/img/realtime-footer.jpg) no-repeat;
padding: 13px 0 0 52px;
}
ul#realtime-header-links, ul#realtime-header-links li { margin: 0; }
ul#realtime-header-links {
float: left;
width: 250px;
background: none;
padding: 12px 0 0 0;
}
ul#realtime-header-links li {
padding: 0;
background: none;
float: left;
}
ul#realtime-header-links li a {
background: url(/public/img/feed-header-links.png) no-repeat;
height: 22px;
padding: 0;
text-indent: -999em;
text-decoration: none;
float: left;
display: block;
}
ul#realtime-header-links li#facebook-link a {
width: 73px;
}
ul#realtime-header-links li#flickr-link a {
width: 55px;
background-position: -73px 0px;
}
ul#realtime-header-links li#twitter-link a {
width: 70px;
background-position: -128px 0px;
}
ul#realtime-header-links li#vimeo-link a {
width: 52px;
background-position: -198px 0px;
}
div.feed-flickr {
padding: 0 42px;
}
div.feed-flickr img {
}
/*-- Footer --*/
#footer {
background: url(/public/img/footer-bg.gif) repeat-x;
}
#footer-content {
background: url(/public/img/sub-footer-top.png) no-repeat;
padding: 24px 0 18px 20px;
width: 940px;
font-size: 11px;
}
#home #footer-content {
background: url(/public/img/footer-top.png) no-repeat;
}
#footer-content p {
padding:5px 0 0 0;
}
/* Form */
.generic_form {
width: 560px;
}
.generic_form {
padding: 9px 0 16px 0;
border: none;
margin: 0 0 18px 0;
}
.generic_form fieldset {
border: none;
overflow: auto;
padding: 0;
}
.generic_form fieldset legend {
font-weight: bold;
font-size: 14px;
padding: 0 0 9px 0;
}
.generic_form h3.formsubhead {
font: 11px/18px Verdana, Tahoma, sans-serif;
font-weight: bold;
font-size: 18px;
padding: 12px 4px 6px 0px;
margin: 0 0 6px 0;
}
.generic_form ul {
list-style: none;
margin: 6px 12px;
padding: 0;
}
.generic_form ul li {
margin: 0 0 6px 0;
padding: 0 0 6px 0;
}
.generic_form ul li span {
margin: 0 0 0 6px;
}
.generic_form p.note {
font-size: 10px;
font-weight: bold;
color: #666;
padding: 0 0 0 4px;
}
.generic_form ul li input {
margin: 0 6px 0 0;
vertical-align: middle;
}
.generic_form label {
display: block;
}
.generic_form ul li label {
display: inline;
}
.generic_form input.forminput {
padding: 3px;
font-weight: bold;
}
.generic_form .small input.forminput { width: 65px; }
.generic_form fieldset {
padding: 0 0 10px 0;
border: none;
}
.generic_form p { float: none; }
.generic_form p.formrow, .generic_form p.formsubmit {
clear: both;
width: 500px;
}
/* --------------------------------------------------- */
/* ---- Here is where the form feild lengths are ---- */
.generic_form p.formsubmit { border-top: solid 1px #eee; }
.generic_form p input.forminput { width: 478px; }
.generic_form p.formcol1 input.forminput, .generic_form p.formcol2 input.forminput { width: 220px; }
.generic_form p.formcol1 {
float: left;
clear: both;
width: 260px;
}
.generic_form p.formcol2 {
}
/* ------------------------------------------------- */
.generic_form p { padding: 9px 0; }
.generic_form span.required, .generic_form span.error {
color: #cc0000;
font-style: italic;
font-size: 11px;
margin: 0 0 9px 0;
}
.generic_form span.error { display: block; }
.generic_form .checkbox label, #forminset .checkbox label {
display: inline;
margin: 0 0 0 6px;
}
.generic_form .checkbox { margin: 3px 0; padding: 15px 10px 6px 0; font-size: 11px; }
#forminset {
background: #eee;
padding: 12px;
border: solid 1px #ddd;
}
#forminset p.checkbox {
padding: 0;
margin: 0;
}
p#legalerror {
color: #cc0000;
}
.generic_form select { margin: 2px 0; }
.generic_form textarea {
width: 520px;
padding: 3px;
font-weight: bold;
height: 200px;
}
p.errornotice {
color: #b5121b;
font-size: 13px;
background: #cc0000;
padding: 9px;
margin: 0 0 18px 0;
}
input.submit {
padding: 5px;
font-weight: bold;
}
.generic_form input.submit {
margin: 0 0 18px 0;
padding: 5px;
background: #ccc;
border: solid 1px #ddd;
font-size: 16px;
}
.generic_form .small input.forminput { width: 65px; }
p.error {
color: #cc0000;
}
.error {
color: #cc0000;
}
p.usernotice {
background: #eee;
padding: 9px;
margin: 9px 0 9px 0;
font-weight: bold;
}
span.note {
font-size: 11px;
display: block;
font-style: italic;
}
.generic_form p.captcha {
background: #eee;
padding: 18px;
width: 400px;
margin: 0 0 9px 0;
}
.generic_form .captcha img {
border: solid 1px #eee;
padding: 4px;
background: #fff;
margin: 5px 0 0 0;
}
.generic_form .captcha input.forminput {
width: 170px;
font-size: 16px;
padding: 9px 4px;
vertical-align: top;
margin: 11px 0 0 6px;
text-align: center;
}
.generic_form .captcha span.error { clear: both; }
/* Gallery --- */
ul.gal-breadcrumb, ul.gal-breadcrumb li { margin: 0; list-style: none; }
ul.gal-breadcrumb {
background: #dddddd;
padding: 0 0 0 18px; height: 30px; }
ul.gal-breadcrumb li { display: inline; }
ul.gal-breadcrumb li a {
line-height: 30px;
font-size: 10px;
text-decoration: none;
background: url(/public/img/bc-arrow.gif) 100% 3px no-repeat;
padding: 0 10px 0 0;
}
ul.gal-breadcrumb li.active a {
font-weight: normal;
background: none;
color: #426a12;
}
ul#gallerylist {
float: left;
}
ul#gallerylist, ul#gallerylist li {
list-style: none;
padding: 0;
margin: 0;
}
ul#gallerylist li img.thumbnail {
float: left;
margin: 0 9px 9px 0;
padding: 4px;
border: solid 1px #ddd;
}
ul#gallerylist li {
border-bottom: solid 1px #eee;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
clear: both;
}
ul#gallerylist li h3 {
padding: 0 0 9px 0;
}
ul#gallerylist li h3 a {
font-weight: normal;
}
#gallery {
width: 550px;
}
#gallery h3 {
font-size: 18px;
border-bottom: solid 1px #ddd;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}
#gallery .gallerymeta {
float: right;
font-size: 11px;
}
#photocontainer p {
font-size: 11px;
}
#photocontainer {
margin: 0 auto;
text-align: center;
width: 550px;
}
#photocontainer p {
text-align: left;
}
#photocontainer p.photonav {
padding: 4px 0 4px 0;
text-align: center;
}
#currentphoto {
padding: 6px;
border: solid 1px #ddd;
}
* html #currentphoto { width: 536px; }
.thumbnail {
vertical-align: top;
padding: 3px;
border: solid 1px #ddd;
}
#thumbnails {
margin: 0 auto;
}
#thumbnails p.back {
font-size: 11px;
padding: 0;
}
#thumbnails a {
text-decoration: none;
}
#thumbnails .active {
border: solid 1px #333;
padding: 3px;
}
ul#albums {
width: 550px;
list-style: none;
margin: 0;
padding:0;
}
ul#albums li {
float: left;
width: 120px;
height: 138px;
background: #eee;
border-right: solid 1px #fff;
border-bottom: solid 1px #fff;
padding: 16px 12px;
text-align: center;
}
ul#albums li div.albums-img-container {
overflow: hidden;
width: 80px;
height: 80px;
border: solid 4px #fff;
margin: 0 auto;
}
ul#albums li p { padding: 0; }
ul#albums li h5 {
font-size: 11px;
padding: 3px 0;
border: none;
margin: 0;
}
ul#albums li h5 a { font-weight: normal; }
ul#albums li span {
font-size: 10px;
}
#mediagallery {
width: 550px;
display: block;
padding: 10px 0;
clear: both;
}
#mediagallery h3 {
font-size: 18px;
border-bottom: solid 1px #ddd;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}
/* Events ------*/
ul#eventslist {
list-style: none;
margin: 0;
padding: 0 0 10px 0;
}
ul#eventslist li {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: solid 1px #eee;
}
ul#eventslist li h4 {
padding: 0;
margin: 0;
}
ul#eventslist li h4 a {
padding: 12px 0 4px 0;
display: block;
text-decoration: none;
margin: 0;
font-size: 18px;
}
ul#eventslist li a.more {
display: block;
background: #acb5c3;
padding: 8px;
text-decoration: none;
}
h5.eventsubhead {
padding: 8px 0 8px 0;
margin: 0 0 8px 0;
clear: both;
font-weight: bold;
font-size: 15px;
border-bottom: solid 1px #ccc;
}
#eventform #guestinfo input {
width: 160px;
margin: 0 6px 0 0;
}
#eventform #guestinfo p span {
width: 160px;
display: block;
float: left;
line-height: 1em;
margin: 0 4px 0 0;
padding: 5px 14px 5px 0;
font-weight: bold;
}
/*-- News List ----- */
ul#newslist {
list-style: none;
margin: 0;
}
ul#newslist li {
border-bottom: solid 1px #eee;
padding: 0 0 8px 0;
margin: 0 0 9px 0;
}
ul#newslist p { padding: 0; }
ul#newslist p.date {
font-size: 10px;
color: #cc0000;
padding: 0;
font-weight: bold;
}
ul#newslist p.more {
font-weight: bold;
font-size: 11px;
}
ul#newslist p.more a {
padding: 0 10px 0 0;
font-size: 11px;
}
ul#newslist li h3 { padding: 0; }
ul#newslist li h3 a {
padding: 2px 0 4px 0;
display: block;
text-decoration: none;
margin: 0;
font-size: 16px;
}
/*-- Community Styles ----- */
ul#categorieslist, ul#topicslist {
list-style: none;
padding: 0;
margin: 0;
border-top: solid 2px #ddd;
}
ul#categorieslist li, ul#topicslist li {
padding: 9px 0 9px 0;
border-bottom: solid 1px #ddd;
margin: 0;
}
ul#categorieslist li h4, ul#categorieslist li p, ul#topicslist li h4, ul#topicslist li p { padding: 0; }
ul#categorieslist li h4 a, ul#topicslist li h4 a {
display: block;
font-weight: normal;
float: left;
background: none;
width: 330px;
padding-right: 12px;
}
ul#categorieslist li p.topics {
text-align: right;
}
ul#topicslist li p.comments {
text-align: right;
}
ul#topicslist li p.poster {
clear: both;
font-size: 10px;
padding: 3px 0 0 0;
}
ul#topicslist li p.poster a { color: #b5121b; }
p.back {
float: right;
padding: 9px 0 9px 0;
}
p.back a { font-size: 12px; }
#post { border-top: solid 2px #ddd; }
p#new_topic { float: right; padding: 9px 0 0 0; }
#post #postmeta {
font-size: 10px;
font-weight: bold;
color: #666;
padding: 8px 0 9px 0;
border-top: solid 1px #ddd;
margin: 0 0 9px 0;
}
#post h4 {
color: #b5121b;
font-size: 17px;
padding: 9px 0 9px 0;
}
h4#commentstitle {
border-top: solid 2px #ddd;
color: #1b3765;
font-size: 14px;
}
ul#comments {
list-style: none;
padding: 0;
border-top: solid 1px #ddd;
margin: 0 0 18px 0;
}
ul#comments li {
margin: 0;
padding: 18px;
}
ul#comments li.odd {
background: #eee;
}
ul#comments li p.commenttime {
font-weight: bold;
padding: 0;
font-size: 10px;
}
ul#comments li p.commentmeta {
color: #003468;
padding: 0 0 9px 0;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 13px;
}
div.deletecomment, div.deletetopic {
padding: 9px;
background: #ffd4d6;
margin: 0 0 6px 0;
}
div.deletecomment p, div.deletetopic p {
padding: 0;
}
.deletecommentlink {
float: right;
padding: 0;
}
.deletecommentlink a { background: none; }
.deletetopiclink {
float: left;
padding: 0;
margin: 0 6px 0 0;
}
.deletetopiclink a { background: none; }
ul#comments li p { font-size: 11px; }
ul#comments li p.commentmeta span { font-weight: bold; }
p.postcomment {
float: right;
padding: 9px 0 9px 0;
}
p.postcomment a { font-size: 10px; }
p#editpostlink {
float: right;
padding: 9px 0 9px 0;
}
p#editpostlink a { font-size: 10px; }
#userbox {
}
#userbox p span {
display: block;
font-size: 16px;
color: #b5121b;
padding: 0 0 9px 0 ;
}
#userbox p { padding: 0; }
p#avatar {
float:left;
margin: 0 6px 0 0;
padding: 0;
}
p#avatar img {
width: 56px;
border: solid 1px #eee;
background: #fff;
padding: 2px;
}
p#userlinks {
margin: 9px 0 0 0;
clear: both;
}
p#userlinks a {
margin: 0 6px 0 0;
font-size: 11px;
}
/*-- Directory ----- */
table#memberlist {
width: 450px;
}
table#memberlist th {
text-align: left;
border-top: solid 2px #eee;
border-bottom: solid 1px #eee;
padding: 7px 0 8px 0;
}
table.sortable th {
text-decoration: underline;
}
table#memberlist td {
border-bottom: solid 1px #eee;
}
#searchresultsinfo {
padding: 9px;
background: #eee;
margin: 0 0 18px 0 ;
}
#searchresultsinfo p { padding: 0; }
#memberdetail h3 {
border-bottom: solid 1px #eee;
margin: 0 0 9px 0;
}
#memberdetail h4 {
border-bottom: solid 1px #eee;
margin: 0 0 9px 0;
font-size: 15px;
color: #b5121b;
}
#memberdetail p span { font-weight: bold; }
#memberdetail p#photo {
float: left;
margin: 0 10px 0 0;
}
#memberdetail p#photo img {
border: solid 1px #eee;
background: #fff;
padding: 2px;
}
#memberdetail p#photo, #memberdetail p#class_year, #memberdetail p#contact_email { padding: 0; }
#lastupdated {
font-size: 10px;
font-style: italic;
padding: 18px 0 0 0;
}
#editContent {
background: #fff;
padding: 12px;
}