html * {
margin: 0 auto;
padding: 0;
}
body {
font: 78%/150% Arial, Helvetica, sans-serif;
color: #000;
background: #fff url(/public/img/background.gif) 50% 0% repeat-x;
}
/*-- Global ---------- */
a {
font-weight: bold;
color: #492f92;
}
a:hover {
}
img { border: 0; }
p { padding: 0 0 10px 0; }
select option { padding: 0 10px 0 0; }
h3 {
font-size: 1.6em;
padding: 0 0 10px 0;
color: #492f91;
}
h4 {
padding: 10px 0 0 0;
color: #2e9794;
}
p.date {
padding: 0;
color: #007672;
font-size: .9em;
font-weight: bold;
padding: 0 0 6px 0;
}
#rss {
float: right;
padding: 9px 0 0 0;
}
#rss a {
background: url("/public/img/feed-icon.gif") no-repeat;
padding: 0 0 0 18px;
text-decoration: none;
}
p#total {
font-weight: bold;
}
/*-- Container ---------- */
#pageformat {
margin: 14px auto 0 auto;
width: 768px;
background: #fff;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
#container {
width: 768px;
}
/*-- Header ---------- */
#header {
height: 117px;
}
#header h1 a {
display: block;
height: 74px;
width: 292px;
background: url("/public/img/nonprofitnook_logo.gif") no-repeat;
display: block;
text-decoration: none;
text-indent: -999em;
float: left;
margin: 0 -3px 0 0;
}
html>body #header h1 a { margin: 0; }
ul#topnav {
margin: 0 0 0 289px;
text-align: right;
list-style: none;
border-top: solid 22px #fff;
background: #f2f1ee;
}
html>body ul#topnav { margin: 0 0 0 292px; }
ul#topnav li {
display: inline;
}
ul#topnav li a {
line-height: 27px;
font-weight: normal;
color: #000;
text-decoration: none;
padding: 0 6px 0 6px;
border-left: solid 1px #000;
font-size: .9em;
}
ul#topnav li a#loginlink {
background: url("/public/img/login_icon.gif") 0 50% no-repeat;
border: none;
padding: 0 6px 0 16px;
}
ul#mainnav {
clear: both;
height: 43px;
list-style: none;
}
ul#mainnav li {
display: inline;
}
ul#mainnav li a {
float: left;
width: 94px;
height: 45px;
display: block;
color: #492f92;
font-size: .8em;
text-decoration: none;
text-align: center;
background: url("/public/img/mainnav_bg.gif") no-repeat;
line-height: 45px;
padding: 0 2px 0 0;
}
ul#mainnav li a:hover { color: #007e7a; }
/*-- Home Welcome ---------- */
#homewelcome {
padding: 3px 0 0 19px;
}
/*-- cols ---------- */
#homecols {
/*background: url("/public/img/colbkg.gif") repeat-x;*/
background: url("/public/img/homecolsbg.gif") 245px 0px repeat-y;
margin: 0;
padding: 0 0 9px 0;
}
#homecols h2 {
color: #0a7c75;
font-size: 1.2em;
padding: 4px 0px 4px 15px;
margin: 0 0 5px 0;
background: url("/public/img/login_icon.gif") 0 50% no-repeat;
}
#homecols p {
margin: 0 0 5px 0;
}
#homecols p.date {
padding: 3px 0 0 0;
}
#homecols h3, #homecols h4 {
padding: 0;
}
#homecols h3 {
font-size: 14px;
padding: 3px 0 0 0;
}
#homecola {
width: 225px;
float: left;
margin: 0;
padding: 3px 10px;
background: url("/public/img/colbkg.gif") repeat-x;
}
.memberpic {
padding: 3px;
background: #fff;
margin: 0 0 5px 5px;
border: solid 1px #007975;
}
#homecolb {
width: 225px;
float: left;
margin: 0;
padding: 3px 13px;
border-left: 1px solid #999;
border-right: 1px solid #999;
background: url("/public/img/colbkg.gif") repeat-x;
}
/*-- Col1 ---------- */
#homecol1 {
width: 291px;
float: left;
margin: 0 -3px 0 0;
}
#homecol1 h2, #homecol2 h2 {
color: #0a7c75;
font-size: 1.2em;
padding: 4px 0px 4px 36px;
background: #f2f1ee url("/public/img/login_icon.gif") 20px 50% no-repeat;
}
ul#homenews {
list-style: none;
float: left;
padding: 10px 10px 0 20px;
}
ul#homenews p { padding: 0; }
img.newslistimg {
float: left;
padding: 2px;
border: solid 1px #b1b1b1;
margin: 0 10px 0 0;
}
ul#homenews li p.date {
color: #492f92;
font-weight: bold;
padding: 0 0 2px 0;
font-size: 1.1em;
}
ul#homenews li {
clear: both;
float: left;
width: 261px;
background: url("/public/img/li_dots.gif") left bottom repeat-x;
padding: 0 0 8px 0;
margin: 0 0 8px 0;
font-size: .9em;
}
#homecol1 p.more, .membernews p.more { padding: 0 0 0 20px; }
#homecols p.more a, .membernews p.more a {
padding: 0 8px 0 0;
background: url("/public/img/grn_arrow_r.gif") 100% 50% no-repeat;
text-decoration: none;
margin: 0 6px 0 0;
}
#homecolb p, .membernews p.more { padding: 0; }
#homecolb h4, #homecolc h4 { padding: 0 0 3px 0; }
#homecolb h4 a, #homecolc h4 a {
text-decoration: none;
font-size: 12px;
}
#homecolc {
width: 250px;
float: left;
margin: 0;
padding: 3px 10px;
background: url("/public/img/colbkg.gif") repeat-x;
}
#homecolc ul li {
padding: 4px 0;
margin: 0;
border: none;
list-style: none;
}
#homecolc ul li {
border-bottom: solid 1px #eee;
}
#homecolc h4 {
padding: 0;
margin: 0 0 9px 0;
}
#homecolc h4 a { text-decoration: underline; }
#homecolc ul li p.date, #homecolc ul li p.meta {
padding: 0;
font-size: 11px;
margin: 0;
}
#homecolc p.date {
font-weight: normal;
padding: 0;
margin: 0;
}
#homecolc ul li h4, #homecolc ul li h4 a { padding: 0; }
#homecolc h3 {
border-bottom: solid 1px #ccc;
margin: 0 0 4px 0;
}
/*-- Col2 ---------- */
#homecol2 {
width: 477px;
margin: 0 0 0 288px;
}
html>body #homecol1 { margin: 0; }
html>body #homecol2 { margin: 0 0 0 291px; }
ul#homeresources {
padding: 0 0 20px 20px;
list-style: none;
}
ul#homeresources li.top {
float: left;
width: 228px;
}
ul#homeresources li h3 {
border-bottom: solid 2px #b8b7af;
padding: 10px 0 3px 0;
margin: 0 0 10px 0;
background: #fff;
}
ul#homeresources li h3 a {
padding: 0 0 0 10px;
background: url("/public/img/blu_arrow_r.gif") 0 50% no-repeat;
font-size: .8em;
text-decoration: none;
}
ul#homeresources li ul {
list-style: none;
padding: 0 10px 0 0;
}
ul#homeresources li ul li a {
font-size: .8em;
font-weight: normal;
color: #000;
padding: 0 0 0 6px;
background: url("/public/img/gray_arrow_r.gif") 0 50% no-repeat;
}
#homeresources p.more {
clear: both;
padding: 10px 0 0 0;
}
#homeresources p.more a {
padding: 0 10px 0 0;
background: url("/public/img/orn_arrow_r.gif") 100% 50% no-repeat;
text-decoration: none;
}
/*-- Col1 ---------- */
#col1 {
width: 290px;
float: left;
margin: 0 -3px 0 0;
background: url("/public/img/col1_bg.jpg") 100% 0% repeat-y;
}
h2#subnavtitle {
color: #007e7a;
font-size: 1.2em;
background: #e0dfdb;
padding: 6px 10px 6px 36px;
background: #f2f1ee url("/public/img/login_icon.gif") 20px 10px no-repeat;
width: 240px;
}
ul#subnav {
list-style: none;
padding: 12px 12px 24px 24px;
background: url("/public/img/col1_bottom.jpg") bottom right no-repeat;
}
ul#subnav li ul {
list-style: none;
padding: 0 0 0 12px;
}
ul#subnav li a, ul#subnav li ul li a {
color: #000;
font-weight: normal;
background: url("/public/img/gray_arrow_r.gif") 0 50% no-repeat;
padding: 2px 0 2px 12px;
font-size: 1.2em;
}
ul#subnav li ul li a {
font-size: 1em;
font-weight: normal;
}
#userbox {
background: #f4f4f4;
margin: 0 0 1px 0;
padding: 9px 9px 15px 19px;
background: url("/public/img/col1_bottom.jpg") bottom right no-repeat;
}
#userbox p span {
display: block;
font-size: 16px;
padding: 0 0 9px 0 ;
}
#userbox p { padding: 0; }
p#avatar {
float:left;
margin: 0 6px 0 0;
padding: 0;
}
p#avatar img {
width: 75px;
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;
}
/*-- Col2 ---------- */
#col2 {
width: 478px;
margin: 0 0 0 287px;
}
html>body #col1 { margin: 0; }
html>body #col2 { margin: 0 0 0 290px; }
#contentarea {
padding: 20px;
}
#contentarea h2#contenttitle {
color: #007e7a;
font-size: 1.8em;
padding: 6px 10px 15px 16px;
background: url("/public/img/login_icon.gif") 0 10px no-repeat;
}
/*#contentarea ul { list-style: none; }*/
#searchinfo {
padding: 8px;
background: #eee;
margin: 0 0 12px 0;
}
#contentarea ol, #contentarea ul {
padding: 16px 24px 16px 24px;
}
#contentarea li { padding: 4px 0 4px 0; }
h4#articletitle {
font-size: 1.5em;
line-height: 1.2em;
}
p.author {
font-style: italic;
font-weight: bold;
color: #492f91;
padding: 3px 0 6px 0;
}
/*-- Footer ---------- */
#footer {
padding: 8px;
text-align: center;
background: #007975;
clear: both;
color: #fff;
font-size: .9em;
line-height: 12px;
margin: 0;
}
#footer ul { list-style: none; }
#footer ul li {
display: inline;
}
#footer ul li a {
font-weight: normal;
color: #fff;
padding: 0 6px 0 6px;
}
#footer ul li a:hover {
text-decoration: none;
}
/*-- Newsevents ---------- */
ul#newslist,ul#eventslist {
float: left;
padding: 0;
list-style: none;
width: 438px;
}
ul#newslist li, ul#eventslist li {
padding: 0 0 12px 0;
margin: 0 0 12px 0;
border-bottom: solid 1px #eee;
}
ul#newslist p.date, ul#eventslist p.date {
padding: 0;
font-size: .9em;
color: #007672;
font-weight: bold;
}
ul#newslist h3, ul#eventslist h3 {
padding: 0;
font-size: 1.3em;
}
ul#newslist h4 {
font-size: 1.4em;
}
ul#newslist h4 a {
color: #2e9794;
text-decoration: none;
}
ul#newslist h3 a, ul#eventslist h3 a { text-decoration: none; }
ul#newslist .more, ul#eventslist .more {
font-weight: bold;
color: #666;
padding: 0;
}
ul#newslist .more a, ul#eventslist .more a {
background: url("/public/img/orn_arrow_r.gif") 100% 50% no-repeat;
text-decoration: none;
padding: 0 10px 0 0;
margin: 0 6px 0 0;
}
ul#newslist p.info { padding: 0; }
#eventform #guestinfo input {
width: 120px;
margin: 0 6px 0 0;
}
#eventform #guestinfo p span {
width: 120px;
display: block;
float: left;
line-height: 1em;
margin: 0 4px 0 0;
padding: 5px 14px 5px 0;
font-weight: bold;
}
/* Form Styles
-------------------------------*/
form {
width: 450px;
float: left;
padding: 0 0 20px 0;
}
form p {
}
form p, form .formr {
font-weight: bold;
}
form p.formcol1 {
width: 225px;
float: left;
clear: both;
}
form p.formcol2 {
margin: 0 0 0 225px;
}
#highlight {
background: #F7C91E;
padding: 5px;
}
form p.formrow {
width: 450px;
clear: both;
}
form p input.forminput {
padding: 3px;
font-size: 1.1em;
width: 200px;
}
form textarea {
width: 400px;
height: 150px;
padding: 3px;
font-style: font: Verdana, Tahoma, Arial, sans-serif;
margin: 0 0 10px 0;
}
form .formr, form .formwrapper, fieldset {
clear: both;
margin: 0 0 10px 0;
}
form .submit {
padding: 3px;
font-weight: bold;
}
p.error {
color: #cc0000;
font-size: .9em;
}
span.error, span.required {
color: #cc0000;
font-size: .9em;
font-weight: bold;
}
span.error { display: block; }
form p label {
display: block;
margin: 4px 0 0 0;
}
form fieldset label {
}
form fieldset {
border: none;
padding: 0;
}
form h3 {
clear: both;
}
form p span {
font-weight: normal;
}
fieldset legend {
font-size: 1.4em;
font-weight: bold;
padding: 0 0 8px 0;
}
fieldset {
border-bottom: solid 1px #ddd;
margin: 0 0 12px 0;
}
.formcheck label {
display: inline;
margin: 0 0 0 6px;
}
img#captcha {
display: block;
clear: both;
margin: 4px 0;
}
/*-- Community Styles ----- */
#new_topic_link { float: right; }
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#topicslist li.sticky {
border-bottom: solid 4px #ddd;
padding: 11px 9px 9px 9px;
background: #eee;
}
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;
padding-right: 12px;
}
ul#categorieslist li p.topics {
text-align: right;
}
ul#topicslist li p.comments {
text-align: right;
}
ul#topicslist li p.poster {
font-size: 10px;
padding: 3px 0 0 0;
}
ul#topicslist li p.poster a { color: #b5121b; }
ul#topicslist li p.meta {
clear: both;
font-size: 11px;
}
p.back {
float: right;
padding: 0;
}
p.back a { font-size: 11px; }
#post { border-top: solid 2px #ddd; }
#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 {
font-size: 17px;
padding: 9px 0 9px 0;
}
h4#commentstitle {
border-top: solid 2px #ddd;
font-size: 14px;
padding: 10px 0 0 0;
}
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.avatar {
float: left;
padding: 0;
}
ul#comments li p.avatar img {
width: 40px;
margin: 0 8px 6px 0;
}
ul#comments li p.commenttime {
font-weight: bold;
padding: 0;
font-size: 10px;
}
ul#comments li p.commentmeta {
padding: 0 0 9px 0;
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: 10px 0 0 0;
}
p.postcomment a { font-size: 10px; }
p#editpostlink {
float: right;
padding: 9px 0 9px 0;
}
p#editpostlink a { font-size: 10px; }
#editContent {
background: #fff;
padding: 10px;
}
table#memberlist {
width: 100%;
}
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;
padding: 7px 0 8px 0;
}
#searchresultsinfo {
padding: 9px;
background: #eee;
margin: 0 0 18px 0 ;
}
#searchresultsinfo p { padding: 0; }
#memberdetail {
text-align: left;
}
#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;
}
#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; }
/*--- Members Home Page ---*/
.membernews {
/*border-bottom: solid 1px #eee;*/
padding: 9px 0;
margin: 0 0 9px 0;
}
.membernews h3 {
font-size: 16px;
padding: 0 0 3px 0;
margin: 0 0 7px 0;
border-bottom: solid 2px #ddd;
}
.membernews h4 {
font-size: 13px;
padding: 0;
}
.membernews p.date {
padding: 3px 0;
}
.membernews #topicslist {
border: none;
padding: 0;
}
.membernews #topicslist h4 a {
font-weight: bold;
}
.membernews #topicslist p.date { padding-top: 0; }
/*.membernews #topicslist p.meta { font-size: 12px; }*/
/*-- Jobs ---- */
ul#joblist {
margin: 0;
list-style: none;
padding: 0;
}
ul#joblist li {
margin: 0;
padding: 0 0 18px 0;
}
ul#joblist li h4 {
font-size: 14px;
}
ul#joblist li p { padding: 0;}
.section {
margin: 9px 0 9px 0;
padding: 9px 0 9px 0;
border-top: solid 1px #eee;
}
.rsstitle {
font-size: 14px;
}
#feeds .feed { padding: 12px; }
#feeds .alt {
background: #eee;
}
#feeds ul.feedlist {
list-style: none;
margin: 0 0 0 0;
border-top: solid 1px #ddd;
padding: 10px 0 2px 0;
}
#feeds ul.feedlist li {
margin: 0;
padding: 0 0 8px 0;
}
#feeds ul.feedlist li p {
padding: 0;
}
#feeds ul.feedlist li p a { font-weight: normal;}
#print {
float: right;
background: url("/public/img/print_icon.gif") right top no-repeat;
padding: 0 16px 0 0;
}
#print a { font-size: 10px; }
/* from http://www.positioniseverything.net/easyclearing.html --------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#editContent {
background: #fff;
padding: 12px;
}