/* --------------------------------------------------------------------------------------------- */
/* ------------------------------------- TIME.JS Audio Player ---------------------------------- */
/* --------------------------------------------------------------------------------------------- */

/* ------------------------------------------ Icons -------------------------------------------- */
ul.timeline h3:before{
    background: none repeat scroll 0 0 #17120E;
    content: "";
    display: inline-block;
    height: 2px;
    margin-bottom: 10px;
    margin-right: 10px;
    position: relative;
    width: 22px;
} 

ul.timeline h3:after{
    content: "\f0D7";
    color: #17120E;
    font-family: FontAwesome;
	font-size: 21px;
	padding-left:20px;
	opacity:0.3;
}

ul.timeline h1:before{
    content: "\f073";
    color: #C6AA7C;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 52px;
    margin-left: -16px;
    margin-top: -14px;
    opacity: 0.41;
    overflow: hidden;
    position: absolute;
	text-shadow: 0px 0px 0 rgba(0, 0, 0, 0);
    z-index: -1;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
} 

ul.timeline li:before{
    content: "\f068";
    color: #17120E;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 21px;
    margin-left: -4px;
    margin-top: 26px;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    z-index: 200;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
} 

ul.timeline h1:after{
    content: "\f0D7";
    color: #C6AA7C;
    float: right;
    font-family: FontAwesome;
    font-size: 52px;
    margin-top: -14px;
    opacity: 0.41;
    overflow: hidden;
    z-index: -1;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
} 

ul.timeline a{color:#C6AA7C;}
/* ------------------------------------------ Hovers -------------------------------------------- */
ul.timeline h1:hover:after{opacity: 1;color:#ffffff;}
ul.timeline h1:hover:before{color: #fff;}
ul.timeline h1:hover{background:rgba(23, 18, 14, 0.5)}
ul.timeline h3:hover{color:#17120E}
ul.timeline a:hover{color:#17120E; text-decoration:none;}
ul.timeline h3:hover:after{opacity:1;}


/* ------------------------------------- Everything Else ---------------------------------------- */
ul.timeline h3{color:#C6AA7C;}
ul.timeline h1{
    background: none repeat scroll 0 0 rgba(198, 170, 124, 0.5);
	background: #E2D4BD\9;
    margin-left: 0;
	text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
    padding: 20px 20px 14px;
    position: relative;
    z-index: 50;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.timeline {border-left: 37px solid #17120E;list-style: none outside none;margin: 0 0 0 -15px;padding: 0;}
.timeline_collapse > p {margin-left: 70px;}
.timeline_collapse{display:none;}
#timeline_title li{display:inline-block;}
#timeline_title h1{font-size: 47px;text-shadow: 1px 1px 0 #FFFFFF, 3px 2px 0 #E7D8BE;}
.tl_btn_r{margin-right: 15px;margin-top: -31px;position: absolute;right: 0;}
.b_t{width: 78px;}