#archivebox  {
	position:relative;
}
#archivebox #calendar {
	position:absolute;
	right:10px;
	width:100px;
}
#calendar li {
	list-style:none;
}
#calendar li { border-left: 5px solid #aaa; padding-left: 5px; cursor:pointer; margin-bottom:2px;}
#calendar ul {  }
#calendar ul li { margin-left:0; padding-left:10px; border-color:#ccc; }
#calendar ul ul li { margin-left:20px; }
body #calendar ul ul.forshowing li{border-color:#f88; }
#contentbox { width:851px; 
background-color:#eee;background: url(../img/timeline/spine.png) repeat-y center top;
position: relative;}
iframe { vertical-align:middle; }
#contentbox li.intro {background-color:#ddd;}
#contentbox li.intro .title { padding:7px 0; font-weight:bold; font-size:1.2em;}
#contentbox li.intro .story { padding:7px 0; border-top:1px solid #aaa; }
#contentbox li.intro .highlight { }
#contentbox li {  list-style:none;  margin:10px 10px; position:relative;}
#contentbox li.left, #contentbox li.right { width:399px; border:1px solid #ccc; }
#contentbox li .text {color:black; font-size:11px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; margin:10px;}
#contentbox li.story .text { margin-left: 140px; }
#contentbox li.video .text { margin-left: 140px; }
#contentbox li.videos .text { margin-left: 60px; }
#contentbox li .img { overflow:hidden; float:left; margin:10px; background-color:#000; text-align:center;}
#contentbox li.story .img { height:90px; width:120px;   }
#contentbox li.photo .img { height:240px; background-color:#000; text-align:center; float:none;}
#contentbox li.video .img { height:150px;  width:200px; }
#contentbox li.videos .video .img { height:36px;  width:48px; margin:0 5px; margin-left:0; margin-bottom:5px}
#contentbox li.videos .video { clear:both;  margin:10px 10px;}
#contentbox li.videos { ; }
#contentbox li.videos .show_header { background-color: #eee; padding:5px; }
#contentbox li .img img { height:100%; }
#contentbox li.video iframe { width:399px; height:240px; border:0; }
#contentbox li.left { float:left; clear:left;}
#contentbox li.right { float:right; clear:right;}
#contentbox li h2 { font-size: 11px; color:#3B5998; }
#contentbox li h2 { color:#3B5998; color:black}
#contentbox.no_video li.video {display:none; }
.left  .spinePointer { background-position: 0px 0px; right: -19px; }
.right .spinePointer { background-position: -12px 0px; left: -19px; }
.spinePointer { background-repeat: no-repeat; background-image: url(../img/timeline/spine_pointer.png); left: auto; height: 15px; position: absolute; top: 20px; width: 19px; z-index: 3; }
#contentbox li.date { clear:both; text-align:center; }
#contentbox li.date div { margin:10px auto; padding:5px 8px; border-radius:5px; width:100px; background-color:#777; color:#fff; font-weight:bold; cursor:pointer;}
@media handheld, screen and (max-width:600px) {
	#contentbox { width:auto; background-image: url('') }
	#contentbox .spinePointer {	display:none; }
	#contentbox li.left, #contentbox li.right  { width:auto !important; clear:both; float:none !important; }
}
@media handheld, screen and (max-width:900px) {
	#contentbox { width:auto; }
	#contentbox li.left, #contentbox li.right  { width:309px; }
}
#contentbox .loading {
	text-align:center;
	font-size:2em;
	font-weight:bold;
	background-color:#fff;
}
#contentbox li.loadable div, #contentbox li.hidden div{
	background-color:#eee;
	color:#000;
	padding:8px 10px;
}
.pinnedTimeline {
  background-color: white;
  border: 1px solid #ccc;
}
#contentbox li.pinnedTimeline h2 {
  padding: 5px 15px;
  font-family: Georgia, Times New Roman;
  font-size: 25px;
}
.pinnedTimeline div.teaser{
  padding: 5px 15px;
  font-size: 15px;
}
.pinnedTimeline div.timestamp{
  font-size: 14px;
}