@charset "UTF-8";
/* CSS Document */


body{
	width:auto;
	color:black;
	background-image:url(http://exoexo.xyz/img/xobg/exo.jpg);
	background-size:100%;
	background-position:0 10%;
	background-attachment:fixed;
	font-family: 'PT Sans', sans-serif;
	overflow:auto;
	margin: 0 0 0 0;
	letter-spacing:.03em;
}

.u{margin-top:50px; border-bottom:1px solid black; }

a{ 
	font-size:1em;
	color:black;
	text-decoration:none;
}

a:hover{text-decoration:underline;}

a.current{ 
	font-size:12px;
	color:teal;
	text-decoration:none;
}

a.current:hover{text-decoration:underline;}

a.menu{ 
	font-size:14px;
	color:black;
	font-weight:700;
	text-decoration:none;
}

a.menu:hover{border-bottom:2px solid black;}

a.menu2{ 
	font-size:14px;
	color:black;
	font-weight:300;
	text-decoration:none;
}

a.menu2:hover{border-bottom:2px solid black;}

a.info{
	font-size:1em;
	color:black;
	text-decoration:none;
}

a.info:hover{border-bottom:2px solid black;}

a.books{ 
	font-size:13px;
	color:black;
	text-decoration:none;
}
a.books:hover{text-decoration:none; }

a.index{ 
	font-size:1em;
	color:black;
	text-decoration:none;
}
a.index:hover{border-bottom:3px solid black;}

a.index2{ 
	font-size:1em;
	color:black;
	text-decoration:none;
}
a.index2:hover{border-bottom:2px solid black;}

.shows{font:1.6em Lobster;}

#shows{
	position:fixed;
	height:94%;
	overflow:scroll;
	padding:5px 5px 5px 5px;
	border:2px solid black;
	margin-bottom:40px;
	top:2%;
	/*margin-top:575px;*/
	width:400px;
	left:2%;
	font: 1.2em 'Lobster', cursive;
	color:black;
	background:white;	
	line-height:160%;
}

#shows_left{
	position:fixed;
	overflow:scroll;
	padding:5px 5px 5px 5px;
	border:2px solid black;
	top:2%;
	width:400px;
	height:94%;
	left:2%;
	font: 0.75em 'PT Sans';
	color:black;
	background:white;	
	line-height:140%;
}

#shows_center{
	position:absolute;
	padding:5px 5px 5px 5px;
	margin-bottom:40px;
	border:2px solid black;
	top:100px;
	width:800px;
	left:2%;
	margin-left:440px;
	font-size: 0.8em;
	color:black;
	background:white;	
	line-height:140%;
}

.smallindex{font:0.65em 'PT Sans', sans-serif; line-height:140%; margin-top:5px;}
.smallcurrent{font:0.65em 'PT Sans', sans-serif; line-height:150%; margin-top:5px;}
.smallup{font:0.5em 'PT Sans', sans-serif; line-height:150%; margin-top:5px; font-style:oblique;}
.small{font:0.55em 'PT Sans', sans-serif; line-height:150%;}
.small1{font-size:0.8em; line-height:150%;}
.small2{font-size:0.85em; line-height:150%;}
.desc{font:1.1em 'Dancing Script', cursive;}
.line{line-height:0.9em;}
.line2{line-height:0.7em;}
.large{font:1.4em 'Lobster', cursive; line-height:150%;}


#book_center{
	position:fixed;
	padding:5px 5px 5px 5px;
	overflow:auto;
	border:2px solid black;
	top:100px;
	width:600px;
	height:400px;
	left:2%;
	margin-left:440px;
	font-size: 1.05em ;
	color:black;
	background:white;	
	line-height:140%;
}

#info_center{
	position:fixed;
	padding:5px 5px 5px 5px;
	border:2px solid black;
	top:100px;
	width:400px;
	left:2%;
	margin-left:440px;
	font-size: 0.9em;
	color:black;
	background:white;	
	line-height:140%;
}

#info_center2{
	position:fixed;
	padding:5px 5px 5px 5px;
	border:2px solid black;
	top:340px;
	width:400px;
	left:2%;
	margin-left:440px;
	font-size: 1.05em;
	color:black;
	background:white;	
	line-height:140%;
}

#info{
	position:absolute;
	margin-bottom:20px;
	padding:5px 5px 5px 5px;
	border:2px solid black;
	top:2%;
	width:400px;
	left:2%;
	font-size: 0.8em;
	color:black;
	background:white;	
	line-height:140%;
}

#info_p{
	position:absolute;
	margin-bottom:20px;
	padding:5px 5px 5px 5px;
	border:2px solid black;
	top:2%;
	width:400px;
	left:2%;
	font-size: 0.95em;
	color:black;
	background:white;	
	line-height:160%;
}


#content_index{
	width: 98%;
	margin-top: 5%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

#content_books{
	height: 95%; 
	width:98%;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

#content_info{
	font-size:14px;
	width: 500px;
	position: relative;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	padding-left:30px;
	line-height:150%;
}

#current{
	position:absolute;
	padding:5px 5px 5px 5px;
	border:2px solid black;
	top:2%;
	width:400px;
	left:2%;
	font: 1.5em 'Lobster', cursive;
	color:black;
	background:white;	
	line-height:230%;
}

#current_center{
	position:absolute;
	padding:5px 5px 5px 5px;
	border:2px solid black;
	margin-bottom:40px;
	top:100px;
	width:500px;
	color:black;
	left:2%;
	margin-left:440px;
	font: 1.2em 'Lobster', cursive;;
	background:white;	
	line-height:130%;
}

#current_center2{
	position:absolute;
	padding:5px 5px 5px 5px;
	border:2px solid black;
	margin-bottom:40px;
	top:500px;
	width:500px;
	color:black;
	left:2%;
	margin-left:440px;
	font: 1.6em 'Lobster', cursive;;
	background:white;	
	line-height:130%;
}

	
img.index{
	margin-top: 60px;
	margin-right: 40px;
	margin-bottom: 50px;
	margin-left: 40px;
}

img.books{
	margin-top:10px;
	margin-bottom: 10px;
}

img.current{
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

img.past{
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

img.show{
	margin-top: 30px;
	padding-right: 0px;
	margin-bottom: 5px;
	padding-left: 0px;
}

img.info{
	margin: 20px 0 20px -80px;
}


iframe{margin: 30px 0px 5px 0px;
}

.logo{cursor: default; }

.space{margin-right:320px;}

.white{
	color:white;
}
/*Index*/

#title{
	font-family:Times;
	font-size:15px;
	position:fixed;
	width:100%;
	font-weight:100;
	margin-left:auto;
	margin-right:auto;
	line-height:100%;
	letter-spacing:0.5em;
	text-align:center;
	margin-top:	5px;
}

#menu{
	position:fixed;
	padding:0 10px 0 5px;
	border:2px solid black;
	top:2%;
	left:2%;
	margin-left:440px;
	font-size: 1.5em;
	color:black;
	background:white;	
	line-height:230%;
	z-index:10;
}


#menuleft{
	position:fixed;
	z-index:10;
	text-transform:uppercase;
	text-align:justify;
	left:7%;
	margin-left:0px;
	word-spacing:9em;
	top:1px;
}

#menuright{
	position:fixed;
	z-index:10;
	text-transform:uppercase;
	right:7%;
	margin-left:0px;
	word-spacing:9em;
	top:1px;
}
	
#headtext{
	font-family:Helvetica;
	width:300px;
	font-weight:600;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-size: 14px;
	line-height:85%;
	margin-top:-5px;
}
	
#punch{
	font-family:Helvetica;
	font-size:16px;
	width:100%;
	font-weight:600;
	line-height:100%;
	text-align:center;
}


/*Tables*/


/*Form*/

.exo-subscribe{width:100px;position: fixed; bottom: 0px; right:340px; padding: 5px 5px 9px 5px; font-size: 14px; color:white;}
.exo-subscribe div{margin-top: 1px;}
.exo-subscribe.title{ display:inline;}
.exo-subscribe input{border: 0; width:170px; border-bottom: 2px solid white; font-size: 15px; margin-top: 5px; margin-bottom:5px; background-color: transparent;}
.exo-subscribe button{border: 0; border-bottom: 0; font-size: 15px; color:white; margin-bottom:0px; line-height:90%; background-color: transparent; cursor: pointer; z-index:10;}
.exo-subscribe button:hover{padding-bottom: 0px; border-bottom: 2px solid black; margin-bottom:0px; line-height:130%;}

/* popins */

.popperlink {
	position:fixed;
	z-index:10;
	visibility:hidden;
	top:100px;
	left:2%;
	margin-left:440px;
	background:white;
	border:2px solid black;

}

/*copyright*/

.copyright{width:200px;position: fixed; bottom: 0px; left:10px; padding: 5px 5px 9px 5px; font-size: 14px;}

/*popup*/

a.popup {
     position:relative;
	 font-size:1em;
	 color:midnightblue;
     text-decoration:none;
   }
   
   a.popup:hover {
      background: none; 
      z-index: 50;
	  cursor:pointer; 
   }
   
   a.popup span { 
     display: none;
   }
   
   a.popup:hover span {
      display: block; 
      position: absolute;
      top: -300px; 
      left: 60px;
      text-align:justify; 
      font-weight:normal;
      padding: 5px;
   }

#rotate {
	color:white;
	font-size:11px;
	position:fixed;
	z-index:100;
	right:-55px;
	bottom:110px;
	margin-bottom:auto;
	margin-top:auto;
     -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
       -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */