/*
File: positioning.css
Author: Jonathan Kissam, jk@webskillet.com

Table of contents:
1. Framework
2. Typography
3. Header
4. Navigation
5. Content
6. Blocks
7. Media Queries
*/

/**
 * 1. Framework
 */

html, body { height: 100%; }
body { background: #94392E url(../images/bg-body.jpg) no-repeat 50% 0; }
#wrapper { width: 100%; min-width: 1000px; min-height: 100%; position: relative; }
#skip-link { position: absolute; }
#header-wrapper { width: 100%; min-height: 100px; }
#header { width: 960px; position: relative; margin: 0 auto; }
#navigation-wrapper { width: 100%; min-height: 30px; background-color: #94392e; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#navigation { width: 960px; position: relative; margin: 0 auto; }
#navigation .region-navigation { position: absolute; top: 0; right: 0; }
#navigation .block { width: 80px; }
#wrapper-main { background: #da251d; width: 920px; padding: 20px 19px; border-left: 1px solid #000; border-right: 1px solid #000; margin: 0 auto; }
#main { float: left; width: 920px; margin-right: 0; }
.sidebar-second #main, .two-sidebars #main { width: 600px; margin-right: -600px; }
.front.sidebar-first #main, .front.two-sidebars #main { width: 620px; margin-right: -620px; }
#sidebar-first { float: left; width: 280px; margin-left: 640px; margin-right: -920px; }
#sidebar-second { float: left; width: 300px; margin-left: 620px; margin-right: -920px; }
.front #sidebar-second { width: 640px; margin-top: 320px; margin-left: 0; margin-right: -640px; }
#footer { background: #da251d; color: #fff; text-align: center; width: 958px;  border-left: 1px solid #000; border-right: 1px solid #000; margin: 0 auto; }
#footer .block, #site-credit { margin-left: 20px; margin-right: 20px; font: 1.3em Ubuntu,Arial,sans-serif; text-align: center; padding-bottom: 15px; }
#footer a:link, #footer a:visited { color: #fff; }
#footer a:hover, #footer a:active { color: #000; }

/*
#popups and #utility are positioned absolutely relative to #wrapper, to put them at the top of the page
#popups .region and #utility .region are the region divs, which are centered so they lie over the site content (for full-screen)
#utility .region .block : each block is position absolutely by default, to allow theme to position each block
	wherever (usually in or near the header region) for full-screen, and to allow them to flow to the bottom
	for smaller-width devices
#popups .region .block : each block is, by default, positioned off-screen to the left
	and can be re-positioned relative to the top left of the site content
	by jquery, etc.
*/

#utility { position: absolute; top: 0; left: 0; width: 100%; }
#utility .region, #utility-nav { width: 960px; margin: 0 auto; position: relative; }
#utility-menu-links { position: absolute; right: 0; top: 10px; display: block; }
#utility .block { position: absolute; }

#popups { position: fixed; top: 0; left: 0; z-index: 314160; }
#popups .block { position: absolute; top: 0; left: -999em; z-index: 314160; width: 560px; padding: 20px; background-color: #fff; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
#popups .block .popup-close { position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; cursor: pointer; background: transparent url(../images/icon-x-20x20.png) no-repeat 0 0; }
#ws-pop-overlay { background-color: #000; z-index: 314159; position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; }
#popups .block h2 { color: #94392e; margin-right: 40px; margin-bottom: 10px; }

/* loader */
#wsutil-loader { width: 100px; padding: 20px 20px; border: 1px solid #ccc; background-color: #fff; position: fixed; top: -100px; left: -999em; height: 100px; z-index: 31415; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#wsutil-loader .throbber { display: inline-block; width: 100px; height: 100px; text-indent: -999em; background: #fff url(../images/throbber.gif) no-repeat 0 0; }

.element-invisible { position: absolute; left: -999em; }

/**
 * 2. Typography
 */

body { color: #000; font: 62.5%/1.8em Arial, Helvetica, 'Helvetica Neue', sans-serif; }

/* Headers */
h1, h2 { font-family: 'Francois One',Arial,sans-serif; font-weight: normal; line-height: 1.1em; color: #fff; font-size: 2.9em; }
h3, h4, h5, h6 { font-family: Ubuntu,Arial,sans-serif; font-weight: bold; line-height: 1.1em; color: #94392e; }
h3 { font-size: 2em; margin-bottom: 1em; }
h4 { font-size: 1.5em; color: #000; text-transform: uppercase; margin-bottom: 1em; }
h5, h6 { font-family: Arial,sans-serif; font-size: 1.5em; }

/* Text */
p { font-size: 1.4em; margin-bottom: 1.5em; }
address { font-size: 1.4em; font-style: normal; margin-bottom: 1.5em; }
blockquote { font-size: 1.4em; margin: 0 0 0 2em; padding-bottom: 1.8em; }
blockquote p { font-size: 1em; margin-bottom: 0.75em; }
li { font-size: 1.4em; }
ul li { list-style-type: square; }
li p, li label, li li { font-size: 1em; }

/* Lists */
ul, ol { margin: 0 0 1em 2.5em; }
ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; }
dl { margin: 0 0 1em 0; }
dt { font-size: 1.4em; font-weight: bold; }
dd { font-size: 1.4em; margin: 0 0 1.5em 2em; }
dd ul, dd ol { margin-left: 0; }
#block-system-main .field-name-body li { margin-bottom: 1em; }

/* Links */
a { text-decoration: none; }
a:link { color: #da251d; }
a:visited { color: #da251d; }
a:hover { color: #94392e; }
a:active { color: #da251d; }
#main .field-name-body a { text-decoration: underline; }

/* Images */
.image-left, .imgleft, .left_image { float: left; margin: 0 20px 20px 0; }
.image-right, .imgright, .right_image { float: right; margin: 0 0 20px 20px; }
.image-center { display: block; width: auto; margin: 0 auto 1.5em; }

/* Tables */

table { max-width: 100%; border-top: 1px solid #000; border-left: 1px solid #000; margin-bottom: 25px; box-shadow: 2px 2px 2px #999; -moz-box-shadow: 2px 2px 2px #999; -webkit-box-shadow: 2px 2px 2px #999; }
td, th { border-right: 1px solid #000; border-bottom: 1px solid #000; font-size: 1.4em; padding: 5px; }
th { text-align: center; }
th p, th li, th label, td p, td li, td label { font-size: 1em; }

/**
 * 3. Header
 */

#header #logo { position: absolute; top: 5px; left: 0px; }
#site-name-slogan { padding: 64px 175px 0 163px; }
#site-name-slogan #site-name { position: absolute; left: -999em; }
#site-name-slogan #site-slogan { color: white; text-transform: lowercase; font-size: 3em; font-weight: bold; text-shadow: -1px -1px 0 #da251d, 1px -1px 0 #da251d, -1px 1px 0 #da251d, 1px 1px 0 #da251d; -moz-text-shadow: -1px -1px 0 #da251d, 1px -1px 0 #da251d, -1px 1px 0 #da251d, 1px 1px 0 #da251d; -webkit-text-shadow: -1px -1px 0 #da251d, 1px -1px 0 #da251d, -1px 1px 0 #da251d, 1px 1px 0 #da251d; line-height: 0.8em; }
#header .region { position: absolute; top: 0; right: 0; width: 230px; padding: 8px 10px 8px; background-color: #94392e; border-radius: 0 0 10px 10px; border: 1px solid #000; border-top: none; z-index: 100; }
#header .region .block > h2 { text-align: center; }
#header .widgets-element { margin-right: 4px; }
#header .widgets-element img { display: block; }
#header #widgets-element-socialmedia_socialmedia-rss-feed-button { margin-right: 0; }
/* #header .widgets-element a:hover { position: relative; top: -2px; } */
#block-block-1 h2 { text-transform: uppercase; font-size: 2em; font-weight: normal; margin-bottom: 5px; }
#block-block-1 form { position: relative; border: 1px solid #fff; background-color: #94392e; height: 21px; margin-bottom: 5px; }
#block-block-1 form .join-email { position: absolute; top: 0px; left: 2px; font: 1.4em Ubuntu; line-height: 1em; background-color: transparent; border: 0; outline: 0; width: 114px; color: #fff; padding: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
#block-block-1 form .join-button { position: absolute; top: 2px; right: 2px; }
#block-block-1 form .join-email::-webkit-input-placeholder { color: #fff; }
#block-block-1 form .join-email:focus::-webkit-input-placeholder { color: transparent; }
#block-block-1 form .join-email::-moz-input-placeholder { color: #fff; }
#block-block-1 form input.join-email:focus::-moz-input-placeholder { color: transparent; }
#block-block-1 label.error { position: absolute; left: -999em; }

/**
 * 4. Navigation
 */

.navigation-header { position: absolute; left: -999em; }

#navigation-wrapper, #navigation { height: 30px; }
#navigation { color: #fff; font: 1.3em/30px Ubuntu,Arial,sans-serif; font-weight: bold; z-index: 50; }
#navigation a:link, #navigation a:visited { color: #fff; text-decoration: none; }
#navigation a:hover, #navigation a:active { color: #fff; text-decoration: none; }

#navigation ul.main-menu { height: 30px; line-height: 30px; float: left; margin: 0 150px 0 0; }
#navigation ul.main-menu li { font-size: 1em; float: left; display: block; list-style: none outside none; margin: 0; padding: 0; position: relative;  }
#navigation ul.main-menu li a { display: block; text-transform: uppercase; padding: 0 10px; background-color: #94392e; }
#navigation ul.main-menu li a:hover { background: #da251d url(../images/bg-wrapper-main.png); }
#navigation-wrapper.fixed { position: fixed; top: 0; left: 0; z-index: 1000; }

#navigation ul.main-menu li ul { position: absolute; width: 200px; height: auto; line-height: normal; left: -999em; top: 30px; box-shadow: 3px 3px 5px #000; -moz-box-shadow: 3px 3px 5px #000; -webkit-box-shadow: 3px 3px 5px #000; border-radius: 0 10px 10px 10px; z-index: 50; border-top: 1px solid #000; background-color: #94392e; }
.no-touch #navigation li:hover ul.main-menu, .touch #navigation li.touchExpanded ul.main-menu { left: auto; }
.collapser-vertical { text-align: center; color: #fff; cursor: pointer; }
#navigation ul.main-menu li li { float: none; line-height: 1.1em; height: auto; }
#navigation ul.main-menu li li a { padding: 10px; text-transform: none; }
#navigation ul.main-menu li li a:hover { color: #da251d; background: #fff none; }
#navigation ul.main-menu li li.first a { border-radius: 0 10px 0 0; }
#navigation ul.main-menu li li.last a { border-radius: 0 0 10px 10px; }
#navigation ul.main-menu li li.first.last a { border-radius: 0 10px 10px 10px; }

/**
 * 5. Content
 */

#page-title { margin-right: 150px; }

.breadcrumb { font-size: 1.2em; color: #fff; position: relative; top: -10px; }
.breadcrumb-title { position: absolute; left: -999em; }
.breadcrumb a:link, .breadcrumb a:visited { color: #fff; }
.breadcrumb a:hover, .breadcrumb a:active { color: #fff; text-decoration: underline; }

.region-content .block { background: #fff url(../images/bg-block.png) repeat-x 0 100%; padding-bottom: 10px; margin-bottom: 3em; }
.front .region-content .block { background-image: none; padding: 0; margin-bottom: 0; }
.region-content .block > .content { background: transparent url(../images/bg-block-content.png) repeat-x 0 0; padding: 20px 20px 10px; }
.front .region-content .block > .content { background-image: none; padding: 0; }

/*
#block-system-main { background: #fff url(../images/bg-block.png) repeat-x 0 100%; padding-bottom: 10px; }
.front #block-system-main { background-image: none; padding: 0; }
#block-system-main > .content { background: transparent url(../images/bg-block-content.png) repeat-x 0 0; padding: 20px 20px 10px; }
.front #block-system-main > .content { background-image: none; padding: 0; }
*/
/*
#block-system-main .content p, #block-system-main .content li { font-size: 1.4em; }
#block-system-main .content li p { font-size: 1em; }
*/

#main .region-content { position: relative; }
#share-links { position: absolute; top: -50px; right: 0; }
#share-links h2 { font: 1.4em/1em Ubuntu,Arial,sans-serif; font-weight: bold; margin: 0 0 4px 10px; text-align: center; }

.field-name-field-published-date { font-size: 1.3em; text-align: right; margin-bottom: 1.5em; }
.node-teaser .field-name-field-published-date { font-size: 1.4em; font-weight: bold; text-align: left; }
.field-name-field-byline { font: 1.8em Ubuntu,Arial,sans-serif; font-weight: bold; line-height: 1.1em; color: #94392e; margin-bottom: 1.5em; }
.field-name-field-byline-real { font: 1.5em Ubuntu,Arial,sans-serif; font-weight: bold; text-transform: uppercase; line-height: 1.1em; margin-bottom: 1.5em; }

.aside-image, .field-name-field-video { float: right; max-width: 310px; margin: 0 0 20px 20px; border: 1px solid #000; box-shadow: 2px 2px 2px #999; -moz-box-shadow: 2px 2px 2px #999; -webkit-box-shadow: 2px 2px 2px #999; }
.aside-image .field, .field-name-field-video .node { padding: 5px; margin: 0; }
.field-name-field-video header, .field-name-field-video .print-link { position: absolute; left: -999em; }
.aside-image img { display: block; margin: 0 auto; }
.aside-image .field-name-field-caption { border-top: 1px solid #000; }
.field-name-field-caption { text-align: center; font-size: 1.4em; }
.comment-wrapper { margin-top: 2em; }
.comment-wrapper h3 { margin-bottom: 0.5em; }

/* override for cartoons */
.node-type-cartoon .aside-image { float: none; max-width: 560px; margin: 10px auto 20px; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.node-type-cartoon .aside-image .field { padding: 0; }

/* Menus and item lists */
.item-list ul { margin: 0; padding: 0 0 0 1.5em; }
.item-list ul li { margin: 0; padding: 0; }
ul.menu li { margin: 0; padding: 0; }
ul.inline, ul.links.inline { clear: both; margin: 0; }
ul.inline li { margin: 0; padding: 0 1em 0 0; }

/* Messages */
div.messages { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; cursor: pointer; font-size: 1.2em; }
div.messages p, div.messages li { font-size: 1em; }
div.status, div.warning, div.error { border-color: #ccc; background-color: #fff; }
div.status, .ok, div.warning, .warning, div.error, .error { color: #333; }

/* Admin tabs */
.tabs-wrapper { margin: 1px 0 1.5em; }
ul.primary { margin: 0; padding: 0; border: none; }
ul.primary li { display: block; float: left; margin: 1em 0.5em 0 0; font-size: 1.6em; }
ul.primary li a { border-radius: 4px; color: #000; border-color: #ccc; padding: 6px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
  background: #dddddd; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ededed');
  background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#ededed));
  background: -moz-linear-gradient(top,  #dddddd,  #ededed);
}
ul.primary li a:hover { border-color: #ccc;
  background: #ededed;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dddddd');
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dddddd));
  background: -moz-linear-gradient(top,  #ededed,  #dddddd);
}
ul.primary li.active a, ul.primary li.active a:hover { background: #fff; border-color: #ccc; }
ul.secondary { line-height: 3em; margin: 0 0 -1px; padding: 0; }
ul.secondary a.active { border-bottom: none; }

.node { margin-bottom: 3em; }
.node-teaser { padding-bottom: 2em; margin-bottom: 2em; border-bottom: 1px solid #da251d; }
.page-node .node-footer ul.links.inline { display: block; padding-top: 1em; border-top: 1px solid #da251d; }
.field-name-field-tags { margin: 0 0 1.5em; font-size: 1.2em; }
.field-name-field-tags div { float: left; }
.field-name-field-tags .field-label { margin: 0 0.5em 0 0; }
.field-name-field-tags .field-item { margin: 0 1em 0 0; }

/* video */

.field-name-field-youtube-link { max-width: 300px; }
body.page-video #block-system-main .field-name-field-youtube-link,
body.node-type-video #block-system-main .field-name-field-youtube-link { margin: 20px auto; }
.field-name-field-youtube-link a { display: block; width: 100%; max-width: 300px; }
.field-name-field-youtube-link a img { display: block; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); }
.field-name-field-youtube-link a:hover img { opacity: 1.0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }

/* profiles */
.profile { margin: 1.5em 0; }
.profile h3 { border: none; }
.profile dt { margin-bottom: 0; }
.profile dd { margin-bottom: 1.5em; }
.password-parent { width: 36em; }

/* forms */

label { font-weight: normal; font-size: 1.4em; }
input, select, textarea { border: 1px solid #ccc; color: #333; padding: 2px; font-family: Arial, Helvetica, 'Helvetica Neue', sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; outline: 0; box-shadow: 0 1px 1px #eee inset; -moz-box-shadow: 0 1px 1px #eee inset; -webkit-box-shadow: 0 1px 1px #eee inset; font-size: 1.6em; }
input:focus, select:focus, textarea:focus { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-color: #1280c9; }
input[type="checkbox"],input[type="radio"],input[type="submit"],input[type="image"] { width: auto; }
input[type="image"] { border: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; outline: invert none medium; }
input[type="search"] { -webkit-appearance: none; moz-appearance: none; }
input, select { max-width: 400px; }
.form-item .description, .fieldset-description { font-size: 1.2em; margin-bottom: 1.5em; }
.fieldset-description { margin-top: 20px; }
legend { font: 1.4em Arial,Helvetica,'Helvetica Neue',sans-serif; color: #999; }
legend + * { -webkit-margin-top-collapse: separate; }
.form-item, .form-actions { margin: 2em 0; }
.form-type-checkbox label, .form-type-radio label { color: #999; }
input.form-checkbox:checked + label, input.form-radio:checked + label { color: #333; }
input[type="submit"] {
  background: #dddddd; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ededed');
  background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#ededed));
  background: -moz-linear-gradient(top,  #dddddd,  #ededed);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #000;
  padding: 6px 10px;
  margin-right: 1em;
  text-shadow: 1px 1px 1px #fff;
  border: 1px solid #ccc;
  cursor: pointer;
}
input[type="submit"]:hover {
  background: #ededed;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dddddd');
  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dddddd));
  background: -moz-linear-gradient(top,  #ededed,  #dddddd);
}
input[type="submit"]:disabled { color: #ccc; background: #eee; }
div.error, .error { color: #cc0000; }
.form-item input.error, .form-item textarea.error, .form-item select.error { border: 1px solid #cc0000; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }

fieldset { border: 1px solid #000; border-radius: 5px; margin-bottom: 3em; padding: 10px; }
fieldset .fieldset-legend { padding-left: 5px; padding-right: 5px; }
html.js fieldset.collapsed { border-radius: 0; margin-bottom: 1em; }
html.js fieldset.collapsible .fieldset-legend, html.js fieldset.collapsed .fieldset-legend { padding-left: 5px; background-image: none; }

#block-search-form h2 { position: absolute; left: -999em; }
#search-block-form { float: right; margin-right: 10px; margin-top: 2px; }
#block-search-form form { position: relative; }
#search-block-form input.search { padding: 2px 20px 2px 4px; border: 0; max-width: none; margin: 2px 0 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1em; width: 100px; float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
}
.no-touch #search-block-form input.search:focus { width: 150px; }
#search-block-form input.form-submit { position: absolute; top: 2px; right: 1px; }
#block-search-form .search:focus::-webkit-input-placeholder { color: transparent; }
#block-search-form input.search:focus::-moz-input-placeholder { color: transparent; }
#block-search-form .form-submit { position: absolute; top: 8px; right: 2px; }

/* search form */

.search-form .form-text { width: 200px; }
.search-form #edit-basic, .search-form #edit-advanced { margin-bottom: 3em; }
.search-results { margin-left: 0; }
.search-results li { list-style: none outside none; }
.search-results .search-snippet-info { padding-left: 0; border-bottom: 1px solid #ccc; }
.search-results .search-info { display: none; }
.page-search #block-system-main .content h2, .page-search404 #block-system-main h2 {
	margin-bottom: 0.5em; border-bottom: 1px solid #ccc; color: #da251d;
}

/* social media links */

ul.btn-social { margin: 0; padding: 0; height: 32px; }
.btn-social li { float: left; margin-right: 10px; list-style: none outside none; }
.btn-social li.last { margin-right: 0; }
.btn-social li a { display: block; outline: 0; text-indent: -999em; }
.btn-social li, .btn-social li a { width: 32px; height: 32px; background: transparent url(../images/icons-social.png) no-repeat 0 0; }
.btn-social li.btn-facebook:hover, .btn-social li.btn-facebook a:hover { background-position: 0 -32px; }
.btn-social li.btn-twitter, .btn-social li.btn-twitter a { background-position: -32px 0; }
.btn-social li.btn-twitter:hover, .btn-social li.btn-twitter a:hover { background-position: -32px -32px; }
.btn-social li.btn-email, .btn-social li.btn-email a { background-position: -64px 0; }
.btn-social li.btn-email:hover, .btn-social li.btn-email a:hover { background-position: -64px -32px; }

/* file downloads */
.field-type-file { font-size: 1.4em; margin-bottom: 2em; }
.field-type-file .field-item { margin-bottom: 0.5em; }

/* book navigation */

.book-navigation { padding: 1em; margin-bottom: 1em; background-color: #eee; }
.book-navigation .menu { margin-left: 0; border-top: none; padding: 0 0 1px; border-bottom: 1px solid #ccc; }
.book-navigation ul.menu li,
.book-navigation ul.menu li.leaf,
.book-navigation ul.menu li.expanded { list-style: none outside none; margin-bottom: 1em; font-weight: bold; }
.book-navigation .page-links { border-top: none; border-bottom: none; padding: 0; font-size: 1.2em; line-height: 1.1em; font-weight: bold; }

/* some utility classes */
.twocol .col { width: 47.5%; float: left; margin-right: 5%; }
.twocol .last { margin-right: 0; }
.threecol .col { width: 30%; float: left; margin-right: 5%; }
.threecol .last { margin-right: 0; }

/* stuff from old site */

#block-system-main .field-name-body h1, #block-system-main .field-name-body h2 { color: #DA251D; }
div.fivesteps { float: left; margin-right: 20px; margin-top: 1em; margin-bottom: 1em; height: 120px; width: 300px; text-align: center; }
.stwd_issues, .stwd_issues_r, .stwd_issues_w, .sb_content, .boxright, .boxrightnt, .boxwide, .boxleft, .boxleftnt {
	border: 1px solid #000; padding: 10px 10px 0; overflow: hidden;
	box-shadow: 2px 2px 2px #999; -webkit-box-shadow: 2px 2px 2px #999; -moz-box-shadow: 2px 2px 2px #999;
}
.stwd_issues p, .stwd_issues_r p, .stwd_issues_w p,
.stwd_issues li, .stwd_issues_r li, .stwd_issues_w li,
.sb_content p, .boxright p, .boxrightnt p, .boxwide p, .boxleft p, .boxleftnt p
.sb_content li, .boxright li, .boxrightnt li, .boxwide li, .boxleft li, .boxleftnt li { font-size: 1.2em; line-height: 1.1em; margin-bottom: 0.5em; }
.stwd_issues li p, .stwd_issues_r li p, .stwd_issues_w li p,
.stwd_issues li li, .stwd_issues_r li li, .stwd_issues_w li li,
.sb_content li p, .boxright li p, .boxrightnt li p, .boxwide li p, .boxleft li p, .boxleftnt li p
.sb_content li li, .boxright li li, .boxrightnt li li, .boxwide li li, .boxleft li li, .boxleftnt li li { font-size: 1em; }
.stwd_issues_w, .sb_content, .boxwide { margin-bottom: 20px; }
.stwd_issues_r, .boxright, .boxrightnt { float: right; width: 200px; margin: 0 0 20px 20px; }
.stwd_issues, .boxleft, .boxleftnt { float: left; width: 200px; margin: 0 20px 20px 0; }
.ilpgtp { font-size: 1.2em; text-align: right; }
.imgbox { margin-bottom: 20px; }
.imgbox img { float: left; margin: 0 20px 20px 0; }
h1 span.topic, h2 span.topic, h3 span.topic, h4 span.topic, h5 span.topic, h6 span.topic { color: #999; }

/* front page feature slideshow */

.view-feature-slideshow .view-content ul { margin: 0; padding: 0; }
.view-feature-slideshow .view-content li { margin: 0; padding: 0; list-style: none outside none !important; }

.slideshow-slides { width: 620px; height: 300px; position: relative; z-index: 1; }
.slideshow-slides img { display: block; }
.slideshow-slides > .view-content .views-row { position: absolute; top: 0; left: 0; display: none; }
.slideshow-slides > .view-content .views-row-first { z-index: 10; display: block; }

.slideshow-nav { position: absolute !important; top: 0; right: 0; z-index: 20; }
.slideshow-nav .view-content li { width: 140px; height: 75px; font-size: 12px !important; line-height: 13px; margin: 0 !important; background: transparent url(../images/bg-slide.png) no-repeat 0 0; z-index: 20; }
.slideshow-nav .view-content li.activeSlide { background: transparent url(../images/bg-active-slide.png) no-repeat 0 0; }
.slideshow-nav .view-content li a { display: block; width: 100px; height: 52px; padding: 11px 10px 11px 10px; margin-left: 20px; overflow: hidden; border-bottom: 1px solid #000; }
.slideshow-nav .view-content li.views-row-last a { border-bottom: none; }
.slideshow-nav .view-content a:link,.slideshow-nav .view-content a:visited { color: #000; text-decoration: none; }
.slideshow-nav .view-content a:hover,.slideshow-nav .view-content a:active { color: #DA251D; text-decoration: none; }
.slideshow-nav .view-content li.activeSlide a:link,.slideshow-nav .view-content li.activeSlide a:visited { color: #DA251D; text-decoration: none; }

/* untoldpricelist.html */
.page-node-164 table { width: 100%; }
.page-node-164 td { text-align: center; }

/* stwd_idx.html */
#block-system-main .view-information-for-workers .view-content { clear: both; -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; }
#block-system-main .view-information-for-workers .view-content .item-list { display: inline-block; margin-bottom: 20px; width: 100%; }
#block-system-main .view-information-for-workers .view-content .item-list h3 { margin-bottom: 5px; padding-bottom: 2px; border-bottom: 1px solid #999; }

/* per capita calculator */
#pcc-shop-container option.disabled { display: none; }
.pcc-non { display: block; color: #999; font-size: 12px; }

/* action network signup */
#block-system-main #can_embed_form #d_sharing,
#can_embed_form #action_info { display: none; }
#block-system-main #can_embed_form #can_thank_you { background-color: #DA251D; }
#can_embed_form #can_thank_you h1, #can_embed_form #can_thank_you h4 { color: #fff; } #can_embed_form .block { background: none; padding-bottom: 0; }


/**
 * 6. Blocks & sidebars
 */

.sidebar h2 { text-transform: uppercase; }
.sidebar h2 a:link, .sidebar h2 a:visited, .sidebar h2 a:hover, .sidebar h2 a:active { color: #fff; }
.sidebar .block { margin-bottom: 4em; }
.view-video-still a, .view-video-still a img { display: block; }

.sidebar .block > .content { background: #fff url(../images/bg-block.png) repeat-x 0 100%; padding-bottom: 10px; }
.sidebar .block-views > .content > .view, .sidebar .block-book > .content > .menu { background: transparent url(../images/bg-block-content.png) repeat-x 0 0; padding: 20px 10px 10px; margin: 0; }
.sidebar .block-views .item-list ul { padding: 0; }
.sidebar .block-block { background: #fff url(../images/bg-block-content.png) repeat-x 0 0; padding-top: 10px; }
.sidebar .block-block h2 { margin: 10px 10px 0; color: #94392E; text-transform: auto; font: 1.8em 'Ubuntu',Arial,sans-serif; font-weight: bold; }
.sidebar .block-block > .content { background-color: transparent; padding: 20px 10px 10px; margin: 0; }
.sidebar li.views-row, .sidebar .block-book li { font-weight: bold; list-style: none outside none; margin-bottom: 1em; }
.sidebar li.views-row ul, .sidebar .block-book li ul { margin-left: 1.2em; margin-top: 0.1em; }
.sidebar li.views-row ul li, .sidebar .block-book li ul li { list-style: square outside none; }
.sidebar .more-link { font-size: 1.2em; }

.sidebar #block-views-calls-to-action-block > .content,
.sidebar #block-views-calls-to-action-block > .content > .view { background: transparent none; padding: 0; }
#block-views-calls-to-action-block .item-list ul { height: 130px; }
#block-views-calls-to-action-block li.views-row { margin: 0 20px 20px 0; float: left }
#block-views-calls-to-action-block li.views-row-even { margin-right: 0; }
#block-views-calls-to-action-block > .content a:hover img { box-shadow: 0 0 15px #fff; -moz-box-shadow: 0 0 15px #fff; -webkit-box-shadow: 0 0 15px #fff; }

.sidebar #block-block-2 { background: none; padding-top: 0; }
.sidebar #block-block-2 h2 { margin: 0; text-transform: uppercase; font: 2.9em/1.1em 'Francois One',Arial,sans-serif; font-weight: normal; color: #fff; }
.sidebar #block-block-2 > .content, .sidebar #block-views-video-block > .content,
.sidebar #block-views-video-block > .content > .view { background: transparent none; padding: 0; }
#block-views-video-block .node-teaser { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
#block-views-video-block .node-teaser h2 { position: absolute; left: -999em; }

.front #sidebar-second .block { width: 300px; float: left; margin-right: 20px; }

#block-view-ctas { margin: 0 -10px 20px; font-size: 0; text-align: center; }
#block-view-ctas .views-row { width: 130px; display: inline-block; margin: 0 10px; }

#block-block-2 .content .fb-like-box span { background-color: #fff; }

#block-webform-client-block-703 .form-item { width: 250px; padding-right: 30px; margin: 0 0 2em; float: left; }
#block-webform-client-block-703 .form-actions { clear: both; }

/* action network signup block */
#block-block-9 #d_sharing { display: none; }
#block-block-9 h2 { text-transform: uppercase; font-size: 2em; font-weight: normal; margin-bottom: 0; cursor: pointer; }
#block-block-9 .content { margin-top: 5px; }
#block-block-9 #can_embed_form { min-width: 0; }
#block-block-9 #can_embed_form h2, #block-block-9 #can_embed_form h4 { display: none; }

#block-block-9 input { font: 1.4em Ubuntu; line-height: 1em; background-color: transparent; border: 1px solid #fff; outline: 0; color: #fff; padding: 2px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; margin: 0 0 3px; }
#block-block-9 input.error_input { border-color: #DA251D; }
#block-block-9 input[type="submit"] { background: #DA251D; border: none; text-shadow: none; padding: 4px; display: block; text-align: center; width: 100%; margin: 0; font-weight: bold; }
#block-block-9 input::-webkit-input-placeholder { color: #fff; }
#block-block-9 input::-moz-input-placeholder { color: #fff; }

#block-block-9 li.control-group { font-size: 1em; list-style: none outside none; }
#block-block-9 .country_wrap, #block-block-9 label.control-label, #block-block-9 .ajax-loading, #block-block-9 #logo_wrap { display: none; }

#block-block-9 #can_embed_form #can_thank_you { background-color: transparent; }
#block-block-9 #can_embed_form #can_thank_you h1 { font-size: 2em; }
#block-block-9 #can_embed_form .can_thank_you-block { display: none; }

/**
 * 7. Media Queries
 */

/* Smaller than "full screen" (1000 pixels), down to iPad portrait */
@media screen and (max-width: 999px) and (min-width: 768px) {
	body { background-image: none; }
	img { max-width: 100%; height: auto; }
	#wrapper { min-width: 0; }
	#header-wrapper { background: #94392E url(../images/bg-header-mobile.jpg) no-repeat 50% 0; }
	#header { width: 100%; margin: 0; }
	#header #logo { left: 20px; }
	#header #site-name-slogan { padding-left: 183px; }
	#header .region { border-right: none; border-radius: 0 0 0 10px; }
	#navigation-wrapper { border-top: 1px solid #000; border-bottom: 1px solid #000; }
	#navigation { width: 100%; margin: 0; }
	#navigation-wrapper, #navigation, #navigation ul.main-menu { height: 40px; line-height: 40px; }
	#navigation ul.main-menu li ul { top: 40px; height: auto; }
	#navigation ul.main-menu li li { height: auto; line-height: 1.5em; }
	#search-block-form input.search { margin-top: 8px; }
	#search-block-form input.form-submit { top: 10px; }
	#wrapper-main { width: 100%; padding-left: 0; padding-right: 0; margin: 0; border-left: none; border-right: none; }
	#main { width: 96% !important; float: none; margin-left: 2%; margin-right: 0 !important; margin-bottom: 4em; }

	body #wrapper-main #sidebar-first,
	body #wrapper-main #sidebar-second { float: none; margin-top: 0; clear: both; width: 680px; margin-left: auto; margin-right: auto; position: relative; }
	body .sidebar .block,
	body .sidebar .block { width: 300px; margin-left: 20px; margin-right: 20px; float: left; }

	#utility .region, #utility-nav, #popups .region { width: 96%; }
	#footer { width: 100%; margin: 0; border-left: none; border-right: none; }

	.front #main { width: 656px !important; margin-left: auto; margin-right: auto !important; }
	.front #block-system-main { width: 500px; }
	.slideshow-nav { bottom: 0; right: auto; left: 0; width: 500px; }
	.slideshow-nav .view-content li { opacity: 0.8; background: #fff none; width: 100%; display: none; font-size: 16px !important; height: auto; position: absolute; bottom: 0; }
	.slideshow-nav .view-content li.activeSlide { display: block; background: #fff none; }
	.slideshow-nav .view-content li a { width: auto; text-align: center; padding: 20px; border-bottom: none; margin-left: 0; color: #000; height: auto; }
	.front #block-views-calls-to-action-block { width: 140px; float: none; position: absolute; top: -340px; right: 0; }
	.front #block-views-calls-to-action-block .item-list ul { width: 140px; margin: 0 auto; }
	.front #block-views-calls-to-action-block .item-list li { float: right; margin: 0 0 40px; }
	.front #block-views-calls-to-action-block .item-list li img { display: block; }
}

/* Anything smaller than iPad in portrait mode */

@media screen and (max-width: 767px) {
	img { max-width: 100%; height: auto; }
	#wrapper { min-width: 0; }
	#header-wrapper { background: #94392E url(../images/bg-header-mobile.jpg) no-repeat 50% 0; }
	#header { width: 100%; }
	#header #logo { left: 20px; }
	#header #site-name-slogan { padding-top: 40px; padding-left: 183px; }
	#header .region { border-radius: 0 0 0 10px; border-right: none; }
	#navigation-wrapper { border-top: 1px solid #000; border-bottom: 1px solid #000; }
	#navigation-wrapper, #navigation, #navigation ul.main-menu { width: 100%; height: 40px; line-height: 40px; }
	#navigation .block { margin-right: 20px; }
	#navigation ul.main-menu li ul { top: 40px; height: auto; }
	#navigation ul.main-menu li li { height: auto; line-height: 1.5em; }
	#search-block-form input.search { margin-top: 8px; }
	#search-block-form input.form-submit { top: 10px; }
	#wrapper-main { width: 100%; padding-left: 0; padding-right: 0; border-left: none; border-right: none; }
	#main { float: none; width: 100%; margin-right: 0; margin-bottom: 4em; }
	#sidebar-first { float: none; width: 100%; margin-left: 0; margin-right: 0; }
	body #sidebar-second, .front #sidebar-second { float: none; width: 100%; margin-top: 0; margin-left: 0; margin-right: 0; }

	body.sidebar-first #main, body.sidebar-second #main,
	body.two-sidebars #main { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 4em; }
	#main #page-title, #main .breadcrumb, #main .messages, #main .tabs-wrapper, #main .region, .sidebar .region { margin-left: 20px; margin-right: 20px; }
	#share-links { position: relative; top: auto; right: auto; margin: 2em 0; }
	#share-links h2 { font-size: 1.6em; margin: 0 0 5px; color: #94392E; text-align: left; }

	.twocol .col, .threecol .col { width: 100%; float: none; margin-right: 0; }

	#utility { position: relative; }
	#utility .region, #utility-nav { width: 100%; }
	#utility-menu-links { position: relative; margin-left: 20px; margin-right: 20px; top: auto; margin-bottom: 2em; }
	#utility .block { position: relative; margin-left: 20px; margin-right: 20px; }
	#popups .block { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	#footer { width: 100%; margin: 0; border-left: none; border-right: none; }


	body.front.two-sidebars #main,
	body.front.sidebar-first #main { width: 100%; max-width: 500px !important; margin-left: auto; margin-right: auto; margin-bottom: 4em; }
	.front #main .region { margin-left: 0; margin-right: 0; }
	.front #block-system-main { width: 100%; max-width: 500px; }
	.slideshow-slides, .slideshow-slides img { max-width: 100%; height: auto; }
	.slideshow-nav { bottom: 0; right: auto; left: 0; width: 100%; max-width: 500px; }
	.slideshow-nav .view-content li { opacity: 0.8; background: #fff none; width: 100%; display: none; font-size: 14px !important; height: auto; position: absolute; bottom: 0; }
	.slideshow-nav .view-content li.activeSlide { display: block; background: #fff none; }
	.slideshow-nav .view-content li a { width: auto; text-align: center; padding: 10px; border-bottom: none; margin-left: 0; color: #000; height: auto; }
	.front #sidebar-second .block { width: auto; margin-left: 0; margin-right: 0; float: none; }
	.front #block-views-calls-to-action-block .item-list ul { width: 300px; margin: 0 auto; }
	.front #block-views-calls-to-action-block .item-list li { margin-right: 40px; }
	.front #block-views-calls-to-action-block .item-list li.views-row-even { margin-right: 0; }

}

/* Slogan becomes unreadable below 594px */

@media screen and (max-width: 593px) {
	#header #site-name-slogan { position: absolute; left: -999em; }
}

/* Phones in portrait mode */

@media screen and (max-width: 360px) {
	#header #logo { left: 10px; }
	#header .region { width: 110px; /* background-color: transparent; border: none; */ }
	#block-block-1 h2 { text-align: center; font-size: 2.4em; }
	#navigation .block { margin-right: 0; width: 100%; }

	#navigation-wrapper { border-top: 1px solid #000; border-bottom: 1px solid #000; }
	#navigation .region-navigation { top: auto; position: relative; width: 50%; float: left; }
	h2.navigation-header { position: relative; left: auto; width: 50%; float: left; text-indent: -999em; }
	#navigation ul { position: fixed !important; top: 0 !important; left: 100%; }
	#block-search-form h2 { position: relative !important; left: auto; width: 100%; }
	#navigation h2 { text-align: center; line-height: 40px; font-size: 2em; cursor: pointer; }
	#block-search-form .form-item, #block-search-form .form-actions { position: absolute; left: -999em; }
	#block-search-form input.search { width: 190%; margin-top: 5px; margin-right: 5%; font-size: 2em; border: 1px solid #ccc; margin-bottom: 4em; }
	.no-touch #block-search-form input.search:focus { width: 190%; }

	h1, h2 { font-size: 2em; line-height: 1.1em; }

	#main #page-title, #main .messages, #main .tabs-wrapper, #main .region, .sidebar .region { margin-left: 10px; margin-right: 10px; }
	#main .breadcrumb { position: absolute; left: -999em; }

	#block-system-main > .content { padding-left: 10px; padding-right: 10px; }
	.aside-image, .field-name-field-video { float: none; margin: 0 auto 20px; text-align: center; }
	.image-right, .imgright, .image-left, .imgleft, .right_image, .left_image { display: block; margin: 10px auto; float: none; }
	.sidebar .block { margin-bottom: 2em; }

	.book-navigation .page-previous, .book-navigation .page-up, .book-navigation .page-next { float: none; margin: 0 0 1em; width: 100%; text-align: center; }

	#utility-menu-links { margin-left: 10px; margin-right: 10px; top: auto; margin-bottom: 2em; }
	#utility .block { margin-left: 10px; margin-right: 10px; }
	#footer .block, #site-credit { margin-left: 10px; margin-right: 10px; }

	.front #main { margin-bottom: 2em; }
	.front #main .region { margin-left: 10px; margin-right: 10px; }
	.front #block-system-main { clear: both; }
	.front #block-views-calls-to-action-block .item-list ul { width: 280px; margin: 0 auto; }
	.front #block-views-calls-to-action-block .item-list li { margin-right: 20px; }
	.front #block-system-main > .content { padding-left: 0; padding-right: 0; }

	#block-system-main .view-information-for-workers .view-content { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
	.view-information-for-workers .item-list ul li { margin-bottom: 1em; }
	.stwd_issues, .stwd_issues_r, .stwd_issues_w, .sb_content, .boxright,
	.boxrightnt, .boxwide, .boxleft, .boxleftnt {
		border-left: none; border-right: none; float: none; width: 100% !important; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; padding: 10px 0 0; margin: 10px 0;
	}
}


/* menu overage */
#navigation #menuOverageContainer { position: absolute; display: none; width: 100%; background-color: #94392E; height: auto; z-index: 10; border-bottom: 1px solid #000; }

/* responsivized main menu */

ul.responsivizd, #navigation li ul.responsivizd { position: fixed !important; top: 0 !important; left: 100%; width: 100% !important; height: 100% !important; background: #fff !important; padding: 0 !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; border-radius: 0 !important; z-index: 314199; }
ul.responsivizd li { font-size: 25px !important; height: auto !important; line-height: 30px !important; padding: 10px !important; border: 0 !important; border-bottom: 2px solid #ccc !important; display: block !important; float: none !important; margin: 0 !important; color: #000 !important; }
ul.responsivizd li a, #navigation ul.responsivizd li a, #navigation li ul.responsivizd li a { padding: 0; float: none; color: #000 !important; background: #fff none !important; }
ul.responsivizd li a:hover { background: #fff none !important; }
ul.responsivizd li.expanded > a { margin-right: 60px; }
ul.responsivizd li.expanded .expander { position: absolute; top: 10px; right: 10px; width: 49px; height: 30px; border-left: 1px solid #eee; text-align: center; cursor: pointer; }

/* IE fixes */
html#ie7 input[type="text"], html#ie7 input[type="password"], html#ie7 select, html#ie7 textarea { width: 90%; }
html#ie7 #navigation li:hover ul.main-menu { left: 0; }
html#ie7 #search-block-form input.search { width: 76px; }
html#ie7 #navigation .block { width: 100px; }
html#ie7 .slideshow-nav .view-content li { vertical-align: top; }
html#ie7 #block-views-calls-to-action-block li.views-row { width: 130px; }
html#ie7 #header-wrapper, html#ie7 #wrapper-main, html#ie7 #footer { position: relative; z-index: 0; }
html#ie7 #navigation-wrapper { position: relative; z-index: 50; }