a {
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #888888;
  text-decoration:none;
}

/* BODY */


body {
  text-align: center;
  background: #FFFFFF;
  height: 100%;
}


#year_container{
	position: absolute;
	width: 100%;
	min-width: 900px;
	top: 48px;
	z-index: 100;
}

#year_left{
	position: relative;
	text-align: left;
	left: 12px;
	height: 20px;
	top: 0px;
	font-size: 21px;
	font-family:'Conv_AvenirLTStd-Light', Sans-Serif;
    color: #333333;
    text-decoration:none;
	z-index: 100;
}

#year_right{
	position: relative;
	float: right;
	right: 12px;
	height: 20px;
	top: -20px;
	font-size: 21px;
	font-family:'Conv_AvenirLTStd-Light', Sans-Serif;
    color: #333333;
    text-decoration:none;
	z-index: 100;
}

#wrap {
	z-index: 1;
	top: 59px;
}

/* TIMELINE */

#box {
	z-index: 10;
	overflow: scroll;
}

#tossContainer {
	z-index: 10;
}

#timeline_container {
	z-index: 1;
	overflow: hidden;
	max-width: 4000px;
	position: absolute;
	top: 0px;
	height: 540px;
}

#grab_area {
	height: 9000px;
	top: 0px;
	z-index: 1;
	overflow: hidden;
}

#faux_header_center {
	z-index: 100;
	position: relative;
	top: 0px;
}

#faux_header {
	z-index: 100;
}

#faux_header_left {
	background-image: url('../images/faux_header_left.jpg');
	position: absolute;
	top: 0px;
	height: 59px;
	width: 50%;
	z-index: 3;
}

#faux_header_right {
	background-image: url('../images/faux_header_right.jpg');
	position: absolute;
	top: 0px;
	height: 59px;
	width: 100%;
	z-index: 2;
}

.more{
	top: 47px;
	position: relative;
	left: 15px;
	width: 56px;
	height: 21px;
	z-index: 101;
}

#more_ex{
	top: 70px;
	position: relative;
	left: 15px;
	width: 56px;
	height: 21px;
	z-index: 101;
}

#more_ex2{
	top: 70px;
	position: relative;
	left: 15px;
	width: 56px;
	height: 21px;
	z-index: 101;
}

#more_ex3{
	top: 70px;
	position: relative;
	left: 15px;
	width: 56px;
	height: 21px;
	z-index: 101;
}

.more_video{
	top: 232px;
	position: relative;
	left: 19px;
	width: 56px;
	height: 21px;
	z-index: 101;
}

.more_over{
	position: relative;
	width: 56px;
	height: 21px;
	z-index: 101;
}

.more_out{
	position: relative;
	width: 56px;
	top: -21px;
	height: 21px;
	z-index: 10;
}


#deader {
	top: 35px;
	height: 52px;
	position: relative;
	left: -20px;
	margin: 0 auto;
	width: 960px;
	z-index: 101;
}

#top_gray_border {
	position: absolute;
	height: 13px;
	background: #e2e2e2;
	top: 154px;
	width: 100%;
	margin: 0 auto;
	z-index: -10;
}

#page_title {
	position: absolute;
	width: 380px;
	height: 62px;
	top: 26px;
	left: 30px;
	font-size: 44px;
	font-family:'Conv_AvenirLTStd-Medium', Sans-Serif;
    color: #e00116;
	text-align: left;
    text-decoration: none;
	z-index: -10;
}

#page_sub_title {
	position: absolute;
	width: auto;
	top: 46px;
	left: 400px;
	font-size: 16px;
	font-family:'Conv_AvenirLTStd-Light', Sans-Serif;
    color: #545454;
	text-align: left;
    text-decoration: none;
	line-height: 1.4;
	z-index: -10;
}

.timeline_content_post{
	position: absolute;
	top: 167px;
	left: 40px;
	width: 324px;
	height: 100%;
	z-index: 0;
}

.timeline_content_marker{
	position: absolute;
	width: 2px;
	height: 290px;
	background: #e2e2e2;
}

.timeline_content_item_text_body{
	position: relative;
	float: left;
	text-align: left;
	top: 35px;
	width: 295px;
	left: 15px;
	font-size: 19px;
	font-family:'Conv_AvenirLTStd-Medium', Sans-Serif;
    color: #303030;
    text-decoration: none;
	line-height: 1.3;
}

.timeline_content_ex_lg_image{
	position: absolute;
	top: 0px;
	left: 2px;
	width: 323px;
	height: 1200px;
    overflow: hidden;
	background-color: #FFFFFF;
}

.grad{
	position: absolute;
	left: 1px;
	width: 324px;
}

.timeline_content_lg_image{
	position: absolute;
	top: 35px;
	left: 17px;
	width: 292px;
	height: 266px;
	overflow: hidden;
}

.timeline_content_sm_image{
	position: absolute;
	top: 35px;
	left: 17px;
	width: 157px;
	height: 110px;
	overflow: hidden;
}

.sm_roll{
	position: absolute;
	background-image: url('../images/preload_2.gif');
}

.lg_roll{
	position: absolute;
	background-image: url('../images/preload_1.gif');
}

.ex_lg_roll{
	position: absolute;
	width: 324px;
	height: 150px;
	top: -23px;
	background-image: url('../images/preload_3.gif');
	background-repeat:repeat-y;
}

.sm_button{
	position: absolute;
	height: 23px;
	width: 23px;
	overflow: hidden;
	left: 124px;
	top: 77px;
	z-index: 10;
	background-image: url('../images/sm_button.png');
}

.sm_cover{
	position: absolute;
	height: 123px;
	width: 175px;
	z-index: 12;
}

.lg_cover{
	position: absolute;
	height: 325px;
	width: 296px;
	z-index: 12;
}

.ex_lg_cover{
	position: absolute;
	height: 1025px;
	width: 324px;
	z-index: 12;
}

.sm_button_over{
	position: absolute;
	height: 23px;
	width: 23px;
	overflow: hidden;
	left: 124px;
	top: 77px;
	z-index: 11;
	background-image: url('../images/sm_button_zoom_sel.png');
}

.lg_button{
	position: absolute;
	height: 30px;
	width: 30px;
	overflow: hidden;
	left: 252px;
	top: 226px;
	z-index: 10;
	background-image: url('../images/lg_button.png');
}

.lg_button_over{
	position: absolute;
	height: 30px;
	width: 30px;
	overflow: hidden;
	left: 252px;
	top: 226px;
	z-index: 11;
	background-image: url('../images/lg_button_zoom_sel.png');
}

.timeline_marker_default{
	position: absolute;
	top: 282px;
	left: -19px;
	z-index: 30;
}

.timeline_content_ex_lg_image_title{
	position: absolute;
	float: left;
	text-align: left;
	top: 219px;
	width: 260px;
	left: 35px;
	font-size: 19px;
	font-family:'Conv_AvenirLTStd-Medium', Sans-Serif;
    color: #FFFFFF;
    text-decoration: none;
	line-height: 1.3;
	z-index: 40;
}

.timeline_content_ex_lg_image_title_x{
	position: absolute;
	float: left;
	text-align: left;
	top: 390px;
	width: 260px;
	left: 35px;
	font-size: 19px;
	font-family:'Conv_AvenirLTStd-Medium', Sans-Serif;
    color: #FFFFFF;
    text-decoration: none;
	line-height: 1.3;
	z-index: 40;
}

.timeline_content_lg_image_title{
	position: absolute;
	float: left;
	text-align: left;
	top: 319px;
	width: 295px;
	left: 16px;
	font-size: 19px;
	font-family:'Conv_AvenirLTStd-Medium', Sans-Serif;
    color: #303030;
    text-decoration: none;
	line-height: 1.3;
	z-index: -15;
}

.timeline_content_sm_image_title{
	position: absolute;
	float: left;
	text-align: left;
	top: 164px;
	width: 295px;
	left: 16px;
	font-size: 19px;
	font-family:'Conv_AvenirLTStd-Medium', Sans-Serif;
    color: #303030;
    text-decoration: none;
	line-height: 1.3;
}




.timeline_content_lg_image_sub{
	position: relative;
	float: left;
	text-align: left;
	top: 5px;
	width: 295px;
	left: 0px;
	font-size: 15px;
	font-family:'Conv_AvenirLTStd-Light', Sans-Serif;
    color: #7b7b7b;
	line-height: 1.4;
    text-decoration:none;
}

.timeline_content_sm_image_sub{
	position: relative;
	float: left;
	text-align: left;
	top: 5px;
	width: 295px;
	left: 0px;
	font-size: 15px;
	font-family:'Conv_AvenirLTStd-Light', Sans-Serif;
    color: #7b7b7b;
	line-height: 1.4;
    text-decoration: none;
}

.timeline_content_date{
	position: absolute;
	text-align: left;
	top: 332px;
	left: -23px;
	font-size: 14px;
	font-family:'Conv_AvenirLTStd-Medium', Sans-Serif;
    color: #e2e2e2;
    text-decoration:none;
	z-index: 10;
}

.timeline_content_year{
	position: absolute;
	text-align: left;
	top: 347px;
	left: -23px;
	font-size: 23px;
	font-family:'Conv_AvenirLTStd-Light', Sans-Serif;
    color: #999999;
    text-decoration:none;
	z-index: 10;
}


/* FOOTER */

#footer {
	position: absolute;
	top: 544px;
	height: 53px;
	width: 100%;
	z-index: 0;
}

/*Opera Fix*/
body:before {
	content: "";
	height: 100%;
	width: 0;
	margin-top: -32767px;/
}

/*Footer Nav*/

#footer_nav_holder {
	position: relative;
	top: 15px;
	padding-left: 15px;
	height: 30px;
	background: #000000;
	z-index: 5;
}

#footer_nav_bottom {
	position: relative;
	top: 0px;
	height: 60px;
	min-width: 900px;
	background: #000000;
	clear :both;
	z-index: 5;
}

.marks {
	position: absolute;
	top: 302px;
	left: 0px;
	height: 72px;
	width: 325px;
	background-image: url('../images/marks2.png');
	z-index: 5;
}

#marks_bg {
	position: absolute;
	top: 469px;
	left: 0px;
	height: 76px;
	width: 100%;
	background: #545454;
	z-index: -1000;
}

.date_item_nav{
	z-index: 5;
	cursor: pointer;
	float: left;
	padding-right: 15px;
}

.date_bar{
	position: relative;
	width: 100%;
	background: #494949;
	top: -5px;
	height: 3px;
	z-index: 5;
}

.date_sel{
	position: relative;
	width: 100%;
	background: #e00116;
	top: -2px;
	height: 3px;
	z-index: 6;
}

.date_text{
	text-align: left;
	font-size: 14px;
	font-family:'Conv_AvenirLTStd-Medium', Sans-Serif;
    color: #b0b0b0;
    text-decoration:none;
}

.on_text{
	text-align: left;
	font-size: 14px;
	font-family:'Conv_AvenirLTStd-Medium', Sans-Serif;
    color: #FFFFFF;
    text-decoration:none;
}

.date_on{
	position: relative;
	width: 100%;
	top: 1px;
	height: 3px;
	z-index: 6;
}

.sat{
	background: #e00116;
}

.date_cov{
	position: absolute;
	width: 100%;
	height: 20px;
	top: -4px;
    background-image: url('../images/sm_cover.png');
	z-index: 5;
}

.hps{
	display: none;
}

.num_posts_to_year{
	display: none;
}




/* Pepper's edits
---------------------------------------------- */

html { height: 100%; }
body { overflow: hidden; height: 100%; }


.timeline_content_post:last-child .timeline_content_sm_image_sub
{
	width: 200px;
}


/* Overlay animation
---------------------------------------------- */

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}


/* Overlay caption
---------------------------------------------- */

.mfp-content
{
	margin-top: -100px;
}

.mfp-bottom-bar
{
	margin-top: -40px;
	background-color: #fff;
	color: #000;
	font-family: 'Conv_AvenirLTStd-Light', Sans-Serif;
}


.overlay-title
{
	color: #303030;
	font-size: 19px;
	text-transform: uppercase;
	margin-bottom: 3px;
	font-weight: bold;
}

.overlay-text
{
	color: #7b7b7b;
	font-size: 15px;
}

.overlay-padding { padding: 20px; }



/* Large image
---------------------------------------------- */

.large_content
{
	position: absolute;
	text-align: left;
	bottom: 0px;
	width: 322px;
	left: 3px;

	z-index: 3;
	background-color: rgba(0,0,0,0.5);
}

.large_content .large_content-padding
{
	padding: 20px;
}

.large_content .title
{
	font-size: 19px;
	line-height: 1.3;
	color: #FFFFFF;
	text-decoration: none;
	font-family: 'Conv_AvenirLTStd-Medium', Sans-Serif;
}

.large_content .text
{
	font-size: 15px;
	line-height: 1.3;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	font-family: 'Conv_AvenirLTStd-Light', Sans-Serif;
	margin-bottom: 10px;
}

#more_ex2 {
	top: auto;
	left: auto;

}


.sm_button_over
{

}


.large_cover
{
	width: 100%;
	height: 604px;
	position: absolute;
	top: 0; left: 0;
	z-index: 4;
	display: block;
}

.large_cover span { display: block; }

.plus_button { position: absolute; bottom: 53px; right: 53px; }

.plus_button .sm_button_over {
	left: 0; top: 0;
	-webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}

.plus_button .sm_button { left: 0; top: 0; }

.large_cover .more_over {
	-webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}


.large_cover:hover .sm_button_over { opacity: 1 !important; }
.large_cover:hover .more_over { opacity: 0 !important; }