/*
Theme Name: Autistic Self Advocacy
Theme URI:
Description: Custom accessible theme for the Autistic Self Advocacy network, based on Accessible Five by Sylvia Egger and Twenty Ten Five by Richard Shepherd.
Author: Sarah Schneider
Author URI:
Version: 1.0
*/
/* TWENTY TEN FIVE BASE STYLES */
/* A message for users with JavaScript turned off */
noscript strong {display: block; font-size: 18px; line-height:1.5em; padding: 5px 0; background-color: #ccc; color: #a00; text-align: center; }
/* HTML5 elements need display: block */
header,nav,section,article,aside,figure,footer { display:block; }
/* Where we're reassigning div's to HTML5 elements we */
/* need to copy across their CSS styles like so... */
footer { margin-bottom:20px; clear:both; width:100%; }
#content figure { background:#f1f1f1; line-height:18px; margin-bottom:20px; padding:4px; text-align:center; }
#content figure img { margin:5px 5px 0; }
#content figure figcaption { color:#888; font-size:12px; margin:5px;}
#content header p.entry-meta { margin-bottom: 0px; }
input[type="email"],
input[type="url"] { background: #f9f9f9; border: 1px solid #ccc; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); padding: 2px; }
.ie6 nav ul li.current_page_item a,.ie6 nav ul li.current-menu-ancestor a,.ie6 nav ul li.current-menu-item a,.ie6 nav ul li.current-menu-parent a,.ie6 nav ul li a:hover { color:#fff; }
/* TWENTY TEN BASE CSS
Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
}
body {
line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
font-weight: normal;
}
ol, ul {
list-style: none;
}
blockquote {
quotes: none;
}
blockquote:before, blockquote:after {
content: '';
content: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
a img {
border: none;
}
/*********************************//*********************************//*********************************/
/*********************************//*********************************//*********************************/
/*********************************//*********************************//*********************************/
/* ASAN custom styles */
/*********************************//*********************************//*********************************/
/*********************************//*********************************//*********************************/
/*********************************//*********************************//*********************************/
/* =Layout (Twenty Ten)
-------------------------------------------------------------- */
/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/
html { height: 100%; }
body { min-height: 100%; }
* html body { height: 100%;} /*for IE6*/
#wrapper {
/*min-height: 110em; */
/*overflow-y: auto;*/
position: relative;
clear: both;}
/* The main theme structure */
div.menu,
#colophon,
#branding,
#main,
#wrapper {
margin: 0 auto;
width: 990px;
height: auto;
}
.ie6 #wrapper {
overflow: hidden;}
#main {
position: relative;
height: auto;
}
.ie6 #main {
min-height: 110em;
height: 110em;}
#container {
float: left;
width: 100%;
margin: 0 -270px 0 0;
}
#content {
margin: 0 305px 0 0;
}
#primary,
#secondary {
float: right;
margin-right: 20px;
overflow: hidden;
width: 245px;
}
.ie6 #primary {
position: absolute;
top: 0px;
right: 20px;
zoom: 1;
}
#secondary {
clear: right;
}
#footer {
clear: both;
width: 100%;
}
.spacer {
clear:both;
}
/* new clearfix */
/* For modern browsers */
.cf:before,
.cf:after {
content:"";
display:table;
}
.cf:after {
clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
zoom:1;
}
/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/
.one-column #content {
margin: 0 auto;
width: 640px;
}
/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
*/
.single-attachment #content {
margin: 0 auto;
width: 900px;
}
/****************************************//****************************************/
/* =Fonts
/****************************************//****************************************/
body,
input,
textarea,
.page-title span,
.entry-title,
.entry-content thead th,
.entry-meta,
.entry-utility,
.pingback a.url,
.entry-content a:link,
.entry-content h1 a,
.entry-content h2 a,
.entry-content h3 a,
.salsa label,
.salsa legend,
form.salsa-form label,
#volform label.e2ma_signup_form_label,
#volform label.e2ma_signup_form_group_list,
#shopName,
#bodyContentTD,
.breadCrumb,
span.storesmallprint,
span#sellPriceId,
#customerAssurance,
#shopCollection,
#bodyContent p,
#productInfo,
#cafepressdescription {
font-family: Alegreya, Georgia, "Bitstream Charter", serif;
}
/*
.win body,
.win input,
.win textarea,
.win .page-title span,
.win .entry-title,
.win .entry-content thead th,
.win .entry-meta,
.win .entry-utility,
.win .pingback a.url,
.win .entry-content a:link,
.win .entry-content h1 a,
.win .entry-content h2 a,
.win .entry-content h3 a {
font-family: Georgia, "Bitstream Charter", serif;
}
*/
.hasFontSmoothing-false body,
.hasFontSmoothing-false input,
.hasFontSmoothing-false textarea,
.hasFontSmoothing-false .page-title span,
.hasFontSmoothing-false .entry-title,
.hasFontSmoothing-false .entry-content thead th,
.hasFontSmoothing-false .entry-meta,
.hasFontSmoothing-false .entry-utility,
.hasFontSmoothing-false .pingback a.url,
.hasFontSmoothing-false .entry-content a:link,
.hasFontSmoothing-false .entry-content h1 a,
.hasFontSmoothing-false .entry-content h2 a,
.hasFontSmoothing-false .entry-content h3 a,
.hasFontSmoothing-false #shopName,
.hasFontSmoothing-false #bodyContentTD,
.hasFontSmoothing-false .breadCrumb,
.hasFontSmoothing-false span.storesmallprint,
.hasFontSmoothing-false span#sellPriceId,
.hasFontSmoothing-false #customerAssurance,
.hasFontSmoothing-false #shopCollection,
.hasFontSmoothing-false #bodyContent p,
.hasFontSmoothing-false #productInfo,
.hasFontSmoothing-false #cafepressdescription,
.hasFontSmoothing-unknown body,
.hasFontSmoothing-unknown input,
.hasFontSmoothing-unknown textarea,
.hasFontSmoothing-unknown .page-title span,
.hasFontSmoothing-unknown .entry-title,
.hasFontSmoothing-unknown .entry-content thead th,
.hasFontSmoothing-unknown .entry-meta,
.hasFontSmoothing-unknown .entry-utility,
.hasFontSmoothing-unknown .pingback a.url,
.hasFontSmoothing-unknown .entry-content a:link,
.hasFontSmoothing-unknown .entry-content h1 a,
.hasFontSmoothing-unknown .entry-content h2 a,
.hasFontSmoothing-unknown .entry-content h3 a,
.hasFontSmoothing-unknown #shopName,
.hasFontSmoothing-unknown #bodyContentTD,
.hasFontSmoothing-unknown .breadCrumb,
.hasFontSmoothing-unknown span.storesmallprint,
.hasFontSmoothing-unknown span#sellPriceId,
.hasFontSmoothing-unknown #customerAssurance,
.hasFontSmoothing-unknown #shopCollection,
.hasFontSmoothing-unknown #bodyContent p,
.hasFontSmoothing-unknown #productInfo,
.hasFontSmoothing-unknown #cafepressdescription {
font-family: Georgia, "Bitstream Charter", serif;
}
h3#comments-title,
h3#reply-title,
.widget-container,
.widget-area a:link,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#site-description,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.signup-form-7264 h1,
.wp-caption-text,
#featured .info h2,
.navinfo,
#randomquote,
.sh_left,
.sh_right a,
#articles h2.posttitle,
.wp-meetup-event a.wp-meetup-event-link,
.readmore a,
.reply a,
a.comment-edit-link,
.skip-link a,
.skip-bottom,
.skip-content,
#content figure figcaption,
#emailsubmit,
#salsa-submit,
.dk-speakup-submit span,
#bodyContentTD a,
#bodyContent h1,
#bodyContent h2,
#bodyContent h3,
#bodyContent h4
{
font-family: Ruda, Arial, Helvetica, sans-serif;
}
.hasFontSmoothing-false h3#comments-title,
.hasFontSmoothing-false h3#reply-title,
.hasFontSmoothing-false .widget-container,
.hasFontSmoothing-false .widget-area a:link,
.hasFontSmoothing-false #access .menu,
.hasFontSmoothing-false #access div.menu ul,
.hasFontSmoothing-false #cancel-comment-reply-link,
.hasFontSmoothing-false .form-allowed-tags,
.hasFontSmoothing-false #site-info,
.hasFontSmoothing-false #site-title,
.hasFontSmoothing-false #site-description,
.hasFontSmoothing-false #wp-calendar,
.hasFontSmoothing-false .comment-meta,
.hasFontSmoothing-false .comment-body tr th,
.hasFontSmoothing-false .comment-body thead th,
.hasFontSmoothing-false .entry-content label,
.hasFontSmoothing-false .entry-content tr th,
.hasFontSmoothing-false #respond label,
.hasFontSmoothing-false .navigation,
.hasFontSmoothing-false .page-title,
.hasFontSmoothing-false .pingback p,
.hasFontSmoothing-false .reply,
.hasFontSmoothing-false .widget-title,
.hasFontSmoothing-false .signup-form-7264 h1,
.hasFontSmoothing-false .wp-caption-text,
.hasFontSmoothing-false #featured .info h2,
.hasFontSmoothing-false .navinfo,
.hasFontSmoothing-false #randomquote,
.hasFontSmoothing-false .sh_left,
.hasFontSmoothing-false .sh_right a,
.hasFontSmoothing-false #articles h2.posttitle,
.hasFontSmoothing-false .wp-meetup-event a.wp-meetup-event-link,
.hasFontSmoothing-false .readmore a,
.hasFontSmoothing-false .reply a,
.hasFontSmoothing-false a.comment-edit-link,
.hasFontSmoothing-false .skip-link a,
.hasFontSmoothing-false .skip-bottom,
.hasFontSmoothing-false .skip-content,
.hasFontSmoothing-false #content figure figcaption,
.hasFontSmoothing-false #emailsubmit,
.hasFontSmoothing-false .dk-speakup-submit span,
.hasFontSmoothing-false #bodyContentTD a,
.hasFontSmoothing-false #bodyContent h1,
.hasFontSmoothing-false #bodyContent h2,
.hasFontSmoothing-false #bodyContent h3,
.hasFontSmoothing-false #bodyContent h4,
.hasFontSmoothing-unknown h3#comments-title,
.hasFontSmoothing-unknown h3#reply-title,
.hasFontSmoothing-unknown .widget-container,
.hasFontSmoothing-unknown .widget-area a:link,
.hasFontSmoothing-unknown #access .menu,
.hasFontSmoothing-unknown #access div.menu ul,
.hasFontSmoothing-unknown #cancel-comment-reply-link,
.hasFontSmoothing-unknown .form-allowed-tags,
.hasFontSmoothing-unknown #site-info,
.hasFontSmoothing-unknown #site-title,
.hasFontSmoothing-unknown #site-description,
.hasFontSmoothing-unknown #wp-calendar,
.hasFontSmoothing-unknown .comment-meta,
.hasFontSmoothing-unknown .comment-body tr th,
.hasFontSmoothing-unknown .comment-body thead th,
.hasFontSmoothing-unknown .entry-content label,
.hasFontSmoothing-unknown .entry-content tr th,
.hasFontSmoothing-unknown #respond label,
.hasFontSmoothing-unknown .navigation,
.hasFontSmoothing-unknown .page-title,
.hasFontSmoothing-unknown .pingback p,
.hasFontSmoothing-unknown .reply,
.hasFontSmoothing-unknown .widget-title,
.hasFontSmoothing-unknown .signup-form-7264 h1,
.hasFontSmoothing-unknown .wp-caption-text,
.hasFontSmoothing-unknown #featured .info h2,
.hasFontSmoothing-unknown .navinfo,
.hasFontSmoothing-unknown #randomquote,
.hasFontSmoothing-unknown .sh_left,
.hasFontSmoothing-unknown .sh_right a,
.hasFontSmoothing-unknown #articles h2.posttitle,
.hasFontSmoothing-unknown .wp-meetup-event a.wp-meetup-event-link,
.hasFontSmoothing-unknown .readmore a,
.hasFontSmoothing-unknown .reply a,
.hasFontSmoothing-unknown a.comment-edit-link,
.hasFontSmoothing-unknown .skip-link a,
.hasFontSmoothing-unknown .skip-bottom,
.hasFontSmoothing-unknown .skip-content,
.hasFontSmoothing-unknown #content figure figcaption,
.hasFontSmoothing-unknown #emailsubmit,
.hasFontSmoothing-unknown .dk-speakup-submit span,
.hasFontSmoothing-unknown #bodyContentTD a,
.hasFontSmoothing-unknown #bodyContent h1,
.hasFontSmoothing-unknown #bodyContent h2,
.hasFontSmoothing-unknown #bodyContent h3,
.hasFontSmoothing-unknown #bodyContent h4 {
font-family: Arial, Helvetica, sans-serif;
}
pre {
font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
/* =Structure
-------------------------------------------------------------- */
#wrapper {
background: #fff;
clear: both;
padding: 0px 0px 0px 25px;
position: relative;
-moz-box-shadow: 0 0 5px 5px #252775;
-webkit-box-shadow: 0 0 5px 5px #252775;
box-shadow: 0 0 5px 5px #252775;
}
.ie6 #wrapper,
.ie7 #wrapper,
.ie8 #wrapper {
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#252775, Strength=5, Direction=0),
progid:DXImageTransform.Microsoft.Shadow(Color=#252775, Strength=5, Direction=90),
progid:DXImageTransform.Microsoft.Shadow(Color=#252775, Strength=5, Direction=180),
progid:DXImageTransform.Microsoft.Shadow(Color=#252775, Strength=5, Direction=270);
}
/* Structure the footer area */
#footer-widget-area .widget-area {
float: left;
margin: 0px 0px 0px 0px;
width: 220px;
}
#footer-widget-area #fourth {
margin-right: 0;
}
#site-info {
float: left;
width: 700px;
height: 3.75em; /* 16 x 2.75 = 60px */
margin-top: 15px;
}
#site-generator {
float: right;
width: 220px;
}
/* =Global Elements
-------------------------------------------------------------- */
/* Main global 'theme' and typographic styles */
body,
input,
textarea {
font-size: 1em; /* 16x1=16px */
font-size: 1rem; /* 16x1=16px */
}
body {
background: #2e3192;
font-size: 100.01%;
}
hr {
background-color: #e7e7e7;
border: 0;
clear: both;
height: 1px;
margin-bottom: 18px;
}
/* Text elements */
p {
margin-bottom: 18px;
}
ul {
list-style: square;
margin: 0 0 18px 1.5em;
}
ul li, ol li {
font-size: 1em;}
ol {
list-style: decimal;
margin: 0 0 18px 1.5em;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
margin-bottom: 0;
font-size: 1em;
}
dl {
margin: 0 0 24px 0;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 18px;
}
strong {
font-weight: bold;
}
cite,
em,
i {
font-style: italic;
}
big {
font-size: 131.25%;
}
ins {
background: #ffc;
text-decoration: none;
}
blockquote {
font-style: italic;
padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
font-style: normal;
}
pre {
background: #f7f7f7;
color: #222;
line-height: 18px;
margin-bottom: 18px;
padding: 1.5em;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
sup,
sub {
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
input[type="text"],
textarea {
background: #f9f9f9;
border: 1px solid #ccc;
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
}
a:link {
color: #2e3192;
font-weight: bold;
text-decoration:none;
border-bottom:1px dotted #6c6eb2;
}
a:visited {
color: #6c6eb2;
}
a:hover,
.page-title a:hover,
.page-link a:hover,
.navigation a:hover,
.entry-meta a:hover,
.entry-utility a:hover,
.entry-title a:hover,
.comment-meta a:hover,
.reply a:hover,
a.comment-edit-link:hover
{
color: #f06426;
text-decoration:none;
border-bottom:1px dotted #f06426;
}
/* correction of screen-reader-text (hidden elements) */
.screen-reader-text {
display:inline;
left: -9999px;
position:absolute;
top:auto;
}
/* =Header
-------------------------------------------------------------- */
#header {
padding: 0;
float: none;
clear: both;
position: static;
}
#site-title {
display: none;
}
#branding img {
border: none;
clear: both;
display: block;
margin: 28px 0px 47px 0px;
}
/* =Menu
-------------------------------------------------------------- */
#masthead {
position: relative;
height: 9.375em; /* 16x1.125=150px */
min-height: 9.375em; /* 16x1.125=150px */
}
html > body #masthead {
height: auto;
}
#access {
background: none;
display: block;
position: absolute;
right: 25px;
top: 95px;
width: 44em;
height: 2.1em;
min-height: 2.1em;
font-size: 1em; /* 16x1=16px */
font-size: 1rem; /* 16x1=16px */
margin-bottom: 15px;
}
html > body #access {
height: auto;
}
.hasFontSmoothing-false #access {
width: 50em;}
#access .menu-header,
div.menu {
width: 44em;
float: right;
}
html > body .menu-header {
height: auto;
margin-bottom: 0px;
}
#access .menu-header ul,
div.menu ul {
list-style: none;
margin: 0;
height: 2.111em;
float: right;
}
#access .menu-header li,
div.menu li {
float: left;
position: relative;
height: 2.111em;
}
#access a {
color: #2e3192;
display: block;
line-height: 2.111em;
padding: 0 11px;
text-decoration: none;
font-weight: 900;
margin: 5px 3px 0px 3px;
border-bottom: none;
text-transform: uppercase;
vertical-align: middle;
}
.hasFontSmoothing-false #access a {
padding: 0 8px;}
/*
.win #access a {
text-transform: none;
}
*/
#access ul ul {
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
display: none;
position: absolute;
top: 38px;
left: 0;
float: left;
width: 180px;
z-index: 99999;
}
#access ul ul li {
min-width: 180px;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
background: #333;
line-height: 1em;
padding: 10px;
width: 160px;
height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
background: #333;
color: #fff;
}
#access ul li:hover > ul {
display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
color: #f06424;
text-decoration: underline;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
color: #f06424;
text-decoration: underline;
}
li.donatelink a {
color: #f06424 !important;
}
li.donatelink a:hover {
color: #ffffff !important;
}
.mobileskiplinks, #sidebarskiplink, #sitemapskiplink {display: none;}
/* =Content
-------------------------------------------------------------- */
#content {
margin-bottom: 36px;
}
#content,
#content input,
#content textarea {
line-height: 1.5em;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
margin-bottom: 24px;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
font-size: .9375em; /* 16x0.9375=15px */
font-size: .9375rem; /* 16x0.9375=15px */
}
#content code {
font-size: .8125em; /* 16x0.8125=13px */
font-size: .8125rem; /* 16x0.8125=13px */
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
line-height: 1.1em;
margin: 0 0 20px 0;
}
#content table {
border: 1px solid #e7e7e7;
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
}
#content tr th,
#content thead th {
color: #888;
font-size: .75em; /* 16x0.75=12px */
font-size: .75rem; /* 16x0.75=12px */
font-weight: bold;
line-height: 18px;
padding: 9px 24px;
}
#content tr td {
border-top: 1px solid #e7e7e7;
padding: 6px 24px;
}
#content tr.odd td {
background: #f2f7fc;
}
.hentry {
margin: 0 0 48px 0;
}
.home .sticky {
background: #f2f7fc;
border-top: 4px solid #000;
margin-left: -20px;
margin-right: -20px;
padding: 18px 20px;
}
.single .hentry {
margin: 0 0 36px 0;
}
h1.page-title,
h1.entry-title {
margin-bottom: 30px;
}
.page-title span {
font-style: italic;
font-weight: normal;
}
.single-post h1.entry-title {
color: #575757;
background: none;
padding: 0px 0px;
}
.entry-meta {
font-style: italic;
}
.entry-meta abbr,
.entry-utility abbr {
border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary {
clear: both;
padding: 12px 0 0 0;
}
#content .entry-summary p:last-child {
margin-bottom: 12px;
}
.entry-content fieldset {
border: 1px solid #e7e7e7;
margin: 0 0 24px 0;
padding: 24px;
}
.entry-content fieldset legend {
background: #fff;
color: #000;
font-weight: bold;
padding: 0 24px;
}
.entry-content input {
margin: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input.button {
margin-right: 24px;
}
.entry-content label {
color: #888;
font-size: .75em; /* 16x0.75=12px */
font-size: .75rem; /* 16x0.75=12px */
}
.entry-content select {
margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
font-size: .625em; /* 16x0.625=10px */
font-size: .625rem; /* 16x0.625=10px */
}
.entry-content blockquote.left {
float: left;
margin-left: 0;
margin-right: 24px;
text-align: right;
width: 33%;
}
.entry-content blockquote.right {
float: right;
margin-left: 24px;
margin-right: 0;
text-align: left;
width: 33%;
}
.page-link {
font-weight: bold;
margin: 0 0 22px 0;
word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
background: #f1f1f1;
color: #333;
font-weight: normal;
padding: 0.5em 0.75em;
text-decoration: none;
}
.home .sticky .page-link a {
background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
color: #ff4b33;
}
body.page .edit-link {
clear: both;
display: block;
}
#entry-author-info {
background: #f2f7fc;
border-top: 4px solid #000;
clear: both;
font-size: .875em; /* 16x0.875=14px */
font-size: .875rem; /* 16x0.875=14px */
line-height: 20px;
margin: 24px 0;
overflow: hidden;
padding: 18px 20px;
}
#entry-author-info #author-avatar {
background: #fff;
border: 1px solid #e7e7e7;
float: left;
height: 60px;
margin: 0 -104px 0 0;
padding: 11px;
}
#entry-author-info #author-description {
float: left;
margin: 0 0 0 104px;
}
#entry-author-info h2 {
color: #000;
font-size: 100%;
font-weight: bold;
margin-bottom: 0;
}
.entry-utility {
clear: both;
font-size: .75em; /* 16x0.75=12px */
font-size: .75rem; /* 16x0.75=12px */
margin-top: 30px;
}
#content .video-player {
padding: 0;
}
/*********************************/
/*********************************/
/* Headings */
/*********************************/
/*********************************/
h1 {
font-weight: bold;
font-size: 2.25em; /* 16x2.25=36px */
font-size: 2.25rem; /* 16x2.25=36px */
}
h2 {
font-weight: bold;
font-size: 1.5em; /* 16x1.5=24px */
font-size: 1.5rem; /* 16x1.5=24px */
}
h3 {
font-weight: bold;
font-size: 1.125em; /* 16x1.125=18px */
font-size: 1.125rem; /* 16x1.125=18px */
}
/* =Asides
-------------------------------------------------------------- */
.home #content .category-asides p {
font-size: .875em; /* 16x0.875=14px */
font-size: .875rem; /* 16x0.875=14px */
margin-bottom: 10px;
margin-top: 0;
}
.home .hentry.category-asides {
padding: 0;
}
.home #content .category-asides .entry-content {
padding-top: 0;
}
/* =Gallery listing
-------------------------------------------------------------- */
.category-gallery .size-thumbnail img {
border: 10px solid #f1f1f1;
margin-bottom: 0;
}
.category-gallery .gallery-thumb {
float: left;
margin-right: 20px;
margin-top: -4px;
}
.home #content .category-gallery .entry-utility {
padding-top: 4px;
}
/* =Attachment pages
-------------------------------------------------------------- */
.attachment .entry-content .entry-caption {
font-size: 140%;
margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
content: '\00a0\2192';
}
/* =Images
-------------------------------------------------------------- */
#content img {
margin: 0;
height: auto;
max-width: 640px;
width: auto;
}
#content .attachment img {
max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}
#content .alignright,
#content img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
margin-bottom: 12px;
}
#content .wp-caption {
background: #f1f1f1;
line-height: 18px;
margin-bottom: 20px;
padding: 4px;
text-align: center;
}
#content .wp-caption img {
margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
font-size: .75em; /* 16x0.75=12px */
font-size: .75rem; /* 16x0.75=12px */
margin: 5px;
}
#content .wp-smiley {
margin: 0;
}
#content .gallery {
margin: 0 auto 18px;
}
#content .gallery .gallery-item {
float: left;
margin-top: 0;
text-align: center;
width: 33%;
}
#content .gallery img {
border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
font-size: .75em; /* 16x0.75=12px */
font-size: .75rem; /* 16x0.75=12px */
margin: 0 0 12px;
}
#content .gallery dl {
margin: 0;
}
#content .gallery img {
border: 10px solid #f1f1f1;
}
#content .gallery br+br {
display: none;
}
#content .attachment img { /* single attachment images should be centered */
display: block;
margin: 0 auto;
}
/* =Navigation
-------------------------------------------------------------- */
.navigation {
font-size: .875em; /* 16x0.875=14px */
font-size: .875rem; /* 16x0.875=14px */
overflow: hidden;
}
.nav-previous {
float: left;
width: 50%;
}
.nav-next {
float: right;
text-align: right;
width: 50%;
}
#nav-above {
margin: 0px 20px 30px 0px;
}
#nav-above,
#nav-below,
#nav-above a,
#nav-below a {
line-height: 1.5em;
}
.archive .nav-next,
.search .nav-next {
width: 25%;
}
.paged #nav-above,
.single #nav-above {
display: block;
}
#nav-below {
margin: -18px 0 0 0;
}
/* =Page Submenus
-------------------------------------------------------------- */
nav.subpagemenu {
display: block;
width: 100%;
height: 2em;
margin: -20px 0px 20px 0px;
}
.subpagemenu ul{
display: block;
margin: 0.25em 0;
list-style: none;
min-height: 1em;
height: 1em;
float: right;
}
html > body .subpagemenu ul {
height: auto;
}
.subpagemenu ul li {
display: inline-block;
font-size: 1.167em; /* 12x1.167=14px */
font-size: .875rem; /* 16x0.875=14px */
float: left;
border-left: 1px solid #6C6EB2;
padding: 0 1em;
min-height: 1em;
height: 1em;
}
html > body .subpagemenu ul li{
height: auto;
}
.subpagemenu ul li:first-child{
border: none;
padding: 0 1em 0 0 !important;
}
.subpagemenu ul li a {
display: inline-block;
line-height: 1.2em;
min-height: 1em;
height: 1em;
}
html > body .subpagemenu ul li a {
height: auto;
}
.subpagemenu ul li a:hover {
color: #F06424;
border-bottom: 1px dotted;
}
/* =Sitemap title display
-------------------------------------------------------------- */
.post-931 h1.entry-title {
display:none;
}
/*********************************/
/* Header Widgets */
/*********************************/
-webkit-input-placeholder,
-moz-placeholder {
line-height: 1em;
color: #575757;
padding: 8px 0px 0px 8px;
margin: 0px;
}
#header-widgets {
margin-left: auto;
margin-right: auto;
width: 1000px;
font-size: .75em; /* 16x0.75=12px */
font-size: .75rem; /* 16x0.75=12px */
height: 3em;
margin-bottom: .5em;
}
#searchcontainer {
display: inline;
width: 20.5em; /* 12x18.5=222px */
height: 1.5625em;}
.headersearch /* Search Widget */{
float: right;
clear: right;
margin-top: -3.25em !important;
display: inline;
width: 20.5em; /* 12x18.5=222px */
height: 1.5625em;
}
.headersearch form {
height: 25px;
position: relative;
}
#s {
width: 12.5em;
height: 1.5em;
padding-left: 5px;
border-radius: 0px 0px;
-moz-border-radius: 0px 0px;
-webkit-border-radius: 0px 0px;
}
.ie6 #s,
.ie7 #s,
.ie8 #s,
.mobile .safari #s {
width: 17.5em;
}
.headersearch input#searchsubmit {
position: absolute;
top: 0;
right: 0;
background: #f06426;
text-indent: -9999px;
line-height: 999px; /* Set it higher than your image height */
overflow: hidden; /* Hide the text */
height: 1.6875em;
width: 1.6875em;
box-sizing: border-box;
border: 1px solid #ffffff;
background-image: url("/o/50944/images/15367/button-search.gif");
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
border-radius: 0px 0px;
-moz-border-radius: 0px 0px;
-webkit-border-radius: 0px 0px;
background-repeat: no-repeat;
}
.mobile .safari .headersearch input#searchsubmit {
}
.ie6 .headersearch input#searchsubmit,
.ie7 .headersearch input#searchsubmit,
.ie8 .headersearch input#searchsubmit {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/wp-content/themes/asan/images/button-search.gif", sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/asan/images/button-search.gif', sizingMethod='scale')";
}
.headersearch input:hover {
-moz-box-shadow: 0 0 1px 1px #ffffff;
-webkit-box-shadow: 0 0 1px 1px #ffffff;
box-shadow: 0 0 1px 1px #ffffff;
}
.ie6 .headersearch input:hover,
.ie7 .headersearch input:hover,
.ie8 .headersearch input:hover {
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#ffffff, Strength=1, Direction=0),
progid:DXImageTransform.Microsoft.Shadow(Color=#ffffff, Strength=1, Direction=90),
progid:DXImageTransform.Microsoft.Shadow(Color=#ffffff, Strength=1, Direction=180),
progid:DXImageTransform.Microsoft.Shadow(Color=#ffffff, Strength=1, Direction=270);
}
#header-nav {
display: inline;
margin-right: 22em;
height: 2em;
width: auto;}
#nav_menu-2 {
margin-right: 22em; /* 12x20=240px */
margin-top: 1em;
margin-bottom: 0px !important;
min-height: 2em;
height: 2em;
}
html > body #nav_menu-2 {
height: auto;
}
#nav_menu-2 ul {
margin: 0.75em 0;
padding: 0px 1em;
list-style: none;
float: right;
min-height: 1em;
height: 1em;
}
html > body #nav_menu-2 ul {
height: auto;
}
#nav_menu-2 ul li,
#nav_menu-3 ul li {
display: inline-block;
font-size: 1.167em; /* 12x1.167=14px */
font-size: .875rem; /* 16x0.875=14px */
float: left;
border-left: 1px solid #6C6EB2;
padding: 0 1em;
border-bottom: none !important;
min-height: 1em;
height: 1em;
}
html > body #nav_menu-2 ul li,
html > body #nav_menu-3 ul li{
height: auto;
}
#nav_menu-2 ul li:first-child{
border: none;
padding: 0 .5em 0 0 !important;
}
#nav_menu-2 ul li a,
#nav_menu-3 ul li a {
color: #ffffff;
display: inline-block;
border-bottom: none !important;
line-height: 1.2em;
min-height: 1em;
height: 1em;
}
html > body #nav_menu-2 ul li a,
html > body #nav_menu-3 ul li a{
height: auto;
}
#nav_menu-2 ul li a:hover,
#nav_menu-3 ul li a:hover {
background: none !important;
color: #F06424;
text-decoration: underline;
}
.salsa a {
color: #2e3192 !important;
}
.salsa label,
.salsa legend {
font-family: Alegreya, Georgia, "Bitstream Charter", serif !important;
font-size: 1em !important;
line-height: 1.5em !important;
display: inline-block !important;
color: #575757 !important;
padding: 0px 0px 20px 0px !important;
}
#additionalInfoMessage {
font-weight: bold;
padding-bottom: 15px;
}
/*********************************/
/*********************************/
/* Footer */
/*********************************/
/*********************************/
footer ul {
list-style: none;
}
.mobilesitelink a,
.dts-link.back-to-mobile a,
.fullsitelink a,
.dts-link to-full-website a{
display: block;
color: #ffffff !important;
background: #f06426 !important;
padding: 5px;
}
footer .mobilesitelink a,
footer .dts-link.back-to-mobile a,
footer .fullsitelink a,
footer .dts-link to-full-website a {
margin-bottom: 20px;
margin-top: -10px;
}
#colophon {
border-top: 0px !important;
margin-top: -4px;
overflow: hidden;
padding: 18px 0;
width: 1010px;
}
#first.widget-area {
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
height: 2em;
}
footer h3.widget-title {
display:inline;
left: -9999px;
position:absolute;
top:auto;
}
#nav_menu-3 {
height: 2em;}
#nav_menu-3 ul {
margin: 0.25em 0;
list-style: none;
float: left;
height: 2em;
font-size: .75em; /* 16x0.875=14px */
font-size: .8125rem; /* 16x0.875=14px */
}
#nav_menu-3 ul li:first-child {
border-left: none;
padding: 0 1em 0 0 !important;
font-weight: bold;
margin-left: 0px !important;
}
#site-info {
background-image: url("/o/50944/images/15367/logo_footer.png");
background-repeat: no-repeat;
}
#site-info p{
margin: 3px 0px 0px 153px;
font-size: .75em; /* 16x0.75=12px */
font-size: .75rem; /* 16x0.75=12px */
line-height: 1.1em;
font-weight: 400;
color: #ffffff;
}
#site-info a,
#site-info p a{
color: #ffffff;
text-decoration: none;
border-bottom: 1px dotted #ffffff !important;
height: 1em;
}
#site-info a:hover,
#site-info p a:hover{
background: none;
color: #f06426;
text-decoration:none !important;
border-bottom:1px dotted #f06426;
}
/*********************************/
/* Accessible Colors WCAG AAA + Accessible Link Focus */
/* .focus is missing in Twenty Ten */
/* .hover and .active is missing now and then */
/*********************************/
body,
#site-generator a,
.page-title a:link,
.page-title a:visited,
.navigation,
.navigation a:link,
.navigation a:visited,
.entry-meta,
.entry-meta a:link,
.entry-utility,
.comment-meta a:link,
.comment-meta a:visited,
.reply a:link,
a.comment-edit-link:link,
textarea, input,
#respond label,
#respond .form-allowed-tags,
.entry-content label,
#content thead th,
#content .wp-caption p.wp-caption-text,
#content .gallery .gallery-caption,
#comments .pingback p,
#content, #content input, #content textarea {
color: #575757;
}
.sticky .entry-content a:link {
color: #23438A;
}
.sticky .entry-meta,
.sticky .entry-meta a:link,
.sticky .entry-utility,
.sticky .entry-utility a:link,
.widget_search #s {
color: #4F4F4F;
}
a:focus,
a:active,
#site-generator a:focus,
#site-generator a:active,
#site-info a:focus,
#site-info a:active,
.page-title a:focus,
.page-title a:active,
.page-link a:focus,
.page-link a:active,
#access .menu a:focus,
#access .menu a:active,
.navigation a:focus,
.navigation a:active,
.entry-meta a:focus,
.entry-meta a:active,
.entry-utility a:focus,
.entry-utility a:active,
.entry-title a:focus,
.entry-title a:active,
.sticky .entry-content a:focus,
.sticky .entry-content a:active,
.sticky .entry-meta a:focus,
.sticky .entry-meta a:active,
.sticky .entry-utility a:focus,
.sticky .entry-utility a:active,
.comment-meta a:focus,
.comment-meta a:active,
.reply a:focus,
.reply a:active,
a.comment-edit-link:focus,
a.comment-edit-link:active,
.widget-area a:focus,
.widget-area a:active {
background: #575757;
color: #fff;
text-decoration: underline;
}
.wp-meetup-event a:focus.wp-meetup-event-link,
.wp-meetup-event a:active.wp-meetup-event-link {
background: #575757 !important;
}
a img:focus,
a img:hover {
-moz-box-shadow: 0 0 1px 1px #f06426;
-webkit-box-shadow: 0 0 1px 1px #f06426;
box-shadow: 0 0 1px 1px #f06426;
}
.ie6 a img:focus,
.ie7 a img:focus,
.ie8 a img:focus {
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#f06426, Strength=1, Direction=0),
progid:DXImageTransform.Microsoft.Shadow(Color=#f06426, Strength=1, Direction=90),
progid:DXImageTransform.Microsoft.Shadow(Color=#f06426, Strength=1, Direction=180),
progid:DXImageTransform.Microsoft.Shadow(Color=#f06426, Strength=1, Direction=270);
}
.ie6 a img:hover,
.ie7 a img:hover,
.ie8 a img:hover{
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#f06426, Strength=1, Direction=0),
progid:DXImageTransform.Microsoft.Shadow(Color=#f06426, Strength=1, Direction=90),
progid:DXImageTransform.Microsoft.Shadow(Color=#f06426, Strength=1, Direction=180),
progid:DXImageTransform.Microsoft.Shadow(Color=#f06426, Strength=1, Direction=270);
}
#site-title a:focus,
#site-title a:hover,
#site-title a:active {
background: #fff;
color: #000;
text-decoration: underline;
}
#site-info a:hover,
#access .menu a:focus,
#access .menu a:hover,
#access .menu a:active,
#wp-calendar a,
.current_page_item a,
.widget-area .current_page_item a,
#access .current_page_item a,
#access .current-menu-item a {
text-decoration: underline;
}
#wp-calendar tbody td {
background: #F9F9F9;
color: #333;
}
input[type=text]:focus,
textarea:focus {
background: #F2F7FC;
}
#respond .required {
color: #f06426;
font-weight: bold;
}
/* Update */
#content .wp-caption {
background:#f9f9f9;
}
/* Sticky Links - Paging */
.home .sticky .page-link a {
background: #D9E8F7 none;
}
.sticky .entry-content a:link,
.sticky .entry-content a:visited,
.sticky .entry-content a:hover,
.sticky .entry-content a:active{
color: #14274F;
}
.sticky .entry-content a:focus {
color: #D9E8F7;
background: #14274F;
}
/* Nav Menue more levels */
#access ul ul a {
background: #000;
}
/* Tables: Head */
#content tr th {
color: #575757;
}
/* Author Info: Link */
#author-link a {
color: #004F9F;
}
#author-link a:active,
#author-link a:focus{
color: #fff;
}
/* Errors */
.entry-content .page-link {
clear: both;
}
/* Update TwentyTen Five */
noscript strong {
background-color: #f9f9f9;
color: #AA0000;
}
#content figure {
background:#f9f9f9;
}
#content figure figcaption {
color: #4f4f4f;
}
/*********************************/
/* Skip link visible on keyboard focus
* Additional skip links back to top after content and footer
*/
/*********************************/
/* Skip link styling starts here. */
.skiplinkholder a,
.skiplinkholder a:link,
.skiplinkholder a:visited {
display: block;
width: 99%;
position: absolute;
top: 40;
left: -200%;
z-index: 2
}
.skiplinkholder li {
list-style: none;
}
.skiplinkholder a:focus,
.skiplinkholder a:active {
left: 0;
top: 40;
z-index: 100
}
#skiptargetholder,
h1.skiptargetholder {
position: absolute;
left: -200%
}
#skiptarget a:focus,
#skiptarget a:active {
left: 0;
}
/* You may find on certain page layouts that the skip link is appearing underneath other elements on the page in IE7 and below. If this is the case then try uncommenting the two statements below, and if that does not work then try increasing the z-index value above as well */
/*
*+html #skiplinkholder a:focus, *+html #skip a:active {position: relative}
* html #skiplinkholder a:active {position: relative}
*/
.skiplinkholder {
width: 100%
}
.skiplinkholder a,
.skiplinkholder a:link,
.skiplinkholder a:visited {
color: #fff;
background: #575757;
text-decoration: underline;
text-align: center;
font-size: 1.5em; /* 16x1.5=24px */
font-size: 1.5rem; /* 16x1.5=24px */
width: 20%;
margin-left: auto;
margin-right: auto;
border-bottom: solid #ccc 2px;
padding: 5px
}
/* End of skip link styling */
/* skip link header */
#access .skip-link,
#header-nav .skip-link {
position: static;
}
#access .skip-link a,
#header-nav .skip-link a {
left:-99999px;
position:absolute;
top:auto;
}
#access .skip-link a:focus,
#access .skip-link a:active,
#header-nav .skip-link a:focus,
#header-nav .skip-link a:active {
background: #575757;
color: #fff;
line-height: 140%;
padding: 4px 4px 4px 22px;
position: static;
text-decoration: underline;
text-transform: none !important;
}
/* adding skip links below content and footer */
/* layout correction for skip link after content */
#nav-below {
margin-top: 0;
}
#site-generator .skip-bottom:focus,
#site-generator .skip-bottom:active,
.skip-content:focus,
.skip-content:active {
background: #575757;
color: #fff;
float:right;
font-size: 75%;
font-style: normal;
padding-left: 0;
position: static;
text-decoration: underline;
line-height: 140%;
}
.skip-content:focus,
.skip-content:active {
margin-bottom: 8px;
}
#site-generator .skip-bottom:focus,
#site-generator .skip-bottom:active {
font-size: 100%;
}
/*********************************/
/* Smaller things as correction header img for IE 9 */
/*********************************/
#branding img {
float: left;
}
/*********************************/
/* Zooming Features: only text and page zoom */
/*********************************/
/*********************************/
/*********************************/
/* Alternate styles */
/*********************************/
/*********************************/
/*********************************/
/* High contrast styles */
/*********************************/
body.high,
body.high #site-generator a,
body.high .page-title a:link,
body.high .page-title a:visited,
body.high .navigation,
body.high .navigation a:link,
body.high .navigation a:visited,
body.high .entry-meta,
body.high .entry-meta a:link,
body.high .entry-utility,
body.high .entry-utility a,
body.high .comment-meta a:link,
body.high .comment-meta a:visited,
body.high .reply a:link,
body.high a.comment-edit-link:link,
body.high textarea,
body.high input,
body.high #respond label,
body.high #respond .form-allowed-tags,
body.high .entry-content label,
body.high #content thead th,
body.high #content .wp-caption p.wp-caption-text,
body.high #content .gallery .gallery-caption,
body.high #comments .pingback p,
body.high #content,
body.high #content input,
body.high #content textarea,
body.high .page .entry-content h1,
body.high .page .entry-content h2,
body.high .page .entry-content h3,
body.high .page .entry-content h4,
body.high .page .entry-content h5,
body.high .page .entry-content h6,
body.high #content dt,
body.high #content-sub #screen-switcher dt,
body.high #content-sub #print-switcher dt,
body.high .page .entry-content p,
body.high h3.widget-title
{ color : #000 !important; font-size: 120%; line-height: 1.5em;}
body.high .accessibility h3.widget-title,
body.high .signup h3.widget-title
{color: #ffffff !important;}
body.high #primary {
line-height: 1em;}
body.high #nav-above,
body.high #nav-below,
body.high .entry-meta {
font-size: .875em; /* 16x0.875=14px */
font-size: .875rem; /* 16x0.875=14px */
}
body.high .excerpt,
body.high .archive .entry-summary,
body.high .search .entry-summary,
body.high .single .entry-content {
font-size: 1.25em; /* 16x1.25=20px */
font-size: 1.25rem; /* 16x1.25=20px */
line-height: 1.6em;
}
body.high #content-sub dd, body.high #content-sub dd.selected
{ border-width:5px; }
body.high #content-sub dd.selected
{ border-color:#666; }
body.high #content-sub.radio fieldset, body.high #content-sub.radio legend
{ border-color:#666; }
/*********************************/
/* High visibility styles */
/*********************************/
body.highvisibility,
body.highvisibility #wrapper,
body.highvisibility #content,
body.highvisibility #content input,
body.highvisibility .page .entry-content p,
body.highvisibility #content textarea,
body.highvisibility .events ul li ul li,
body.highvisibility .action,
body.highvisibility .events
{ background : #000; color : #ff0; font-size : 120% !important; line-height: 1.5em;}
body.highvisibility #content dt,
body.highvisibility #content-sub #screen-switcher dt,
body.highvisibility #content-sub #print-switcher dt,
body.highvisibility .page .entry-content h1,
body.highvisibility .page .entry-content h2,
body.highvisibility .page .entry-content h3,
body.highvisibility .page .entry-content h4,
body.highvisibility .page .entry-content h5,
body.highvisibility .page .entry-content h6,
body.highvisibility h1,
body.highvisibility h2,
body.highvisibility #content .page .entry-content h1,
body.highvisibility #content .page .entry-content h2,
body.highvisibility #content .page .entry-content h3,
body.highvisibility #content .page .entry-content h4,
body.highvisibility #content .page .entry-content h5,
body.highvisibility #content .page .entry-content h6,
body.highvisibility h1.page-title,
body.highvisibility h1.entry-title,
body.highvisibility h3.widget-title,
body.highvisibility #latest_news h2.post-title
{ background: #000; color : #fff !important; padding-left: 0px; font-size: 120%; }
body.highvisibility #access
{ background : #000; color : #ff0; font-size : 110% !important; line-height: 1.2em;}
body.highvisibility .navinfo,
body.highvisibility .info h2 a,
body.highvisibility #section_header,
body.highvisibility .widget-container a
{font-size: 120% !important; }
body.highvisibility #section_header a {
font-size: 110%;
margin-top: -.5em;}
body.highvisibility .entry-meta,
body.highvisibility .entry-utility{
font-size: 110%; color: #ffffff;}
body.highvisibility a:link, body.highvisibility nav#access a,
body.highvisibility h3.widget-title a
{ color : #0ff; text-decoration: underline;}
body.highvisibility a:visited, body.highvisibility nav#access a:visited
{ color : #fc00ff; }
body.highvisibility a:hover, body.highvisibility nav#access a:hover
{ color : #fff; background: none !important; }
body.highvisibility #accessibility_widget a:hover {
color: #0ff;}
body.highvisibility .events h3.widget-title,
body.highvisibility .stayconnected h3.widget-title,
body.highvisibility .publications h3.widget-title,
body.highvisibility .action h3.widget-title {
color: #fff;}
body.highvisibility #container {
width : 100%;
margin: 0px; }
body.highvisibility #wrapper {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
body.highvisibility h2#site-description {
font-size: 40px;
}
body.highvisibility #featured {
width: 800px;
}
body.highvisibility #upz-slideshow-navigation {
width: 400px;
}
body.highvisibility .activeSlide {
background: #ff0 !important;
}
body.highvisibility .activeSlide a{
color: #000000 !important;
}
body.highvisibility #randomquote {
color: #ff0;}
body.highvisibility #latest_news .posttitle a {
font-size: 150%;}
body.highvisibility #section_header {
background: none;
border: 1px solid #ffffff;
}
.ie6 body.highvisibility #wrapper,
.ie7 body.highvisibility #wrapper,
.ie8 body.highvisibility #wrapper {
filter: none;
}
body.highvisibility #content-main
{ width : 100%; }
body.highvisibility #content
{ margin: 0 0 0 20px; }
body.highvisibility #content-sub
{ width : 70%; }
body.highvisibility .page article,
body.highvisibility .archive article {
width: 990px !important;
}
body.highvisibility #main {
margin-top: 40px;}
body.highvisibility #sidebarskiplink, .mobileskiplinks {
position: relative;
display: block;
}
body.highvisibility #sidebarskiplink a {
display: block;
height: 1.1em;
float: right;
margin-top: 20px;
}
body.highvisibility #primary
{
float: none;
clear: both;
width: 100%;
position: static;
}
.ie7 body.highvisibility #primary,
.ie8 body.highvisibility #primary
{
zoom: 1;
overflow: hidden;
_height : 1%;
}
body.highvisibility #primary .widget-container
{
background: none;
border: 1px solid #ffffff;
display: inline;
width: 45%;
margin-right: 4%;
}
body.highvisibility #email {
width: 300px;
height: 100%;
}
body.highvisibility .publications ul li {
margin-bottom: 1em;
}
body.highvisibility #branding img {
background: #ffffff;
padding: 15px;
margin-top: -10px;
}
body.highvisibility #masthead {
height: 8em;
min-height: 8em;
}
body.highvisibility #access .menu-header ul,
body.highvisibility #access {
width: 100%;
height: 2em;
position: absolute;
left: 0;
}
html >body.highvisibility #masthead {
height: auto;
}
body.highvisibility .readmore a:link,
body.highvisibility .readmore a:visited {
color: #000;
background: #0ff;
padding: .167em .416em;
font-weight: 400;
font-size: 120%;
}
body.highvisibility .readmore a:hover,
body.highvisibility .readmore a:active {
color: #000 !important;
background: #ff0 !important;
text-decoration: underline;
font-size: 120%;
}
body.highvisibility #content-sub dd, body.highvisibility #content-sub dd.selected
{ border-color:#ff0 !important; border-width:7px !important; }
body.highvisibility #content-sub.radio fieldset, body.highvisibility #content-sub.radio legend
{ border-color:#ff0; }
/*********************************/
/* Zoom120 */
/*********************************/
body.zoom120 {
zoom: 1.2;
-moz-transform: scale(1.2);
-moz-transform-origin: 0 0;
}
/*********************************/
/* Zoom150 */
/*********************************/
body.zoom150 {
zoom: 1.5;
-moz-transform: scale(1.5);
-moz-transform-origin: 0 0;
}
/*********************************/ /*********************************/ /*********************************/ /*********************************/
/* TABLET */
/*********************************/ /*********************************/ /*********************************/ /*********************************/
@media only screen and (max-width: 1016px)
{
.donation #right_container {
width: 100% !important;
}
#salsa form #right_container,
#salsa form #left_container {
width: 100% !important;
}
ul.xoxo {
margin: 0 0;
}
#wrapper {
width: 90% !important;
margin: auto !important;
max-width: 1200px !important;
}
#main #content {
width: auto !important;
margin: 0 290px 0 0 !important;
}
body #main,
header #branding {
width: 100% !important;
}
header #branding {
background-image: url(https://salsa4.salsalabs.com/o/50944/images/e1346877544-1.gif);
background-size: 100%;
background-repeat: no-repeat;
height: auto;
}
header #branding img {
display: none;
margin: 28px 0px 47px 0px;
}
#content .single-column {
float: left;}
#content .single-column,
footer #colophon {
width: 100% !important;
}
#main #content {
width: auto !important;
margin: 0 0 !important;
}
body #header-widgets {
margin-left: auto;
margin-right: auto;
width: 90%;
}
html body h2#site-description {
float: none;
clear: both;
font-size: 20px;
text-align: center;
margin: 10px 0px 10px 15px;
padding-bottom: 0px;
width: auto;
height: 25px !important;
min-height: 25px !important;
border-bottom: 0px !important;
}
header #access {
width: auto;
height: 2.1em;
min-height: 2.1em;
font-size: 1em;
font-size: 1rem;
margin: 0px 25px 15px 0px;
border-top: 1px solid #f06424;
position: relative;
top: 0;
right: auto;
left: 0;
}
header .menu-header {
width: 100% !important;
float: none !important;}
header #access a {
line-height: 2.111em;
padding: 0 3px;
text-decoration: none;
font-weight: 900;
margin: 5px 4px 0px 4px;
text-transform: none;
}
header #access .menu-header ul, div.menu ul {
float: none;
margin-right: auto;
margin-left: auto;
-webkit-box-orient: horizontal;
display: -webkit-box;
width: 100%;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
}
.accessibility {
display: none;}
#content .single-column .excerptthumb img {
width: 77px !important;
float: left;
margin: 8px 15px 8px 0px !important;
border: 1px solid #DDD;
display: inline;
vertical-align: text-top;
}
#content .single-column h2.posttitle {
clear: none;
margin-bottom: 10px;
padding-bottom: 3px !important;
text-decoration: none;
}
#content .single-column .posttitle a {
font-family: Ruda, "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
font-size: 16px !important;
line-height: 1em !important;
}
#content .single-column hr {
margin-bottom: 12px !important;
}
#content .single-column .first hr {
display: none;}
#content .single-column p.readmore {
margin: 1em 15px 0 15px;
}
#content .single-column .excerpt {
margin-bottom: 3em !important;
}
footer #nav_menu-3 ul li {
margin-bottom: 1em !important;
}
footer #site-info {
margin-top: 30px;
}
}
/* ***************************************************** */ /* ***************************************************** */
/* ***************************************************** */ /* ***************************************************** */
/* ***************************************************** */ /* ***************************************************** */
/* ***MOBILE AND HANDHELD STYLES FOR SMALL SCREENS*/
/* ***************************************************** */ /* ***************************************************** */
/* ***************************************************** */ /* ***************************************************** */
/* ***************************************************** */ /* ***************************************************** */
@media only screen and (max-width: 640px)
{
#salsa form #right_container,
#salsa form #left_container {
width: 100% !important;
}
a:active {
background: #F06424 !important;
color: #ffffff !important;
text-decoration: underline !important;
}
#wrapper {
float: none;
position: relative;
width: 320px !important;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
padding: 0 0 !important;
height: auto !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
/* HEADER */
.fullsitelink {
color: #ffffff !important;
background: #2e3192 !important;
width: 100%;
padding: 10px 0px;
}
a.dts-link.to-full-website {
background: #2e3192 !important;
text-align: center;}
.dts-link.to-full-website:active {
background: #f06426 !important;}
.mobilesitelink a,
.dts-link.back-to-mobile a,
.fullsitelink a,
.dts-link.to-full-website a{
display: block;
color: #ffffff !important;
background: #2e3192 !important;
padding: 5px;
}
footer .fullsitelink {
margin-bottom: 20px;
margin-top: 20px;
}
#header {
height: 75px!important;
position: relative !important;
margin: 0 0 !important;
padding: 0 0 !important;
}
#masthead, #branding {
/* height: 125px !important;
min-height: 125px !important; */
width: 100% !important;
margin-right: auto !important;
margin-left: auto !important;
padding: 0 0 !important;}
#masthead {
overflow: auto;
}
header #branding {
background-image: url('https://salsa4.salsalabs.com/o/50944/images/asan_logo_banner.png');
height: 100px;
overflow: visible;
}
#branding a img {
margin-top:10px;
margin-left: 20px;
margin-bottom: 10px;
}
#header-widgets,
#randomquote,
#site-title,
#site-description,
#access { display:none !important; }
#header h1 {
font-size: 140%;
}
#main {
float: none !important;
width: 100% !important;
margin: 10px 0 0 0!important;
padding: 0 0 !important;
height: auto !important;
}
#container {
float: none !important;
width: 100% !important;
margin: 0 0 !important;
padding: 0 0 !important;
height: auto !important;
clear: both !important;
}
#content {
float: left !important;
width: 98% !important;
margin: 0 5px !important;
padding: 0 0 !important;
height: auto !important;
}
#main #content {
width: auto !important;
margin: 0 0 !important;
}
/* MAIN NAV MENU */
#navigation {
float:none !important;
width: auto !important;
}
.mobileskiplinks {
margin-left: auto !important;
margin-right: auto !important;
margin-top: 10px;}
#sidebarskiplink, #sitemapskiplink {
display: inline !important;
margin-bottom: 10px !important;
margin-left: 10px !important;}
#sitemapskiplink {
padding-right: 10px !important;
margin-left: 50px !important;
border-right: 1px dotted !important;}
#sidebarskiplink a, #sitemapskiplink a {
padding: 5px !important;
border-bottom: none !important;
text-decoration: underline !important;}
#sidebarskiplink a:active, #sitemapskiplink a:active {
background: #F06424 !important;
color: #ffffff !important;
text-decoration: underline !important;}
/* FOOTER */
footer,
#colophon,
#site-info {
width: 320px !important;
height: auto !important;
margin-left: auto !important;
margin-right: auto !important;
}
#footer-widget-area ul {
list-style: none;
}
#colophon {
padding: 0 0 !important;
}
#first.widget-area {
width: 320px !important;
height: auto !important;
}
#nav_menu-3 ul {
height: auto !important;
width: 100%;
padding-top: 10px;
}
#colophon #nav_menu-3 ul li{
width: 100%;
border-left: none !important;
display: block !important;
float: none !important;
clear: both !important;
padding: 0px !important;
border-bottom: 1px dotted #ffffff !important;
}
#nav_menu-3 ul li a {
width: 100% !important;
display: block !important;
margin-left: 0px !important;
line-height: 1.5em !important;
min-height: 1.5em !important;
height: 1.5em !important;
padding: 5px !important;
text-decoration: none !important;
text-transform: uppercase;
text-align: center;
}
#nav_menu-3 ul li:first-child {
padding: 0 1em !important;
font-weight: bold !important;
margin-left: 0px !important;
}
#colophon #nav_menu-3 ul li a:active {
background: #F06424 !important;
color: #ffffff !important;
text-decoration: underline !important;
}
#site-info {
background-image: none !important;
padding-top: 10px !important;
}
#site-info p {
margin: 3px 0px 7px 15px !important;
line-height: 1.5em !important;
text-align: center !important;
}
#colophpon #site-info a, #site-info p a {
padding: 5px 0px !important;
border-bottom: 0px !important;
text-decoration: none !important;
}
#site-info a:active, #site-info p a:active {
background: #ffffff !important;
color: #F06424 !important;
text-decoration: underline;}
/* =Posts and pages
-------------------------------------------------------------- */
#content ul li {
margin: 10px 0px !important;
}
#content ul li a {
margin: 15px 0px !important;
padding: 0px 10px !important;
}
/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */
pre {
-webkit-text-size-adjust: 140%;
}
code {
-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
-webkit-text-size-adjust: 120%;
}
#site-description {
-webkit-text-size-adjust: none;
}
}
@media print
{
body {
background: none !important;
}
img, #header-widgets { display:none; }
#branding img {
display: inline !important;
}
#wrapper, #footer {
clear: both !important;
display: block !important;
float: none !important;
width: 90% !important;
position: relative !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.ie6 #wrapper,
.ie7 #wrapper,
.ie8 #wrapper {
filter: none !important;
}
.skiptargetholder, .subpagemenu {
display: none !important;}
#header {
border-bottom: 1pt solid #000;
padding-bottom: 18pt;
height: auto !important;
}
#colophon {
border-top: 1pt solid #000;
}
#site-title, #site-description {
display: none !important;
}
#comments {
page-break-before: always;
}
.entry-content {
font-size: 1em;
line-height: 1.6em;
}
.entry-title {
font-size: 1.5em;
}
#access,
#respond,
.comment-edit-link,
.edit-link,
.navigation,
.page-link,
.widget-area {
display: none !important;
}
#container,
#header {
margin: 0;
width: 100%;
}
#content,
.one-column #content {
margin: 2em 0 0;
width: 100%;
}
.wp-caption p {
font-size: .75em;
}
#site-info,
#site-generator {
background-image: none !important;
float: none;
width: auto;
}
#site-info p {
margin: 3px 0px 0px 0px;
}
#colophon {
width: auto;
}
img#wpstats {
display: none;
}
#site-generator a {
margin: 0;
padding: 0;
}
#entry-author-info {
border: 1px solid #e7e7e7;
}
#main {
display: inline;
}
.home .sticky {
border: none;
}
body
{ font : 100% "Lucida Sans Unicode", Verdana, Arial, sans-serif; }
body.small-sans
{ font : 80% Arial, sans-serif; }
body.small-sans h2.subheading
{ font : 100% Arial, sans-serif; }
body.small-sans #container
{ width : 90%; }
body.small-sans #content-main
{ width : 100%; }
body.small-sans #content-sub
{ display : none; }
body.large-serif, body.large-serif h1, body.large-serif h2, body.large-serif h3, body.large-serif h4
{ font : 150% "Times New Roman", Times, serif; }
body.large-serif h2.subheading
{ font-size : 90%; }
body.large-serif #container
{ width : 90%; }
body.large-serif #content-main
{ width : 100%; }
body.large-serif #content-sub
{ display : none; }
}
@media projection
{
body.fluid #container
{ width : 90%; }
body.fluid #content-main
{ width : 70%; }
body.fluid #content-sub
{ width : 25%; }
}