@charset "UTF-8";

/*
Theme Name: gitmomemory
Theme URI: http://gitmomemory.org/
Description: Theme for gitmomemory.org and blog.gitmomemory.org
Author: Joe Kirchhof
Author URI: http://obscurae.com/
Version: 1.1.1
License: private
*/

html, body {height:100%; width:100%;}
.bgfade {min-height:100%; width:100%; position:relative; }
.variable .bgfade {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.8) 70%, rgba(0,0,0,1) 90%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(20%,rgba(0,0,0,0.1)), color-stop(70%,rgba(0,0,0,0.8)), color-stop(90%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.8) 70%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.8) 70%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.8) 70%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.8) 70%,rgba(0,0,0,1) 90%,rgba(0,0,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

* {padding:0; margin:0; border:0; font-family:'tradegothic18'; color: #5e5e5e;}
strong, th, h2, h3 {font-family:'tradegothic20bold'; font-weight:100;}

strong, em {color:inherit;}

#bgimg0 {position:fixed; min-width:100%; min-height:100%; top:-110px; left:50%; margin-left:-1392px;}
#content0 {position:relative; top:0; width: 852px; margin-left:-426px; left:50%; padding-bottom:160px; -webkit-transform: translateZ(0);}

h1#sitename a {color: #fff; font-size:20px; font-family:'utopiaweb',"Palatino Linotype", Palatino, "Times New Roman", Times, serif; text-transform:uppercase; font-weight:100; position:absolute; left:2px; top:6px; text-shadow: 0 2px 12px #000; letter-spacing:1px; white-space:nowrap}
h2, h3, h4 {color: #966400; font-size: 24px; margin: 20px 0 10px 0; font-weight: 100; line-height:1.15em;}
h3 {font-size:20px; margin-top: 14px; margin-bottom: 14px;}
h4 {font-size:18px; margin-top: 14px; margin-bottom: 8px;}
h2:first-child, h3:first-child, h4:first-child {margin-top:0;}
p, li, div, blockquote {color: #5e5e5e; font-size: 14px; letter-spacing:.5px;}
.slide li {margin:12px 16px 12px 32px; line-height: 1.5em;}
a, a *, .linkcolor  {text-decoration:none; color:#966400;}
h1 a {color:inherit}
a:hover {text-decoration: none;}
blockquote {margin:.8em 2em;}

.error-page {margin:70px 100px;}
.error-page p {color: #fff; color:rgba(255,255,255,.9);}

.custom-scroll-wrapper {overflow:hidden; position:relative; padding-top:3px;}
.custom-scroll-middle {overflow:scroll; height:100%; width:100%; padding:0 20px 25px 0;}
.custom-scroll-content {margin-bottom:15px;}
.custom-scroll-bar {position:absolute; right:5px; height:100%; width:1px; background:#5e5e5e;top:0;}
.custom-scroll-slider {position:absolute; left:-5px; width:11px; top:-3px;}
.custom-scroll-slider div {position:absolute; left:4px; width:3px; top:0; height:100%; background:#5e5e5e; cursor:pointer;}

.years1898, .period1 {background-color:#92b1e6}
.years1903, .period3 {background-color:#274479}
.years1959, .period4 {background-color:#17444f} /* was #010066 */
.years1991, .period2 {background-color:#4856dc}
.years2002, .period5 {background-color:#799e99}
.grey-c6 {color:#c6c6c6;}

.big, .big * {font-size:16px;}
.utopia {font-family: 'utopiaweb';}
.tradegothic {font-family: 'tradegothic18';}
.tradegothicbold {font-family: 'tradegothic20bold';}
.socialico {font-family: 'socialicoregular';}
.big, .utopia, .tradegothic, .tradegothicbold, .socialico {color:inherit;}

#searchcontact {margin:6px 0 0 0; right:1px; position:absolute}
#searchcontact a, #searchcontact form {display:block; float:right; color:#eee; color:rgba(255,255,255,.7);}
#searchcontact a {text-transform:uppercase; font-size:13px; padding:4px 3px;}
#searchcontact-fb {margin:2px 0px 2px 4px; padding:0; background:url('img/icon_facebook.png') no-repeat; width:18px; height:18px;}
#searchcontact-tw {margin:1px 1px 1px 0;   padding:0; background:url('img/icon_twitter.png')  no-repeat; width:18px; height:19px;}
#searchcontact input[type=text] {width:120px; color:#555555; font-size:13px; padding:3px 9px 1px 9px; height:17px; transition: width .3s linear; -webkit-transition: width .3s linear; -moz-transition: width .3s linear; -o-transition: width .3s linear; -ms-transition: width .3s linear; background:url('img/icon_search_arrow.png') right no-repeat rgba(255,255,255,.8); position:relative; right:0;}
#searchcontact:hover input[type=text], #searchcontact input[type=text]:focus {width:240px;}
#searchform div.fakesubmit {position:absolute; height:21px; width:23px; display:block; right:0; top:0; padding:0;cursor:pointer}


#search-keywords {left:30px; position:absolute; top:60px; line-height:1em;}
#search-keywords form {position:relative; display:inline-block; margin:0 24px 0 16px; }
#search-keywords input[type=text] {width:180px; color:#555555; font-size:13px; padding:3px 9px 1px 9px; height:17px; transition: width .3s linear; -webkit-transition: width .3s linear; -moz-transition: width .3s linear; -o-transition: width .3s linear; -ms-transition: width .3s linear; background:url('img/icon_search_arrow.png') right no-repeat rgba(255,255,255,.8); position:relative; right:0;}
#search-keywords:hover input[type=text], #search-keywords input[type=text]:focus {width:300px;}
#search-keywords div.fakesubmit {position:absolute; height:21px; width:23px; display:block; right:0; top:0; padding:0;cursor:pointer}


#menu {top:64px; height:27px; display:inline-block; margin: 0 -18px 0 0; padding:0 0 5px 0; position:absolute; width: 110%;}
#menu li {width:117.2px; height:23px; background-color:#000; border: 1px solid #4f3d16; border-bottom:none; -moz-border-radius-topright: 8px; border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px; padding-top:7px; margin: 0 3px 0 0; display: block; float:left; position:relative; font-size:14px; text-transform:uppercase; letter-spacing:.5px; text-align:center; list-style:none;}
#menu.hideinactive li {visibility:hidden;}
#menu li.active {border-bottom:0; padding-bottom:1px; background-image:url('img/diag99.png'); visibility:visible;}
#menu li a {display: block; overflow:hidden; width: 100%; height: 100%; text-decoration: none; color: #fff;}

#content1 {border: 1px solid #4f3d16; padding: 0; background-color: rgb(38,38,38); background-image:url('img/diag.png'); width: 850px; height: 538px; position: absolute; top:95px; -moz-box-shadow: 0 13px 34px rgba(0,0,0,.5); -webkit-box-shadow: 0 13px 34px rgba(0,0,0,.5); -o-box-shadow: 0 13px 34px rgba(0,0,0,.5); -icab-box-shadow: 0 13px 34px rgba(0,0,0,.5); -khtml-box-shadow: 0 13px 34px rgba(0,0,0,.5); box-shadow: 0 13px 34px rgba(0,0,0,.5); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; }
.variable #content1 {border-right:0; border-bottom:0; border-left:0;left:1px;}
#content1a {position:absolute; left:-1px; height:539px; width:852px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(38,38,38,0)), to(rgba(0,0,0,1))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(38,38,38,0), rgba(0,0,0,1)); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, rgba(38,38,38,0), rgba(0,0,0,1)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(38,38,38,0), rgba(0,0,0,1)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(38,38,38,0), rgba(0,0,0,1)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(38,38,38,0), rgba(0,0,0,1));}
#content1b {position:absolute; left:-1px; min-height:538px; width:100%; height:100%; padding:0 1px; overflow:hidden;}
.variable #content1, .variable #content1a, .variable #content1b  {height:auto; overflow:auto; position:relative;}
.variable #content1a, .variable #content1b {width:849px;}
.variable #content1b {background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(38,38,38,0)), to(rgba(0,0,0,1))); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, rgba(38,38,38,0), rgba(0,0,0,1)); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, rgba(38,38,38,0), rgba(0,0,0,1)); /* FF3.6 */ background-image: -ms-linear-gradient(top, rgba(38,38,38,0), rgba(0,0,0,1)); /* IE10 */ background-image: -o-linear-gradient(top, rgba(38,38,38,0), rgba(0,0,0,1)); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(38,38,38,0), rgba(0,0,0,1));}

#content-edge-left, #content-edge-right {display:block; position:absolute; height: 538px; width: 1px; top:95px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(79,61,22,1)), to(rgba(79,61,22,0))); background-image: -webkit-linear-gradient(top, rgba(79,61,22,1), rgba(79,61,22,0)); background-image: -moz-linear-gradient(top, rgba(79,61,22,1), rgba(79,61,22,0)); background-image: -ms-linear-gradient(top, rgba(79,61,22,1), rgba(79,61,22,0)); background-image: -o-linear-gradient(top, rgba(79,61,22,1), rgba(79,61,22,0)); background-image: linear-gradient(top, rgba(79,61,22,1), rgba(79,61,22,0));
}
#content-edge-left {left:0;}
#content-edge-right {right:0;}

#content-header {height:102px; position:absolute; width:850px;}
#content-header h1 {font-family:'tradegothic18'; font-size:30px; color:#c6c6c6; top:18px; left:30px; margin:0; position:absolute; text-transform:none; text-shadow:none; font-weight:100;}
#subscribe-link {color:#966400; position:absolute; top:30px; left:179px; font-size:12px; vertical-align:baseline; text-transform:uppercase;}
#subscribe-link .socialico {font-size:18px;}

#content-sidebar {position:relative; float:left; padding:18px 30px 20px 30px; width:221px; margin-top:80px;}
#content-sidebar h2 {font-family:'tradegothic18'; font-size:18px; color:#c6c6c6; text-transform:uppercase; border-top:1px solid #c6c6c6; border-top-color:rgba(112,112,112,.4); padding-top:29px; margin-top:26px; margin-bottom:10px; margin-left:-1px; padding-left:1px;}
#content-sidebar h2:first-child {border-top:0; padding-top:0; margin-top:0;}
#content-sidebar .category-name, #content-sidebar .archive-month li {list-style-type:none;}
#content-sidebar .archive-month li {list-style-type:none; margin-bottom:6px;}
#content-sidebar .category-desc {font-family:'tradegothic18'; font-size:14px; color:#777777; padding-left:10px; margin-bottom:10px; margin-top:1px; line-height:20px;}
#content-sidebar .tagcloud a {font-family:'tradegothic18'; color:#966400; display:inline-block;}

#content-post {position:relative; float:right; right:-1px;width:523px; padding: 4px 24px 30px 20px; -moz-border-radius: 10px; border-radius: 10px; -moz-border-radius-topleft: 0; border-top-left-radius: 0; background-color:#fff;}
#content-post h2 {margin: 20px 0 10px -1px;}

.archive-label {margin-top:29px; padding-bottom:4px;}
.post { border-top:1px solid #cccccc; padding:9px 2px 9px 1px; margin:26px 0 19px 0;}
.post:first-child, .archive-label+.post {border-top:0; padding-top:0; margin-top:0;}

.post-nav {position:absolute; right:24px; top:10px;}
.post-nav a[rel=prev] {padding-left:14px; background:url('img/icon_left_orange.png') no-repeat left;}
.post-nav a[rel=next] {padding-right:14px; background:url('img/icon_right_orange.png') no-repeat right;}

.post {clear:right;}
.post-category {margin:-1px 0 2px 0;}
.post-entry {overflow:hidden; margin-bottom:30px;}
.post-in-list .post-entry {margin-bottom:12px;}
.post-entry p, .comment p {font-size:14px; margin:11px 0; line-height:20px;}
#content-post .wp-post-image {float:right; margin: 13px 0 12px 12px; width:258px;}
.readmore {font-family:'tradegothic20bold'; text-transform:uppercase; font-size:10px; margin-top:-1px; display:block; padding-right:10px; background:url('img/icon_right_small_orange.png') no-repeat right; width:50px; }
.post-tags {margin-bottom:14px;}
.social {clear:right;}
.tw-wrapper, .fb-wrapper {display:inline-block; position:relative;}
.tw-wrapper {top:1px;}
.fb-wrapper {margin-left:-22px;}

#respond h3 {font-family:'tradegothic18'; font-size:18px; color:#5e5e5e; text-transform:uppercase; margin-top:22px; margin-bottom:8px;}

#commentform input[type=text], #commentform textarea {border: 1px solid #d1d1d1; padding:3px 4px 3px 4px; font-size:14px; width:397px; margin-bottom:3px;}
#commentform input[type=text] {height:15px;}
#commentform textarea {height:65px;}
#commentform input[type=submit] {color:#c6c6c6; background:#966400; text-transform:uppercase; padding:0 18px; -moz-border-radius: 5px; border-radius: 5px; font-size:14px; margin-top:4px; height:20px;vertical-align:top;}

.comment-tally {margin:38px 0 11px 0;}
.comment-author {font-style: italic;}
.comment-date {color:#966400; display:block;}
.comment {border-top:1px solid #9a9a9a; margin-top:15px; padding-top:3px;}
.comment:first-child {border-top:0; padding-top:0; margin-top:0;}

.alignleft {display: inline; float: left; clear:left; margin:2px 20px 10px 0;}
.alignright {display: inline; float: right; clear:right; margin:2px 0 10px 20px;}
.alignleft, .alignright {padding-top:14px;}
p .alignleft, p .alignright, h3+.alignleft, h3+.alignright {padding-top:0;}
.aligncenter {clear: both; display: block; margin:12px auto;}
.alignleft, .alignright, .aligncenter, .alignleft img, .alignright img, .aligncenter img {max-width:100%;}
.post-entry p.wp-caption-text {margin:0; position:relative; top:-2px; font-style: italic; font-size:12px; line-height:16px;}


#timeline {position:absolute; top:604px; width:100%; height:46px; background-color:#000; background-color:#000;}
.single-timeline #timeline, .post-type-archive-timeline #timeline {display:none;}
#timeline-dates {position:absolute; height:26px; width:100%; text-transform:uppercase;}
#timeline-dates a {position:absolute; top:7px; font-size:12px; color:#888;}
#dates0 {position:absolute; left: 18px;}
#dates1 {position:absolute; left:153px;}
#dates2 {position:absolute; left:449px;}
#dates3 {position:absolute; left:584px;}
#dates4 {position:absolute; left:762px;}
#timeline-bar {position:absolute; top:26px; width:100%; height:20px;}
#creative {position:absolute; top:664px; color:#e5e5e5; color:rgba(255,255,255,.7); font-size:12px;}
#creative a {color:#e5e5e5; color:rgba(255,255,255,.7);}
.variable #creative {position:relative; top:140px;}

h1#stories-header, h1#stories-header-nobg {font-family:'tradegothic18'; font-size:32px; color:#c6c6c6; width:820px; height:82px; padding:21px 15px 0 30px; line-height:34px; font-weight:100; }
h1#stories-header {background-color:#000; padding:18px 15px 3px 15px;}
.story-top-text {background-color:#000; width:810px; height:81px; padding:18px 25px 0 18px; position:absolute; top:0; left:0; color:#c6c6c6; font-size:20px; display:none; }

#stories-main-wrapper {line-height:0; position:absolute; top:103px; left:1px;}
.story-in-list {width:142px; height:81px; display:inline-block; position:relative; background-position:center; background-repeat:no-repeat;	}

.story-grid, .story-archive-link {position:absolute; width:142px; height:81px;}
.story-grid-0, .story-grid-1, .story-grid-2, .story-grid-3, .story-grid-4, .story-grid-5 {top:0;}
.story-grid-6, .story-grid-7, .story-grid-8, .story-grid-9 {top:81px;}
.story-grid-10, .story-grid-11, .story-grid-12, .story-grid-13 {top:162px;}
.story-archive-link, .story-grid-14, .story-grid-15, .story-grid-16 {top:243px;}
.story-grid-17, .story-grid-18, .story-grid-19, .story-grid-20, .story-grid-21, .story-grid-22 {top:324px} 
.story-grid-0, .story-grid-6, .story-grid-10, .story-archive-link, .story-grid-17 {left:0;}
.story-grid-1, .story-grid-7, .story-grid-11, .story-grid-14, .story-grid-18 {left:142px; width:141px;}
.story-grid-2, .story-grid-8, .story-grid-12, .story-grid-15, .story-grid-19 {left:283px;}
.story-grid-3, .story-grid-9, .story-grid-13, .story-grid-16, .story-grid-20 {left:425px;}
.story-grid-4, .story-grid-21 {left:567px; width:141px;}
.story-grid-5, .story-grid-22 {left:708px;}

.story-thumb-info, .story-thumb-fore {opacity:0;  -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out;}
.story-thumb-info-showing, .story-thumb-fore-showing {opacity:1;}
.story-detail {position:absolute; line-height:1.2em;  -moz-box-shadow: 0 5px 5px rgba(0,0,0,.7); -webkit-box-shadow:0 5px 5px rgba(0,0,0,.7); -o-box-shadow:0 5px 5px rgba(0,0,0,.7); -icab-box-shadow: 0 5px 5px rgba(0,0,0,.7); -khtml-box-shadow: 0 5px 5px rgba(0,0,0,.7); box-shadow: 0 5px 5px rgba(0,0,0,.7); width:118px; left:136px; top:-10px;}
.story-grid-17 .story-detail, .story-grid-18 .story-detail, .story-grid-19 .story-detail, .story-grid-20 .story-detail, .story-grid-21 .story-detail, .story-grid-22 .story-detail {top:auto; bottom:10px;} 
.story-grid-1 .story-detail, .story-grid-3 .story-detail, .story-grid-5 .story-detail, .story-grid-7 .story-detail, .story-grid-9 .story-detail, .story-grid-11 .story-detail, .story-grid-13 .story-detail, .story-grid-14 .story-detail, .story-grid-16 .story-detail, .story-grid-18 .story-detail, .story-grid-20 .story-detail, .story-grid-22 .story-detail {left:-124px;}
.story-detail-arrow { left:-7px; top:24px; position:absolute; content:''; height:14px; width:14px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-box-shadow:-5px 5px 5px rgba(0,0,0,.7); -webkit-box-shadow:-5px 5px 5px rgba(0,0,0,.7); -o-box-shadow:-5px 5px 5px rgba(0,0,0,.7); -icab-box-shadow:-5px 5px 5px rgba(0,0,0,.7); -khtml-box-shadow:-5px 5px 5px rgba(0,0,0,.7); box-shadow:-5px 5px 5px rgba(0,0,0,.7);}
.story-grid-1 .story-detail-arrow, .story-grid-3 .story-detail-arrow, .story-grid-5 .story-detail-arrow, .story-grid-7 .story-detail-arrow, .story-grid-9 .story-detail-arrow, .story-grid-11 .story-detail-arrow, .story-grid-13 .story-detail-arrow, .story-grid-14 .story-detail-arrow, .story-grid-16 .story-detail-arrow, .story-grid-18 .story-detail-arrow, .story-grid-20 .story-detail-arrow, .story-grid-22 .story-detail-arrow {left:123px}
.story-grid-17 .story-detail-arrow, .story-grid-18 .story-detail-arrow, .story-grid-19 .story-detail-arrow, .story-grid-20 .story-detail-arrow, .story-grid-21 .story-detail-arrow, .story-grid-22 .story-detail-arrow {top:auto; bottom:46px;} 
.story-detail-content {width:118px; position:relative; padding:6px; text-align:center; color:#fff;}
.story-detail-content .name {font-family: 'tradegothic20bold'; font-size:16px; margin-bottom:6px; padding-bottom:6px; width:100%; border-bottom:2px solid rgba(255,255,255,.3); display:block; line-height:20px; color:#fff;}
.story-detail-content .atgtmo {font-family: 'tradegothic18'; font-size:13px; display:block; color:#fff;}
.story-detail-content .atgtmo-dates {font-family: 'tradegothic20bold'; font-size:13px; display:block; color:#fff;}

div.story-archive-link, #stories-contact-area {position:absolute; background:#6d6249;}
div.story-archive-link {font-size:18px; color:#cdc8c0; color:rgba(255,255,255,.66); padding-top:14px; height:67px; text-align:center; line-height:24px;}
#stories-contact-area {width:276px; height:240px; line-height:1.1em; padding:3px 0 0 7px; left:567px; top:81px;}
#stories-contact-area form {width:272px;}
#stories-contact-area input {width:116px; height:13px; padding:5px 8px 3px 8px; margin:0 4px 4px 0;}
#stories-contact-area textarea {width:258px; height:84px; padding:5px 3px 3px 7px;}
#stories-contact-area input, #stories-contact-area textarea {font-size:11px; color:#555555;}
#stories-contact-area input[type=submit] {background-color:#4f3d16; margin-top:4px; float:right;  padding:0; height:20px; width:124px; color:#cbc5ba; color:rgba(255,255,255,.7); font-size:13px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow: 0 3px 4px rgba(0,0,0,.5); -webkit-box-shadow: 0 3px 4px rgba(0,0,0,.5); -o-box-shadow: 0 3px 4px rgba(0,0,0,.5); -icab-box-shadow: 0 3px 4px rgba(0,0,0,.5); -khtml-box-shadow: 0 3px 4px rgba(0,0,0,.5); box-shadow: 0 3px 4px rgba(0,0,0,.5);}
#stories-contact-area h2 {color:#c7c2b9; color:rgba(255,255,255,.7); font-size:24px; font-family:"tradegothic18"; margin:0; margin-left:1px; line-height:1em;}
#stories-contact-area .desc, .contact-thanks-text {color:#b6b1a4; color:rgba(255,255,255,.5); font-size:12px; margin:6px 2px 10px 1px;}
.contact-thanks-text {font-size:16px;}

/*  --  stories styles also used for site search, since they already existed  --  */
#stories-archive-page-links, #search-page-links {position:absolute; top: 60px; right:50px;}
#stories-archive-page-link, #stories-archive-page-links a, #search-page-links a {color:#c6c6c6; font-size:14px;}
#stories-archive-page-links .active-page, #search-page-links .active-page {color:#966400; font-size:14px;}
#story-archive-list {width:812px; height:376px; position:absolute; top:104px; left:31px;}
.story-archive-item {width:775px; margin-bottom:36px;position:relative;}
.story-archive-text {margin-left:14px; width:605px; display:inline-block; height:81px; vertical-align:top;}
.story-archive-text h2 {font-size:18px; margin:-2px 0 6px 0;}
.story-archive-text h2 a {font-family:'tradegothic20bold'}
.story-archive-text p {font-size:14px; color:#c6c6c6;}
.story-archive-text p.story-archive-item-desc {font-size:13px; color:#777;}
.story-archive-go-link {font-size:10px; font-family:'tradegothic20bold'; text-transform:uppercase; padding-right:12px; background:url('img/icon_right_small_orange.png') no-repeat right; display:block; position:absolute; bottom:4px; right:2px;}
.search-page-type {font-size:12px; color:#777;}



div.slide .storytext {position:relative; left:566px; background-color:#fff; background-color:rgba(255,255,255,.9);height:508px; width:218px; padding:90px 42px 22px 24px;}
div.slide .storytext p {font-size:18px; color:#444; line-height:1.4em;}
#story-label-wrapper {position:absolute; top:0; left:566px;}
#story-label {float:right; padding:8px 10px; min-height:18px; width:264px;}
#story-label h2 {font-size:16px; color:#fff; float:left; margin:0;}
#story-label h3 {font-size:13px; color:#fff; color:rgba(255,255,255,.8); float:right; margin: 3px 0 0 10px; opacity:.8;}
#story-label h3 span.atgtmo {font-family: 'tradegothic18'; color:#fff}
#story-audio-controls {float:right; width:264px; padding: 4px 10px; height:22px; background-color:#000; background-color:rgba(0,0,0,.6); -moz-border-radius-bottom-left: 10px; border-bottom-left-radius: 10px; color:#c6c6c6; color:rgba(198,198,198,.7);}
.audio-progress {width:100%; height:7px; position:relative; cursor:pointer;}
.audio-progress-line, .audio-progress-bar {background-color:#c6c6c6; background-color:rgba(198,198,198,.7); position:absolute; left:0;  cursor:pointer;}
.audio-progress-line {width:100%; height:1px; top:3px;}
.audio-progress-bar {width:1px; height:3px; top:2px;  -webkit-transition: width .15s linear; -moz-transition: width .15s linear; -o-transition: width .15s linear; -ms-transition: width .15s linear; transition: width .15s linear;}
.play-button, .pause-button, .skip-start-button, .skip-end-button, .volume-up-button, .volume-down-button {float:left; margin:3px 3px 0 0; height:10px; width:12px;  cursor:pointer; background-repeat:no-repeat;}
.skip-start-button, .skip-end-button {width:14px;}
.volume-up-button, .volume-down-button {float:right; margin-top:1px;}
.play-button {margin-left:0; background-image:url('img/icon_play.png');}
.pause-button {background-image:url('img/icon_pause.png');}
.skip-start-button {background-image:url('img/icon_skip_start.png');}
.skip-end-button {background-image:url('img/icon_skip_end.png');}
.volume-down-button {background-image:url('img/icon_volume_down.png');}
.volume-up-button {margin-right:0; background-image:url('img/icon_volume_up.png');}


#prevbutton, #nextbutton {opacity:.3; height:160px; margin-top:170px; width:36px; position:absolute; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out;}
#nextbutton {opacity:.5;}
#content1:hover #prevbutton, #content1:hover #nextbutton {opacity:.65;}
#content1 #prevbutton:hover, #content1 #nextbutton:hover {opacity:1;}
#prevbutton {background: url('img/tab-left.png')  left  no-repeat;}
#nextbutton {background: url('img/tab-right.png') right no-repeat; margin-left:814px;}
#prevbutton.transparent, #content1:hover #prevbutton.transparent, #content1 #prevbutton:hover.transparent {opacity:0;}

#story-content {position:absolute; bottom:20px; left:-1px; height:1px; width:1px; overflow:hidden;}

.imgcredit {display:none;}
.showing .imgcredit {display:block;}
.imgcredit-button, .imgcredit-credit, .story-transcript {padding: 3px 12px; color:#fff; color:rgba(255,255,255,.7); font-size:12px; background-color: #000; position:relative; top:0; height:15px;  display:inline;}
.imgcredit, .story-transcript {position:absolute; top:486px;}
.imgcredit-button, .imgcredit-credit {-moz-border-radius-topright: 10px; border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px;}
.story-transcript {-moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; width:122px; right:-10px; background-color:rgba(0,0,0,.6); color:#c6c6c6; color:rgba(255,255,255,.7); font-size:12px;}
.story-transcript a, .story-transcript a:hover {color:#c6c6c6; color:rgba(255,255,255,.7); font-size:12px; text-decoration:none; display:inline-block; padding-right:17px;  background:url('img/icon_right_light.png') no-repeat right;}
.imgcredit-button {background-color:rgba(0,0,0,.6); left:0; opacity:1; width:70px;}
.imgcredit-credit {background-color:rgba(0,0,0,.7); left:-800px; opacity:0; padding-right:22px; -webkit-transition: opacity .2s ease-in-out, left .3s linear; -moz-transition: opacity .2s ease-in-out, left .3s linear; -o-transition: opacity .2s ease-in-out, left .3s linear; -ms-transition: opacity .2s ease-in-out, left .3s linear; transition: opacity .2s ease-in-out, left .3s linear;}
.imgcredit:hover .imgcredit-button {opacity:0; -webkit-transition: opacity .2s ease-in-out, left .3s linear; -moz-transition: opacity .2s ease-in-out, left .3s linear; -o-transition: opacity .2s ease-in-out, left .3s linear; -ms-transition: opacity .2s ease-in-out, left .3s linear; transition: opacity .2s ease-in-out, left .3s linear;}
.imgcredit:hover .imgcredit-credit {opacity:1; left:-85px;}

#story-video {background:url(img/loading_dark_bg.gif) center no-repeat;}
#story-video, #transcript-to-come { -webkit-transition: opacity 2.5s ease-in-out; -moz-transition: opacity 2.5s ease-in-out; -o-transition: opacity 2.5s ease-in-out; -ms-transition: opacity 2.5s ease-in-out; transition: opacity 2.5s ease-in-out;}
#story-video.hide, #transcript-to-come.hide { opacity:0;}

#stories-afterward {background-color: rgba(0,0,0,.85); background-image:url('img/diag.png'); }
#stories-afterward-back {position:absolute; right:12px; top:16px; padding-left:14px; background:url('img/icon_left_light.png') no-repeat left; display:block; color:#c6c6c6; color:rgba(255,255,255,.7);}
#stories-afterward h2 {font-family:'tradegothic18'; font-size:32px; color:#c6c6c6; color:rgba(255,255,255,.7); text-align:center; position:absolute; width:100%; top:95px; margin:0;}
#stories-afterward-features {position:absolute; top:183px; right:150px;}
#stories-afterward-features a {float:right; margin-left:15px;  position:relative; top:0; text-align:center;}
#stories-afterward-features a:hover {text-decoration:none;}
.stories-afterward-thumb {display:block; width:175px; height:105px;}
.stories-afterward-name {font-family:'tradegothic20bold'; font-size:16px; color:#fff; margin-top:18px; padding-bottom:6px; border-bottom: #989898 1px solid; border-bottom-color: rgba(98,98,98,.5); text-align:center;}
.stories-afterward-status {background: #989898; color:#000; width:auto; margin:4px auto; font-size:13px; display:inline-block; padding:2px 4px 1px 4px; line-height:13px;}
.stories-afterward-dates {color: #989898; font-size:13px; font-family:'tradegothic20bold'}

#content-stories, #content3 {position:relative; height:539px; width:850px; overflow:hidden;}
#content-stories .slide, #stories-afterward, .hidden {visibility:hidden; opacity:0; left:0; top:0; position:absolute; width:0; height:539px;
-moz-transition:    visibility 0s ease-in-out 0.5s,width 0s ease-in-out 0.5s,height 0s ease-in-out 0.5s,opacity 0.5s ease-in-out;
-webkit-transition: visibility 0s ease-in-out 0.5s,width 0s ease-in-out 0.5s,height 0s ease-in-out 0.5s,opacity 0.5s ease-in-out;
-o-transition:      visibility 0s ease-in-out 0.5s,width 0s ease-in-out 0.5s,height 0s ease-in-out 0.5s,opacity 0.5s ease-in-out;
-ms-transition:     visibility 0s ease-in-out 0.5s,width 0s ease-in-out 0.5s,height 0s ease-in-out 0.5s,opacity 0.5s ease-in-out;
transition:         visibility 0s ease-in-out 0.5s,width 0s ease-in-out 0.5s,height 0s ease-in-out 0.5s,opacity 0.5s ease-in-out;
}
#content-stories .slide img {min-height:539px; min-width:850px; position:absolute;}
#content3 .slide {height:539px; width:850px; position:absolute;  background-color:rgba(0,0,0,.75);}
#content3 .slide .container {height:539px; width:850px; position:absolute; text-align:center;}
#content3 .slide .container img, #content3 .slide .container video {height:539px;}

#content-stories .showing {width:850px; visibility:visible; opacity:1; -moz-transition-delay:0s;-webkit-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s;}

#content-stories .story-audio-only {text-align:center; text-transform:uppercase; color:#7a6a50; font-size:18px; font-family:'tradegothic20bold'; letter-spacing:1px;}
#content-stories .story-audio-only img {margin:170px 0 20px 0; min-height:0; min-width:0; position:static;}

#about-sections {padding:9px 10px 6px 10px; position:absolute; top:0; right:10px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px; background:url('img/diag50.png');}
#about-events-back {display:block; padding-left:16px; top:60px; left:31px; position:absolute; background:url('img/icon_left_orange.png') no-repeat left;}
#about-sections span, #about-sections a {text-transform:uppercase; display:inline-block; padding:0 8px; color:#c6c6c6;}
#about-sections span, #about-sections a.about-event-link {color:#966400;}
#about-content, #resources-content {height:380px; width:806px; top:97px;left:30px; position:relative; line-height:1.4em;}
#about-content h2, #resources-content h2 {font-size:30px; font-family:'tradegothic18';}
#about-content h3, #resources-content h3 {font-size:18px; color:#c6c6c6; margin-top:18px;}
#about-content h2+h3, #resources-content h2+h3 {margin-top:-10px;}
#about-content h3+p {margin-top:-12px;}
#about-content h3 a, #resources-content h3 a {display:inline-block; padding-right:20px; background:url('img/icon_right_large_orange.png') no-repeat right;}
#about-content h2:first-child, #resources-content h2:first-child, #about-content h3:first-child , #resources-content h3:first-child {margin-top:0;}
#about-content p, #resources-content p, #about-content div, #resources-content div, #about-content li , #resources-content li {color:#c6c6c6;}
#about-content p, #resources-content p, #about-content li {margin:12px 0;}
#about-content li {list-style:inside;}
#resources-content li {list-style:disc outside; margin-left:32px;}
#about-content li:first-line {padding-left:24px;}
#about-content strong {font-size:18px; font-family:'tradegothic20bold';}
#about-content .feature, #participate-content .feature {width:330px; padding:10px 12px 1px 12px; background-color:rgba(255,255,255,.15); -moz-border-radius: 10px; border-radius:10px; border:1px solid #322100; border-color:rgba(150,100,0,.3);}
#about-content .feature p, #about-content .feature h3, #participate-content .feature p, #participate-content .feature h3 {margin:0 0 10px 0;}
#about-content .feature h3, #participate-content .feature h2 {font-family:'tradegothic20bold'; font-size:21px; text-transform:uppercase;}
#participate-content .feature h2 a {color:#c6c6c6; padding-right:14px; background:url('img/icon_right_light.png') no-repeat right;}
#participate-content .feature h2 {margin-top:10px;}
#participate-content .feature h3 {font-family:'tradegothic18'; font-size:16px; text-transform:uppercase; color:#c6c6c6;}
#leftcol, #rightcol {position:absolute; height:100%; width:380px; bottom:0;}
.about-event #leftcol, .about-event #rightcol {height:296px;}
#leftcol {left:0;}
#rightcol {right:0;}
.fb_iframe_widget {top:-5px;}

#about-content.about-partners-staff #leftcol  {width:250px;}
#about-content.about-partners-staff #rightcol {width:524px;}
#resources-content #leftcol  {width:220px;}
#resources-content #rightcol {width:554px;}
#about-content.about-partners-staff #leftcol p, #resources-content #leftcol p {color:#966400; text-transform:uppercase; margin-bottom:15px;}
#about-content.about-partners-staff #leftcol p a, #resources-content #leftcol p a {color:#c6c6c6; display:inline-block;}
#about-content.about-partners-staff #leftcol .about-staff-title {color:inherit; text-transform:none;}
#about-content.about-partners-staff h3 a {display:inline; padding:0; background:none;}
#about-content.about-partners-staff #rightcol .partners-list h3, #about-content.about-partners-staff #rightcol .partners-list p {width:370px; position:relative; left:140px;}
#about-content.about-partners-staff #rightcol .partners-list h3 {clear:left;}
#about-content.about-partners-staff #rightcol .partners-list h3+h3 {margin-top:56px;}
#about-content.about-partners-staff #rightcol .partners-list img {max-width:110px; float:left; position:absolute; left:-140px;}

#page-default-wrapper {height:380px; width:806px; top:97px;left:30px; position:relative; line-height:1.4em;}
#page-default-wrapper p, #page-default-wrapper li, #page-default-wrapper div, #page-default-wrapper blockquote {color:#c6c6c6;}

#contact-content {height:380px; width:400px; top:97px;left:315px; position:relative; line-height:1.4em;}
#contact-content p {color:#fff; margin-top:12px;}

#participate-content, #participate-question {height:400px; width:816px; top:97px;left:30px; position:relative; line-height:1.4em;}
#participate-content h2 {font-size:18px; color:#c6c6c6; margin-top:18px;}
#participate-content h2:first-child {margin-top:2px;}

#participate-content p, #participate-content div, #participate-content li {color:#c6c6c6;}
#participate-question p, #participate-question div {color:#5e5e5e;}
#participate-content p, #participate-content li {margin:12px 0;}
#participate-content li {list-style:inside;}
#participate-content li:first-line {text-indent:48px;}


#participate-back, #participate-prev-next {position:absolute; top:62px;}
#participate-back {left:30px;}
#participate-prev-next {right:40px;}
#participate-back, #participate-prev {padding-left:14px; background:url('img/icon_left_orange.png') no-repeat left;}
#participate-next {padding-right:14px; background:url('img/icon_right_orange.png') no-repeat right;}
#participate-next, #participate-prev {font-family:'tradegothic20bold'; font-size:18px;}

#participate-question-text {width:358px; padding:15px; background-color:#c6c6c6; border-bottom:1px solid #fff; position:relative; -moz-border-radius-top-right:15px; border-top-right-radius:15px; -moz-border-radius-top-left:15px; border-top-left-radius:15px; font-size:18px; height:57px;}

#participate-question-box, #participate-comment-box {float:left; width:388px; height:190px; border-radius:15px; position:relative;}
#participate-question #participate-timeline {padding: 1px 15px; color:#fff; color: rgba(255,255,255,.8); display:block; width:358px; font-size:12px;}
#participate-timeline .bold {font-family:'tradegothic20bold';  color:#fff; color: rgba(255,255,255,.8);}
#participate-yes-no, #response-yes-no {height:55px; width:358px; padding:15px 15px 10px 15px; background:#fff;  -moz-border-radius-bottom-right:15px; border-bottom-right-radius:15px; -moz-border-radius-bottom-left:15px; border-bottom-left-radius:15px; position:relative;}
#participate-yes-no fieldset {margin:10px 0 0 100px;}
#response-yes-no {position:absolute;top:-1px; left:0;}
#participate-yes-no form div {position:relative; width:20px; height:20px; display:inline; top:-3px;}
#participate-yes-no input[type=radio] {position:absolute; opacity:0; width:20px; height:20px;}
.fake-vote {position:absolute; height:20px; width:20px; background:url(img/vote_off.png) center no-repeat;}
.vote-on {background-image:url(img/vote_on.png);}
#participate-yes-no label {font-size:21px; text-transform:uppercase; padding:0 20px 0 30px;}

#participate-question input[type=submit] {background-color:#966400; padding:0; height:22px; width:124px; color:#c6c6c6; font-size:14px; position:absolute; right:12px; bottom:6px; -moz-border-radius:7px; border-radius:7px; text-transform:uppercase; letter-spacing:1px;}
.period-white {background:#fff;}

#participate-comment-box {margin-left:10px; background-color:#c6c6c6; width:368px; height:180px; padding:10px 10px 0 10px;}
#participate-comment-box h2 {font-family:'tradegothic18'; color:#5e5e5e; font-size:21px; text-transform:uppercase; margin:0 0 4px 0;}
#participate-comment-box textarea, #participate-comment-box input[type=text] {background-color:#eee; margin:0 2px 2px 0; padding:2px 4px; font-size:14px; color:#5e5e5e; border:0;}
#participate-comment-box textarea {width:358px; height:64px; margin-bottom:1px;}
#participate-comment-box input[type=text] {height:18px;}

#participate-question .vote-bar {border-radius:8px; -moz-border-radius:8px; overflow:hidden; width:362px; height:32px; white-space:nowrap; position:absolute; bottom:8px;}
#participate-question .vote-yes, #participate-question .vote-no {display:inline-block; height:26px; padding-top:6px; float:left; position:absolute; }
#participate-question .vote-yes {background-color:#966400; border-top-left-radius:8px; border-bottom-left-radius:8px;}
#participate-question .vote-no {background-color:#4f3d16; margin-left:1px;  border-top-right-radius:8px; border-bottom-right-radius:8px;}	
#participate-question #vote-yes-percent, #participate-question #vote-no-percent {color:#c6c6c6; text-transform:uppercase; position:absolute; z-index:5; width:100%; text-align:center;}
#participate-question #vote-yes-percent {left:0;}
#participate-question #vote-no-percent {right:0;}

#participate-question #participate-comments {padding-bottom:50px; overflow:hidden; clear:left;}
#participate-question #particpate-comments-total-sort {font-size:12px; text-transform:uppercase; color:#fff; margin-top:12px;}
#participate-question .no-transform {text-transform:none; color:#fff;}
#participate-question .sort-option {color:#fff;}
#participate-question .selected {color:#966400;}
#participate-question .comment-column {width:250px;float:left;}
#participate-question .comment-wrapper {position:relative; margin-bottom:15px;}
#participate-question .comment-data {position:relative; width:100%; background:#c6c6c6; height:50px; -moz-border-radius-top-left:10px; border-top-left-radius:10px;-moz-border-radius-top-right:10px; border-top-right-radius:10px;}
#participate-question .comment-date {color:#5e5e5e; font-size:12px; position:absolute; right:15px; top:12px;}
#participate-question .comment-name {color:#5e5e5e; font-size:14px; font-family:'tradegothic20bold'; position:absolute; left:15px; top:10px;}
#participate-question .comment-loc {color:#5e5e5e; font-size:12px; position:absolute; left:15px; top:28px;}
#participate-question .comment-content {position:relative; width:220px; padding:10px 15px 40px 15px; height:75px; background:#c6c6c6; -moz-border-radius-bottom-left:10px; border-bottom-left-radius:10px;-moz-border-radius-bottom-right:10px; border-bottom-right-radius:10px; background-color:#fff;}
#participate-question .comment-expanded .comment-content {height:155px;}
#participate-question .comment-vote {font-family:'tradegothic20bold'; font-size:18px; text-transform:uppercase;}
#participate-question .comment-text {position:relative; display:block;}
#participate-question .comment-text-full {position:relative; display:none;}
#participate-question .comment-read-more {float:right; margin-top:2px; display:block; font-family:'tradegothic20bold'; font-size:10px; text-transform:uppercase; padding-right:10px; background:url('img/icon_right_small_orange.png') no-repeat right;}
#participate-question .comment-read-less {position:absolute; right:5px; bottom:-2px; display:none; font-family:'tradegothic20bold'; font-size:10px; text-transform:uppercase; padding-left:10px; background:url('img/icon_left_small_orange.png') no-repeat left;}
#participate-question .comment-social {position:absolute; bottom:2px; left:10px;}
/*#participate-question .comment-social iframe {margin-top:-3px;}*/
#participate-question .comment-expanded .comment-read-more {display:none;}
#participate-question .comment-expanded .comment-read-less {display:block;}
#participate-question .comment-expanded .comment-text {display:none;}
#participate-question .comment-expanded .comment-text-full {display:block;}



#map-map {width:100%; height:100% }
.gmnoprint img {opacity:.5} /* style Google Maps zoom & pan controls */

#map-map div, #map-map span {font-family:'tradegothic18'; display:inline-block;}
#map-map .info-overlay-inside div {display:block;}

#map-toggles {position:absolute; top:0; left:1px; background-color:#966400; background-color:rgba(150,100,0,.5);  -moz-border-radius-top-right:10px; border-top-right-radius:10px; overflow:hidden; min-width:130px; min-height:21px; visibility:hidden;}
#map-toggles.map-toggles-transitions {-moz-transition: height .3s ease-in-out, width .3s ease-in-out; -webkit-transition: height .3s ease-in-out, width .3s ease-in-out; -o-transition: height .3s ease-in-out, width .3s ease-in-out; -ms-transition: height .3s ease-in-out, width .3s ease-in-out; transition: height .3s ease-in-out, width .3s ease-in-out; visibility:visible;}
#map-toggles.collapsed { -moz-border-radius-bottom-right:10px; border-bottom-right-radius:10px;  height:20px; width:140px;}
#map-toggles div {width:100%; display:block; margin-top:1px;}
#map-toggles div a {padding: 1px 12px 1px 26px; color:#fff; color: rgba(255,255,255,.8); display:block; background-image:url(img/icon_click_dot_off.png); background-repeat:no-repeat; background-position:left; white-space: nowrap;}
#map-toggles div a.markerShowing {background-image:url(img/icon_click_dot_on.png)}
#map-toggles-label {text-align:right; text-transform:uppercase; padding:3px 30px 1px 0; display:block; color:#fff; color: rgba(255,255,255,.8); display:block; margin-right:16px; background:url(img/icon_close_x.png) no-repeat right;  height:17px; white-space:nowrap;}
#map-toggles .bold {font-family:'tradegothic20bold';  color:#fff; color: rgba(255,255,255,.8);}
.collapsed #map-toggles-label {background-image:url(img/icon_arrow_down.png)} 

#map-toggles a.map-toggle-link {font-size:12px; letter-spacing:0;}

.label-wrapper {position:relative;}
.label {position:relative; display:inline-block; min-width:86px; height:45px; margin-left:-50%;}
.label-bg-left {position:absolute; left:0; top:0; width:12px; background:no-repeat left; height:100%;}
.label-bg-right {position:absolute; right:0; top:0; width:20px; background:no-repeat right; height:100%; }
.label-bg-middle {position:absolute; left:50%; margin-left:-31px; top:0; width:54px; background:no-repeat center; height:100%;}

.label-bg-ext {position:relative; height:100%; width:100%;}
.label .label-inside .label-inner-left, .label .label-inside .label-inner-right {position:absolute; top:0; width:50%; height:100%; background:repeat-x;}
.label .label-inside .label-inner-left {right:50%; margin-right:27px;}
.label .label-inside .label-inner-right {left:50%; margin-left:27px;}
#map-map .label .label-inside {position:relative; top:0; left:0; margin:0 20px 0 12px; height:37px; overflow:hidden; display:block;}
.label .label-text, .label-static .label-text {position:relative; text-align:center; text-align:-moz-center; text-align:-webkit-center; white-space: nowrap; color:#fff; font-size:12px; text-transform:uppercase; }
.label .label-text {top:-34px; min-width:54px; line-height:1em;}

.label-period1 .label-bg-left {background-image:url(img/maplabels/left_edge_period1.png);}
.label-period1 .label-bg-right {background-image:url(img/maplabels/right_edge_period1.png);}
.label-period1 .label-bg-middle {background-image:url(img/maplabels/middle_period1.png);}
.label-period1 .label .label-inside .label-inner-left, .label-period1 .label .label-inside .label-inner-right {background-image:url(img/maplabels/extension_period1.png);}
.label-period2 .label-bg-left {background-image:url(img/maplabels/left_edge_period2.png);}
.label-period2 .label-bg-right {background-image:url(img/maplabels/right_edge_period2.png);}
.label-period2 .label-bg-middle {background-image:url(img/maplabels/middle_period2.png);}
.label-period2 .label .label-inside .label-inner-left, .label-period2 .label .label-inside .label-inner-right {background-image:url(img/maplabels/extension_period2.png);}
.label-period3 .label-bg-left {background-image:url(img/maplabels/left_edge_period3.png);}
.label-period3 .label-bg-right {background-image:url(img/maplabels/right_edge_period3.png);}
.label-period3 .label-bg-middle {background-image:url(img/maplabels/middle_period3.png);}
.label-period3 .label .label-inside .label-inner-left, .label-period3 .label .label-inside .label-inner-right {background-image:url(img/maplabels/extension_period3.png);}
.label-period4 .label-bg-left {background-image:url(img/maplabels/left_edge_period4.png);}
.label-period4 .label-bg-right {background-image:url(img/maplabels/right_edge_period4.png);}
.label-period4 .label-bg-middle {background-image:url(img/maplabels/middle_period4.png);}
.label-period4 .label .label-inside .label-inner-left, .label-period4 .label .label-inside .label-inner-right {background-image:url(img/maplabels/extension_period4.png);}
.label-period5 .label-bg-left {background-image:url(img/maplabels/left_edge_period5.png);}
.label-period5 .label-bg-right {background-image:url(img/maplabels/right_edge_period5.png);}
.label-period5 .label-bg-middle {background-image:url(img/maplabels/middle_period5.png);}
.label-period5 .label .label-inside .label-inner-left, .label-period5 .label .label-inside .label-inner-right {background-image:url(img/maplabels/extension_period5.png);}

#map-map .label-static {position:absolute; background:url('img/maplabels/static_overlay_label.png') no-repeat; width:131px; height:36px;}
#map-map .label-static .label-text {padding:8px 8px 8px 4px; display:block;}
.label-static .label-static-offscreen-link-up {margin-left:8px; padding-left:8px; background:url('img/maplabels/static-overlay-arrow-up.png') left no-repeat;}
.label-static .label-static-offscreen-link-down {margin-left:12px; padding-left:10px; background:url('img/maplabels/static-overlay-arrow-down.png') left no-repeat;}

.info-overlay, .info-overlay-narrow {height:367px; background:no-repeat; position:absolute; left:-20px; top:-419px; padding:12px; padding-bottom:40px; overflow:hidden;}
.info-overlay {width:408px; background-image:url(img/maplabels/info_overlay.png);}
.info-overlay-narrow {width:246px; background-image:url(img/maplabels/info_overlay_narrow.png);}
.info-overlay-close {font-family:'tradegothic20bold'; font-size:10px; position:absolute; right:12px; top:8px; text-transform:uppercase;}
.info-overlay-inside {position:relative; width:408px; height:367px;}
.info-overlay-narrow .info-overlay-inside {width:246px;}
.info-overlay-inside h2 {font-family:'tradegothic18'; font-size:18px; color:#444; margin-top:4px; margin-bottom:8px;}
p.info-overlay-related-link {margin:0; line-height:1em;}
.info-overlay-related-link a {display:inline-block; font-family:'tradegothic20bold'; font-size:10px; text-transform:uppercase; padding-right:10px; background:url('img/icon_right_small_orange.png') no-repeat right;}
.info-overlay-picture {position:relative; overflow:hidden;}
.info-overlay-picture img {width:100%; margin-top:10px; position:relative;}
.info-overlay-picture-capcredit {position:absolute; left:0; bottom:4px; width:100%;}
.info-overlay-close-div {position:absolute; bottom:0; width:100%; height:32px; left:32px;}
.info-overlay-inside .imgcredit {display:block; position:relative; top:0;}
.info-overlay-picture-capcredit .imgcredit-button, .info-overlay-picture-capcredit .imgcredit-credit {height:15px; font-size:12px; letter-spacing:0; padding:2px 6px;}
.info-overlay-picture-capcredit .imgcredit-button {width:50px;}
.info-overlay-picture-capcredit .imgcredit-credit {left:-300px; white-space: nowrap; position:absolute; }
.info-overlay-picture-capcredit .imgcredit:hover .imgcredit-credit {left:0; white-space: nowrap; }
.info-overlay-picture-capcredit .info-overlay-caption {position:relative; width:100%; background-color:#aaa; background-color:rgba(0,0,0,.4);}
.info-overlay-picture-capcredit .info-overlay-caption p {margin:2px 6px 0 6px; color:#fff; font-size:12px; letter-spacing:0;}
.info-overlay-loading {position:absolute; top:75px; left:90px;}
#info-text {height:330px; margin-top:10px;}
.audio-controls-standard {float:none; padding:4px 0 0 0; width:100%; background-color:transparent; -moz-border-radius-bottom-left: 0; border-bottom-left-radius: 0; color:#444; height:20px;}
.single-timeline .audio-controls-standard {height:25px;}
.audio-controls-standard .audio-progress-line, .audio-controls-standard .audio-progress-bar {background-color:#7c7c7c;}
.audio-controls-standard .play-button {background-image:url('img/icon_play_grey.png'); opacity:.7;}
.audio-controls-standard .pause-button {background-image:url('img/icon_pause_grey.png'); opacity:.7;}
.audio-controls-standard .skip-start-button {background-image:url('img/icon_skip_start_grey.png'); opacity:.7;}
.audio-controls-standard .skip-end-button {background-image:url('img/icon_skip_end_grey.png'); opacity:.7;}
.audio-controls-standard .volume-down-button {background-image:url('img/icon_volume_down_grey.png'); opacity:.7;}
.audio-controls-standard .volume-up-button {background-image:url('img/icon_volume_up_grey.png'); opacity:.7;}



.single-timeline #content1b, .post-type-archive-timeline #content1b {height:554px;}

.timeline-section-wrapper, .timeline-node-wrapper {width:850px; height:508px; position:absolute; top:0; left:1px; transition: left .6s linear, top .6s linear; -webkit-transition: left .6s linear, top .6s linear; -moz-transition: left .6s linear, top .6s linear; -o-transition: left .6s linear, top .6s linear; -ms-transition: left .6s linear, top .6s linear; background-color:#000; background-color:rgba(0,0,0,.85);}
.timeline-node-wrapper {left:0;}
.timeline-section-right {left:852px;}
.timeline-section-left {left:-852px;}
.timeline-node-below {top:508px;}

/*#content-stories .slide img {min-height:539px; min-width:850px; position:absolute;}*/

.timeline-background {min-height:508px; min-width:850px; position:absolute; top:0; left:0;}

.timeline-left-elements {height:100%; position:absolute; top:0; left:0;  transition: left .3s linear; -webkit-transition: left .3s linear; -moz-transition: left .3s linear; -o-transition: left .3s linear; -ms-transition: left .3s linear;}
.timeline-left-hide {position:absolute; top:6px; right:8px; text-transform:uppercase; font-size:10px; font-family:'tradegothic20bold'; display:block; background:url('img/icon_left_small_orange.png') no-repeat left; padding-left:12px;}
.timeline-left-show {margin-top: 4px; padding: 4px 12px 2px 28px; text-transform:uppercase; font-size:10px; font-family:'tradegothic20bold'; display:none;  white-space:nowrap; background-color: #fff; background-color:rgba(255,255,255,.6); height:15px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px;}
.timeline-left-hidden .timeline-left-show {display:inline-block;}
.timeline-left-hidden {left:-286px;}
.timeline-left-content-column {height:100%; width:284px; background-color:#fff; background-color:rgba(255,255,255,.9);}
.timeline-left-elements-content {width:227px; height:415px; position:absolute; top:24px; left:50px;}
.timeline-node-wrapper .timeline-left-elements-content {height:435px;}
.timeline-left-elements-content h2 {font-family:'tradegothic18'; letter-spacing:0; color:#444; font-size:30px;}
.timeline-left-elements-content h3 {font-family:'tradegothic18'; letter-spacing:0; color:#444; font-size:18px;}
.timeline-left-elements-content p {color:#444; margin-bottom:10px;}
.timeline-our-pov h3, .timeline-shape-debate h3 {color:#966400; font-family:'tradegothic18'; font-size:14px; text-transform:uppercase; margin:14px 0 2px 0;}
.timeline-shape-debate p {color:#444; font-family:'tradegothic20bold'; font-size:14px;}
.timeline-shape-debate a {display:block; margin:-4px 0 24px 0;}
.timeline-our-pov p {color:#966400; font-family:'tradegothic18'; font-size:14px; margin:0;}

.timeline-left-content-bottom {position:absolute; bottom:0; left:0;}
.timeline-pov-debate-links {background:url('img/silhouette.png') left bottom no-repeat; width: 220px; height:42px; padding:0 0 0 58px; line-height:11px; display:table-cell; vertical-align:middle;}
.timeline-pov-debate-links a {font-family:'tradegothic20bold'; text-transform:uppercase; font-size:10px; float:left; clear:left;}
.timeline-background-caption {background-color:#939393; background-color:rgba(147,147,147,.4); color:#fff; font-size:12px; letter-spacing:0; width:252px; padding:4px 16px; margin: 1px 0; white-space: nowrap }

.timeline-node-wrapper .timeline-background-caption {white-space:normal;}

.timeline-left-control-wrapper-top {position:absolute; top:0; left:284px; height:408px; overflow:hidden;}
.timeline-left-control-wrapper-bottom {position:absolute; top:408px; left:284px; height:100px; overflow:hidden; width:850px;}

.timeline-left-control-wrapper-bottom .imgcredit {display:block; top:78px;}
.imgcredit-button, .imgcredit-credit {padding: 4px 12px;}

.timeline-sections, .timeline-node-close {top:0; background-color:#966400; background-color:rgba(150,100,0,.5); overflow:hidden;}
.timeline-sections {position:relative; left:0; -moz-border-radius-top-right:10px; border-top-right-radius:10px;   min-width:100px;}
.timeline-node-close {position:absolute; right:0; -moz-border-radius-bottom-left:10px; border-bottom-left-radius:10px; height:22px; width:70px; padding-left:20px;} 
.timeline-sections-transitions {-moz-transition: height .3s ease-in-out, width .3s ease-in-out; -webkit-transition: height .3s ease-in-out, width .3s ease-in-out; -o-transition: height .3s ease-in-out, width .3s ease-in-out; -ms-transition: height .3s ease-in-out, width .3s ease-in-out; transition: height .3s ease-in-out, width .3s ease-in-out;}
.collapsed { -moz-border-radius-bottom-right:10px; border-bottom-right-radius:10px; height:20px; width:140px;}
.timeline-sections div {display:block; margin-top:1px;}
.timeline-sections div a {padding: 1px 10px 1px 10px; color:#fff; color: rgba(255,255,255,.8); display:block; white-space: nowrap;}
.timeline-sections .bold {font-family:'tradegothic20bold';  color:#fff; color: rgba(255,255,255,.8);}
.timeline-sections-label {text-align:right; text-transform:uppercase; padding:3px 30px 1px 0; display:block; color:#fff; color: rgba(255,255,255,.8); display:block; margin-right:16px; background:url(img/icon_close_x.png) no-repeat right; height:17px; white-space:nowrap;}
.collapsed .timeline-sections-label {background-image:url(img/icon_arrow_down.png)} 
a.timeline-section-link {font-size:14px; letter-spacing:0;}

.timeline-prevbutton, .timeline-nextbutton {opacity:.4; height:160px; margin-top:170px; width:36px; position:absolute; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out;}
#content1:hover .timeline-prevbutton, #content1:hover .timeline-nextbutton {opacity:.65;}
#content1 .timeline-prevbutton:hover, #content1 .timeline-nextbutton:hover {opacity:1;}
.timeline-prevbutton {background: url('img/tab-left.png')  left  no-repeat;}
.timeline-nextbutton {background: url('img/tab-right.png') right no-repeat; margin-left:814px;}

.timeline-bottom-timeline {width:850px; position:absolute; top:508px;}
.timeline-bottom-upper {width:850px; height:26px; background:url('img/timeline_bg.png') repeat-x;}
.timeline-year-label {position:absolute; top:0; height:20px; padding:6px 0 0 10px; font-size:12px; letter-spacing:0; color:#aaa; color:rgba(255,255,255,.5); background:url(img/timeline_year_marker.png) no-repeat left;}
.timeline-bottom-lower {width:852px; height:20px; left:-1px; position:relative;}

.timeline-node-arrow {position:absolute; width:10px; height:10px; margin:-5px 0 0 -5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transition: height .3s ease-in-out, width .3s ease-in-out; -webkit-transition: height .3s ease-in-out, width .3s ease-in-out, margin .3s ease-in-out; -o-transition: height .3s ease-in-out, width .3s ease-in-out, margin .3s ease-in-out; -ms-transition: height .3s ease-in-out, width .3s ease-in-out, margin .3s ease-in-out; transition: height .3s ease-in-out, width .3s ease-in-out, margin .3s ease-in-out;}
.timeline-node-arrow-selected {width:33px; height:33px; margin:-17px 0 0 -17px;}


.timeline-node-label {width:120px; height:107px; margin-top:-140px; padding: 4px 8px 20px 6px; display:none; position:absolute; overflow:hidden;}
.timeline-node-label-left {background:url(img/node_hover_bg_left_arrow.png); margin-left:-20px;}
.timeline-node-label-right {background:url(img/node_hover_bg_right_arrow.png); margin-left:-112px;}
.timeline-node-label-date {font-family:'tradegothic20bold'; font-size:10px; color:#92b1e6; letter-spacing:0;}
.timeline-node-label img {width:121px; height:71px; margin:2px 0 -2px ;}
.timeline-node-label-title {font-family:'tradegothic18'; font-size:12px; color:#5d5d5d; letter-spacing:0; white-space:nowrap; width:121px; overflow:hidden;}

.timeline-related-content {position:absolute; top:318px; right:10px;}
.timeline-related-container {float:right; background:url(img/related_content.png) top right no-repeat; width:142px; height:186px;}
.timeline-related-container-closed {margin-top:170px;}
.timeline-related-container, .timeline-related-container * {-webkit-transition: height .3s ease-in-out, width .3s ease-in-out, margin-top .3s ease-in-out; -moz-transition: height .3s ease-in-out, width .3s ease-in-out, margin-top .3s ease-in-out; -o-transition: height .3s ease-in-out, width .3s ease-in-out, margin-top .3s ease-in-out; -ms-transition: height .3s ease-in-out, width .3s ease-in-out, margin-top .3s ease-in-out; transition: height .3s ease-in-out, width .3s ease-in-out, margin-top .3s ease-in-out;}
.timeline-related-container-expanded {background:url(img/related_content_large.png); width:280px; height:257px;}
.timeline-related-container .timeline-related-wrapper {position:relative; top:6px; left:8px; width:120px; height:168px; overflow:hidden;}
.timeline-related-container-expanded .timeline-related-wrapper {width:258px;height:226px;}

.timeline-related-label {font-family:'tradegothic20bold'; font-size:10px; color:#5d5d5d; letter-spacing:0; text-transform:uppercase; display:block;}
.timeline-related-label span {display:inline-block; width:11px; height:11px; background:url('img/icon_related_content_close.png') no-repeat; margin-left:8px;}
.timeline-related-container-closed .timeline-related-label span {background:url('img/icon_related_content_open.png') no-repeat;}
.timeline-related-date {font-family:'tradegothic20bold'; font-size:10px; color:#92b1e6; letter-spacing:0;}
.timeline-related-text {font-family:'tradegothic18'; font-size:12px; color:#5d5d5d; letter-spacing:0;}
.timeline-related-link {display:inline-block; font-family:'tradegothic20bold'; font-size:10px; text-transform:uppercase; letter-spacing:0;
/*padding-right:10px; background:url('img/icon_right_small_orange.png') no-repeat right;*/
}