/*
 * Start out with Bootstrap, then strike out on your own
 * http://twitter.github.com/bootstrap/
*/
* {box-sizing: border-box; -moz-box-sizing: border-box;}
html, body {margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit;}
table {border-collapse: collapse; border-spacing: 0;}
ol, ul {list-style: none;}
q:before,q:after,blockquote:before,blockquote:after {content: "";}
html {overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
a:focus {outline: thin dotted;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) {display: none;}
img {border: 0; -ms-interpolation-mode: bicubic;}
button,input,select,textarea {font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
button, input {line-height: normal; *overflow: visible;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor: pointer; -webkit-appearance: button;}
input[type="search"] {-webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
textarea {overflow: auto; vertical-align: top;}
.clearfix {zoom: 1;}
.clearfix:before, .clearfix:after {display: table; content: "";}
.clearfix:after {clear: both;}

/* Containers */
.center-block {display: block; margin: 0 auto;}
.container {width: 940px; margin: 0 auto; zoom: 1; position: relative;}
.container:before, .container:after, .content:before, .content:after {display: table; content: "";}
.container:after, .content:after {clear: both;}
.mobile .container, .responsive .container {width: auto; margin: 10px;}
.responsive .container {width: auto; max-width: 940px; margin: 1em auto;}
.responsive .slim-topbar .container {margin: 0 auto; font-size: 16px;}
.responsive .slim-topbar .container.full-width {width: 100%; max-width: 100%; margin: 0;}
#page-body {margin-bottom: 30px;}
.responsive #page-body {margin: 0 1em;}

.responsive.with-sidebar #main {padding-right: 320px;}
.responsive.with-sidebar #content {float: left; max-width: 620px; padding-right: 30px;}
.responsive #sidebar {float: right; width: 320px; margin-right: -320px;}

/*
 * Scaffolding
 * Basic and global styles for generating a grid system, structural layout, and page templates
 * ------------------------------------------------------------------------------------------- */
.row {zoom: 1; margin-left: -20px;}
.row:before, .row:after {display: table; content: "";}
.row:after {clear: both;}
.row [class*="span"] {display: inline; float: left; margin-left: 20px;}
.row .nested {margin-left: 0;}

.span1 {width: 40px;}
.span2 {width: 100px;}
.span3 {width: 160px;}
.span4 {width: 220px;}
.span5 {width: 280px;}
.span6 {width: 340px;}
.span7 {width: 400px;}
.span8 {width: 460px;}
.span9 {width: 520px;}
.span10 {width: 580px;}
.span11 {width: 640px;}
.span12 {width: 700px;}
.span13 {width: 760px;}
.span14 {width: 820px;}
.span15 {width: 880px;}
.span16 {width: 940px;}

.row .span-one-third {width: 300px;}
.row .span-two-thirds {width: 620px;}
html, body {background-color: #fff;}

.gridsplit-left {width: 48%; margin-right: 4%; float: left; clear: left; display: inline-block;}
.gridsplit-right {width: 48%; margin-right: 0; float: left; display: inline-block;}
.column-container {width: 100%;}
.column-third {float: left; width: 30%; margin-right: 3%; display: block;}
.column-twothirds {float: left; width: 62%; margin-right: 4%; display: block;}
.column-half {float: left; width: 46%; margin-right: 3%; display: block; zoom: 1;}
.column-fourth {float: left; width: 21%; margin-right: 3%; display: block;}
.column-fifth {float: left; width: 17%; margin-right: 2%; display: block;}
.column-last {margin-right: 0;}

/* Typography */
h1, h2, h3, h4, h5, h6 {font-weight: bold; color: #111;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {color: #bbb;}
h1 {margin-bottom: 18px; font-size: 30px; line-height: 36px;}
h1 small {font-size: 18px;}
h2 {font-size: 24px; line-height: 36px;}
h2 small {font-size: 14px;}
h3, h4, h5, h6 {line-height: 36px;}
h3 {font-size: 18px;}
h3 small {font-size: 14px;}
h4 {font-size: 16px;}
h4.label {line-height: 1.5; margin-bottom: .5em;}
h4 small {font-size: 12px;}
h5 {font-size: 14px;}
h6 {font-size: 13px; color: #bbb; text-transform: uppercase;}
h6 a {color: inherit;}
h6.label {line-height: 1.5; margin-bottom: 0.2em;}

ul, ol {margin: 0 0 1em 16px; font-size: 13px;}
ul ul, ul ol, ol ol, ol ul {margin-bottom: 0;}
ul {list-style: disc;}
ol {list-style: decimal;}
li {line-height: 1.7; color: #404040;}
ul.large, ol.large {font-size: 16px; margin-left: 1.2em;}
ul.large li, ol.large li {line-height: 1.5; margin-bottom: .67em;}
ul.unstyled {list-style: none; margin-left: 0;}
hr {margin: 0 0 1.5em; border: 0; border-bottom: 1px solid #eeeeee;}
strong {font-style: inherit; font-weight: bold; line-height: inherit;}
em {font-style: italic; font-weight: inherit; line-height: inherit;}
.muted {color: #bfbfbf;}
blockquote {margin-bottom: 18px; border-left: 5px solid #eee; padding-left: 15px;}
blockquote p {font-size: 14px; font-weight: 300; line-height: 18px; margin-bottom: 0;}
blockquote small {display: block; font-size: 12px; font-weight: 300; line-height: 18px; color: #bfbfbf;}
blockquote small:before {content: '\2014 \00A0';}
address {display: block; line-height: 18px; margin-bottom: 18px;}


/* Forms */
input[readonly]:focus, textarea[readonly]:focus, input.disabled {background: #f5f5f5; border-color: #ddd; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

.checkbox input[type="radio"] {-webkit-appearance: checkbox; -moz-appearance: checkbox; -ms-appearance: checkbox;/* not currently supported */ -o-appearance: checkbox;/* not currently supported */}


form {margin-bottom: 2em;}
fieldset {margin-bottom: 2em; padding-top: 1em;}
fieldset legend {display: block; margin-left: 150px; font-weight: bold; font-size: 21px; line-height: 1; *margin: 0 0 5px 145px; /* IE6-7 */*line-height: 1.5; /* IE6-7 */color: #404040;}
form .clearfix {margin-bottom: 18px;}
label, input, select, textarea {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: normal;}
label {padding-top: 6px; font-size: 13px; line-height: 18px; float: left; width: 130px; text-align: right; color: #404040;}
div.input {margin-left: 150px;}
input[type=checkbox], input[type=radio] {cursor: pointer;}
input, textarea, select, .uneditable-input {display: inline-block; width: 210px; padding: 4px; font-size: 13px; line-height: 18px; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
/* mini reset for non-html5 file types */
input[type=checkbox], input[type=radio] {width: auto; height: auto; padding: 0; margin: 3px 0; margin-right: .2em; *margin-top: 0; /* IE6-7 */line-height: normal; border: none;}
.form-large input[type=checkbox], .form-large input[type=radio] {vertical-align: text-top;}
input[type=file] {background-color: #fff; padding: initial; border: initial; line-height: initial; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type=button], input[type=reset], input[type=submit] {width: auto; height: auto;}
select, input[type=file] {height: auto; line-height: 27px;}
textarea {height: auto;}
.uneditable-input {background-color: #eee; display: block; border-color: #ccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);}
input, select, textarea {-webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);}
input:focus, textarea:focus {outline: none; border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);}

.form-full-page input {width: 400px;}
.form-full-page input[type="checkbox"], .form-full-page input[type="radio"] {width: auto;}
.form-full-page input[type="submit"] {display: block; width: auto;}
.form-full-page textarea {width: 520px; height: 120px;}

.form-stacked {}
.form-stacked fieldset {padding-top: 1em;}
.form-stacked legend {margin-left: 0;}
.form-stacked label, .form-large label {display: block; float: none; width: auto; font-weight: bold; text-align: left; line-height: 20px; padding-top: 0;}
.form-stacked .inline-label label {display: inline;}
.form-stacked input, .form-stacked textarea, .form-stacked select {margin-bottom: 1em;}
.form-stacked input[type="submit"] {display: block; width: auto;}
.form-stacked .clearfix {margin-bottom: 1em;}
.form-stacked .clearfix div.input {margin-left: 0;}
.form-stacked .inputs-list {margin-bottom: 0;}
.form-stacked .inputs-list li {padding-top: 0;}
.form-stacked .inputs-list li label {font-weight: normal; padding-top: 0;}

.form-field-explainer {display: block; margin: 3px 0 1em; font-size: 12px; line-height: 1.2;}
.form-full-page .form-field-explainer {margin: -.75em 0 1.5em; max-width: 520px;}
.form-large, .form-large label {font-size: 16px; margin-bottom: .33em;}

.filter.date-pick {width: 100px; display: inline;}
.filter-explainer {display: inline-block; margin-top: 6px;}
.filter-submit-optional {font-size: 11px; margin-left: 5px;}

.filter-form {font-size: 13px;}
.filter-form fieldset {padding-top: 0; margin-bottom: 1em;}
.filter-form label {font-weight: bold; width: auto; padding: 3px 0;}
.filter-form input[type="button"], .filter-form input[type="reset"], .filter-form input[type="submit"] {padding: 4px 7px;}

.mobile .filter-form input[type="button"],
.mobile .filter-form input[type="reset"],
.mobile .filter-form input[type="submit"],
.mobile .filter-form select {padding: 3px 5px; height: 28px;}

.filter-form-horizontal {margin-bottom: 30px;}
.filter-form-horizontal label, .filter-form-horizontal .filter {display: block; float: none; font-weight: bold; text-align: left; width: auto;}
.filter-form-horizontal .submit {width: 80px;}
.filter-form-horizontal .extra {margin-bottom: 10px;}
.filter-form-horizontal input[type="button"], .filter-form-horizontal input[type="submit"] {vertical-align: top;}
.filter-form-horizontal input[type="text"], .filter-form-horizontal input[type="select"] {font-size: 14px; font-weight: normal;}

.filter-form-inline, .form-inline {overflow: hidden; display: block;}
.form-inline {line-height: 1.5; margin-bottom: 1em;}
.filter-form-inline label, .filter-form-inline input, .filter-form-inline select {margin-right: 8px; vertical-align: middle;}
.form-inline label {width: auto; display: inline-block; margin-right: 1.5em;}
.filter-form-inline select, .filter-form-inline input {width: 120px;}

form.filter-form-inline-full-width {margin: 1em 0;}
.filter-form-inline-full-width input {width: 72%; margin-right: 3%;}
.filter-form-inline-full-width select {width: 75%; margin-right: 3%;}
.filter-form-inline-full-width input.submit,
.mobile .filter-form-inline-full-width input[type="submit"],
.responsive .filter-form-inline-full-width input[type="submit"] {width: 20%; margin-right: 0; padding: 3px 0; height: 28px;}

form.form-full-width-inputs input[type=text], form.form-full-width-inputs textarea {width: 97%;}

.inputs-disabled label, .inputs-disabled input {color: #bbb;}

.radio-horizontal ul, ul.radio-horizontal {list-style: none; margin: 0;}
.radio-horizontal ul li, ul.radio-horizontal li {display: inline-block; margin-right: 1em;}

ul.errorlist {margin: 1.5em 0 .25em; list-style: none;}
ul.errorlist li, .error {color: #740A0B; display: inline-block; padding: 3px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #e6e6e6; border: 1px solid #ddd; font-size: 12px; font-weight: bold;}


/* Structure */
#page-top-bar {height: 35px; background-color: #333;}
#page-top-bar-container {width: 940px; padding: 8px 0 0; margin: 0 auto;}
#page-top {padding: 1.5em 0 0; margin-bottom: 2em; background-color: #fff; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;}
#page-top .container {padding: 0 0 .5em 0; position: relative; z-index: 999;}
#page-top #logo {margin-bottom: 0; height: 90px; width: 200px;}
#page-top #logo a img {border: none; float: left; margin: 3px 0 -31px;}
#page-top .ad-leaderboard {float: right; margin-bottom: 0;}

#login-links {font-size: 11px; float: right; display: inline-block; color: #bbb; padding-top: 2px;}
#login-links a {color: #eee;}

#navigation, #alt-navigation {width: 940px; margin: 0 auto; zoom: 1; position: relative; font-size: 13px;}
.mobile #navigation, #alt-navigation {width: auto; height: auto; position: absolute; top: -100%;}
#alt-navigation {width: 100%; padding-bottom: .5em;}
.responsive #navigation {}
.mobile .slim-topbar #navigation, .responsive .slim-topbar #navigation {margin-top: .67em;}
#navigation ul, #alt-navigation ul {list-style: none; margin: 1em 0; background-color: #eee; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 3px 0 0 15px; border-top: 1px solid #e3e3e3;}
.mobile #navigation ul, #alt-navigation ul {background-color: inherit; margin: 0; padding: 0; border: none; clear: both;}
.responsive #navigation ul {}
#navigation li, #alt-navigation li {float: left; text-align: center; margin: 0; padding: 0;}
#navigation li.nav-trailer, #alt-navigation li.nav-trailer {float: right; text-align: right; margin: 0; padding: 0;}
.mobile #navigation li, #alt-navigation li {text-align: left; width: 48%; margin: .5em 0 .25em; margin-right: 1%;}
.mobile .slim-topbar #navigation li, .responsive .slim-topbar #navigation li {width: 32%;}
#navigation a, #alt-navigation a {font-weight: bold; display: block; padding: 3px 12px 6px; margin: 0 5px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
#navigation li.nav-trailer a, #alt-navigation li.nav-trailer a {color: #888; font-weight: normal;}
.mobile #navigation li.nav-trailer, #alt-navigation li.nav-trailer {display: none;}
.mobile #navigation ul a, #alt-navigation ul a {font-weight: bold; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; padding: 3px 8px 4px}
.mobile .slim-topbar #navigation ul a {font-size: 11px; margin: 0 8px 0 0; padding: 3px 8px; background-color: #444;}
#navigation a:hover, #navigation a.active, .mobile .slim-topbar #navigation a:hover, .mobile .slim-topbar #navigation a.active {background-color: #fff;}
#navigation li.nav-trailer a:hover {background-color: inherit; text-decoration: none; font-weight: normal;}
.mobile #navigation a:hover, .mobile #navigation a.active, #alt-navigation a:hover, #alt-navigation a.active {background-color: #fff; color: #111;}

.topbar {height: 45px; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; overflow: visible;}
.topbar-inner, .topbar .fill {background-color: #11114e; height: 45px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);}
.topbar form {float: right; margin: 9px 0 0 0; position: relative; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1;}
.topbar input.submit {font-size: 11px; margin-left: 1px;}
.topbar input.submit:hover {color: inherit;}
.topbar input.searchbox, .topbar select {background-color: #777; background-color: rgba(255, 255, 255, 0.4); font-size: 11px; font-weight: bold; line-height: 1; padding: 3px 6px; border: 1px solid #111; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
.topbar select {width: 100px; padding: 4px 5px;}
.topbar input:-moz-placeholder {color: #e6e6e6;}
.topbar input::-webkit-input-placeholder {color: #e6e6e6;}
.topbar input.searchbox:hover, {background-color: #bfbfbf; background-color: rgba(255, 255, 255, 0.5); color: #ffffff;}
.topbar input.searchbox:focus, .topbar select:focus, .topbar input.focused {outline: 0; background-color: #ffffff; color: #404040; border: 0; padding: 4px 8px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);}

.logo-box, .right-box {margin-top: 8px; display: inline-block; float: left; vertical-align: middle; overflow: hidden;}
.right-box {float: right;}
.topbar .slogan {color: #fff; font-size: 14px; font-weight: 500; display: inline-block; float: left; margin: 13px 0 0 10px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);}

html, body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal;}
h1, h2, h3, h4, h5, h6, .display-type, .item-factbox, .item-factbox p, dl, dd, dt, .caption, .galleria-info-text, footer, footer p, header .container {font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6, .display-type, .caption, .galleria-info-text {font-weight: 700;}
.toggle-links, .button, button, .pagination-count, .sans-serif, #login-links {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}

body {margin: 0; line-height: 1.5; color: #111;}
p {font-family: "PT Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; margin-bottom: 1em; line-height: 1.5;}
.reader-type {font-family: "PT Serif", "Georgia", serif;}
p.space-above {margin-top: 1em;}
p.leader {margin-bottom: .33em;}
p small {font-size: 12px; color: #bfbfbf;}
.instructions {clear: both; font-size: 12px; color: #999;}

.map-canvas-container, .detail-photo, .embed-photo-right {margin-bottom: 1em; font-size: 11px;}
.mobile .map-canvas-container,
.mobile .detail-photo,
.responsive .map-canvas-container,
.responsive .detail-photo {margin-bottom: 1em; font-size: inherit; position: relative;}
.mobile .detail-photo img,
.mobile img.detail-photo,
.responsive .detail-photo img,
.responsive img.detail-photo {width: 100%;}
.detail-photo .photo-toggle {position: absolute; right: .67em; bottom: 1.2em; width: 70px; text-align: center;}
.photo-toggle.button.tiny {padding-left: 0; padding-right: 0;}
.embed-photo-right {float: right; width: 220px; padding: 0; margin: 0.5em 0.5em 0.5em 1em;}
.embed-photo-right img {width: 220px;}
.embed-photo-right .caption {margin-top: .5em;}
p img {margin: .33em .67em .33em 0;}

.fullscreen-map-detail-block {position: absolute; right: 10px; top: 55px; width: 350px; z-index: 999;}
.fullscreen-map-detail-block, .map-detail-block {background-color: #fff; padding: 1em; border: 1px solid #bbb; background-color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}

.grid-row {overflow: hidden;}
.grid-teaser {width: 180px; float: left; margin-right: 18px; overflow: hidden;}
.mobile .grid-teaser {width: auto; float: none; margin: 0 0 2em;}
.mobile .grid-teaser .byline, .responsive .grid-teaser .byline {margin: .5em 0 1em;}
.grid-teaser h2, .grid-teaser h3 {line-height: 1.2;}
.grid-teaser p {margin: .25em 0; font-size: 14px;}
.grid-row .last-child {margin-right: 0;}
.grid-teaser img, .grid-teaser .image-placeholder {width: 180px; height: 120px;}
.mobile .grid-teaser img, .mobile .grid-teaser .image-placeholder {float: right; margin-left: .5em; width: 120px; height: auto;}

.responsive .grid-teaser {width: 30%; margin: 0 0 2em 2%; float: none; display: inline-block; vertical-align: top;}
.responsive .grid-teaser img, .responsive .grid-teaser .image-placeholder {width: 100%; height: auto;}

.mobile .logo-box {width: 100%; margin: 0 0 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 5px 8px 0; display: block; background-color: #fff; background-image: none; border: 1px solid #ccc; border-bottom-color: #bbb; height: 41px; position: relative; text-align: center;}
.mobile .logo-box a {display: inline-block;}
.mobile .logo-box img.logo {margin: 0; display: inline-block; height: 30px; vertical-align: middle;}
.mobile .logo-box img.logo-20 {margin: 0; display: inline-block; height: 20px; padding-top: 5px; vertical-align: middle;}
.mobile .logo-box img.logo.with-menu-button {margin-right: 60px;}
.mobile .tagline {text-align: center; font-size: 12px; font-weight: bold; margin: 0;}
#navigation-menu-toggle {padding: 6px 0 0; color: #111; font-size: 11px; font-weight: bold; width: 50px; line-height: 1; height: 25px; text-align: center;}
#navigation-menu-toggle, #alt-navigation {display: none;}
.mobile #navigation-menu-toggle {position: absolute; top: 7px; right: 7px; display: block;}

.button.mobile-logo-button, .button.mobile-text-logo-button {-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding-bottom: 2px; text-align: center; display: block; background-color: #fff; background-image: none;}
.button.mobile-logo-button:hover {}
.button.mobile-logo-button img {height: 30px; margin: 0 auto; display: inline-block;}

.fullscreen, #page-body.fullscreen {height: 100%; width: 100%; overflow: hidden; margin: 0;}
.fullscreen-topbar {height: 45px; width: 100%; position: absolute; top: 0; z-index: 1000;}
/*.fullscreen-topbar, .mobile .slim-topbar {overflow: hidden; background-color: #0f1b25; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.1); border-bottom: none; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#223e56), color-stop(33%, #0f1b25), to(#0f1b25)); background-image: -webkit-linear-gradient(#223e56, #0f1b25 33%, #0f1b25); background-image: -moz-linear-gradient(top, #223e56, #0f1b25 33%, #0f1b25); background-image: -ms-linear-gradient(#223e56, #0f1b25 33%, #0f1b25); background-image: -o-linear-gradient(#223e56, #0f1b25 33%, #0f1b25); background-image: linear-gradient(#223e56, #0f1b25 33%, #0f1b25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f1b25', endColorstr='#0f1b25', GradientType=0);}*/
.fullscreen-topbar, .mobile .slim-topbar, .responsive .slim-topbar, .slim-topbar, #page-top-bar {overflow: hidden; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.1); border-bottom: none;
    background-color: #111111;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b3b3b), color-stop(33%, #111111), to(#111111));
    background-image: -webkit-linear-gradient(#3b3b3b, #111111 33%, #111111);
    background-image: -moz-linear-gradient(top, #3b3b3b, #111111 33%, #111111);
    background-image: -ms-linear-gradient(#3b3b3b, #111111 33%, #111111);
    background-image: -o-linear-gradient(#3b3b3b, #111111 33%, #111111);
    background-image: linear-gradient(#3b3b3b, #111111 33%, #111111);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b3b3b', endColorstr='#111111', GradientType=0);
}
.fullscreen-topbar .logo-box, .fullscreen-topbar .right-box {margin: 10px 10px 0;}
.fullscreen-topbar .logo-box img {vertical-align: middle; margin-right: 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.fullscreen-topbar img.main-logo:hover {-webkit-box-shadow: 0 0 8px rgba(255, 255, 255, 0.33); -moz-box-shadow: 0 0 8px rgba(255, 255, 255, 0.33); box-shadow: 0 0 8px rgba(255, 255, 255, 0.33);}

header p {margin: 0; color: #aaa;}
header p a {text-decoration: none;}

.mobile header, .responsive header {padding: 10px 10px 8px; border-bottom: 1px solid #d6d6d6; overflow: auto;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e9e9e9), color-stop(25%, #e9e9e9), to(#eee));
    background-image: -webkit-linear-gradient(#e9e9e9, #e9e9e9 25%, #eee);
    background-image: -moz-linear-gradient(top, #e9e9e9, #e9e9e9 25%, #eee);
    background-image: -ms-linear-gradient(#e9e9e9, #e9e9e9 25%, #eee);
    background-image: -o-linear-gradient(#e9e9e9, #e9e9e9 25%, #eee);
    background-image: linear-gradient(#e9e9e9, #e9e9e9 25%, #eee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#eeeeee', GradientType=0);
}
.mobile #logo, .responsive #logo {margin: .5em 0;}
.mobile #logo img {height: 30px; display: block; margin: 0 auto;}
#mobile-logo img {width: 300px; display: block; margin: 0 auto;}
.mobile .slim-topbar,
.mobile .slim-topbar p,
.mobile .slim-topbar a.muted,
.responsive .slim-topbar,
.responsive .slim-topbar p,
.responsive .slim-topbar a.muted {color: #aaa; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50); font-weight: 400;}
.mobile .slim-topbar a, .responsive .slim-topbar a {color: #fff; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in;}
.mobile .slim-topbar a.button, .responsive .slim-topbar a.button {color: #111;}
.mobile .slim-topbar a:hover, .responsive .slim-topbar a:hover {text-decoration: none; text-shadow: 1px 0 10px rgba(255, 255, 255, 0.33);}
.mobile .slim-topbar img.logo, .responsive .slim-topbar img.logo {height: 13px; margin: 0; padding: 0;}
.responsive .slim-topbar img.logo {margin-top: 5px;}
.slim-topbar .container {font-size: 16px; font-weight: normal;}

footer {text-align: center; margin-top: 2em; padding: 2.5em 0 5em; border-top: 1px solid #d6d6d6; font-size: 12px;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), color-stop(25%, #eee), to(#e9e9e9));
    background-image: -webkit-linear-gradient(#eee, #eee 25%, #e9e9e9);
    background-image: -moz-linear-gradient(top, #eee, #eee 25%, #e9e9e9);
    background-image: -ms-linear-gradient(#eee, #eee 25%, #e9e9e9);
    background-image: -o-linear-gradient(#eee, #eee 25%, #e9e9e9);
    background-image: linear-gradient(#eee, #eee 25%, #e9e9e9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#e9e9e9', GradientType=0);
}
.mobile footer, .responsive footer {padding: 1em 1em 2em; text-align: left;}
footer ul {list-style: none; margin: 0; padding: 0; text-align: left; color: #111;}
footer li {display: inline; margin: 0 1em;}
.mobile footer li, .responsive footer li {display: block; margin: 0 0 1em;}
footer p {font-size: 13px; margin: 0 0 1em; line-height: 1.7}
footer li a {font-size: 16px; font-weight: bold;}
footer .logo {vertical-align: -1px; margin: 0;}

img.inline-icon {line-height: inherit; vertical-align: -2px; margin-right: 6px;}


a {color: #366286; text-decoration: none; line-height: inherit; font-weight: inherit;}
a.display-type {font-size: 14px;}
p a, a:hover, a.underline {text-decoration: underline;}
p a.button {text-decoration: none;}
p .button {vertical-align: middle;}
p .button.inline-button-fix {margin-top: -4px;}

div.link-list a {white-space: nowrap; display: inline-block; margin-bottom: .33em;}
.mobile div.link-list a {margin: .33em 1em;}

ul.link-list {font-size: 14px; margin: 0 0 10px 15px;}
ul.link-list li {line-height: 1.5; margin-bottom: 0.25em;}
ul.bordered-list {list-style: none; margin-left: 0;}
ul.bordered-list li {border-top: 1px solid #d6d6d6; line-height: 1.5;}
ul.shaded-list li {padding: 10px 10px 9px; line-height: 1.5;}
li.even {background-color: #fbfbfb;}
.simple-list {list-style: none; margin: 0; padding: 0;}
.simple-list li {margin-left: 0; line-height: 1.2; margin-bottom: 0.67em;}
.simple-list li.big {font-size: 16px; font-weight: bold;}
.compact-list li {margin-bottom: .33em;}

img.icon-24, img.icon-30, img.icon-36 {display: inline-block; vertical-align: middle; margin-right: 8px; height: 24px; width: 24px;}
img.icon-30 {height: 30px; width: 30px;}
img.icon-36 {height: 36px; width: 36px;}
.icon-right-padded {margin-right: .25em;}
.icon-nudge-left {margin-left: -.25em;}
.icon-nudge-right {margin-right: -.25em;}
.icon-button-left {position: absolute; left: 5px; top: 5px;}
.icon-button-right {position: absolute; right: 5px; top: 5px;}
img.inline-avatar {float: left; margin-right: 1em;}

.list-separator {font-size: 14px; font-weight: bold; clear: left; display: block; margin: 0 0 2em; padding-bottom: 18px; border-bottom: 1px solid #ddd;}
#page-sidebar .list-separator, .sidebar-block .list-separator {margin-bottom: 1em;}
.list-separator h6 {float: left; display: inline-block; background-color: #fff; padding-right: .67em; margin-bottom: -36px;}
.action-container {float: right; display: inline-block; padding-left: .67em; margin-top: 1px; background-color: #fff;}
.list-separator .action-container .button.small {margin-top: 3px;}

dl {margin: 1em 0;}
dl dt, dl dd {line-height: 1.3;}
dl dt {clear: left; float: left; font-weight: bold; width: 110px;}
.mobile dl dt {clear: both; float: none; width: auto; padding-bottom: .25em;}
dl dd {margin-left: 115px; padding: 0 0 1em 0;}
.mobile dl dd {margin-left: 0; padding: 0 0 1em 0;}

.list-title, .item-title {margin-bottom: 9px;}
.item-details {margin-bottom: 1.5em; color: #777; font-size: 12px;}
table .item-details {margin: 3px 0;}
table .item-details, table .item-details a {color: #777;}
.item-toolbar {margin: 0 0 1em 0; list-style: none; overflow: hidden;}
.item-toolbar li {display: inline-block; float: left; margin-right: 1em; line-height: 1;}
.item-toolbar li.has-internal-padding {margin-right: 0;}
.item-toolbar li.extra-internal-padding {margin-right: 28px;}
.under-header {border-top: 1px solid #ddd; padding-top: 1em; margin-bottom: 20px; overflow: hidden;}
.under-header .item-name {font-size: 1.2em; line-height: 1.6em; font-weight: bold; display: inline-block;}
.over-header {margin-bottom: 1em;}
.embed-left {float: left; margin-right: 20px;}



/* COMMENTS */

.comment-container {margin-top: 2em;}
.mobile .comment-container iframe {width:100% !important;}
.fb_iframe_widget{ /* FB's class added to fb:comments tag */width:100% !important;}

.comment-list {list-style: none; margin: 0; padding: 0;}
.comment-list-item {overflow: hidden; padding: 0; margin: 0 0 2em 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.comment-person {float: left; width: 130px; margin-right: 2em; padding: .67em 1em .33em;}
.comment-body {float: left; width: 420px; padding: .67em 1em .33em;}
.mobile .comment-person,
.mobile .comment-body,
.responsive .comment-person,
.responsive .comment-body {float: none; width: auto; margin-right: 0;}
.comment-actions {text-align: right;}

#comment-form {}
#comment-form textarea {width: 100%; margin-bottom: 1em;}


/* TABLE */

table {width: 100%; margin-bottom: 18px; padding: 0; border-collapse: separate; font-size: 13px;}
table th, table td {padding: 10px 10px 9px; line-height: 1.2; text-align: left; vertical-align: top; border-bottom: 1px solid #ddd;}
.mobile table th, .mobile table td {padding: 8px 4px 6px;}
table td {border: none;}
table th {padding-top: 9px; font-weight: bold; background-color: #eee;}
table thead th:first-child {-webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.mobile table thead th:first-child, .mobile table tr td:first-child, .responsive table thead th:first-child, .responsive table tr td:first-child {text-indent: 2px;}
table thead th:last-child {-webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
table.no-thead {border-top: 1px solid #ddd;}
dd table {margin-bottom: 0;}

table.small {font-size: 11px;}
table.small .large {font-size: 14px;}
table.small th, table.small td {padding: 5px 8px;}

table.tablesorter thead tr th {cursor: pointer;}
table.tablesorter thead tr th.header {background: #eee url(../static/img/controls/bg.png) no-repeat 98% center; cursor: pointer;}
table.tablesorter tbody td {}
table.tablesorter thead tr th.headerSortUp {background-image: url(../static/img/controls/asc.png);}
table.tablesorter thead tr th.headerSortDown {background-image: url(../static/img/controls/desc.png);}
table.tablesorter thead tr th.headerSortDown, table.tablesorter thead tr th.headerSortUp {background-color: #e3e3e3;}
tr.even, tr.even td {background-color: #fbfbfb;}
thead .highlight-cell {background-color: #ddd;}
.item-name {font-size: 1.1em; line-height: 1.1; font-weight: bold;}
.mobile .item-title, .mobile .list-title {clear: both; font-size: 1.4em; line-height: 1.5;}
.table-leader {font-size: 13px; margin: 1em 0 .5em 0;}
.table-trailer {font-size: 12px; margin: -1em 0 0 10px;}
.table-title {line-height: 1.3; margin-bottom: 8px;}

td .designator {display: block; font-size: 11px; color: #444; font-weight: normal; margin-top: .5em;}
td .designator span {margin-right: 1em;}


/* PAGINATION */

.pagination {height: 30px; margin: 18px 0; font-size: 12px;}
.pagination ul {float: left; margin: 0; border: 1px solid #ddd; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);}
.pagination li {display: inline;}
.pagination a {float: left; padding: 0 11px; line-height: 28px; border-right: 1px solid; border-right-color: #ddd; border-right-color: rgba(0, 0, 0, 0.15); *border-right-color: #ddd; /* IE6-7 */text-decoration: none;}
.pagination a:hover, .pagination .active a {background-color: #c7eefe;}
.pagination .disabled a, .pagination .disabled a:hover {background-color: transparent; color: #bfbfbf;}
.pagination .next a {border: 0;}
.embed-right {float: right; margin-left: 20px;}
.list-title .embed-right {margin-top: 5px;}
.embed-right .map-canvas {margin-bottom: 3px;}
.embed-right h5 {line-height: 1; margin: 0 0 6px 0;}


/* BUTTONS */
.button-nav {float: right;}
.under-header .button-nav {margin-top: -.4em;}
.button-nav .button {margin-left: 1em;}
.button .right {float: none; position: absolute; right: 12px;}

.button {
  cursor: pointer;
  font-weight: bold;
  display: inline-block;
  position: relative;
  background-color: #d5d5d5;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), color-stop(25%, #eee), to(#d5d5d5));
  background-image: -webkit-linear-gradient(#eee, #eee 25%, #d5d5d5);
  background-image: -moz-linear-gradient(top, #eee, #eee 25%, #d5d5d5);
  background-image: -ms-linear-gradient(#eee, #eee 25%, #d5d5d5);
  background-image: -o-linear-gradient(#eee, #eee 25%, #d5d5d5);
  background-image: linear-gradient(#eee, #eee 25%, #d5d5d5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#d5d5d5', GradientType=0);
  padding: 5px 12px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #111;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.button:hover {background-position: 0 -10px; color: #333; text-decoration: none;}

.button:active {
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.button.disabled {
  cursor: default;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: alpha(opacity=65);
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button[disabled] {
  cursor: default;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  filter: alpha(opacity=65);
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button.large {font-size: 16px; line-height: normal; padding: 9px 14px 9px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.button.small {padding: 5px 8px 6px; font-size: 11px; font-weight: bold;}
.button.tiny {padding: 2px 7px 3px; font-size: 9px; font-weight: bold;}
.inline-button {vertical-align: 15%; margin-left: 5px;}
.button.button-fixed-100 {width: 100px; padding-left: 0; padding-right: 0; text-align: center;}

button.button::-moz-focus-inner, input[type=submit].button::-moz-focus-inner {padding: 0; border: 0;}

.button.small .arr {font-size: 18px; line-height: 11px; vertical-align: text-top;}
.button.tiny .arr {font-size: 12px; line-height: 12px; vertical-align: text-top;}

.button-link-list {margin: .25em 0 1em; padding: 0; overflow: hidden;}
.button-link-list a {margin: 0 5px 5px 0; padding: 3px 0; float: left; width: 25px; text-align: center; display: inline-block;}

.toggle-links {display: inline-block; list-style: none; line-height: 1; overflow: hidden; margin: 0; padding: 0;}
.mobile .toggle-links, .responsive .toggle-links {margin-bottom: 1em;}
.toggle-links li {display: inline-block; float: left; font-size: 13px; font-weight: bold;}
.toggle-links.full-width li {width: 50%; text-align: center;}
.toggle-links.triplet {width: 100%;}
.toggle-links.triplet li {width: 33%; text-align: center;}
.toggle-links.triplet li a {padding-left: 0; padding-right: 0;}
.toggle-links.triplet li.triplet-30 {width: 30%;}
.toggle-links.triplet li.triplet-30 [class^="icon-"] {width: 1em;}
.toggle-links.triplet li.triplet-40 {width: 40%; padding-right: 0.33em;}

.toggle-links-80 li {width: 80px;}
.toggle-links-120 li {width: 120px;}
.toggle-links-150 li {width: 150px;}
.toggle-links a {font-size: 12px; padding: 5px 12px; background-color: #fbfbfb; color: #111; border: 1px solid #cacaca; border-left: none; text-decoration: none; display: block; position: relative; background-color: #d5d5d5; background-repeat: no-repeat; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), color-stop(25%, #eee), to(#d5d5d5));
    background-image: -webkit-linear-gradient(#eee, #eee 25%, #d5d5d5);
    background-image: -moz-linear-gradient(top, #eee, #eee 25%, #d5d5d5);
    background-image: -ms-linear-gradient(#eee, #eee 25%, #d5d5d5);
    background-image: -o-linear-gradient(#eee, #eee 25%, #d5d5d5);
    background-image: linear-gradient(#eee, #eee 25%, #d5d5d5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#d5d5d5', GradientType=0);
}
.toggle-links-padded a {padding: 5px 1.5em;}
.toggle-links .ghost-child a {background-color: transparent; background-image: none; border: none;}
.toggle-links-80 li a, .toggle-links-120 li a, .toggle-links-150 li a {padding: 4px 0; text-align: center;}
.toggle-links a:hover {background-position: 0 -10px; color: #111; text-decoration: none;}
.toggle-links a.active {background-position: 0 -40px; color: #888; text-decoration: none; cursor: default;}
.toggle-links-container {display: block; overflow: hidden;}
.toggle-links li:first-child a, .toggle-links li.first-child a {border-left: 1px solid #cacaca; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.toggle-links li:last-child a, .toggle-links li.last-child a {-webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.toggle-links li.disabled a, .toggle-links li.disabled a:hover {color: #777; cursor: default; background-position: 0 0; background-color: inherit;}

.toggle-links [class^="icon-"], .toggle-links [class*=" icon-"], .button [class^="icon-"], .button [class*=" icon-"] {font-size: 12px; margin-bottom: -1em;}
.button [class^="icon-"], .button [class*=" icon-"] {display: inline-block; text-align: center; width: 1em;}

.pagination-block {display: block; float: none; margin: 0 0 2em 0; overflow: hidden;}
.pagination-count {line-height: 20px; font-weight: bold; font-size: 12px; float: left; margin-right: 12px; padding: 6px 0;}
.filter-form .toggle-linkset {width: auto;}
.toggle-links.small a {padding: 4px 7px 5px; font-size: 10px;}

.item-toolbar .toggle-links li {margin-right: 0;}
.item-toolbar .toggle-links a {line-height: normal; padding: 5px 12px 6px;}
ul.share-buttons {display: inline-block; margin: 0; list-style: none; overflow: hidden; float: right;}
ul.share-buttons li {display: inline-block; float: left; margin-right: 1em; line-height: 1;}
ul.share-buttons li:last-child {margin-right: 0;}
ul.share-buttons-left {float: none; margin: .25em 0;}
li.external-share {margin-top: 5px; width: 95px;}

.section-rightbar .ad-button-container {margin-top: 20px; text-align: center;}
.section-rightbar .ad-button-container .ad-button, .homepage-nav-sponsors a.sponsor {float: none; display: block; margin: 0 auto 15px;}
.section-rightbar .rightbar-button {display: block; margin-bottom: .5em;}

.content-header {margin-bottom: 1em;}
.content-header .blog-header-top {margin-bottom: 8px; border-bottom: 1px solid #e6e6e6; position: relative; height: 120px;}
.mobile .content-header .blog-header-top, .responsive .content-header .blog-header-top {height: auto;}
.blog-header-top .title {display: block; font-size: 54px; font-weight: bold; position: absolute; bottom: 36px;}
.mobile .blog-header-top .title {font-size: 32px; position: relative; bottom: 0; line-height: 1; padding-bottom: 8px;}
.blog-header-top .description {font-size: 18px; text-indent: 3px; position: absolute; margin-bottom: 0; bottom: 12px;}
.mobile .blog-header-top .description {font-size: 14px; text-indent: 0; position: relative; bottom: 0; padding-bottom: .5em;}
.blogpost, .item-block {padding-top: .5em;}
.blogpost h1, .blogpost h2 {margin-bottom: 0; line-height: 1.1;}
.story h1, .story h2, .story h3, .story h4, .story h5, .item-header {margin-bottom: 12px; line-height: 1.1;}
.blogpost h1 a, .blogpost h2 a, .story h1 a, .story h2 a, .item-title a {color: #111;}
.blogpost-meta, .story-meta, .item-meta {font-size: 12px; margin: 1em 0;}
.blogpost-meta a, .story-meta a, .item-meta a {font-weight: bold;}
.item-header .extra {font-size: 12px; font-weight: normal;}
.item-header a {color: #111;}
.item-content, .item-trailer {margin: 1em 0;}
.item-body {clear: both;}

.page-block {margin-bottom: 2.5em; overflow: hidden;}
.sidebar-block {margin-bottom: 2em; overflow: hidden;}
.inline-block {float: left; margin-right: .67em;}
.mobile .page-block, .mobile .sidebar-block, .responsive .page-block, .responsive .sidebar-block {margin-bottom: 1.5em;}
.related-content {overflow: hidden; margin-bottom: 1em;}

.rightbar-content-box {overflow: hidden; margin-bottom: 1em;}
.rightbar-content-box input, .rightbar-content-box select {width: 170px;}

.list-trailer-link {list-style: none; margin-left: -15px;}
.trailer-link {display: inline-block; font-size: 12px; margin: 0 0 1em 0;}


.byline {overflow: hidden;}
.byline img {float: left; margin-top: 2px;}
.byline .author {float: left; margin-right: 2em; font-size: 13px;}
.byline .pubdate {display: block;}

.item-factbox h5 {font-size: 18px;}
.item-factbox, .item-factbox p {}
.item-factbox {margin: 1em 0; background-color: #eee; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: .25em 1em; border-top: 1px solid #e3e3e3;}


/* PHOTOS & GALLERIES */
.caption, .galleria-info-text {font-weight: bold; margin: .33em 0 1.5em; font-size: 14px;}
.photo-credit {display: block; text-align: right; font-weight: normal; padding: 1px 0 5px;}
.gallery-package {overflow: hidden;}

/* ALERTS & MESSAGES */
.alert, .message {padding: .67em 2em .67em 1em; margin-bottom: 1.5em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #c09853;}
.message {color: inherit;}
.alert-inline {padding: 2px 4px; margin-left: .5em; font-size: 11px; vertical-align: text-top; white-space: nowrap;}
.alert-heading {color: inherit;}
.alert .close {position: relative; top: -2px; right: -21px; line-height: 18px;}
.alert-success {background-color: #dff0d8; border-color: #d6e9c6; color: #468847;}
.alert-danger, .alert-error {background-color: #f2dede; border-color: #eed3d7; color: #b94a48;}
.alert-info {background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad;}
.alert-block {padding-top: 1em; padding-bottom: 1em;}
.alert-block > p, .alert-block > ul {margin-bottom: 0;}
.alert-block p + p {margin-top: 5px;}
.alert p:last-child, .message p:last-child {margin-bottom: 0;}
.header-inline {font-size: 11px; vertical-align: 40%;}

/* ADS */
.peelback-container {position: absolute; top: 0; right: 0;}
.ad-block {text-align: center; margin: 0 auto 30px;}
.ad-block-leaderboard {width: 728px; height: 110px;}
.ad-block-bigad {width: 300px;}
.ad-block-leader {font-size: 11px; color: #dbe7f0; display: block; text-align: center; padding-bottom: 3px;}
.ad {margin: 0 auto;}
.ad-leaderboard {width: 728px; height: 90px; margin: 0 auto 15px auto;}
.ad-bigad {width: 300px; height: 250px; margin: 0 auto;}
.ad-skyscraper {width: 160px; height: 600px; margin: 0 auto;}
.ad-button {width: 120px; height: 60px; float: left;}

.mobile-ad {clear: both; margin: 1.5em 0; overflow: hidden; height: 40px; text-align: center;}
.mobile-ad a {display: block; font-weight: normal; border: 0; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; font-size: 10px; text-decoration: none; background-color: #e3e3e3; color: #111; overflow: hidden; position: relative; padding: 3px 4px 4px 48px; white-space: nowrap; text-align: left;}
.mobile-ad a.image-ad {display: block; background-color: inherit; padding: 0; margin: 0 auto; border-radius: 0; -moz-border-radius: 0; -khtml-border-radius: 0;}
.mobile-ad a.image-ad img {border: 0;}
.mobile-ad a strong {font-size: 11px; white-space: nowrap; text-shadow: #fff 0 1px 0; margin-bottom: 1px;}
.mobile-ad a span.big-title {font-size: 14px; font-weight: bold; white-space: nowrap; text-shadow: #fff 0 1px 0; display: inline-block; padding: 6px 0 6px 4px;}
.mobile-ad a:hover, .mobile-ad a:active {color: #9a3d3d;}
.ad-distance-details {clear: both; float: right; font-weight: bold; font-size: 10px; padding: 3px 20px 10px 0; color: #bbb;}
.bottom-ad-under-list {margin-bottom: 0; margin-top: 30px;}
.ad-slot-top {margin-top: 0;}
.ad-slot-bottom {margin-bottom: 0;}
.right-bigarrow {float: right; height: 11px; width: 7px; margin: 11px 6px 0 0; background: url(../static/img/mobile/rt-bigarr.png) no-repeat 0 0;}
.mobile-ad-data {position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;filter:alpha(opacity=0);}

.image-placeholder, .ad-placeholder {width: 100%; height: 120px; background-color: #eee; border: 1px solid #ddd; text-align: center;}
.image-placeholder span, .ad-placeholder span {padding-top: 50px; display: inline-block; color: #ccc; text-transform: uppercase;}
.ad-placeholder {text-align: center; background-color: #ddd; height: 50px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.ad-placeholder span {color: #fff; padding-top: 20px;}
.ad-placeholder a {color: #740a0b; font-size: 12px; font-weight: bold;}

.ad-slot-nested-bigad {width: 300px; margin-left: 20px;}
.sponsor-tile-container {width: 270px; margin: 15px 0 0 35px;}
.page-block.sponsor-tile-container {width: 450px; margin: 0 auto 2.5em;}
.sponsor-tile-120x60 {width: 120px; float: left; margin: 0 0 15px 14px;}


/* STANDARD RESPONSIVE HANDLING */
@media screen and (max-width: 800px) {
    .responsive.with-sidebar #main {
        padding-right: 0;
    }
    .responsive #sidebar,
    .responsive.with-sidebar #content {
        display: block;
        width: 100%;
        max-width: 100%;
        float: none;
        margin-right: 0;
        padding-right: 0;
    }
    #page-top-leaderboard {
        display: none;
    }
    .responsive .row,
    .responsive .content-block,
    .responsive .sidebar-block {
        display: block;
        width: 100%;
        max-width: 100%;
        float: none;
        margin: 0;
    }
    .responsive .sidebar-block .ad-slot-nested-bigad {
        margin: 10px auto;
    }
}

/* just below iPad 1 resolution */
@media screen and (max-width: 760px) {
    .responsive [class^="gridsplit-"] {
        width: 100%;
        margin-right: 0;
        display: block;
    }
    .responsive .column-third,
    .responsive .column-twothirds {
        float: none;
        width: 100%;
        margin-right: 0;
        display: block;
    }
}

@media screen and (max-width: 640px) {
    .responsive .grid-teaser h2 {
        font-size: 18px;
    }
    .responsive .grid-teaser {
        width: 45%;
        margin: 0 2% 2em;
    }
}

@media screen and (max-width: 600px) {
    .truncated-text, .mobile-only {
        display: inherit;
    }
    .full-text {
        display: none;
    }
    .toggle-links-150 li, .toggle-links-120 li {
        display: block;
        float: none;
        margin-bottom: .5em;
    }
    .toggle-links-150 li a, .toggle-links-120 li a {
        border: 1px solid #cacaca;
        -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
    }

@media screen and (max-width: 480px) {
    .responsive .grid-teaser {
        width: auto;
        display: block;
        margin: 0 0 2em;
    }
    #login-links, .mobile-hide {
        display: none;
    }
    #navigation-menu-toggle {
        display: block;
    }
    h1, h2 {
        line-height: 1.2;
        margin-bottom: .33em;
    }
}

/* MISC */
@font-face {
    font-family: 'StateFaceRegular';
    src: url('../fonts/stateface/stateface-regular-webfont.eot');
    src: url('../fonts/stateface/stateface-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/stateface/stateface-regular-webfont.woff') format('woff'),
         url('../fonts/stateface/stateface-regular-webfont.ttf') format('truetype'),
         url('../fonts/stateface/stateface-regular-webfont.svg#StateFaceRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
i.stateface {font-family: 'StateFaceRegular'; font-style: normal;}

p [class^="icon-"].fixed-width, p [class*=" icon-"].fixed-width {width: 21px; text-align: center;}
p.leader [class^="icon-"], p.leader [class*=" icon-"] {width: 1em; display: inline-block; text-align: center;}

.icon-twitter {color: #00aced;}
.icon-facebook-sign {color: #3B5998;}
.icon-envelope-alt {color: #bbb;}

/* RETINA */
@media only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    /* high-res styles in here */
}

.mobile-only, .print-only {display: none;}
.mobile .mobile-only {display: inherit;}

@media print {
    .print-only {
        display: inherit;
    }
}

.top {margin-top: 0 !important;}
.bottom {margin-bottom: 0 !important;}
.centered {text-align: center;}
.normal {font-weight: normal;}
.small {font-size: 12px;}
.smallish {font-size: 13px;}
.medium {font-size: 14px;}
.full-width {width: 100%;}
.muted {color: #bbb;}
.muted a {text-decoration: none;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.pull-left {margin-left: -1em;}
.padded-left {padding-left: 1em;}
.nudge-left {margin-right: .5em;}
.left-space {margin-left: 1.5em;}
.left-space-small {margin-left: .25em;}
.padded-right {padding-right: 1em;}
.nudge-right {margin-left: .5em;}
.right-space {margin-right: 1.5em;}
.right-space-small {margin-right: .25em;}
.space-above {margin-top: 1.5em;}
.nudge-down {margin-top: .5em;}
.nudge-down-small {margin-top: .25em;}
.space-below {margin-bottom: 1.5em;}
.nudge-up {margin-bottom: .5em;}
.hide-text {text-indent: 100%; white-space: nowrap; overflow: hidden;}
.nowrap {white-space: nowrap;}
.hidden {display: none;}