@font-face {
	font-family: Alien; 
	src: url('/app/client/fonts/alienleague.ttf');
}

@font-face {
	font-family: AlienBold;
	src: url('/app/client/fonts/alienleaguebold.ttf');
}

@font-face {
	font-family: AlienOutline;
	src: url('/app/client/fonts/alienleagueout.ttf');
}


BODY {
    WIDTH: 1001;
    LINE-HEIGHT: 24px; 
    FONT-FAMILY: AlienBold, Courier New;
    font-weight: bold; 
    color: rgb(0,185,0);
    font-size: 22px; 
    background-color: rgb(0,26,0);
    margin-left: auto;
    margin-right: auto;
    margin-right: 0;
    margin-top: 0;
    background-image: url(/images/alien.png);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    text-shadow: 1px 1px #002200;
    height: 110%;
}

p 
{
    FONT-FAMILY: AlienBold, Courier New;
    font-weight: bold; 
    color: rgb(0,185,0);
    text-shadow: 1px 1px #001100;
	
}

.upper_side
{
    padding-right: 10px;
    padding-left: 10px;
    font-weight: normal;
    font-size: 20pt;
    padding-bottom: 10px;
    color: rgb(0,185,0);
    padding-top: 10px;
    font-style: normal;
    background-color: rgb(0,26,0);
    text-align: justify;
    font-variant: normal;
    width: 520px; 
}



.left_side
{ 
 width: 140px; 
 padding-right: 0px;
 padding-left: 0px;
 font-weight: normal;
 font-size: 20pt;
 padding-bottom: 0px;
 color: rgb(0,185,0);
 padding-top: 10px;
 font-style: normal;
 background-color: rgb(0,26,0);
 text-align: left;
 font-variant: normal; 
 margin: 0px;
}

.right_side
{
    padding-right: 4px;
    padding-left: 4px;
    font-weight: normal;
    font-size: 20pt;
    padding-bottom: 10px;
    color: rgb(0,185,0);
    padding-top: 10px;
    font-style: normal;
    background-color: rgb(0,26,0);
    font-variant: normal;
    
}

h1, h2, h3, h4, h5, h6
{
	font-family: AlienBold;
	color:  rgb(0,246,0);
	display: block;
	clear: both;
	text-shadow: 2px 2px #222;
}

h1 { font-size: 42px; line-height: 44px; }

h2 { font-size: 32px; line-height: 34px; }

.title
{
    text-align: center;
}

A
{

	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-size: 10pt;
	padding-bottom: 5px;
	padding-top: 5px;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	
}

A:link
{
	color: rgb(0,189,0);
}

A:visited
{
	color: rgb(0,185,0);
}

A:hover
{
	text-decoration: underline;
}

ul#topnav,
ul#sidenav {list-style: none; padding: 0px; margin: 0px 0px 0px 0px; width: 130px;}

ul#topnav li,
ul#sidenav li { width: 130px; height: 30px;   }

ul#topnav li a,
ul#sidenav li a 
{
   display: block; 
   width: 130px; 
   background-color: rgb(0,185,0); 
   color: rgb(0,252,0); 
   border-top: 1px dashed rgb(0,136,0); 
   border-radius: 12px;
   padding-left: 8px; 
   padding-right: 8px;
   box-shadow: 6 6 rgba( 0,0,0,0.5 );
   font-family: alienbold;
   font-weight: bold;
   font-size: 12pt;
   text-shadow: 2px 2px #000000;
}

ul#topnav  li a:link,
ul#topnav li a:visited,
ul#sidenav li a:link, 
ul#sidenav li a:visited {text-decoration:none; background-color: rgb(0,105,0); color: rgb(0,185,0); }

ul#topnav  li a:hover, 
ul#sidenav li a:hover {  background-color: rgb(0,85,0); color: rgb(0,185,0);}

ul#topnav  li a#current, 
ul#sidenav li a#current {background-color: rgb(0,35,0); color: rgb(0,185,0);}

ul#topnav {
   width: 1000px;
}

ul#topnav li {
   float: left;
   margin-left: 12px;
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
}


#BODY_P
{
   width: 800px; 
}

#BODY_TABLE 
{ 
   width: 1000px;
   background-color: transparent;

}

#BODY_TABLE TD
{
   background-color: transparent;
}

.left_side li,
#sidenav li
{
   border-radius: 8px;
}

.box
{
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;

}

.greenbox
{
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   padding: 22px; 
   background: url(/images/green_mask2.png);
}

DIV.artist, DIV.nameBubble, DIV.venue
{ 
display: inline-block; 
padding: 6px; 
margin: 6px; 
height: auto;  
border-radius: 12px;
border: dotted 1px lightgreen; 
background-color: black;
font-size: 24px; 
line-height: 24px;
vertical-align: middle; 
align: center; 
}

DIV.venue a 
{
font-size: 24px; 
line-height: 24px;
}



.blog { min-height: 800px; height: 800px; max-height: none; background-color: rgba( 0,0,0,0.40 ); border-radius: 12px; padding-left: 24px; padding-right: 24px; }

.blogContainer a { text-decoration: none; }

.blog_DATE { font-size: 14px; }
.blog_LINK { font-size: 22px; }
.blog_ABSTRACT { font-size: 16px; }


.blog_FormTABLE {
width: 100%;
background: #D0D0D0;
}

.blog_FormHeaderTD {
width: 100%;
background: #C0C0C0;
color: #000000;
text-align: center;
}

.blog_FormHeaderFONT {
color: #000000;
font-size: 16pt;
}

.blog_ColumnTD {
background: #FFFFFF;
}

.blog_FieldCaptionTD {
background: #FFFFFF;
}

.blog_FieldCaptionFONT {
color: #000000;

}

.blog_DataFONT {


}

.blog_DataTD {
background: #FFFFFF;
page-break-before: auto;
page-break-after: auto;
widows: 4;
orphans: 4;
}

.blog_DataTDAlt {
background: #E0E0E0;
}

/* Blog Calendar Settings */



.aditus_cal_tiny { 
	width: 268px; 
	border: none; 
	text-align: center; 
	background: transparent; 
}

.aditus_cal_med { 
	width 480px;  
	border: solid 1px silver; 
	text-align: center; 
	background: white; 
}

.aditus_cal_big { 
	width: 100%; 
	border: solid 1px gray; 
	background: white; 
	text-align: center; 
}

.cal_weekend { 
	color: rgb(0,0,0,0);; 
	width: 10%; 
	font-size: 10pt; 
        font-weight: bold; 
    text-align: center; 
}

.cal_header { 
	background-color: rgba(0,0,0,0.25); 
	color: rgb( 220,255,220 ); 
	font-weight: bold; 
	font-size: 10pt; 
	border: none;  
        
}

.cal_header_date 
{
   width: 120px;
   display: inline-block;
}

.cal_weekday 
{ 
    background-color: rgba( 220,255,220, 0.75 );
    font-size: 12pt;
    text-align: center; 
}

.cal_weekday a, .cal_weekend a
{
  border-radius: 2px; 
  background-color: rgba( 220,220,220, 0.50);
}

.cal_weekday a:hover, .cal_weekend a:hover
{
  border-radius: 2px; 
  background-color: rgba( 220,220,220, 0.80);
}


.cal_weekend_blank { 
	background-color: gray; 
	width: 10%; 
        text-align: center;  
}

.cal_weekday_blank { 
	background-color: gray; 
	width: 15%; 
        text-align: center;  
}

.cal_event { 

}

TABLE.cal_nav { height: 48px; }

TABLE.cal_nav TR.cal_header .cal_inactive_link,
TABLE.cal_nav TR.cal_header TD,
TABLE.cal_nav TR.cal_header TD A, 
TABLE.cal_nav TR.cal_header TD A:visited,
TABLE.cal_nav TR.cal_header TD A:hover
{
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  padding: 2px; 
  height: 22px;
  width: auto;
  display: inline-block;
  border-radius: 6px;
  background-color: rgba( 180,180,180, 0.70 ); 
  text-decoration: none;
}

TABLE.cal_nav TR.cal_header TD A:hover
{
   background-color: rgba( 220,220,220, 0.90 );
}


.cal_today { 
	color: red; 
	background-color: rgba(255,255,255,0.80);
        /*width: 22px;*/
        height 22px;
        display: block;
        border-radius: 4px;
        text-align: center;
}

.cal_day_link {   

  height: 22px;
  max-height: 22px; 
  overflow: hidden;
  margin: 0; 
  padding: 0;
  display: block;
}

.cal_today .cal_day_link  { 

      display: inline; 


}




.bold { font-weight: bold; }

DIV.rounded { border-radius: 4px; }
DIV.rounded .minRounding { border-radius: 4px; }
DIV.rounded .normalRounding { border-radius: 8px; }
DIV.rounded .maxRounding { border-radius: 12px; }
DIV.radius2 { border-radius: 2px; }
DIV.radius4 { border-radius: 4px; }
DIV.radius8 { border-radius: 8px; }
DIV.radius16 { border-radius: 16px; }
DIV.radius24 { border-radius: 4px; }
DIV.radius32 { border-radius: 32px; }



DIV.whiteBg { background-color: rgb( 255,255,255) }
DIV.blackBg { background-color: rgb( 0,0,0 ) }
DIV.blackTranslusentBg { background-color: rgba(0,0,0,0.40); }
DIV.whiteTranslusentBg { background-color: rgba(255,255,255,0.80); }

DIV.padding4 { padding: 4px; }
DIV.padding8 { padding: 8px; }
DIV.padding16 { padding: 16px; }
DIV.padding24 { padding: 24px; }

.blog_DataTD p { text-shadow: none }

.minHeight400 { min-height: 400px; }
.minHeight600 { min-height: 600px; }
.minHeight800 { min-height: 800px; }
.minHeight1200 { min-height: 1200px; }

#body_div { height: 110%; }