@charset "UTF-8";
/*********************************************************************************/
/* [CORE RESET & SETUP]
/*********************************************************************************/
/***********************************************/
/* RESET
 * General reset for all common items
/***********************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{ margin: 0; padding: 0; border: 0; position: relative; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

img { width: 100%; margin-bottom: -3px; }
html { width: 100%; }
body { line-height: 1; font-style: normal; font-weight: 100; }

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

* { text-decoration: none; outline: none; outline-style: none; -moz-outline-style:none; border: 0; }

.row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; clear: both; }
.row:after { content:""; display:table; clear:both; }
.rowmargin { padding: 50px 0; }
.rowmargin2 { padding: 0 0 50px; }
.rowmargin3 { padding: 25px 0; }
.rowmargin4 { padding: 25px 0 0; }

video { width: 150%; margin-left: -20%; margin-bottom: -5px; }
/***********************************************/
/* FULL SCREEN PRESENTATION MODE
/***********************************************/
html { margin: 0 auto; }

body { width: 100%; background-color: #000; font-family:Georgia, "Times New Roman", Times, serif; }
#main { width: 98%; margin: 0 auto; }

html, header, body, #main, .navigator { max-width: 1900px!important; }

/***********************************************/
/* FONTS
/***********************************************/
p { line-height: 1.2; margin-top: 10px; }

a, a:visited,a:active,a:active { text-decoration: none; color: #FFF; outline: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
a:hover  { color: #323232; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }

.event_box a, .event_box a:visited,.event_box a:active,.event_box a:active { text-decoration: none; color: #AAA; outline: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
.event_box a:hover  { color: #323232; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }

.uifont { font-family: "Simple-Line-Icons"; margin-top: 3px; line-height: 1; }
.ui1 { font-size: 25px; }

.extra { position: absolute; top: 3px; right: 5px; font-weight: 900; font-size: 20px; width: 20px; }
.extra:hover { color: #AAA; cursor: pointer; }

/***********************************************/
/* WRAPPERS, ROWS, COLUMNS & INSERTS
/***********************************************/
.row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; clear: both; padding: 0; }
.row:after { content:""; display:table; clear:both; }

.rowexception { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; clear: both; padding: 0; }
.rowexception:after { content:""; display:table; clear:both; }

.rowmargin { padding-top: 40px; }
.starter { padding-top: 70px; }

#wrapper,.columns,.inserts { position: relative; margin: 0 auto; }

.columns,.inserts { float: left; }
.columns { margin: 0 2% 0 0; padding: 0; }
.inserts { margin: 0; }

.c12 { width: 100%; margin: 0; }
.c11 { width: 91.5%; }
.c10 { width: 83%; }
.c9 { width: 74.5%; }
.c8 { width: 66%; }
.c7 { width: 57.5%; }
.c6 { width: 49%; }
.c5 { width: 40.5%; }
.c4 { width: 32%; }
.c3 { width: 23.5%; }
.c2 { width: 15%; }
.c1 { width: 6.5%; }

.nav5 { width: 20%; }

.l { text-align: left; }
.c { text-align: center; }
.r { text-align: right; }

/***********************************************/
/* COLOURS - BACKGROUND
/***********************************************/
.b1 { background-color: #000; }
.b2 { background-color: #272727; }
.b3 { background-color: #323232; }
.b4 { background-color: #777; }
.b5 { background-color: #AAA; }
.b6 { background-color: #D0D0D0; }
.b7 { background-color: #EEE; }

.b14 { background-color: #5C9BF2; }

/********************/
/*     STANDARD     */
/********************/
.b8 { background-color: #E83754; }
.b9 { background-color: #F4F4F4; }

/********************/
/*  SEASONAL 15/16  */
/********************/
.b10 { background: #9E092F; }
.b11 { background: #8E5ACA; }
.b12 { background: #72BE8B; }
.b13 { background: #FFB700; }

/***********************************************/
/* COLOURS - TEXT
/***********************************************/
.t1 { color: #FFF; }
.t2 { color: #AAA; }
.t3 { color: #323232; }
.t4 { color: #272727; }
.t5 { color: #000 }

/********************/
/*     BORDERS      */
/********************/
.d1 { border: 1px solid #E7E7E7; }

/***********************************************/
/* TRANSITIONS
/***********************************************/
.fivesecond { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }

.refocus { opacity: 0.3; }
.refocus:hover { opacity: 1.0; }

/***********************************************/
/* NAVIGATION
/***********************************************/
.navigator { width: 98%; padding: 0.7% 1%; opacity: 1.0; position: fixed; left: 0; top: 0; z-index: 102; box-shadow: 2px 2px 5px -5px #323232; }

.button { font-weight: 900; font-size: 13px; }

.button .c10 { padding-top: 8px; }

.cnav { width: 20%; margin: 0 5px 0 0; }

.navlogo { text-align: center; }
.plogo { max-width: 270px; }
.seventy { display: none; }

.navmenu { background: #EEE; border-left: 1px; border-top: 0px; border-bottom: 0px; border-right: 0px; border-color: #D0D0D0; border-style: dotted; padding: 5px 15px 0; width: -moz-calc(74.5% - 32px); width: -webkit-calc(74.5% - 32px); width: calc(74.5% - 32px); margin-top: -10px!important; margin-bottom: -4px!important; right: -1%; }
.navmenu h5 { text-align: left; padding-bottom: 0; padding-top: 8px; }

.navmenu h5 span { float: right; font-size: 10px; color: #323232; padding: 8px; background: #D0D0D0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; margin-top: -5px; } 
.navmenu h5 span:hover { opacity: 0.3; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } 

#donate { color: #FFF; background: #E83754; }

.mobilemenu { display: none; }

/***********************************************/
/* COLOURS - BUTTON HOVER
/***********************************************/

#personalities:hover { background: #E83754!important; }
#concerts:hover { background: #8E5ACA!important; }
#events:hover { background: #72BE8B!important; }
#recordings:hover { background: #FFB700!important; }
#tours:hover { background-color: #395883!important; }

/***********************************************/
/* PADDING & MARGINS
/***********************************************/
.last { margin: 0; }
.top { margin-top: 20px; }

.padding-5-all { padding: 5px; }
.padding-5-tb { padding-top: 5px; padding-bottom: 5px; }
.padding-5-lr { padding-left: 5px; padding-right: 5px; }

.padding-10-all { padding: 10px; }
.padding-10-tb { padding-top: 10px; padding-bottom: 10px; }
.padding-10-lr { padding-left: 10px; padding-right: 10px; }

.padding-20-all { padding: 20px; }
.padding-20-tb { padding-top: 20px; padding-bottom: 20px; }
.padding-20-lr { padding-left: 20px; padding-right: 20px; }

/***********************************************/
/* TIMELINE
/***********************************************/
.phil { width: 220px; margin-left: 0.5%; }

.logo { opacity: 0; margin-top: 30px; text-align: center; }
.logo img { width: 250px; margin-left: -130px; margin-top: 20px; position: fixed; }

.explain { position: fixed; height: 250px; border-radius: 150px; width: 250px; margin-top: 250px; right: 8%; }

.about { height: 0px; }
.about_open,.about_close { display: block; }

.time_line { width: 1px; height: inherit; }
.time_events { width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px); width: calc(100% - 2px); margin-top: 50px; }

.item_overlay { font-size: 60px; background-color: #000; display: block; width: 100%; height: 100%; opacity: 0; padding-top: 20%; margin-top: 0; }
.item_builder_i_image:hover .item_overlay { opacity: 0.5; margin-top: 10px; }

.item_micro { margin-top: -35px; text-align: left; font-size: 20px; width: 20px; padding: 5px; border-radius: 30px; margin-left: 6px; }
.item_builder_i_image:hover .item_micro { opacity: 0.5; margin-top: -205px; } 
/********************/
/*   DATE ARROWS    */
/********************/
.decade_opener_arrow { width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left:6px solid #D0D0D0; border-right: 0px; opacity: 0; position: absolute; top: 45%; left: -2.2%; }
.event_opener_arrow { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left:5px solid #D0D0D0; border-right: 0px; opacity: 0; position: absolute; top: 45%; left: -2%; }

/********************/
/*JQUERY CONTROLLERS*/
/********************/
.decade_handle { width: 100%; float: left; margin-top: 50px; max-width: 900px; }
.decade_opener { width: 93.9%; height: 180px; opacity: 0; cursor: pointer; max-width: 745px; }
.decade_box { width: 100%; opacity: 0; margin-bottom: -20%; margin-top: 20px; }
.decade_title { display: block; cursor: pointer; color: #FFF; font-size: 0px; }
.decade_time { position: absolute; padding: 5px 2% 10px; text-align: right; font-size: 40px; width: 96%; bottom: 10px; background-color: #000; opacity: 0.8; color: #FFF; }
.decade_time span { font-size: 20px; }

.event_handle { width: 100%; float: left; margin-top: 20px; max-width: 900px; }
.event_opener { width: 95%; height: 100px; cursor: pointer; padding: 2.5%; }
.event_opener h3 { margin-top: 20px; color: #FFF; margin-bottom: 10px; }
.event_box { width: 100%; height: 0px; padding: 0%; overflow: hidden; z-index: 2; box-shadow: 2px 2px 5px -5px #323232;  }
.event_related { width: 100%; height: 0px; padding: 0%; overflow: hidden; z-index: 1; display: none; }

.event_handle2 { width: 100%; float: left; margin-top: 20px; max-width: 900px; }
.event_opener2 { width: 95%; height: 100px; cursor: pointer; padding: 2.5%; opacity: 0; }
.event_opener2 h3 { margin-top: 20px; color: #FFF; margin-bottom: 10px; }
.event_box2 { width: 100%; height: 0px; padding: 0%; overflow: hidden; z-index: 2; box-shadow: 2px 2px 5px -5px #323232; }
.event_related2 { width: 100%; height: 0px; padding: 0%; overflow: hidden; z-index: 1; display: none; }

/********************/
/*    COMPONENTS    */
/********************/
.item_builder_i_image { width: 250px; height: 165px; cursor: pointer; overflow: hidden; }
.item_builder_i_text { width: -moz-calc(98% - 250px); width: -webkit-calc(98% - 250px); width: calc(98% - 250px); }
.item_builder_i_rc { width: 25%; height: 120px; background: #323232; overflow: hidden; }

.item_builder_i_rc a { display: block; height: 100%; width: 100%; }

.related_title { margin-bottom: 20px; }
.related_title h5 { font-size: 13px; }

.item_scaler { position: fixed; height: 0; opacity: 0; width: 0;  top: 0px; left: 0; z-index: 100; background-image: url(../../assets/blanktransparent.png); background-repeat: repeat; text-align: center; overflow: hidden; }
.item_scaler_close { width: 100%; text-align: right; font-size: 20px; position: absolute; top: 90px; right: 0px; z-index: 100; }

.item_scaler_close h2 { color: #323232; }
.item_scaler_close h2:hover { color: #E83754; cursor: pointer; }

.item_scaler img { width: 60%; max-width: 600px; text-align: center; margin: 0 auto; margin-top: 10%; }
.item_scaler iframe { width: 80%!important; max-width: 600px; height: 400px!important; margin-top: 10%; }

/********************/
/*      YOUTUBE     */
/********************/

.youtube-container { z-index: 99; }
div.play-button { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: 0; position: absolute; background: url("http://i.imgur.com/TxzC70f.png") no-repeat; }