/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
/* Version 2.3.1 had this note on it. I don't know if I'll need to fix it with 2.6.0. -AS 020609 */
/* Customised sup,sub because it didn't validate. -AS 012309 */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
/* Arrg. Thursday 080608 1.18 AM */
/* Set up columns. */
.full-column, .half-column, .quarter-column, .three-quarters-column, .eighth-column, .five-eighths-column, .three-eighths-column, .sixteenth-column, .eleven-sixteenths-column, .seven-sixteenths-column, .five-sixteenths-column, .three-sixteenths-column {
margin: 0 0 1.5em 0;
display: block;
float: left;
}
.full-column {
width: 994px;
}
.half-column {
width: 490px;
}
.quarter-column {
width: 238px;
}
.three-quarters-column {
width: 742px;
}
.eighth-column {
width: 112px;
}
.five-eighths-column {
width: 616px;
}
.three-eighths-column {
width: 364px;
}
.sixteenth-column {
width: 49px;
}
.eleven-sixteenths-column {
width: 679px;
}
.seven-sixteenths-column {
width: 427px;
}
.five-sixteenths-column {
width: 301px;
}
.three-sixteenths-column {
width: 175px;
}
.full-column, .full-column + .full-column, .full-column + .half-column, .full-column + .quarter-column, .full-column + .three-quarters-column, .full-column + .eighth-column, .full-column + .five-eighths-column, .full-column + .three-eighths-column, .full-column + .sixteenth-column, .full-column + .eleven-sixteenths-column, .full-column + .seven-sixteenths-column, .full-column + .five-sixteenths-column, .full-column + .three-sixteenths-column, .half-column + .full-column, .half-column + .half-column, .half-column + .quarter-column, .half-column + .three-quarters-column, .half-column + .eighth-column, .half-column + .five-eighths-column, .half-column + .three-eighths-column, .half-column + .sixteenth-column, .half-column + .eleven-sixteenths-column, .half-column + .seven-sixteenths-column, .half-column + .five-sixteenths-column, .half-column + .three-sixteenths-column, .quarter-column + .full-column, .quarter-column + .half-column, .quarter-column + .quarter-column, .quarter-column + .three-quarters-column, .quarter-column + .eighth-column, .quarter-column + .five-eighths-column, .quarter-column + .three-eighths-column, .quarter-column + .sixteenth-column, .quarter-column + .eleven-sixteenths-column, .quarter-column + .seven-sixteenths-column, .quarter-column + .five-sixteenths-column, .quarter-column + .three-sixteenths-column, .three-quarters-column + .full-column, .three-quarters-column + .half-column, .three-quarters-column + .quarter-column, .three-quarters-column + .three-quarters-column, .three-quarters-column + .eighth-column, .three-quarters-column + .five-eighths-column, .three-quarters-column + .three-eighths-column, .three-quarters-column + .sixteenth-column, .three-quarters-column + .eleven-sixteenths-column, .three-quarters-column + .seven-sixteenths-column, .three-quarters-column + .five-sixteenths-column, .three-quarters-column + .three-sixteenths-column, .eighth-column + .full-column, .eighth-column + .half-column, .eighth-column + .quarter-column, .eighth-column + .three-quarters-column, .eighth-column + .eighth-column, .eighth-column + .five-eighths-column, .eighth-column + .three-eighths-column, .eighth-column + .sixteenth-column, .eighth-column + .eleven-sixteenths-column, .eighth-column + .seven-sixteenths-column, .eighth-column + .five-sixteenths-column, .eighth-column + .three-sixteenths-column, .five-eighths-column + .full-column, .five-eighths-column + .half-column, .five-eighths-column + .quarter-column, .five-eighths-column + .three-quarters-column, .five-eighths-column + .eighth-column, .five-eighths-column + .five-eighths-column, .five-eighths-column + .three-eighths-column, .five-eighths-column + .sixteenth-column, .five-eighths-column + .eleven-sixteenths-column, .five-eighths-column + .seven-sixteenths-column, .five-eighths-column + .five-sixteenths-column, .five-eighths-column + .three-sixteenths-column, .three-eighths-column + .full-column, .three-eighths-column + .half-column, .three-eighths-column + .quarter-column, .three-eighths-column + .three-quarters-column, .three-eighths-column + .eighth-column, .three-eighths-column + .five-eighths-column, .three-eighths-column + .three-eighths-column, .three-eighths-column + .sixteenth-column, .three-eighths-column + .eleven-sixteenths-column, .three-eighths-column + .seven-sixteenths-column, .three-eighths-column + .five-sixteenths-column, .three-eighths-column + .three-sixteenths-column, .sixteenth-column + .full-column, .sixteenth-column + .half-column, .sixteenth-column + .quarter-column, .sixteenth-column + .three-quarters-column, .sixteenth-column + .eighth-column, .sixteenth-column + .five-eighths-column, .sixteenth-column + .three-eighths-column, .sixteenth-column + .sixteenth-column, .sixteenth-column + .eleven-sixteenths-column, .sixteenth-column + .seven-sixteenths-column, .sixteenth-column + .five-sixteenths-column, .sixteenth-column + .three-sixteenths-column, .eleven-sixteenths-column + .full-column, .eleven-sixteenths-column + .half-column, .eleven-sixteenths-column + .quarter-column, .eleven-sixteenths-column + .three-quarters-column, .eleven-sixteenths-column + .eighth-column, .eleven-sixteenths-column + .five-eighths-column, .eleven-sixteenths-column + .three-eighths-column, .eleven-sixteenths-column + .sixteenth-column, .eleven-sixteenths-column + .eleven-sixteenths-column, .eleven-sixteenths-column + .seven-sixteenths-column, .eleven-sixteenths-column + .five-sixteenths-column, .eleven-sixteenths-column + .three-sixteenths-column, .seven-sixteenths-column + .full-column, .seven-sixteenths-column + .half-column, .seven-sixteenths-column + .quarter-column, .seven-sixteenths-column + .three-quarters-column, .seven-sixteenths-column + .eighth-column, .seven-sixteenths-column + .five-eighths-column, .seven-sixteenths-column + .three-eighths-column, .seven-sixteenths-column + .sixteenth-column, .seven-sixteenths-column + .eleven-sixteenths-column, .seven-sixteenths-column + .seven-sixteenths-column, .seven-sixteenths-column + .five-sixteenths-column, .seven-sixteenths-column + .three-sixteenths-column, .five-sixteenths-column + .full-column, .five-sixteenths-column + .half-column, .five-sixteenths-column + .quarter-column, .five-sixteenths-column + .three-quarters-column, .five-sixteenths-column + .eighth-column, .five-sixteenths-column + .five-eighths-column, .five-sixteenths-column + .three-eighths-column, .five-sixteenths-column + .sixteenth-column, .five-sixteenths-column + .eleven-sixteenths-column, .five-sixteenths-column + .seven-sixteenths-column, .five-sixteenths-column + .five-sixteenths-column, .five-sixteenths-column + .three-sixteenths-column, .three-sixteenths-column + .full-column, .three-sixteenths-column + .half-column, .three-sixteenths-column + .quarter-column, .three-sixteenths-column + .three-quarters-column, .three-sixteenths-column + .eighth-column, .three-sixteenths-column + .five-eighths-column, .three-sixteenths-column + .three-eighths-column, .three-sixteenths-column + .sixteenth-column, .three-sixteenths-column + .eleven-sixteenths-column, .three-sixteenths-column + .seven-sixteenths-column, .three-sixteenths-column + .five-sixteenths-column, .three-sixteenths-column + .three-sixteenths-colum {
margin-left: 14px; /* Any column that follows another column should have a 14px left margin. Also, the outermost column (always full-column, I hope). -AS 022109 */
}
.full-column .full-column {
margin-left: 0;
}
/* But, when a series of same-size columns are in a same-size parent, they shouldn't have the left margin, but fit neatly in. -AS 022109 */
/*.full-column .full-column, .half-column .half-column, .quarter-column .quarter-column, .eighth-column .eighth-column, .three-eighths-column .three-eighths-column, .sixteenth-column .sixteenth-column, .seven-sixteenths-column .seven-sixteenths-column, .five-sixteenths-column .five-sixteenths-column, .three-sixteenths-column .three-sixteenths-column {
margin-left: 0;
} Actually, this is one of those cases where
should be used. -AS 022109 */
br {
clear: both;
}
@media screen {
/*
/* Two basic font stacks:
/* Serif: Palatino, "Palatino Linotype", "Palatino MS", Georgia, Times, serif;
/* Sans: "Helvetica Neue", HelveticaNeue, Calibri, Helvetica, Arial, sans;
/*
/*/
/* ***********************************************
/* Basic settings.
/* **********************************************/
body {
min-width: 1008px;
font-family: Palatino, "Palatino Linotype", "Palatino MS", Georgia, Times, serif;
font-size: 14px;
line-height: 1.5em;
color: #000000;
background-color: #FFFFFF;
}
p {
margin-bottom: 1.5em;
}
a {
color: #333333;
text-decoration: none;
cursor: pointer;
}
.section a {
color: #0066CC;
border-bottom: 1px dotted #0066CC;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
ol, ol > li {
list-style-type: decimal;
}
blockquote {
margin: 1.5em 0;
padding: 0 1.5em;
font-style: italic;
}
blockquote p { /* This should be temporary. We need a long-term fix. -AS 061008 E: Actually, it appears to be right to nest 'p's in blockquotes. Sounds ok. -AS 061008 21.08 */
max-width: 388px;
}
abbr {
border-bottom: none;
cursor: default;
}
.division {
min-height: 10px;
clear: both;
background: url(http://rescuemission.net//images/rescuemission/decoration/stripes/stripe_slant_dark_lined_10.png) #FFFFFF repeat-x 0 0;
}
.content {
width: 100%;
float: left;
padding: 1.5em 0 0 0;
}
.content ul, .content ol {
margin: 0.75em 0 0.75em 1.5em;
}
.content .section ul, .content .section ul li {
list-style-type: disc;
}
.content .section ol, .content .section ol li {
list-style-type: decimal;
}
.blank {
height: 0px;
clear: both;
visibility: hidden;
}
.image-wrap-link {
border: none;
}
/* ***********************************************
/* Headers.
/* **********************************************/
#home .header h1, .header h2 {
width: 450px;
height: 110px;
background: url(http://rescuemission.net//images/rescuemission/decoration/logo.png) transparent no-repeat;
}
.header h2 a {
width: 100%;
height: 100%;
display: block;
cursor: pointer;
}
#home .header h1, .header h2 a {
text-indent: -9999px;
}
h1, #home .section h2, #environment h2 {
margin: 0 0 1em 0;
clear: both;
font-size: 1.5em;
font-weight: bold;
line-height: 1em;
}
#home #introduction h2 {
margin: 0 0 0.5em 0;
font-size: 2em;
line-height: 1em;
}
h1 a, .section h1 a {
color: #000000;
border: none;
}
.content h2, .calendar .events h3, #events .events-detail h3 {
margin: 0 0 1.2em 0;
font-size: 1.25em;
font-weight: bold;
}
.content * + h2 {
margin-top: 1.2em;
}
.section h4 {
margin: 0.75em 0;
font-weight: bold;
}
/* ***********************************************
/* Decoration on Every Page.
/* **********************************************/
#masthead {
height: 280px;
padding: 20px 0 0 14px;
background: url(http://rescuemission.net//images/rescuemission/decoration/stripes/stripe_masthead.png) #FFFFC3 repeat;
}
h2 + p:first-line, h1 + p:first-line, h1 + .pullquote + p:first-line, h1
+ .pullimage + p:first-line {
font-variant: small-caps;
font-weight: bold;
text-transform: lowercase;
}
/* Main (Simple) Navigation */
.header .nav {
height: 50px;
margin: 0;
background-color: #FFFFC3;
border-bottom: 5px solid #FFFFFF;
}
#home .header .nav {
padding: 0 0 0 315px;
}
.header .nav li {
height: 50px;
margin-left: 14px;
float: left;
list-style-type: none;
}
.header .nav li a {
height: 50px;
display: block;
text-indent: -99999px;
background: transparent no-repeat;
}
#navigation-news-et-events {
width: 122px;
background-image: url(http://rescuemission.net//images/rescuemission/decoration/navigation/news_et_events.png);
}
#navigation-mission {
width: 64px;
background-image: url(http://rescuemission.net//images/rescuemission/decoration/navigation/mission.png);
}
#navigation-ministries {
width: 83px;
background-image: url(http://rescuemission.net//images/rescuemission/decoration/navigation/ministries.png);
}
#navigation-volunteer-et-support {
width: 167px;
background-image: url(http://rescuemission.net//images/rescuemission/decoration/navigation/volunteer_et_support.png);
}
#navigation-shop {
width: 39px;
background-image: url(http://rescuemission.net//images/rescuemission/decoration/navigation/shop.png);
}
#navigation-more {
width: 40px;
background-image: url(http://rescuemission.net//images/rescuemission/decoration/navigation/more.png);
}
/* Lower Section */
.footer {
width: 100%;
padding: 1.5em 0 0 0;
float: left;
clear: both;
color: #FFFFFF;
background: #333333 url(http://rescuemission.net//images/rescuemission/decoration/stripes/stripe_slant_light_lined_gr.png) repeat-x;
}
.footer h3 {
margin: 0 0 1em 0;
color: #EFF09D;
font-family: "Clarendon LT Std", "Times New Roman", Times, serif;
font-size: 1.5em;
font-weight: bold;
line-height: 1em;
}
.footer ul {
margin: 0;
}
.footer ul li {
list-style-type: none;
}
.footer .nav ul + ul {
margin: 1.5em 0 0 0;
}
/* Map */
#map {
margin-left: -5px !important;
padding: 5px;
display: block;
background: transparent url(http://rescuemission.net//images/rescuemission/decoration/stripes/stripe_slant_light_10.png) repeat;
}
#map iframe {
border: none;
overflow: hidden;
}
/* Extended Navigation */
.footer .nav a, .footer .vcard .email a, .vcard {
color: #CCCCCC;
}
.footer .nav a:hover, .footer .vcard .email a:hover {
color: #FFFFFF;
}
.footer .nav ul li:first-child, .footer .nav ul li:first-child a {
color: #FFFFFF;
font-weight: bold;
}
.footer h4 {
color: #FFFFFF;
}
.vcard .fn {
display: block;
color: #FFFFFF;
font-weight: bold;
}
.vcard .type {
display: none;
}
.vcard .url {
border-bottom: none;
}
/* Links */
#links {
width: 100%;
margin: 0;
padding: 1.5em 0;
float: left;
background: #191919;
}
#links h4 {
margin: 0;
padding: 0 0 0 14px;
float: left;
}
#links li {
margin-left: 1em;
float: left;
}
#links ul {
margin-bottom: 0.75em;
}
#links li a {
color: #CCCCCC;
}
#links li a:hover {
color: #FFFFFF;
}
#links p {
margin: 0 0 0 1em;
}
/* Search */
.search {
top: 1.5em;
left: 742px; /* 3 quarter-cols. */
padding: 5px;
position: absolute;
/*background: transparent url(http://rescuemission.net//images/rescuemission/decoration/stripes/stripe_slant_darker_10_dens.png) repeat;*/
background: transparent url(http://rescuemission.net//images/rescuemission/decoration/transparent_black_05.png) repeat;
}
.search input[type=submit], .search button {
width: 58px;
height: 21px;
background: transparent url(http://rescuemission.net//images/rescuemission/decoration/navigation/search.png) no-repeat 0 0;
font-family: Palatino, "Palatino Linotype", "Palatino MS", Georgia, Times, serif;
font-weight: bold;
text-indent: -99999px;
border: none;
cursor: pointer;
}
.inline-search form {
display: inline;
}
.inline-search .search {
display: inline;
position: static;
}
/* ***********************************************
/* Decoration on Every Article Page.
/* **********************************************/
.entry.full-column {
margin-bottom: 3em;
}
.entry br {
clear: none;
}
.entry p {
max-width: 490px; /* Half. */
}
#home #introduction.entry p {
width: 427px; /* Five-sixteenths. */
}
.entry .pullquote p {
width: 238px;
}
/* The complex world of pullquotes and article images. */
.pullquote {
width: 238px;
margin: -1.714em 252px 1.5em 0;
margin-top: 0;
padding: 1.5em 0 0 0;
float: right;
clear: both;
background: url(http://rescuemission.net//images/rescuemission/decoration/pullquote_open.png) transparent no-repeat 0 0;
font-family: Museo, "Helvetica Neue", HelveticaNeue, Calibri, Helvetica, Arial, sans;
color: #ADB33E;
font-size: 24px;
font-weight: lighter;
text-align: right;
}
#home .pullquote {
margin-right: 0;
}
.section h3 + .pullquote {
margin: -1.5em 0 0 0 !important;
}
.pullimage.wide + .pullquote, .pullimage.offset + .pullquote, .pullimage.pulled + .pullquote {
margin-top: 0;
}
.pullquote .wrap {
padding: 0 0 1.5em 0;
display: block;
background: url(http://rescuemission.net//images/rescuemission/decoration/stripes/stripe_slant_dark_lined_10.png) transparent repeat-x 0 100%;
}
.pullimage {
clear: both;
}
.pullimage.inline {
max-width: 488px;
margin: 0 0 1.5em 0;
float: left;
clear: left; /* In case we have a pullquote off to one side. Then we won't be interfering with it, so why should we clear? -AS 090408 */
}
.pullimage.inline img {
max-width: 468px;
}
.pullimage.inline + p {
clear: left;
}
.pullimage.inline.wide {
max-width: 992px;
margin-right: 100%;
clear: both;
}
.pullimage.inline.wide img {
max-width: 972px;
}
.pullimage.offset {
width: 238px; /* Img width calculated as though this had a max-width of 742px. -AS 090108 14.01 */
margin: 0 504px 1.5em 14px; /* We'll just have to live with the double margin against the bottom of too-close pullquotes. -AS 083108 22.26 E: Or not? I think the Javascript I wrote is supposed to take care of this. -AS 090308 */
float: right;
}
.pullimage.offset img {
max-width: 720px;
}
.pullimage.pulled {
width: 238px; /* Img width calculated as though this had a max-width of 490px. -AS 090108 14.03 */
margin: 0 252px 1.5em 0;
float: right;
}
.pullimage.pulled img {
max-width: 468px;
}
.pullimage .wrap {
float: left;
border: 1px solid #CCCCCC;
}
.pullimage img {
padding: 10px;
display: block;
background-color: #FFFFFF;
}
.pullimage .description {
margin-bottom: 0;
padding: 0 10px 10px 10px;
background-color: #FFFFFF;
font-family: "Helvetica Neue", HelveticaNeue, Calibri, Helvetica, Arial, sans;
font-size: 12px;
}
.pullimage.pulled .description, .pullimage.inline .description {
width: 468px;
}
.pullimage.offset .description, .pullimage.wide.inline .description {
width: 600px;
}
/* ***********************************************
/* Decoration on Some Article Pages.
/* **********************************************/
.author-list { /* Some day, mark this up as a collection of vcards, I suppose. */
width: 238px;
margin: 0 -252px 0 0 !important;
padding: 0.25em 0 0 0;
float: right;
font-family: "Helvetica Neue", HelveticaNeue, Calibri, Helvetica, Arial, sans;
font-size: 0.75em;
text-align: left;
line-height: 1.5em;
}
.author-list li {
padding: 0 0 0.25em 0;
}
.author-list .org {
padding: 0 0 0 2em;
display: block;
font-style: italic;
}
/* Tables. (Written for the tables on the History page.) */
#content table {
margin-bottom: 1.5em;
}
#content table th, table.budget td.total {
font-weight: bold;
}
#content table td, #content table th {
padding: 0 0.5em;
}
#content table tr.odd {
background: #ebebeb;
}
table.budget td + td, table.budget td.total {
text-align: right;
}
table.budget td.total:before {
content: "total ";
font-weight: normal;
}
table.budget .balance {
border: 1px dotted #cccccc;
}
.entry dl, .entry ol, .entry ul {
width: 462px; /* Half - 2em @ start. */
}
.entry dl dt {
display: list-item;
font-weight: bold;
list-style: disc outside;
}
.entry dl dd {
margin-bottom: 1.5em;
}
/* ***********************************************
/* Text.
/* **********************************************/
a.read-more {
color: #0066CC;
font-style: italic;
}
}
@media screen {
#calendar .section h2 {
margin: 0;
font-size: 2em;
line-height: 0.667em;
text-align: center;
}
.calendar .previous {
text-align: left;
}
.calendar .next {
text-align: right;
}
.calendar tbody {
font-size: 0.786em;
line-height: 1.9em;
}
.calendar tr {
clear: both;
}
.calendar td {
padding: 0;
border: none;
}
.calendar tbody td {
min-height: 112px;
vertical-align: top;
}
.calendar tbody td.eighth-column + td.eighth-column {
margin-left: 0;
padding-left: 14px;
}
.calendar h4.day-number {
margin: 0 0 0.5em 0;
padding-left: 0.5em;
display: block;
background: #FBFBE6;
font-weight: normal;
border-top: 1px dotted #CCCCCC;
border-bottom: 1px dotted #E5E5E5;
}
.calendar .inactive h4.day-number {
color: #CCCCCC;
background: #FFFFFF;
border-top: 1px dotted #E5E5E5;
border-bottom: 1px dotted #F2F2F2;
}
.calendar tbody td.eighth-column + td.eighth-column h4.day-number {
margin-left: -14px;
padding-left: 14px;
}
.calendar td.today h4.day-number {
background: #EFF09D;
}
.calendar ol.events {
margin: 0;
padding: 0 0.5em 0 0;
}
.calendar ol.events > li {
list-style: none inside url(http://rescuemission.net//images/rescuemission/decoration/sm_arrow.png);
}
}
@media screen {
#events { /* The container for the columns holding the earlier, later, and sleeve elements. -AS 022109 */
position: relative;
}
#events h2 {
float: left;
}
#events h2 + a {
margin-left: 1em;
padding: 0.5em 21px 0.5em 0; /* Trying to make it look right next to the title line. -AS 030709 */
float: left;
background: transparent url(http://rescuemission.net//images/rescuemission/decoration/famfamfam/calendar.png) no-repeat 100% 50%;
font-size: 0.786em;
line-height: 1em;
border: none;
}
#events h2 + a .wrap {
border-bottom: 1px dotted #0066CC;
}
#events ol {
margin: 0;
padding-bottom: 1.5em;
}
#events ol li {
margin: -0.5em 0 1em 0;
padding: 0.5em 0.5em 0.5em 2.5em;
border-top: 1px dotted #CCCCCC;
border-bottom: 1px dotted #CCCCCC;
text-indent: -2em;
list-style-type: none;
}
#events ol li:first-child {
margin-top: 0;
}
#events ol li.important {
background: #FBFBE6;
}
#events .vevent > h3 {
margin: 0;
display: inline;
cursor: pointer;
}
#events .vevent.important > h3 {
border-bottom: 0.25em solid #EFF09D;
}
#events .vevent > .date-time {
margin: 0 0 0.75em 0;
display: inline;
font-size: 0.786em;
}
#events .vevent > .date-time .emphasis {
background: #FBFBE6;
border-bottom: 1px dotted #CCCCCC;
}
#events .vevent.important > .date-time .emphasis {
background: #FFFFFF;
}
#events .more-info {
font-size: 0.786em;
font-style: italic;
}
}
@media screen {
/* ***********************************************
/* Stuff shared between the calendar and event modules. Should be moved to its on template sometime.
/* **********************************************/
.js .calendar .events-detail, .js #events .events-detail {
top: 50%;
left: 50%;
width: 770px; /* Three-quarters-column width + gutter x 2. -AS 030609 */
margin-left: -390px;
padding: 5px;
float: left;
position: fixed;
z-index: 99999;
background: transparent url(http://rescuemission.net//images/rescuemission/decoration/transparent_black_05.png) repeat;
font-size: 1.272em;
line-height: 1.5em;
text-indent: 0;
}
.js #events .events-detail {
font-size: 1em;
line-height: 1.5em;
}
.js .calendar .events-detail > .wrap, .js #events .events-detail > .wrap {
padding: 14px;
float: left;
background: #FFFFFF;
}
.js .calendar .events-detail .description, .js #events .events-detail .description {
margin-top: 1.5em;
}
.calendar .events-detail-close, #events .events-detail-close {
top: 10px;
right: 10px;
position: absolute;
border: none;
cursor: pointer;
}
.calendar .events-detail h3, #events .events-detail h3 {
margin: 0;
line-height: 1.2em;
}
.calendar .date-time, #events .events-detail .date-time {
font-style: italic;
}
.calendar dl, .calendar dt, .calendar dd, #events dl, #events dt, #events dd {
margin: 0;
padding: 0;
}
.calendar dt, #events dt {
font-weight: bold;
}
}
@media screen {
.gallery .description {
font-style: italic;
}
.gallery .photogrid {
margin-top: 0;
margin-left: 0;
padding-bottom: 1.5em;
}
.photocell {
width: 236px;
border: 1px solid #CCCCCC;
}
.photocell.break {
margin-left: 0;
}
.gallery .thumbnail, .gallery .caption {
max-width: 195px; /* 236px - 3em. -AS 021709 */
margin: 1.5em auto;
display: block;
border: none !important;
}
.gallery .caption {
margin-top: 0;
}
.gallery img.thumbnail, .gallery .caption {
border: 1px solid #CCCCCC;
}
.gallery img.thumbnail {
display: block;
border-bottom: none;
cursor: pointer;
}
.gallery .caption {
border-top: none;
text-align: center;
}
.gallery .caption h3 {
margin: 0.583em 0;
font-size: 1.286em;
line-height: 1.167em;
}
.gallery .caption .author {
margin: 0;
display: block;
font-size: 1em;
font-variant: small-caps;
text-transform: lowercase;
}
.gallery #caption p:first-line { /* Lightbox caption. */
font-variant: normal;
text-transform: none;
}
#galleries .photocell a {
color: #000000;
}
#photos > .division {
/* padding-bottom: 1.5em; */
}
}
@media screen {
.gmaps {
color: #000000;
background: #FFFFF;
}
.gmaps h2 {
min-height: 49px;
background: transparent url(http://rescuemission.net//images/rescuemission/decoration/logo_medium.png) no-repeat 0 50%;
text-indent: -99999px;
}
.gmaps dl, .gmaps dt, .gmaps dd {
margin: 0;
}
.gmaps dt {
clear: both;
font-weight: bold;
}
.gmaps dd {
float: left;
}
.gmaps dd + dd {
margin-left: 14px;
}
}
@media screen {
#home .content {
position: relative;
}
.below-photo {
background: url(http://rescuemission.net//images/rescuemission/decoration/stripes/stripe_slant_dark_10.png) transparent repeat-x 0 0;
}
#home #introduction {
margin-left: 315px; /* The width of a five-sixteenths-column + gutter. -AS 030509 */
}
#home #sidebar {
margin-left: -994px; /* The width of a eleven-sixteenths-column + five-sixteenths-column + gutter. -AS 102409 */
}
/* Time. */
#time {
height: 90px;
margin: 0;
padding: 0 0 0 315px;
}
#time li {
height: 90px;
margin-left: 15px;
float: left;
background-color: transparent;
background-image: url(http://rescuemission.net//images/rescuemission/decoration/time.png);
background-repeat: no-repeat;
text-indent: -99999px;
list-style-type: none;
}
#time-past {
width: 205px;
background-position: 0 0;
}
#time-present {
width: 199px;
background-position: -205px 0;
}
#time-future {
width: 194px;
background-position: -410px 0;
}
/* Help Out. */
#help-out h3 {
margin: 1em 0 0 -3px;
font-size: 3em;
line-height: 1em;
}
#help-out p {
font-family: "Museo", Calibri, Helvetica, Arial, sans-serif;
font-size: 1.25em;
font-weight: bold;
line-height: 1.2em;
}
#help-out ol {
font-family: "Helvetica Neue", HelveticaNeue, Calibri, Helvetica, Arial, sans-serif;
}
#help-out ol li {
display: list-item;
list-style-type: decimal;
}
/* General Environment Stuff */
#environment {
position: relative;
}
/* Daily Stats */
#daily-stats {
/*top: 1.333em;
right: 0;
bottom: 1.333em;
margin: -1px;*/
padding-top: 1.333em; /* The paragraph's bottom margin should take care of this at the bottom. -AS 030909 */
/*position: absolute;*/
font-size: 2.25em;
line-height: 1.333em;
/*border: 1px dotted #CCCCCC;*/
}
#daily-stats p {
font-style: italic;
text-align: center;
}
#daily-stats p:first-line {
font-variant: normal;
font-weight: normal;
}
#daily-stats .value {
display: block;
font-size: 4em;
font-style: normal;
font-weight: bold;
line-height: 1.333em;
}
}
@media screen {
#newsletter input[type="text"] + p, #newsletter input[type="checkbox"] + p {
margin-top: 1.5em;
}
#newsletter label {
text-align: right;
}
#newsletter span.quarter-column + label {
text-align: left;
}
#newsletter span.quarter-column input[type="text"] { /* Overriding the default width to match that of a quarter-column, nesting the input in a because of its native borders. -AS 030309 */
width: 100%;
}
#newsletter span.quarter-column input[type="checkbox"] {
float: right;
}
#newsletter .further-details span.quarter-column, #newsletter .further-details label.quarter-column, #newsletter .further-details select.quarter-column {
margin-bottom: 0.75em;
}
#newsletter .newsletters {
margin: -0.75em 0 1.5em 0;
float: left;
}
.newsletters li {
float: left;
list-style-type: none;
}
}
@media screen {
#results .keywords {
font-weight: bold;
}
ol.search-results {
margin: 0;
}
#results ol.search-results > li {
margin-left: 0;
clear: left;
}
}
@media screen {
.categories ul {
margin: 0 0 1.5em 0;
}
.categories li {
padding-left: 2em;
text-indent: -2em;
list-style-type: none;
}
.categories li li {
margin-left: -2em;
}
.categories h3 {
margin: 0;
font-weight: normal; /**/
line-height: 1.5em; /**/
}
.categories h3 a {
/*color: #000000;*/
}
.categories a {
color: #333333;
border-bottom: none; /**/
}
#section .alternating-entry-wrapper + .alternating-entry-wrapper {
padding-top: 3em;
border-top: 0.5em dashed #D8D8D8;
}
/*#section .alternating-entry-wrapper.odd {
left: -7px;
top: -1.5em;
padding-right: 14px;
position: relative;
float: left;
background-color: #FBFBE6;
background-color: pink;
}
#section .alternating-entry-wrapper.odd .entry {
left: 7px;
top: 1.5em;
position: relative;
}*/
}
@media screen {
#stats dl.full-column {
width: 1008px; /* Because of the padding on the .first-column children. -AS 091608 12.40 */
margin-top: -7px; /* Worth a try, anyway. -AS 071608 11.12 */
margin-left: 0;
}
#stats dl .quarter-column {
margin: 0;
padding: 7px 0 7px 14px;
}
#stats dl .quarter-column.first-column {
margin: 0;
/* padding: 7px 0 7px 0; */
}
/* #stats .odd, #stats .v-odd {
/* /*background: #e0d7ff;*/
/* background: #FBFBE6; /* About 20% of the darker green used in the header stripe. */
/* }
/*
/* #stats .odd.v-odd {
/* /*background: #c8b9ff;*/
/* background: #F5F7CC;
/* }
*/
/**/
#stats dd {
background: #FBFBE6;
}
#stats dd.odd {
background: #F5F7CC;
}
#stats dd.previous-year {
background: #FFFFFF;
}
#stats dd.previous-year.odd, #stats dt.odd {
background: #FBFBE6;
}
.statistics h3 {
margin: 0;
font-size: 1.25em;
}
}
@media screen {
#testimony {
width: 315px;
}
#testimony > .wrap {
/* position: relative; */
}
#testimony > .wrap .wrap {
top: -160px; /* -250px; */
left: -20px;
padding: 1px;
position: absolute;
background: transparent url(http://rescuemission.net//images/rescuemission/decoration/transparent_black_05.png) repeat;
}
#testimony img.showcase {
width: 309px;
min-height: 205px;
display: block;
border: 5px solid #FFFFFF;
}
#testimony .legend {
bottom: 0;
left: 0;
right: 0;
position: absolute;
float: right;
z-index: 300;
}
#testimony .legend h2 {
left: 0; /**/
bottom: 0; /**/
width: 100%;
margin: 0 1px 18px 0;
margin-left: -1px; /**/
margin-bottom: 6px; /**/
position: absolute; /**/
float: right;
background: transparent url(http://rescuemission.net//images/rescuemission/decoration/testimony_title_alt.png) no-repeat 100% 0;
text-indent: -99999px;
line-height: 63px;
}
#testimony .controls {
right: 0; /**/
bottom: 0; /**/
margin: 0 1px 1px 0;
margin-bottom: 6px; /**/
padding: 5px;
padding: 15px 5px 16px 5px; /**/
position: absolute; /**/
float: right;
background: #FFFFFF;
}
#testimony .controls > * {
height: 32px;
float: left;
}
#testimony-transcript-open {
margin-left: 5px;
line-height: 32px;
cursor: pointer;
}
#testimony-transcript {
top: 50%;
left: 50%;
width: 518px;
height: 518px;
margin: -264px 0 0 -264px;
padding: 5px;
position: absolute;
z-index: 99999;
background: transparent url(http://rescuemission.net//images/rescuemission/decoration/transparent_black_05.png) repeat;
}
#testimony-transcript > .wrap {
top: 5px;
bottom: 5px;
left: 5px;
right: 5px;
padding: 14px;
position: absolute;
overflow: hidden;
background: #FFFFFF;
}
#testimony-transcript-close {
top: 5px;
right: 5px;
position: absolute;
border: none;
cursor: pointer;
}
#testimony-transcript h2 {
margin-top: 14px;
}
#testimony-transcript .section {
overflow-y: scroll;
}
}
@media screen {
.wishlist {
margin: 0;
padding: 0;
text-indent: 0;
list-style-type: none;
}
ul.wishlist li {
padding-left: 2em;
text-indent: -2em;
list-style-type: none;
}
dl.wishlist .quarter-column {
margin-bottom: 0.75em;
}
dl.wishlist dt.quarter-column {
margin-left: 0;
clear: left;
font-weight: bold;
}
.wishlist dd p {
margin: 0;
}
}
@media screen {
/* Brandon Kelly's Editor */
.editor-button a {
opacity: 0.5 !important; /* The default setting is too dim! */
border: none;
}
.editor-button a:hover {
opacity: 1 !important;
}
#stats .editor-button {
display: none; /* Regretable, but at this point, impratical to use it on that page since we have PHP pre-processing of the data. -AS 021609 */
}
}