's in here or bad things will happen.]
OR
*/
.inline li,
.inline div {
min-height: 1.385em;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin-right: 2.5em;
}
.inline div {
margin-right: 1em;
margin-bottom: 1em;
}
.ie6 .inline li,
.ie7 .inline li,
.ie6 .inline div,
.ie7 .inline div {
zoom: 1;
display: inline;
}
.ie6 .inline li,
.ie6 .inline div {
height: 1.385em;
}
/* --- "Read More" links ---------------------- */
.more {
white-space: nowrap;
}
/* --- Image Wrappers ------------------------- */
.img_wrapper_l {
border: 1px solid #CCC;
float: left;
margin: 1em 10px 1em 0;
position: relative;
}
.img_wrapper_r {
border: 1px solid #CCC;
float: right;
margin: 1em 10px 1em 10px;
position: relative;
}
.img_wrapper_l img, .img_wrapper_ll img,
.img_wrapper_r img {
border: 4px solid #FFF;
display: block;
}
.img_wrapper {margin: 0 .85em;}
/* --- Images as links ------------------------- */
/* --- when yopu don't want img inheriting the light blue hover state -------------------------- */
/* @usage 
*/
a.noHover:hover {
background: none;
border: none;
}
/* --- Rounded Boxes -------------------------- */
.rounded {
-moz-border-radius: 0.5em; /* FF1+ */
-webkit-border-radius: 0.5em; /* Saf3+, Chrome */
border-radius: 0.5em; /* Opera 10.5, IE 9 */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.rounded-left {
-moz-border-radius: 0.5em 0 0 0.5em;
-webkit-border-radius: 0.5em 0 0 0.5em;
border-radius: 0.5em 0 0 0.5em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.rounded-right {
-moz-border-radius: 0 0.5em 0.5em 0; /* FF1+ */
-webkit-border-radius: 0 0.5em 0.5em 0; /* Saf3+, Chrome */
border-radius: 0 0.5em 0.5em 0; /* Opera 10.5, IE 9 */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
/* --- "Call To Action" Links ----------------- */
/* @usage */
.call-to-action {
background: #94AFC8; /* Old browsers */
background: -moz-linear-gradient(top, #94AFC8 0%, #CCD9E5 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94AFC8), color-stop(99%,#CCD9E5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #94AFC8 0%,#CCD9E5 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #94AFC8 0%,#CCD9E5 99%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #94AFC8 0%,#CCD9E5 99%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94AFC8', endColorstr='#CCD9E5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #94AFC8 0%,#CCD9E5 99%); /* W3C */
border: 1px solid #7296b7;
display: block;
margin: 0.722222em 0; /* 13px */
padding:0.5em 10px;
text-align: center;
text-decoration: none;
}
.call-to-action:hover {
background: #003366;
border-color: #003366;
color: #FFF;
}
/* --- a modified "Call To Action" Link without a top margin for when it lives on the same line ----------------- */
.call-to-action-inline {
background: #94AFC8; /* Old browsers */
background: -moz-linear-gradient(top, #94AFC8 0%, #CCD9E5 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94AFC8), color-stop(99%,#CCD9E5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #94AFC8 0%,#CCD9E5 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #94AFC8 0%,#CCD9E5 99%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #94AFC8 0%,#CCD9E5 99%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94AFC8', endColorstr='#CCD9E5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #94AFC8 0%,#CCD9E5 99%); /* W3C */
border: 1px solid #7296b7;
display: block;
margin: 0 0.722222em ; /* 13px */
padding:0.4em 10px;
text-align: center;
text-decoration: none;
}
.call-to-action-b:hover {
background: #003366;
border-color: #003366;
color: #FFF;
}
/* --- Columns within #primary ---------------- */
/* @usage
*/
.cols {
}
.col {
padding-top: 1em;
padding-bottom: 1em;
padding-left: 4px;
padding-right: 4px;
background: #FFF;
}
.col ul {
margin-left: 1em;
}
/* --- Column Headers ------------------------- */
.cols .header {
margin-bottom: 0;
text-rendering: optimizeLegibility;
}
.cols .header a {
background: #e9e3d4; /* Old browsers */
background: -moz-linear-gradient(top, #e9e3d4 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e3d4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e9e3d4 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e9e3d4 0%,#ffffff 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #e9e3d4 0%,#ffffff 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9E3D4', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #e9e3d4 0%,#ffffff 100%); /* W3C */
border-top: 2px solid #600;
color: #600;
display: block;
overflow: hidden;
padding: 0.25em 10px;
position: relative;
}
.cols .header a:hover,
.cols .header a:active {
background: #ccd9e5; /* Old browsers */
background: -moz-linear-gradient(top, #ccd9e5 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccd9e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ccd9e5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ccd9e5 0%,#ffffff 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ccd9e5 0%,#ffffff 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCD9E5', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ccd9e5 0%,#ffffff 100%); /* W3C */
border-color: #036;
color: #036;
}
.cols .header a span {
cursor: pointer;
display: block;
font-size: 13px;
font-weight: normal;
line-height: 13px;
padding: 0.25em 5px;
position: absolute;
right: 10px;
top: 25%;
}
.cols .header a:hover span,
.cols .header a:active span {
background: #036;
color: #FFF;
}
/* --- Column Calls-to-Action ----------------- */
.cols .call-to-action {
margin-left: 30px;
margin-right: 30px;
}
.cols .grid_6 .call-to-action {
margin-left: 10px;
margin-right: 10px;
}
/* --- Pullquotes ----------------------------- */
/* @usage
[You cannot put - 's in here or bad things will happen.]
*/
a.noHover:hover {
background: none;
border: none;
}
/* --- Rounded Boxes -------------------------- */
.rounded {
-moz-border-radius: 0.5em; /* FF1+ */
-webkit-border-radius: 0.5em; /* Saf3+, Chrome */
border-radius: 0.5em; /* Opera 10.5, IE 9 */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.rounded-left {
-moz-border-radius: 0.5em 0 0 0.5em;
-webkit-border-radius: 0.5em 0 0 0.5em;
border-radius: 0.5em 0 0 0.5em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.rounded-right {
-moz-border-radius: 0 0.5em 0.5em 0; /* FF1+ */
-webkit-border-radius: 0 0.5em 0.5em 0; /* Saf3+, Chrome */
border-radius: 0 0.5em 0.5em 0; /* Opera 10.5, IE 9 */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
/* --- "Call To Action" Links ----------------- */
/* @usage */
.call-to-action {
background: #94AFC8; /* Old browsers */
background: -moz-linear-gradient(top, #94AFC8 0%, #CCD9E5 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94AFC8), color-stop(99%,#CCD9E5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #94AFC8 0%,#CCD9E5 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #94AFC8 0%,#CCD9E5 99%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #94AFC8 0%,#CCD9E5 99%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94AFC8', endColorstr='#CCD9E5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #94AFC8 0%,#CCD9E5 99%); /* W3C */
border: 1px solid #7296b7;
display: block;
margin: 0.722222em 0; /* 13px */
padding:0.5em 10px;
text-align: center;
text-decoration: none;
}
.call-to-action:hover {
background: #003366;
border-color: #003366;
color: #FFF;
}
/* --- a modified "Call To Action" Link without a top margin for when it lives on the same line ----------------- */
.call-to-action-inline {
background: #94AFC8; /* Old browsers */
background: -moz-linear-gradient(top, #94AFC8 0%, #CCD9E5 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94AFC8), color-stop(99%,#CCD9E5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #94AFC8 0%,#CCD9E5 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #94AFC8 0%,#CCD9E5 99%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #94AFC8 0%,#CCD9E5 99%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94AFC8', endColorstr='#CCD9E5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #94AFC8 0%,#CCD9E5 99%); /* W3C */
border: 1px solid #7296b7;
display: block;
margin: 0 0.722222em ; /* 13px */
padding:0.4em 10px;
text-align: center;
text-decoration: none;
}
.call-to-action-b:hover {
background: #003366;
border-color: #003366;
color: #FFF;
}
/* --- Columns within #primary ---------------- */
/* @usage
Have some of column "A"
Try all of column "B"
I'm in the mood to help you, dude
You ain't never had a friend like me
*/ #main .pullquote { border-left: 5px solid #999; padding-left: 10px; float: right; width: 40%; margin: 0 10px 1em 20px; } #main .pullquote p { font-style: italic; margin: 11px 0; } #main .article blockquote { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 40px; -webkit-margin-end: 40px; } /* --- Channel Items -------------------------- */ .item { margin-bottom: 2em; } /* --- Headline adjustments ------------------- */ #main h3 + h5 { margin-top: 1em; } #main .h3-style1, .h4-style1 { border-bottom: 1px solid #C0C0C0; padding-bottom: .25em; margin-bottom: .5em } #main .h3-style1 span{ color: #777; font-size: 75%; margin-bottom: 0.25em; } /* #main h3 {margin-top: .815em;} causes display issues on front page -------------------------- */ #main h4, h5 { margin-top: .5em; } h1.underline, h2.underline, h3.underline, h4.underline, h5.underline, h6.underline { border-bottom: 1px solid #C0C0C0; padding-bottom: .25em; margin-bottom: .5em } /* --- Meta Text ------------------------------ */ .meta { color: #777; font-size: 85%; margin-bottom: 0.25em; text-transform: uppercase; } /* --- Byline Text ------------------------- */ .byline { color: #777; font-style: italic; margin-top: 0.375em; } /* --- Lists of PDFs -------------------------- */ ul.pdf { list-style: none; margin-left: 0 !important; } ul.pdf li { margin-bottom: 1em; } ul.pdf p { font-style: italic; margin: 5px 0 0 22px; } ul.pdf a { background-position: left 3px; display: block; padding-right: 10px; text-decoration: none; } ul.pdf a:hover, ul.pdf a:active { text-decoration: underline; } /* --- Link Icons ----------------------------- */ a[href^="mailto:"] { background-image: url(/assets/img/icons/email.png); } a[href$=".pdf"] { background-image: url(/assets/img/icons/pdf.png); } a[href$=".doc"] { background-image: url(/assets/img/icons/doc.png); } a[href$=".docx"] { background-image: url(/assets/img/icons/doc.png); } a[href$=".xls"] { background-image: url(/assets/img/icons/xls.png); } a[href$=".ics"] { background-image: url(/assets/img/icons/ics.png); } a[href$=".ppt"] { background-image: url(/assets/img/icons/ppt.png); } a[href$=".rss"], a[href$=".rdf"] { background-image: url(/assets/img/icons/feed.png); } a[href^="aim:"] { background-image: url(/assets/img/icons/im.png); } a[href^="#print"] { background-image: url(/assets/img/icons/print.png); } a[href^="mailto:"], a[href$=".pdf"], a[href$=".doc"], a[href$=".docx"], a[href$=".ppt"], a[href$=".xls"], a[href$=".ics"], a[href$=".rss"], a[href$=".rdf"], a[href^="aim:"], a[href^="#print"] { background-position: left center; background-repeat: no-repeat; margin:-2px 0; padding:2px 0 2px 22px; } /* EE's link obfuscator results in nested tags; this hides the duplicate icon */ /* Global footer links shouldn't get special styling */ a a, #global_footer a { background-image: none !important; padding: 0 !important; } /* ================================================== GLOBAL STYLES ================================================== */ body { background: #E9E3D4; } #global_container { background: #E9E3D4 url("/assets/img/bg_page.png") repeat-y center top; } #global_bottom { background: #E9E3D4 url("/assets/img/bg_page_bottom.png") repeat-y center top; height: 18px; min-height: 18px; } .hidden-desktop {display: none;} /* --- Utilities ------------------------------ */ #utilities { background: #FFF; border-bottom: 3px solid #036; } /* --- Search --- */ #search form { padding: 0.75em 0; } #search label { display: none; } #search .text, .button { display: block; float: left; } #search .text { background: #FFF; border: 1px solid #036; padding: 4px 5px 2px 5px; vertical-align: baseline; width: 180px; } #search .button { background: #036; border: 0; color: #FFF; cursor: pointer; font-weight: bold; margin: 0; padding: 4px 5px; vertical-align: baseline; } /* Target all Firefox */ @-moz-document url-prefix() { #search .button { padding: 4px 5px 2px 5px; } } .ie6 #search .button, .ie7 #search .button { padding: 2px 5px 2px 5px; } #search .button:hover, #search .button:active { background: #88A6C3; } /* --- Shortcuts --- */ #shortcuts .inline li { margin-right: 0; } #shortcuts a { display: block; font-weight: bold; letter-spacing: 0.01em; margin: 0.75em 5px; padding: 3px 10px 2px 10px; text-decoration: none; } /* Target all Firefox */ @-moz-document url-prefix() { #shortcuts a { padding: 4px 10px 1px 10px; } } #shortcuts a:hover, #shortcuts a:active { background: #ccd9e5; text-decoration: none; } /* #shortcuts #shortcut_subscribe, #shortcuts #shortcut_donate { background: #ccd9e5 !important; } */ /* --- Social --- */ #social .inline { margin: 0.25em 0; } #social .inline li { margin-right: 0; } #social a { background-image: url("/assets/img/sprites_social.png"); background-repeat: no-repeat; display: block; padding: 0.5em 0; text-indent: -999em; width: 25px; } #social .facebook { background-position: 0px 7px; } #social .twitter { background-position: -25px 7px; } #social .youtube { background-position: -50px 7px; } #social .feeds { background-position: -75px 7px; } #social a:hover, #social a:active { background-color: transparent; } /* --- Masthead ------------------------------- */ #masthead { background: #FFF url("/assets/img/bg_branding.png") repeat-x left top; } /* --- Branding --- */ #logo { display: block; width: 180px; height: 108px; float: left; } #logo a { display: block; width: 180px; height: 108px; text-indent: -99em; background: transparent url("/assets/img/logo_glad_screen.png") no-repeat left bottom; } #logo a:hover { background-color: transparent; } #branding h2 { padding-top: 0.75em; margin-left: 180px; font-weight: normal !important; } #branding h2 a { color: #003366; padding-left: 10px; padding-right: 10px; } #branding p { letter-spacing: 0.01em; margin-left: 190px; } /* --- Twitter Timeline --- */ #twitter_timeline { color: #666; } #twitter_timeline .tweet { background: #FFF; border: 1px solid #CCC; margin: 1em 10px 0 10px; padding: 0 10px; } #twitter_timeline p { margin-top: 0.25em; margin-bottom: 0.5em; } #twitter_timeline .meta { font-size: 85%; background: transparent url("/assets/img/bg_twitter.png") no-repeat 10px 0; margin-top: -1px; padding-left: 40px; padding-top: 3px; text-transform: none; } #twitter_timeline .meta a { color: #777; } #twitter_timeline .meta a:hover, #twitter_timeline .meta a:focus, #twitter_timeline .meta a:active { color: #036; } /* --- Navigation ----------------------------- */ .menu-clicker {display: none;} /* hidden on desktop, displays in mobile */ #global_nav_wrapper { background: #036; position: relative; z-index: 9; } #global_nav { display: inline; float: left; position: relative; margin-top: 0; margin-bottom: 0; margin-left: 0; z-index: 2; /* Required to fix IE7 z-index bug */ } #global_nav a { color: #FFF; font-weight: bold; letter-spacing: 0.04em; text-decoration: none; white-space: nowrap; } /* Visible but not active dropdowns, menu items, and submenu items */ #global_nav .menu, #global_nav a:active, #global_nav .droppeddown { background-color: #668AAC; } /* Visible and active dropdowns and menu items, and submenu items */ #global_nav .menu a:hover { background-color: #d7e1eb; color: #036; } /* Top Level Links */ #global_nav .dropdown { display: block; padding: 5px 20px 4px 20px; } #global_nav_home, #global_nav_work, #global_nav_rights, #global_nav_events, #global_nav_current, #global_nav_help, #global_nav_about { border-right: 1px solid #FFF; display: inline; float: left; position:relative; } #global_nav_about { border-width: 0; } /* Dropdown Menus */ #global_nav .menu { border: 1px solid #FFF; border-top: 0; display: none; /* to be overridden by JS */ left: -1px; margin-left: 0; position: absolute; top: 27px; z-index: 1; /* So menu overlaps section header */ } #global_nav .menu li { _display: inline; /* IE6 phantom space between list items bug */ } #global_nav_work .menu { width: 250px; } #global_nav_rights .menu { width: 250px; } #global_nav_events .menu { width: 250px; } #global_nav_current .menu { width: 250px; } #global_nav_help .menu { width: 250px; } #global_nav_about .menu { width: 177px; } #global_nav .menu a { border-top: 1px solid #FFF; border-bottom: 0; display: block; font-weight: normal; letter-spacing: 0.02em; margin-bottom: 0; padding: 5px 10px 4px 10px; } /* Expander Submenus */ #global_nav .submenu { display: none; /* to be overridden by JS */ margin-left: 0; } #global_nav .submenu a { padding-left: 20px; border-top-color: #668AAC; } #global_nav .expander { background-image: url("/assets/img/sprites_expanders.png"); background-position: right 4px; background-repeat: no-repeat; } /* The expander link while its submenu is visible */ #global_nav .expanded { background-position: right -46px; } /* You-are-here states */ body.home #global_nav_home, body.work #global_nav_work, body.rights #global_nav_rights, body.events #global_nav_events, body.current #global_nav_current, body.help #global_nav_help, body.about #global_nav_about { background-color: #668AAC; } /* --- Section Header ------------------------- */ #section_header { background: #600; border-top: 1px solid #FFF; color: #FFF; } /* --- Intro Area --- */ #section_intro { margin-left: 10px; padding-bottom: 1em; width: 510px; } #section_intro .meta { } #section_intro .h2 { padding-top: 13px; } #section_intro p { padding-bottom: 0; } #section_intro a { color: #FFF; font-weight: bold; text-decoration: underline; } /* --- Promo Area --- */ #section_promo { margin-right: 10px; width: 335px; } #section_promo a { background: #300; color:#FFF; display: block; margin-top: 1em; margin-bottom: 1em; overflow: hidden; position: relative; text-decoration: none; } #section_promo a:hover, #section_promo a:active { text-decoration: underline; } #section_promo blockquote { padding-left: 10px; padding-right: 10px; padding-bottom: 5px; } #section_promo p { margin-top: 0; margin-bottom: 0; padding-top: 1em; padding-bottom: 1em; } #section_promo blockquote cite { display: block; font-style: italic; margin-top: -1em; } #section_promo .img_wrapper_r img { border: 0; display: block; } /* --- Main ----------------------------------- */ #main { position: relative; } .has_sidebar { background: transparent url("/assets/img/bg_secondary.png") repeat-y right top; } /* --- Primary -------------------------------- */ #primary { padding-bottom: 1em; } /* --- Page Title --- */ #primary h1 { margin-bottom: 13px; } /* --- Breadcrumbs --- */ #breadcrumbs { color: #666; } #breadcrumbs a { white-space: nowrap; } /* --- Page Tools --- */ .addthis_toolbox { min-width: 110px; padding-left: 10px; position: absolute; right: 0; text-align: right; top: 1em; } /* --- Secondary ------------------------------ */ #secondary { } /* --- Section Navigation --- */ #section_nav_wrapper { margin: 1em 5px 1em 15px; } #section_nav_wrapper ul { list-style: none; margin: 0; } #section_nav_wrapper h3 { background-color: #CCC; text-align: center; } #section_nav_wrapper div { border: 5px solid #CFDBE7; margin-top: 1em; margin-bottom: 1em; padding-left: 10px; padding-right: 10px; padding-top: 1em; } #section_nav { border-bottom: 3px solid #CCC; overflow: hidden; position: relative; } #section_nav li { display: inline; } #section_nav a { border-top: 3px solid #CCC; cursor: pointer; display: block; font-weight: bold; padding: 6px 10px 4px 10px; text-decoration: none; } #section_nav ul a { border-top: 1px solid #CCC; font-weight: normal; letter-spacing: 0; padding-left: 20px; text-transform: none; } #section_nav ul ul a { border-top: 1px solid #EEE; font-weight: normal; padding-left: 20px; } #section_nav ul ul ul a { border-top: 1px dotted #EEE; font-style: italic; padding-left: 30px; } #section_nav a:link, #section_nav a:visited { color: #036; } #section_nav a:hover, #section_nav a:focus, #section_nav a:active, #section_nav a.here, #section_nav li.here > a { background-color: #FFF; } /* --- Current-specific Submenu --- */ #section_nav_wrapper form { border: none; padding: 0; } #section_nav_wrapper select { width: 220px; } #section_nav_wrapper .sponsor_white { background-color: #FEFFFE; } /* --- Submenus --- */ #section_nav .expander, #section_nav .slider { background-image: url("/assets/img/sprites_expanders.png"); background-repeat: no-repeat; } /* Expanders */ #section_nav .expander { background-position: right -96px; } #section_nav .expander:hover { background-position: right -126px; } #section_nav .expander.expanded { background-position: right -156px; } #section_nav .expander.expanded:hover { background-position: right -186px; } /* Sliders */ #section_nav .slider { background-position: left -100px; display: block; float: right; width: 18px; height: 1.385em; /* 18px, assuming 13px font size */ } .ie7 #section_nav .slider { display: block; float: right; } #section_nav .slider:hover { background-position: left -130px; } #section_nav .slider.expanded { background-position: left -160px; } #section_nav .slider.expanded:hover { background-position: left -190px; } #section_nav .submenu { display: none; /* to be overridden by the JS */ } #section_nav .here .submenu { display: block; } /* --- Footer --------------------------------- */ #global_footer { border-top: 3px solid #CCC; color: #666; padding-top: 1em; } #global_footer h4 { font-weight: normal; } .vcard .street-address { display: block; } .vcard .tel, .vcard .email { display: block; } #global_footer nav li { border-right: 1px solid #CCC; margin: 1em 0.5em 0 0; padding-right: 0.5em; } #global_footer nav li:last-child { border-right: 0; } /* ================================================== SECTION-SPECIFIC STYLES ================================================== */ /* --- Section Headers ------------------------ */ body.home #section_header {background:#666;} body.work #section_header {background:#600;} body.rights #section_header {background:#600;} body.events #section_header {background:#006;} body.current #section_header {background:#379A99;} body.help #section_header {background:#066;} body.about #section_header {background:#606;} body.protecting-families #section_header {background:#069;} body.transgender-family-law #section_header {background:#867CB8;} body.board #section_header {background:url(../../../assets/img/hdr-rr-landing.jpg) no-repeat;} body.doma #section_header {background:#600;} /* --- Homepage ------------------------------- */ body.home #primary { background: transparent url(/assets/img/homepage-top-divider.png) repeat-y left top; margin-top: 1em; margin-bottom: 1em; padding-bottom: 0; } /* --- Latest Publications --- */ body.home #latest-publications { padding-top: 1em; } body.home #latest-publications .col { padding-top: 0; padding-bottom: 0; } body.home #latest-publications ul { margin: 0; } /* --- Upcoming Events --- */ body.home #upcoming-events .col { padding: 0 0 0 10px; } body.home #upcoming-events .event { border-bottom: 1px solid #CCC; padding: 0 10px; } body.home #upcoming-events .last { border-bottom: 0; } /* --- Homepage Spotlight --- */ body.home #spotlight { overflow: hidden; position: relative; min-height: 440px; } body.home #spotlight .spotlight-items { position: relative; } body.home #spotlight .spotlight-item { border: 1px solid #CCC; display: none; overflow: hidden; padding: 5px; position: relative; width: 608px; } body.home #spotlight .spotlight-item-first { display: block; } /* Homepage Spotlight text */ body.home #spotlight .spotlight-text { background-color: #668AAC; border-top: 2px solid #FFF; padding: 5px 180px 5px 10px; } body.home #spotlight .spotlight-text p { margin-bottom: 0; } body.home #spotlight .spotlight-text, body.home #spotlight .spotlight-text a { color: #FFF; } body.home #spotlight .spotlight-text a:hover, body.home #spotlight .spotlight-text a:active { background: transparent; color: #036; } /* Homepage Spotlight figure */ body.home #spotlight .spotlight-item figure { position: relative; } body.home #spotlight .spotlight-item figure img, body.home #spotlight .spotlight-item figure a { display: block; width: 100%; } /* Homepage Spotlight navigation */ body.home #spotlight .spotlight-navigation { display: block; min-width: 60px; overflow: hidden; padding: 2.75em 20px; position: absolute; right: 6px; top: 346px; /* 1px container border + 5px padding + 338px image height + 2px white border */ z-index: 1000; } .spotlight-navigation li { display: inline; } .spotlight-navigation a { background: #036; display: block; float: left; height: 1.5em; text-indent: -9999px; width: 1.5em; border-radius: 0.75em; margin-right: 0.5em; } .spotlight-navigation a.activeSlide { background: #FFF; } /* --- Grid adjustments and dividers --- */ body.home .row { margin-bottom: 1em; } body.home .grid_custom .col { padding-top: 0; } body.home #main .header { border-bottom: 0.619em solid #FFF; /* 13px */ } body.home #main .row { background: transparent url(/assets/img/dividers/grid_custom_290_dividers.png) repeat-y 0 0; } /* --- Video --- */ .youtube { padding: 1em 0; } /* --- Major Sponsors --- */ body.home #sponsors h5 { font-style: italic; color: #999; } body.home #sponsors .col { border-top: 1px solid #CCC; } body.home #sponsors ul { margin-left: 0; text-align: center; } body.home #sponsors a, body.home #sponsors img { display: block; } /* --- Our Work ------------------------------- added by KKing April 2013 */ body.work .project-director h3 { padding-top: .5em; padding-bottom: .25em; } body.work .cols .header a { padding: 0.25em 0px; } /* --- How to Help ------------------------------- added by KKing Feb 2012 */ /* --- How to Help Spotlight --- */ body.help #spotlight { overflow: hidden; position: relative; } body.help #spotlight .spotlight-items { position: relative; } body.help #spotlight .spotlight-item { border: 1px solid #CCC; display: none; overflow: hidden; padding: 5px; position: relative; width: 608px; } body.help #spotlight .spotlight-item-first { display: block; } /* How to Help Spotlight text */ body.help #spotlight {margin-bottom: 1em;} body.help #spotlight .spotlight-text { background-color: #668AAC; border-top: 2px solid #FFF; padding: 5px 180px 5px 10px; } body.help #spotlight .spotlight-text p { margin-bottom: 0; } body.help #spotlight .spotlight-text, body.help #spotlight .spotlight-text a { color: #FFF; } body.help #spotlight .spotlight-text a:hover, body.help #spotlight .spotlight-text a:active { background: transparent; color: #036; } /* How to Help Spotlight figure */ body.help #spotlight .spotlight-item figure { position: relative; } body.help #spotlight .spotlight-item figure img, body.help #spotlight .spotlight-item figure a { display: block; width: 100%; } /* How to Help Spotlight navigation */ body.help #spotlight .spotlight-navigation { display: block; min-width: 60px; overflow: hidden; padding: 2.75em 20px; position: absolute; right: 6px; top: 346px; /* 1px container border + 5px padding + 338px image height + 2px white border */ z-index: 1000; } /* --- Events ------------------------------- added by KKing June 2012 */ body.events #special-events, body.events #public-events { border-right: 0px solid #D1D1D1; padding: 0px 10px 0px 10px; margin-top: 1em; } body.events #community-events { padding: 0px 10px 0px 10px; margin-top: 1em; } body.events .item-event { border-bottom: 1px solid #D1D1D1; margin-right: 1em; } body.events #events-listings h3 { color: #520000; text-align: center; padding-bottom: .2em; } body.events h2.event-header { color: #520000; padding: .2em; border-bottom: 2px solid #520000; text-align: center; } body.events p.event-type-description { border: 1px solid #D1D1D1; padding: 1em; margin-right: 1em; } body.events p.banner { padding-left: 2em; } /* --- Individual Event Page ------------------------------- */ body.events #secondary { margin: 1em 0; padding: 1em; border-left: 1px solid #ccc; } body.events #primary h3, body.events #secondary h3, body.events #form-wrapper h3 { font-size: 18px; margin: 9px 0; line-height: 18px; color: #520000; } body.events #secondary ul { list-style-type: none; margin-left: 0em; } body.events #form-wrapper h4 { font-family: sans-serif; text-transform: capitalize; font-size: 15px; margin: 9px 0; line-height: 18px; /* color: #520000; */ } /* --- Board ------------------------------- added by KKing Sept 2012 */ body.board ul {list-style-type: none} /* --- DOMA ------------------------------- copied from old DOMA styles by KKing Nov 2012 */ /* -- DOMA FAQs -- */ body.doma dt.question {font-weight: normal;} body.doma dt { padding-left: 1.5em; cursor: pointer; } body.doma dt { background: url(/assets/img/arrow-blue-rt.gif) no-repeat left} body.doma .expanded { background: url(/assets/img/arrow-blue-down.gif) no-repeat left} /* DOMA Plaintiffs */ body.doma .plaintiff { /* DOMA Plaintiff links */ display:block; float:left; border:1px solid #CCC; margin:0 10px 10px 0; padding: 6px; } body.doma .plaintiff.even { -moz-transform: rotate(3deg); /* FF3.5+ */ -o-transform: rotate(3deg); /* Opera 10.5 */ -webkit-transform: rotate(3deg); /* Saf3.1+, Chrome */ -ms-transform: rotate(3deg); /* IE9 */ transform: rotate(3deg); /* Nobody... yet. */ zoom: 1; } body.doma .plaintiff.odd { -moz-transform: rotate(-3deg); /* FF3.5+ */ -o-transform: rotate(-3deg); /* Opera 10.5 */ -webkit-transform: rotate(-3deg); /* Saf3.1+, Chrome */ -ms-transform: rotate(-3deg); /* IE9 */ transform: rotate(-3deg); /* Nobody... yet. */ zoom: 1; } /* ================================================== ADDED BY NICK SNYDER ================================================== */ /* --- Global Styles------------------------ */ body.current .article, body.work .article { margin: 1em 0 2em 0; border-top: 1px solid #CCC; } .article { margin: 1em 0 1em 0; border-top: 1px solid #CCC; } .article.first { border-top: 0; } .left { float: left; } .right { float: right; } .clear { clear: both; } /* --- Section Nav------------------------ */ #section_nav h5 { margin-top: 5px; padding-bottom: 5px; } .archive-list { padding: 10px 0 20px 0; } .archive-list li { padding-bottom: 3px; } .archive-list li a { text-decoration: none; } /* --- Auxiliary Pages ------------------------ */ body.auxiliary #primary { padding-top: 1em; } .prev-next { border: none !important; font-weight:bold; margin: 15px 0 15px -5px; width: 220px; } /* Donation Form */ .donate-form {} .ie6 .donate-form {width:560px} /* IE 6 acts bonkers without a width */ .donate-form h5 { background: #ccd9e5; color: #003366; font-size: 24px; padding: 8px; } .donate-form fieldset { margin: 1.5em 0; } .donate-form fieldset legend { color: #003366; font-family: georgia; font-size: 18px; font-weight: normal; padding-left: 10px; } .donate-form fieldset span { color: #333; font: 400 12px sans-serif; margin: 0 3px 0 5px; } .donate-form ol, .donate-form ul { list-style: none; } .donate-form ol li { margin: 1.5em 0; } .donate-form ol li label { margin-bottom: 3px; } .donate-form ul li { /* keeps radio buttons from cascading in IE7 and IE8 */ margin: 5px; } .donate-form ul li label { padding-top: 3px; } .donate-form input[type="text"] { height: 20px; width: 270px; } .donate-form #donation_amount_other { /* "other amount" and monthly "amount" */ display: inline-block; width:80px; margin-top: -.5em; margin-right: 2px; } .donate-form input[type="checkbox"] { float: left; margin: 1px 6px 0 0; } .donate-form input[type="checkbox"]:after { float: left; margin-top: -5px; } .donate-form input[type="radio"] { float: left; margin: 2px 5px 0 0; } .donate-form .zip-code-field, .donate-form .phone-field { width: 125px!important; } .donate-form select { float: left; } .donate-form .pullfix { margin-bottom: -19px; } .donate-form select[name="donor_card_exp_month"] { margin-right: 15px; } .donate-form ol li ol { margin-left: 0!important; } .donate-form ol li ol li { float: left; margin-right: 15px; } .donate-form h6 { color: #333; font-size: 14px; font-weight: bold; } .monthly-giving { margin-top: 35px; } .donate-amount-pull { margin-bottom: -20px; } .donate-form #frm-sec-state { margin-right: 25px; } /* Section Nav mini Form ------- added by KKing 5/12 */ .section_nav_form .textfield-2 {width: 215px; margin:.25em 0 .5em 0;} .section_nav_form .zip-code-field-2 {width: 115px; margin:.25em 0;} .section_nav_form fieldset, .section_nav_form p {margin-top: 0;} #main .section_nav_form fieldset span { color: #333; font: 400 12px sans-serif; font-style: italic; } #main .section_nav_form label { font-weight: normal; } #main .section_nav_form .hiddenFields {display:none;} /* Protecting Families */ .footnote { font-size: 10px; line-height: 18px; } #section_nav_pf_sponsors img { margin-top: 5px; margin-bottom: 5px; } /* Transgender Family Law */ .tfl-quote q { font-size: 16px; } .tfl-apos { color: #867CB8!important; font-size: 48px; line-height: 16px; position: relative; top: 17px; } .tfl-author { margin-left: 160px; } /* Espanol */ .spanish-text { color: #800080!important; } /* Board Calendar styles ------- added by KKing 9/12 */ .calendarBG { /* background color */ color: inherit; } .calendarHeader { /* month and year */ font-size: 14px; } .calendarHeader a { /* right and left arrows */ color: inherit; } .calendarHeader a:visited { color: inherit; } .calendarDayHeading { /* days of the week */ font-weight: bold; text-align: center; vertical-align: middle; } .calendarCell { /* cells that are not today */ font-weight: bold; font-size: 12px; text-decoration: none; text-align: left; vertical-align: top; width: 60px; height: 60px; } .calendarToday { /* today */ font-weight: bold; font-size: 12px; text-decoration: none; text-align: left; vertical-align: top; color: inherit; background-color: #E2E9F0; width: 60px; height: 60px; } .calendarBlank { /* dates not in the current month */ font-size: 11px; text-decoration: none; text-align: left; vertical-align: top; color: #FEFFFE; background-color: #FEFFFE; width: 60px; height: 60px; } /* ================================================== SECTION-MARRIAGE-ALBUM.CSS Controls all layout styles for glad.org/marriage-album Author: Ruthie BenDor Updated: 2012-12-17 KKing ================================================== */ /* === Open Album === */ body.current #album-wrapper { background:transparent url(/assets/img/marriage-album/layer-cover.png) no-repeat left top; position:relative; overflow:hidden; height:476px; } body.current #album { width:880px; height:400px; position:absolute; left:15px; top:0; background:transparent url(/assets/img/marriage-album/album-page-spread.png) no-repeat -15px top; z-index:1000 !important; } body.current .album-entry { width:400px; height:400px; margin:24px 20px 0 20px !important; } body.current .entry-first { float: right; } body.current .album-entry .col-inner { position:relative; overflow:auto; padding:15px !important; } body.current .photo-corners { position:absolute; left:10px; top:10px; background:transparent url(/assets/img/marriage-album/photo-corners.png) no-repeat 0 0; width:380px; height:290px; z-index:1000; } body.current .photo { border:1px solid #CCC; position:relative; overflow:auto; display:block; background:#EEE; width:368px; height:278px; } body.current .photo img {display:block;} body.current .caption { padding:0 30px; font-style:italic; } /* Album Nav */ body.current .album-nav { width:114px; height:70px; position:absolute; z-index:5 !important; } body.current #album-nav-prev { left:40px; bottom:30px; } body.current #album-nav-next { right:40px; bottom:30px; } body.current #album-nav-prev p, body.current #album-nav-next p { padding:0 !important; margin:0.643em 0 0 0 !important; text-align:center; } body.current #album-nav-prev a, body.current #album-nav-next a { color:#FFF !important; display:block; width:114px; padding:1.286em 0 1.607em 0 !important; } body.current #album-nav-prev a { background:transparent url(/assets/img/marriage-album/album-nav-prev.png) no-repeat left -10px; } body.current #album-nav-next a { background:transparent url(/assets/img/marriage-album/album-nav-next.png) no-repeat left -10px; } body.current #album-nav-current { left:170px; bottom:-10px; width:570px !important; height:100px; } body.current #album-nav-current p { margin:0 !important; padding:2em 0 0 0 !important; position:relative; overflow:auto; } body.current #album-nav-current p a { color:#000066 !important; display:block; float:left; padding:3px; font-size:70%; } body.current #album-nav-current p a.here { background:#000066 !important; color:#FFF !important; } body.current #album-nav-current p a:hover, body.current #album-nav-current p a:active { background:#000066 !important; color:#FFF !important; cursor:pointer; } /* ================================================== SECTION-EVENTS.CSS Controls all layout styles for glad.org/events Author: Ruthie BenDor Updated: 2009-02-06 Edited: 2012-12 by KKing ================================================== */ /* === Individual Event Page ============ */ body.events #secondary { margin: 1em 0; padding: 1em; border-left: 1px solid #ccc; } body.events #secondary h3, body.events #form-wrapper h3 { font-size: 18px; margin: 9px 0; line-height: 18px; color: #520000; } body.events #form-wrapper h4 { font-family: sans-serif; text-transform: capitalize; font-size: 15px; margin: 9px 0; line-height: 18px; /* color: #520000; */ } /* --- Event Speaker --- */ body.events div#event-speaker-area { position:relative; overflow:auto; padding:0 0 0 20px; } body.events div#event-speaker-area h4 { margin-bottom:0 !important; } body.events div#event-speaker-area div#event-speaker-image { font-size:0.875em; line-height:1.286em; margin-top:1.286em; } body.events div#event-speaker-area div#event-speaker-image img { border:1px solid #DDD; } body.events div#event-speaker-area div#event-speaker-description { } /* --- Table Captain modal window --- */ #table-captain-info { display:none; position:absolute; width:490px; bottom:100px; left:100px; background:#fff; } #table-captain-info .inner { padding:10px; border:3px solid #006; } /* --- Event Sponsors --- */ body.events div#event-sponsors-area { margin-top: 2em; } body.events div#event-sponsors-area h4.sponsor-level { font-size: 16px; font-weight:normal; font-style:italic; padding:0.643em 0; margin:1.286em 0!important; width:190px; border-top:2px solid #600; border-bottom:1px solid #600; } body.events div#event-sponsors-area .sponsor { position:relative; overflow:auto; } body.events div#event-sponsors-area .sponsor a { display:block; position:relative; overflow:auto; float:left; } body.events div#event-sponsors-area .sponsor a img { display:block; float:left; } /* --- Event Auctions --- */ body.events #auction-items { position:relative; overflow:hidden; padding-left:10px; } body.events .auction-item { display:block; float:left; margin-right:10px; } body.events .auction-item p { width:130px; margin:0.321em 0; } body.events .auction-item p.caption { font-size:87.5%; padding:0 10px; width:110px !important; margin-bottom:1.286em !important; } body.events .auction-item img {background:#CCC;} /* --- Event RSVP Forms --- */ body.events #content form { position:relative; overflow:auto; margin-bottom:0 !important; border-top:3px solid #600; } body.events #content form ol {list-style:none;} body.events #content form li { margin-left:0 !important; } body.events #content form label { display:block; padding:0.643em 0 0.321em 0; font-weight:bold; } body.events .donate-form input[type="text"] { height: 20px; width: 240px; } /* --- Event Steps --- */ body.events .step-header { position:relative; overflow:auto; } body.events .step-header span { display:block; float:left; font-size:70%; font-weight:bold; text-transform:uppercase; margin:0.643em 1em 0.643em 0 !important; padding:5px; color:#FFF; background:#600; } body.events #event-form-step-1 { width: 300px; float:left; } /* --- Event Step: 2 --- */ body.events #event-form-step-2 { width: 270px; float: right; } body.events .form-step2-optgroup { display:none; padding:5px 10px; border:1px solid #DDD; background:#EEE; border-width:1px 0; margin-bottom:0.632em; } body.events .form-step2-optgroup h5 { font-family: Arial,Helvetica,sans-serif; font-size:0.875em; color: #333; font-weight:bold; } body.events .form-step2-optgroup ul { list-style-type:none !important; } body.events .form-step2-optgroup input.text { display:inline !important; width:40px !important; } body.events #promo_code_container { padding-bottom: 30px; } body.events #promo_code_container a { width:30px; margin:10px 10px 0 0; padding:5px; border: 1px solid #003300; cursor:pointer; } /* Promo Code Validation and Error messages */ body.events #promo_code_result div.success { background: #66CC66; padding: 0 5px; border: 1px solid #009900; margin-top: 50px; } body.events #promo_code_result div.error { margin-top: 50px; background: #FCC; color: #F00; font-weight: bold; padding: 0 5px; border: 1px solid #900; } /* --- Event Step: Review --- */ body.events #event-form-step-review { width:530px !important; } body.events #event-form-step-review .event-form-step { width:255px !important; } body.events #event-form-step-review div.form-controls {clear:both;} /* --- Form Controls --- */ body.events .form-controls { text-align:center; margin:0.643em 0; } body.events .form-controls input { background-color:#006; color:#FFF; } body.events .form-controls [name=form-step-backward] {background:#CCC;} body.events .form-controls [name=form-step-review] { background:#66CC66; float: right; } /* --- Custom Styles for Specific Fields --- */ /* Step 1 of the form has some adjacent fields */ li#field-member_city, li#field-member_state, li#field-member_zip { display:block; float:left; margin-top:0 !important; } li#field-member_city {width:120px;} li#field-member_city input { width:110px !important; } li#field-member_state {width:60px;} li#field-member_zip {width:70px;} li#field-member_zip input { width:60px !important; } li#field-member_phone1 {clear:both;} li#field-donor_card_type {clear:both;} li#field-donor_card_exp_month { position:relative; overflow:auto; } li#field-donor_card_exp_month select { display:block; float:left; width:100px !important; margin-right:10px; } li#field-donor_card_exp_month p {clear:both;} .spanish-text { color: #94090D!important; } /* * Skin for jPlayer Plugin (jQuery JavaScript Library) * http://www.happyworm.com/jquery/jplayer * * Skin Name: Blue Monday * * Copyright (c) 2010 Happyworm Ltd * Dual licensed under the MIT and GPL licenses. * - http://www.opensource.org/licenses/mit-license.php * - http://www.gnu.org/copyleft/gpl.html * * Author: Silvia Benvenuti * Skin Version: 1.0 * Date: 18th February 2010 */ div.jp-single-player, div.jp-playlist-player { /* Edit the font-size to counteract inherited font sizing. * Eg. 1.25em = 1 / 0.8em */ font-size:1.25em; font-family:Verdana, Arial, sans-serif; line-height:1.6; color: #666; } div.jp-interface { position: relative; background-color:#eee; width:418px; height:80px; border:1px solid #009be3; } div.jp-single-player div.jp-interface {border-bottom:none;} div.jp-playlist-player div.jp-interface { } div.jp-interface ul.jp-controls { list-style-type:none; padding:0; margin: 0; } div.jp-interface ul.jp-controls li { overflow:hidden; text-indent:-9999px; } li.jp-play, li.jp-pause { display: block; position: absolute; top:20px; width:40px; height:40px; cursor: pointer; } div.jp-single-player li.jp-play, div.jp-single-player li.jp-pause {left:40px;} div.jp-playlist-player li.jp-play, div.jp-playlist-player li.jp-pause {left:48px;} li.jp-play { background: url("/assets/img/jplayer.blue.monday.jpg") 0 0 no-repeat; } li.jp-play:hover { background: url("/assets/img/jplayer.blue.monday.jpg") -41px 0 no-repeat; } li.jp-pause { background: url("/assets/img/jplayer.blue.monday.jpg") 0 -42px no-repeat; } li.jp-pause:hover { background: url("/assets/img/jplayer.blue.monday.jpg") -41px -42px no-repeat; } li.jp-stop { position: absolute; top:26px; background: url("/assets/img/jplayer.blue.monday.jpg") 0 -83px no-repeat; width:28px; height:28px; cursor: pointer; } div.jp-single-player li.jp-stop {left:90px;} div.jp-playlist-player li.jp-stop {left:126px;} li.jp-stop:hover { background: url("/assets/img/jplayer.blue.monday.jpg") -29px -83px no-repeat; } li.jp-previous { position: absolute; left:20px; top:26px; background: url("/assets/img/jplayer.blue.monday.jpg") 0 -112px no-repeat; width:28px; height:28px; cursor: pointer; } li.jp-previous:hover { background: url("/assets/img/jplayer.blue.monday.jpg") -29px -112px no-repeat; } li.jp-next { position: absolute; left:88px; top:26px; background: url("/assets/img/jplayer.blue.monday.jpg") 0 -141px no-repeat; width:28px; height:28px; cursor: pointer; } li.jp-next:hover { background: url("/assets/img/jplayer.blue.monday.jpg") -29px -141px no-repeat; } div.jp-progress { position: absolute; overflow:hidden; top:32px; background-color: #ddd; width:122px; height:15px; } div.jp-single-player div.jp-progress {left:130px;} div.jp-playlist-player div.jp-progress {left:164px;} div.jp-load-bar { background: url("/assets/img/jplayer.blue.monday.jpg") 0 -202px repeat-x; width:0px; height:15px; cursor: pointer; } div.jp-play-bar { background: url("/assets/img/jplayer.blue.monday.jpg") 0 -218px repeat-x ; width:0px; height:15px; } li.jp-volume-min { position: absolute; top:32px; background: url("/assets/img/jplayer.blue.monday.jpg") 0 -170px no-repeat; width:18px; height:15px; cursor: pointer; } div.jp-single-player li.jp-volume-min {left:274px;} div.jp-playlist-player li.jp-volume-min {left:296px;} li.jp-volume-min:hover { background: url("/assets/img/jplayer.blue.monday.jpg") -19px -170px no-repeat; } li.jp-volume-max { position: absolute; top:32px; background: url("/assets/img/jplayer.blue.monday.jpg") 0 -186px no-repeat; width:18px; height:15px; cursor: pointer; } div.jp-single-player li.jp-volume-max {left:346px;} div.jp-playlist-player li.jp-volume-max {left:368px;} li.jp-volume-max:hover { background: url("/assets/img/jplayer.blue.monday.jpg") -19px -186px no-repeat; } div.jp-volume-bar { position: absolute; overflow:hidden; top:37px; background: url("/assets/img/jplayer.blue.monday.jpg") 0 -250px repeat-x; width:46px; height:5px; cursor: pointer; } div.jp-single-player div.jp-volume-bar {left:292px;} div.jp-playlist-player div.jp-volume-bar {left:314px;} div.jp-volume-bar-value { background: url("/assets/img/jplayer.blue.monday.jpg") 0 -256px repeat-x; width:0px; height:5px; } div.jp-play-time, div.jp-total-time { position: absolute; top:49px; width:122px; font-size:.64em; font-style:oblique; } div.jp-total-time { text-align: right; } div.jp-single-player div.jp-play-time, div.jp-single-player div.jp-total-time {left:130px;} div.jp-playlist-player div.jp-play-time, div.jp-playlist-player div.jp-total-time {left:164px;} div.jp-playlist {width:418px;} div.jp-playlist ul{ list-style-type:none; margin:0 0 10px 0; background-color:#ccc; border:1px solid #009be3; border-top:none; width:378px; font-size:.72em; } div.jp-single-player div.jp-playlist ul { padding:5px 20px 5px 20px; } div.jp-playlist-player div.jp-playlist ul { padding:10px 20px 20px 20px; } div.jp-single-player div.jp-playlist li{ padding:0 0 0 20px; font-weight:bold; } div.jp-playlist-player div.jp-playlist li{ padding:4px 0 4px 20px; border-bottom:1px solid #eee; cursor: pointer; } div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current { color:#0d88c1; list-style-type:square; list-style-position:inside; padding-left:6px; cursor: default; } div.jp-playlist-player div.jp-playlist li:hover {color:#0d88c1;} @media print {/* ================================================== PRINT.CSS Overwrites screen formatting for nice printing @author Ruthie BenDor @edited 2011-Nov-8 ================================================== */ * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Set links to be dark grey and underlined */ a, a:visited { color: #444 !important; text-decoration: underline; } /* Include the link hypertext reference after the link text */ a[href]:after { content: " (" attr(href) ")"; } /* …except for these. */ #global_header a[href]:after, #section_header a[href]:after, #secondary a[href]:after, #breadcrumbs a[href]:after, #global_footer a[href]:after, table a[href]:after, .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Ditto for link title */ abbr[title]:after { content: " (" attr(title) ")"; } /* No relevance in print, so don't display */ #utilities, #shortcuts, #social, #global_nav, .addthis_toolbox { display: none; } /* Display the print version of the logo rather than the screen version */ #logo a { display: block; width: 180px; height: 108px; text-indent: 0 !important; } #logo a, #logo a:hover { background-color: transparent !important; } /* Don't display the sidebar */ #secondary { display: none; } /* Full width */ #primary { left: 0; width: 900px; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; }s h2, h3 { page-break-after: avoid; } } @media screen and (max-device-width: 480px) {/* ================================================== MOBILE.CSS Styles for Grade-A mobile browsers: Opera Mobile, iPhone Safari, and Android Chrome. @author Kenyon King ================================================== */ /* Prevent iOS, WinMobile from adjusting font size */ html { -ms-text-size-adjust: none; -webkit-text-size-adjust: none; } /* ================================================== GLOBAL MOBILE ================================================== */ /* --- Headers -------------------------------- */ h1, .h1 { font-size: 27px; line-height: 1.333; /* ~36px */ } h2, .h2 { font-size: 24px; line-height: 1.125; /* =27px */ } h3, .h3 { font-size: 21px; line-height: 1.286; /* ~27px */ } h4, .h4 { font-size: 18px; line-height: 1.166; /* ~21px */ } h5, .h5 { font-size: 16px; line-height: 1.125; /* =18px */ } h6, .h6 { font-size: 14px; line-height: 1.0; } /* --- Structure -------------------------------- */ .container_26 { margin-left: auto; margin-right: auto; width: auto; } /* --- Grid >> Global --- */ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24, .grid_25,.grid_26, .grid_custom { display: inline; float: none; margin-left: 5px; margin-right: 5px; position: relative; } /* --- Pull Space >> 26 Columns --- */ .container_26 .pull_1 { left: 0; } .container_26 .pull_2 { left: 0; } .container_26 .pull_3 { left: 0; } .container_26 .pull_4 { left: 0; } .container_26 .pull_5 { left: 0; } .container_26 .pull_6 { left: 0; } .container_26 .pull_7 { left: 0; } .container_26 .pull_8 { left: 0; } .container_26 .pull_9 { left: 0; } .container_26 .pull_10 { left: 0; } .container_26 .pull_11 { left: 0; } .container_26 .pull_12 { left: 0; } .container_26 .pull_13 { left: 0; } .container_26 .pull_14 { left: 0; } .container_26 .pull_15 { left: 0; } .container_26 .pull_16 { left: 0; } .container_26 .pull_17 { left: 0; } .container_26 .pull_18 { left: 0; } .container_26 .pull_19 { left: 0; } .container_26 .pull_20 { left: 0; } .container_26 .pull_21 { left: 0; } .container_26 .pull_22 { left: 0; } .container_26 .pull_23 { left: 0; } .container_26 .pull_24 { left: 0; } .container_26 .pull_25 { left: 0; } body { background: #FEFFFE; } /* --- Utilities ------------------------------ */ #utilities { background: #FEFFFE; border-bottom: none; } /* --- Search --- */ #search {display:none} /* --- Shortcuts --- */ #shortcuts a { font-weight: normal; margin: 0.75em 5px; padding: 3px 0px 2px 0px; } /* #shortcuts {display:none;} */ /* --- Social --- */ #social { display: none; } /* --- Masthead ------------------------------- */ #masthead { background: #FFF url("/assets/img/bg_branding.png") repeat-x left top; width: auto; margin-top: -20px; border-top: 1px solid #052254; } /* --- Branding --- */ #logo, #logo a { } #branding h2 { margin-left: 190px; } #branding h2 a { padding-left: 0px; } #branding p {display:none;} /* --- hide Twitter Timeline --- */ #twitter_timeline {display:none;} /* --- Navigation ----------------------------- */ #global_nav_wrapper { } #global_nav { float: none; } #global_nav a { font-weight: normal; } /* Top Level Links */ #global_nav_home, #global_nav_work, #global_nav_rights, #global_nav_events, #global_nav_current, #global_nav_help, #global_nav_about { border-right: 0px solid #FFF; display: block; float: none; } /* Dropdown Menus */ #global_nav .menu { border: 0px solid #FFF; } .menu-clicker { display:inline-block; background-color:#036; color:#eee; padding:6px 20px; width: 100%; background-image: url("/assets/img/sprites_expanders.png"); background-position: right 6px; background-repeat: no-repeat; /* font-weight: bold; */ text-align: left; } .menu-clicker:hover { } .menu-clicker:active { position:relative; top:1px; } /* --- Section Header ------------------------- */ #section_header { width: auto; padding-left: 5px; } #section_intro { display: none; } /* --- Promo Area --- */ #section_promo {display:none;} /* --- Main ----------------------------------- */ #main { width: auto; /* width of phone */ padding-left: 5px; /* all content bumped in 5 px for readability / shmooveness */ padding-right: 2px; } .has_sidebar { background: none; /* don't display that grey background */ } .header { margin-left: -5px; /* stretch the red borders to the edges */ margin-right: -2px; } #events { /* events on main page has funny padding on left side, this removes it */ margin-left: -10px; margin-bottom: 20px; } /* --- Breadcrumbs --- */ #breadcrumbs a {white-space:normal;} /* --- Secondary ------------------------------ */ #secondary { display: none; } /* --- Footer --------------------------------- */ #global_footer { padding-left: 5px; } /* --- Lists ---------------------------------- */ ul, ol, dd { margin-left: 0; } /* --- Items Hidden/Visible from Phone ---*/ p#iframeChat {display: none;} .hidden-phone {display: none;} .slidden-phone { overflow: hidden; padding-top: 0; padding-bottom: 0; height: 0; border-width: 0; } .hidden-desktop {display: block;} /* ================================================== SECTION-SPECIFIC STYLES ================================================== */ /* --- Homepage ------------------------------- */ body.home #spotlight { display: none; } body.home #infoline-graphic { display: none; } /* --- How to Help Spotlight --- */ body.help #spotlight { display: none; } /*DOMA Survey Form Steps */ body.doma #steps {display: none;} /* --- Events ------------------------------- body.events #special-events, body.events #public-events { border-right: none; } /* --- Auxiliary Pages ------------------------ */ /* ================================================== GLAD UTILITY STYLES ================================================== */ /* --- General Form Styles -------------------- */ #main form { margin-left: -5px; margin-right: -2px; } .call-to-action-inline { /* join our mailing list submit button */ margin-top: 20px; margin-left: 80px; width: 120px; } /* Donation Form */ .donate-form fieldset legend { padding-left: 0px; } .donate-form input[type="text"] { width: 90%; } .donate-form-21 input[type="text"] { width: 90%; } /* testing */ .show_hide {display:none;} body.doma iframe { width: 310px!important; height: auto!important; }Text of quote here.