/*************************************************************************
	Ambulance HART: www.ambulancehart.org
	Developed by Electric Putty Ltd. <malcolm@electricputty.co.uk>

	MODULE: 	append-timeline.css
	PURPOSE:	Timeline specific styles
*************************************************************************/




/* Time-line typography
*************************************************************************/
.time-line h1 {
	margin-bottom: 0;
	}
	
.time-line p {
	font-size: 90%;
	}




/* Time-line positioning
*************************************************************************/
#years {
	border-bottom: 2px solid #838383;
	list-style: none;
	background: url("../site_images/bg-timeline.gif") 0px 0px no-repeat;
	margin-bottom: 30px;
	}

#years li {
	float: left;
	width: 68px;
	}

#years li a,
#years li span{
	display: block;
	float: left;
	font-size: 110%;
	font-weight: bold;
	line-height: 1em;
	color: #cdcdcd;
	background: url("../site_images/bg-year.gif") repeat-y left top;
	padding: 12px 17px 10px 17px;
	}
	
#years li a {
	color: #66cc33;
	}
	
#years li.first a {
	background: none;
	}

#years li a.here {
	color: #333;
	}
	
/* Non-js positioning for time-line marker */
#years.y-2004 { background-position: 0px 0px; }
#years.y-2005 { background-position: 68px 0px; }
#years.y-2006 { background-position: 136px 0px; }
#years.y-2007 { background-position: 204px 0px; }
#years.y-2008 { background-position: 272px 0px; }
#years.y-2009 { background-position: 340px 0px; }
#years.y-2010 { background-position: 408px 0px; }
#years.y-2011 { background-position: 476px 0px; }
#years.y-2012 { background-position: 544px 0px; }


#year-window {
	width: 620px;
	margin: 0px auto;
	text-align: left;
	position: relative; /* ie7 */
	overflow: hidden;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #838383;
	}

#year-inner {
        position: relative;
	}
	
.year-page {
	width: 620px;
	float: left;	
	}

.year-page li {
	background: url("../site_images/bg-timeline-entry.gif") no-repeat 1px 13px;
	list-style: none;
	}
	
.year-page li h2 {
	font-size: 110%;
	line-height: 1.1em !important;
	background: url("../site_images/bg-editorial-heading.gif") repeat-x bottom;	
	padding: 9px 0 7px 20px;
	margin-bottom: 11px;
	color: #66cc33;
	border-bottom: none;
	}
	
.year-page img {
	float: right;
	border: 1px solid #b9beb4;
	padding: 3px;
	background: #fff;
	margin: 0 20px 10px 10px;
	}
	
.year-page p {
	padding: 0 20px 13px 20px;
	color: #666;
	}