/* This is the offical stylesheet */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - GLOBAL - - - - - - - - - - - - - - - - - - - - - - - - - - - */ body {font-family:verdana, arial, Tahoma,sans-serif;margin:0 10px; font-size: 75%;color:#333;line-height: 1em;behavior:url("/www-share-web/csshover3.htc");} #container {margin:0 auto;width:917px;} /* main content */ .content {min-height:550px;height: auto !important; height: 550px;background:url(/www-share-web/images/content.gif) bottom left repeat-x;padding-bottom:40px;} .content p, .content ul, .content ol {font-size:12px;line-height:17px;margin-bottom:3px;} .content a {font-weight:bold} /* content entry styles */ .entry {border-top: 2px solid #ccc;} .entry p, .post p {margin-bottom:12px;} .entry ul,.entry ol, .post ul, .post ol, .sidebar ul, .sidebar ol {margin-bottom:10px;padding-left:25px;} li.arrow {list-style-image: url(/www-share-web/images/arrow.gif);} .continuation { padding: 1px 3px; background-color: #eff6f7; margin-top: 3px; } blockquote { margin: 0 2em; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - TEXT SIZER - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #textsize {float: right; display: inline-block; color: #666; font-family: arial, verdana; letter-spacing: 1px; text-align: right; margin-right: 20px; font-size: 11px; text-transform: uppercase; line-height:40px;} .textsize {padding: 2px 4px; font-weight: bold} .textsize a, .textsize a:visited {color: #888; font-weight: bold } #textsize .small {font-size: 12px; border-right: 1px solid #ccc} #textsize .med {font-size: 14px;border-right: 1px solid #ccc} #textsize .large {font-size: 16px;} #textsize .active a {color: #000} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - PAGE HEADER - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #header {position:relative; margin:0; background-color: #fcedf2; } #header #logo {position: absolute; bottom: 35px; left: 12px; } #printlogo {display: none;} span.call {color:#111;font-weight:bold;} span.phone {color:#a72517;font-weight:bold;} span.latina a {color:#0b5d66;font-size:13px;font-weight:bold;text-decoration:underline;} span.view {font-size:1.1em; padding-left: 10px;} img.divide {padding:0 6px;position:relative;top:1px;} img.donate {position:relative;top:5px;} #fade_left {position: absolute; left: -150px; top: 0px; } #fade_right {position: absolute; right: -150px; top: 0px; } #call {position: absolute; top: 6px; left: 0px; } #header.homepage #logo {position:absolute; bottom: 85px; } #header #donate { position: absolute; bottom: 40px; right: 22px; } #portrait { width: 100%; text-align: center; } #textpage #portrait img {padding-left: 100px;} #description { position: absolute; width: 295px; top: 30px; right: 6px; font-size: 14px; line-height: 1.5em; } #description h3 { font-size: 20px; line-height: 22px; margin-bottom: 15px; } #description p { color: #444; margin-bottom: 1em; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - SEARCH - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #search {float:right;height:40px;} #search input {float:left;} #search .text {border:1px solid #333;color:#4d4d4d;font-size:12px;height:14px;margin:7px 0;padding:4px;width:110px;} #search .btn {margin:3px 0 3px 3px;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - BREADCRUMBS AND MESSAGE - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #message {background:url(/www-share-web/images/message.gif) top left repeat-x;height:35px;margin-bottom:15px;} #message p {color:#0e656f;font-size:11px;line-height:35px;text-align:center;} #interfacecontrols {background:url(/www-share-web/images/message.gif) top left repeat-x;height:39px;} #interfacecontrols p {color:#999;font-size:11px;line-height:14px;margin-top:13px;margin-left:1em;text-indent:-1em;} #language {width: 20%; float: right; text-align: center; line-height:40px; } #language a {color: #111; font-weight: bold; text-transform: uppercase;font-size:12px; } #breadcrumbs { float: left; width: 50%; } #message a,#breadcrumbs a {color:#666;font-weight:bold;text-decoration:none;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - LINKS - - - - - - - - - - - - - - - - - - - - - - - - - - - */ a {text-decoration:none;color:#05646f;} a:visited {text-decoration:none;color:#0aa9bc;} a:hover {text-decoration:underline;} a.highlight {padding: 3px 5px; color:#0e656f; background-color: #e2f5f7} a.arrow , span.aarrow {display: block; background:url(/www-share-web/images/arrow.gif) 0px 2px no-repeat; padding-left: 15px} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - MAIN NAVIGATION - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #nav {background:url(/www-share-web/images/nav-bg.gif) top left repeat-x;width:100%;height:40px;} .nav,.nav ul {list-style:none;padding-left:0;} .nav {position:relative;z-index:100;} .nav li {float:left;position:relative;} .nav li a,.nav li a:link, .nav li a:visited {background:url(/www-share-web/images/nav.gif) top right no-repeat;color:#fff;display:block;font-size:13px;font-weight:600;line-height:40px;padding:0 17px;width:auto;} .nav li a:hover {text-decoration: none;background:url(/www-share-web/images/nav-bg-active.gif) top right repeat;} .nav li a.active {background:url(/www-share-web/images/nav-bg-active.gif) top right no-repeat;} .nav ul {background:#fff;border:1px solid #e3eff2;left:-1px;list-style:none;padding:8px 0;position:absolute;display:none;top:40px;width:auto;} .nav li:hover ul, .nav li.sfHover ul {display:block;} .nav ul li {float:none; clear: left} .nav ul a {border-bottom:0;white-space:nowrap;line-height:20px;} .nav ul li a, .nav ul li a:link, .nav ul li a:active, .nav ul li a:visited {color:#0e656f;font-size:12px;line-height:24px;padding-left:10px; padding-right:10px;background:none;font-weight:normal} .nav ul li:hover {background-color:#ddf0f2 } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - SUBNAV ON INSIDE PAGES - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .menu .menuTitle a {background-color:#ecf8fa;font-weight: bold; font-size: 12px; text-transform: uppercase; padding: 10px 0px 10px 3px;} .menu ul {list-style-type:none; padding-left: 0px} .menu li {border-bottom:1px solid #dce6e7; padding: 10px 0px 10px 3px; margin-bottom: 0px;} .sidebar .menu li {margin-bottom: 0px} .menu a {color:#0e656f;display:block;font-size:12px;font-weight:normal;} .menu a:hover {text-decoration: none} .menu li:hover {background-color:#f7fcfc;} li.subContainer:hover {background-color: #fff} .submenu {margin-left: 10px; font-size: 11px; } .submenu a {padding: 3px; } .submenu a:hover {background-color:#ecf8fa;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - CATEGORIES ON SITE HOMEPAGE - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* Categories */ #categories {background-color: #f2f7fa; padding: 5px 0px 5px 5px; border-top: 1px solid #ccc; margin-bottom: 10px; margin-right: 20px; } #categories .top {border-top:1px solid #999;} #categories .info {float:right; padding-right:5px;width:auto;} #categories ul {float:left; width:auto;list-style-type:none;padding-left: 0;} #categories ul li {float:left; padding:0 8px;} #categories ul li a {font-weight: normal} #categories ul li img {padding:5px 3px 0px 0px;} #categories img a:hover {text-decoration: none;} #categories a {color:#0e656f;font-size:12px;width:auto; } #categories li.editor a { color: #666; } #categories .bottom {padding-top:12px;} #categories .copy {float:left;padding-right:20px;width:auto;} #categories .copy p {color:#999;font-size:1.1em;} #categories .highlight {font-weight: bold; color: #111;} #categories .highlight a {color:#444} #programFilter{ padding-top: 2px; margin-bottom: 10px; font-size: 11px; } #programFilter span.language { float: right; } #programFilter a, #programFilter .checkboxSm { font-weight: 100; margin-right: 10px; } .eventHead{ font-size: 12px; color: #A72517; text-transform: uppercase; font-weight: bold; background-color: #eaeaea; } td.eventHead{ margin-top: 5px; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - FOOTER - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* Footer */ #footer {padding-bottom:20px;} #footer .top {border-bottom:3px solid #999;border-top:1px solid #999;height:32px;width:auto;} #footer ul {float:left;line-height:32px;width:auto;list-style-type:none;} #footer ul li {float: left; line-height:32px;padding:0px 10px 0px 0px;} #footer ul li a {line-height:32px;} #footer ul li img {padding:5px 3px 0px 0px;} #footer img a:hover {text-decoration: none;} #footer a {color:#0e656f;width:auto;} #footer li.editor a { color: #666; } #footer .bottom {padding-top:12px;} #footer .info {line-height: 32px; text-align: center} #footer .copy {float:right;padding-right:20px;width:auto;} #footer .copy p {color:#999;font-size:11px;} #footer .highlight {background-color: #ffe5f0; line-height:31px;} #footer .highlight a {color:#444} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - HIGH-LEVEL TEMPLATE NAMES AND STYLES meaning the page structure (widths of the columns) differs; set in body id="templateName" - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #main {float:left;width:60%;} #sidebar1 {float:left;width:20%;clear:left;} #sidebar2 {float:left;width:20%;} #main .main-inner {margin:0 20px;} /* template: no-right-column.html used by: our locations */ #noRightColumn #main {float:left;width:85%;} #noRightColumn #sidebar1 {float:left;width:15%;} /* template: threeCol.html used by: Staff & Board has two equal columns in the main column; sidebar remains as is */ #threeCol #mainLeft {float:left;width:45%;margin-right:20px;} #threeCol #mainRight {float:left;width:45%;} /* templates: group-multiple.html used by: support group pages this template divides the main div into a left and right div so the group title can have the full page */ #group #main {float: left; width: 85%} #group #mainLeft {float:left; width:65%;margin-right: 20px;} #group #sidebar1 {float:left;width:15%;} #group #sidebar2 {float:left; width:32%;} #group H1 {padding-bottom: 10px; border-bottom: 1px dotted #ccc } #group .sidebar .title {font-size: 13px; line-height: 18px;} #group .sidebar a {color:#0B5D66} #group .sidebar .editor a { color: #666; } .moreInfo p {font-size: 11px; color:#333;} #group td a {font-weight: normal} #group .requested {background-color: #ffee77; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - SECOND-LEVEL TEMPLATE NAMES AND STYLES meaning page structure is set using one of the above, but styles are template-specific set by adding class="listing" to
- - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* template: listing.html used by: blog listing, blog post */ .listing .title {display: block; margin: 10px 0px 2px; font-size: 14px; line-height: 20px;} .listing .entry {padding-top: 3px; padding-bottom: 15px; border-top: 3px solid #ccc; } .listing .date {color:#666; font-size: 11px ;text-transform: uppercase} .listing .masthead a {color: #698a8e; font-weight: 100;; font-size: 12px; border-left: 1px solid #ccc; margin-left: 4px; padding-left: 6px;} .listing p {margin-bottom: 5px} .meta {text-transform: uppercase; color: #666} .meta a {color: #698a8e; font-weight: 100;} dd.meta {font-size:11px;} .postmain .title {font-size: 16px;line-height: 19px; margin-bottom: 15px} .post li {margin-top: 10px; font-size: 12px; line-height: 15px; list-style-type: square} .post ol li {list-style-type: decimal} #locations span.title { margin-top: 0; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - INDIVIDUAL PAGE LAYOUT AND STYLE - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* home page */ #index #leftandmain { float: left; width: 80%; } #index #sidebar1 {float:left;width:40%;} #index #main {float:left;width:60%;} #index #sidebar2 {float:left;width:20%;} img.story {float:left;padding:0 8px 8px 0;} .upcoming {background:#f2f2f2;padding:5px;} .event {padding:5px 0;} .event .date {text-transform: uppercase; display:block; margin-bottom:4px; color:#333; font-size: 12px;} .upcoming .event {padding:5px;} .featured {background:#e5e5e5;margin-top:6px;} /* styles for our locations page */ #location .title {font-size: 14px;} .postmain .entry {border-top: none} #locations a {font-weight: normal} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - SIDEBAR MODULES - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .sideBar {font-size:11px;} .sidebar .title, .sidebar .title a {font-weight: bold; font-size:12px; padding-left: 2px; margin:5px 0; display: block; text-decoration: underline; } .sidebar .editor .content a {color: #666; text-decoration: underline; padding: 2px 4px; font-style: normal} .sideMod {border-top: 6px solid #dce6e7; padding-top: 8px ; margin-bottom: 20px; clear:left;} .sideMod p {padding: 2px; } .sideMod .entry p {margin-bottom: 5px; padding: 2px 0px} .sideMod .entry {border-top: 0px;} .sideMod p.call {font-weight: bold; } .sideMod a {font-weight:normal; display: inline;} .sideMod a:visited {color:#0e656f;} .sideMod .date {color:#666; font-style: italic; font-weight: bold; font-size: 10px; display: block; margin-bottom: 2px;} .sideMod.linked {cursor:pointer;} .solid {background:none; background-color: #dce6e7; border-top: none; padding:8px; margin-bottom: 15px; font-size: 11px;} .solid .title {padding-left:0px; font-family: georgia, times new roman, serif; color:#a72517;font-size: 15px; line-height: 16px} .border {border: 1px solid #dce6e7; padding:5px;} .register {text-align:center; background-color: #dee7e8; padding: 8px ; margin-bottom: 15px;} .hotline, .register {background:#ffdee7;padding:8px;margin-bottom: 15px;} .rsvp {font-size: 15px; color: #111} .register {padding:10px; font-size: 1.2em} .newsletter {background:#abbdbf;padding:8px;margin-bottom: 15px;} .newsletter .title {color:#fff} .cats p.active a {font-weight:bold;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - HEADERS - - - - - - - - - - - - - - - - - - - - - - - - - - - */ h1, h1 a {color:#1a1a1a;font-size:24px; line-height: 26px;} #index h1,#index h1 a {color:#a72517;display:inline;font-weight:bold;margin-bottom:8px;} h1 a.highlight {font-size: 24px;margin-left: 5px;} h1, h2, h3, h4, h5, h6 {font-family:Arial, verdana, sans-serif;font-weight:bold; margin-bottom:8px;} h2, h3, h4, h5, h6 {color:#ff74ab;} h2, h2 a {font-size:18px; line-height: 22px;} .post h2 {margin-top: 25px; padding-top: 10px; background: url(/www-share-web/images/divider_horizontal.gif) repeat-x 0 0} h3.header { margin-top: 15px; padding-bottom: 4px; border-bottom: 1px solid #ccc} h3,h3 a {color:#222;font-size:16px; line-height: 20px} h4,h4 a {color:#222;font-size:1.1em;font-weight:bold;line-height:1.2;margin-bottom:2px;} h5,h5 a {font-size:1.3em;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - FORMS - - - - - - - - - - - - - - - - - - - - - - - - - - - */ input.text {background-color:#fff;border:1px solid #999;padding:2px;color: #666;} form .subtitle {color:#666; font-size: 12px; font-style: italic; display: block; padding:2px 10px 6px 2px} fieldset {margin-top:10px; border:1px solid #ccc;margin-bottom:10px;padding:10px 15px} fieldset.bg {background-color: #f2f2f2} legend {font-weight:bold;font-size:12px;padding:0 4px;} .checkboxCont {float:left;margin:0 10px 15px 0;width:125px;} label {font-size: 12px;} .inputWrap {margin-top: 5px;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - BUTTONS - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .btn_join a, .btn_search a {white-space: nowrap;color:#fff; font-size:12px;padding:7px 10px 3px 25px;height:20px} .btn_join {float:left;background:url(/www-share-web/images/btn_rt.gif) no-repeat right top; margin-top: 5px} .btn_join a {float:left;background:url(/www-share-web/images/btn_join_left.gif) no-repeat 0 0;} .btn_search {float:left;background:url(/www-share-web/images/btn_rt.gif) no-repeat right top; margin-top: 5px} .btn_search a {float:left;background:url(/www-share-web/images/btn_search_left.gif) no-repeat 0 0; } /* - - - - - - - - - - - - - - - - - - - - - - - - - - - Definition Lists - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .lines dt {font-size: 15px; padding-bottom: 3px;} dt {font-weight: bold; font-size: 13px; line-height: 18px;color: #111; margin: 10px 0px 2px;} dd {color: #555; font-size: 12px; line-height: 16px; margin-bottom: 2px;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - TABLES - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .large {font-size: 12px;} .calm {color:#666;} table {width:100%; align:center; margin-bottom: 15px; } th {text-align:left; font-size: 13px; padding: 5px 5px; color:#A72517;background-color: #f5f5f5; font-weight:bold; text-transform: uppercase} td {vertical-align: top; padding:8px 4px; border-top: 1px solid #eaeaea; font-size: 12px; line-height: 15px} .sideMod td {border-top: 0px} td.last {border-bottom:2px solid #ccc; padding-bottom:12px;} td.footnote {font-size: 11px;; color: #333; line-height: 15px} td .title {font-weight: bold; font-size:12px; line-height: 14px; color:#222; display: block; margin-bottom: 2px;} td a.title { color: #05646F; } /* specific elements used within tables */ .location {display:block; margin:7px 0px;} .clear {border:0;clear:both;display:block;float:none;visibility:hidden;font-size:1;height:1;margin:0;overflow:hidden;width:1;} .left {float:left;} .right {float:right;} .center {text-align: center} table#numbers {margin-top: 15px;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - HCARD MICROFORMAT - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .vcard {float:left;} .vcard * {line-height:14px} .vcard .adr {color:#777;font-size:12px;} .vcard .organization-name {font-size:13px;font-weight:bold;} .vcard .org {color:#222;} .vcard a {color:#0e656f;text-decoration:none;} .vcard .tel {color:#333;font-weight:bold;} .vcard .email {padding-bottom:2px;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - EDIT STYLES - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #editMain a { color: #886666; } form.edit {display:inline; color: #fff} .templateLink {display: block; margin-top: 10px; font-size: 12px; font-weight: bold; padding: 4px;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - REVISED HOMEPAGE STYLES (5/20) - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #Home div.welcome { background-color: #c1eef3; padding: 12px 8px 1px 8px; margin: 0; font-size: 11px; } #Home div.welcome p { color: #222; } #Home div.welcome a { font-weight: bold; } #Home div.welcome h2 { font-size: 15px; line-height: 17px; color: #111; } #Home div.welcome h3 { font-size: 14px; color: #111; margin: 12px 0; } #Home div.tip { padding: 6px; margin-top: 12px; font-size: 10px; border: 2px solid #dce6e7; } #Home div.tip h2 { font-size: 15px; color: #a82618; margin: 0 0 6px 0; padding: 0; } #Home div.tip h2 a { font-size: 15px; color: #a82618; margin: 0; padding: 0; } #Home div.tip.solid { border: 0; } #Home div.events { padding: 8px; margin-top: 12px; font-size: 10px; background-color: #dde7e8; } #Home div.events h2 { font-size: 15px; color: #a82618; margin: 0 0 6px 0; padding: 0; } #Home div.events h2 a { font-size: 15px; color: #a82618; margin: 0; padding: 0; } #Home div.events h2 span.link a { float: right; font-size: 11px; color: #1a6e78; margin: 0; padding: 0; } #Home div.events p.dates { font-weight: bold; margin: 0 0 6px 0; } #Home div.events h3 { font-size: 13px; color: #1a6e78; margin: 0; padding: 0; } #Home div.events h3 a { font-size: 13px; color: #1a6e78; margin: 0; padding: 0; } #Home div.special { padding: 6px; font-size: 10px; border: 2px solid #dce6e7; } #Home div.special h2 { font-size: 15px; color: #a82618; margin: 0 0 6px 0; padding: 0; } #Home div.special h2 a { font-size: 15px; color: #a82618; margin: 0; padding: 0; } #Home div.special.solid { border: 0; } #Home div.programs {padding: 6px; margin-top: 12px; font-size: 10px; border: 2px solid #dce6e7; } #Home div.programs h2 {font-size: 15px; color: #a82618; margin: 0 0 6px 0; padding: 0; } #Home div.programs h2 a { font-size: 15px; color: #a82618; margin: 0; padding: 0; } #Home div.programs h2 span.link a { float: right; font-size: 11px; color: #1a6e78; margin: 0; padding: 0; } #Home div.programs p { margin: 1em 0; } #Home .entry { margin: 0; padding-top: 10px; border-top: 0px; background: url(/www-share-web/images/divider_horizontal.gif) repeat-x 0 0} #Home .entry .title a {font-weight: bold; font-size: 13px; line-height: 17px;padding-bottom: 15px;} table.entry h3 { font-size: 16px; font-weight: bold; margin: 0; } table.entry h3 a { font-size: 16px; font-weight: bold; color:#0e656f } #sidebar2 div.support { color: #ffffff; background-color: #a72517; text-align: center; padding-top: 10px; } #sidebar2 div.support h3 { color: #ffffff; } #sidebar2 div.support p { color: #ffffff; font-size: 11px; } #sidebar2 div.support a { color: #ffffff; } #sidebar2 div.support .btn_donate a {font-size: 16px; padding-top: 10px; color: #f5c507; font-weight: bold; } #sidebar2 div.signup .btn_join a { color: #ffffff; } .source {color:#ed83ad; display: block; margin-bottom: 5px;} .source .UC, .source a.UC {text-transform: uppercase; font-weight: normal;color:#ed83ad;} /* fcnyl3-compat 2009-07-13 */ div.editor { font-size: 11px; margin: 1em 0 0 0; } span.editor { margin-right: 0.5em; font-weight: normal; font-size: 11px; } span.editor a { color: #666; text-decoration: underline } li.editor { font-weight: normal; font-size: 9px; } li.editor a { color: #666; } p.editor { font-weight: normal; font-size: 11px; line-height: 13px; margin: 0; } p.editor a { font-weight: normal; color: #666; } a.active { font-weight: bold; } a.private { color: #ff74ab; } td.label { width: 130px; } table.form { width: 85%; } table.form textarea { font-family: Georgia, sans-serif; color: #444; font-size: 12px} table.form input.text { font-family: Georgia, sans-serif; color: #444; font-size: 12px; } table.form select { font-family: Georgia, sans-serif; color: #444; font-size: 12px;; padding: 3px; min-width: 130px; } #Object { margin: 12px 0 0 200px; min-height: 550px; } #Object h2 { margin-bottom: 13px; } #container { position: relative; } #breadcrumbs a { font-weight:normal; text-decoration:none; } #breadcrumbs a.active { font-weight: bold; } #breadcrumbs a.active:hover { text-decoration: underline; } #User { position: absolute; top: 0px; right: 0px; font-size: 10px; z-index: 10; padding: 1px 0 1px 2px; } #User.isuser { background: transparent url(/www-share-web/images/bg.gif) repeat-x scroll left top; } div.content h2 a { font-size: 1em; color: #ff74ab; } div.sidebar li { margin: 0 0 0.5em 0; line-height: 1.2em; } div.menu p.editor { display: block; font-size: 11px; margin: 0; } div.sidebar div.editor { margin-left: 0.5em; } div.entry p.editor { float: right; font-size: 0.8em; } div.sortable p { width: 160px; padding: 0.5em 2em; border: 1px solid #ccc; cursor: move; } div.sortable p.divider { background-color: #0e656f; color: #fff; } div.sortable img { vertical-align: middle; margin-right: 0.5em; } div.sortitem { width: 280px; border: 1px solid #ccc; cursor: move; } div.sortitem table { margin-bottom: 5px; } div.sortitem.center { text-align: left; } div.sortitem.right { float: none; } div.sortitem.divider { background-color: #0e656f; color: #fff; } #sort_form td { vertical-align: top; width: 180px; padding: 6px; } #sort_form td.buttons { text-align: center; } #sort_form td.contents { width: 220px; } #sort_form td.icon { width: 32px; } div.left, img.left { margin-right: 6px; } div.right, img.right { margin-left: 6px; } table.mceEditor td { margin: 0; padding: 0; } textarea.markup { width: 600px; height: 220px; } textarea.markup.content { min-height: 0; height: 400px; } textarea.markup.a_archives { min-height: 0; height: 400px; } div.jscalendar { z-index: 101; } div.jscalendar table { margin: 0; } div.jscalendar td { padding: 0; border: 0; } td.dates p { color: #666666; margin: 0 0 2px 2em; text-indent: -2em; } /* calendar functional styles */ tr.today { background-color: #ffdee7; } /* icon placement */ span.icon { position: relative; top: 3px; } div.sideMod span.icon { top: 6px; } td.photo { padding-top: 6px; width: 71px; } /* comments styles */ #Comments { margin-top: 1em; } #Comments div.comment { position: relative; font-family: Times New Roman, serif; font-size: 14px; line-height: 1.1em; width: 82%; margin: 1em 0 1em 18px; padding: 3px 8px; } #Comments div.marker { position: absolute; top: -48px; } #Comments p.sig { font-size: 15px; margin: 0.2em 18px 0 36px; text-indent: -18px; } #Comments .even { background-color: #fcedf2; } #Comments .odd { background-color: #ecf8fa; } #Comments form.moderate { font-family: Verdana, sans-serif; font-size: 11px; text-align: right; } #Comments div.comment.new.even { background-color: white; border: 4px solid #fcedf2; } #Comments div.comment.new.odd { background-color: white; border: 4px solid #ecf8fa; } #CommentForm {} #CommentForm textarea { width: 500px; height: 248px; font-family: Times New Roman, serif; font-size: 16px; color: #000; padding: 4px; } #CommentForm input.text { width: 200px; font-family: Times New Roman, serif; font-size: 16px; color: #000; padding: 2px 4px; } #CommentForm textarea.tempvalue { color: #666666; } #CommentForm input.text.tempvalue { color: #666666; } /* links more linky */ #main a { text-decoration: underline; } #main .editor a { text-decoration: none; } /* notices */ div.notice { padding: 12px 8px; font-size: 1.2em; line-height: 1.4em; text-align: center; background-color: #ECF8FA; color: #A72517; margin: 0 0 12px 0; } div.notice a { color: inherit; font-weight: normal; } div.cropper { position: relative; margin-bottom: 7px; } div.croptool { position: absolute; height: 184px; width: 184px; border: 2px solid #ffcc00; cursor: pointer; } /* userform */ form.userform {} form.userform p.error { color: #f00; font-size: 14px; } form.userform input.text { font-family: Times New Roman, serif; font-size: 16px; color: #000; padding: 2px 4px; } form.userform textarea { width: 380px; font-family: Times New Roman, serif; font-size: 16px; color: #000; padding: 4px; } form.userform p.honey { display: none; } /* end */