/* Default CSS */

/* Main Body */
body { background-color: #000000; color: #FFFFFF; margin: 2px; padding: 0px; }

/* Layout */
table, table table, table table table { border-collapse: collapse; }

#container { width: 100%; }
#container td { padding: 5px; }

#header { font-size: 48pt; font-weight: bold; height: 50px; }
#footer, .ad { font-size: 8pt; height: 24px; text-align: center; }

.column { vertical-align: top; text-align: center; }
#colcenter { width: 60%; }
#colleft, #colright { width: 20%; }

#colleft img, #colright img { max-width: 200px; }

.block {  width: 100%; border: 2px solid #C0C0C0; background-color: rgba(0,0,0,0.5);  }
.title { text-align: center; font-size: 14pt; font-weight: bold; background-color: rgba(0,0,0,0.75);  }
.content { text-align: left; text-indent: 10; }
.foot { text-align: center; font-size: 8pt; }

.cal, .sched { width: 12%; border: 1px solid; }

/* Navigation Menus */
.menu { height: 24px; }
ul, ul ul, ul ul ul { list-style-type: none; margin: 0px; padding: 0px; }

#vert-nav { text-align: left; }
#vert-nav li { display: block; }
#horz-nav { text-align: center; }
#horz-nav li { display: inline-block; margin: 0px 5px; }

/* anchors */
a[name] { text-decoration: none; }
a:hover[name] { text-decoration: none; }

/* Alignments */
.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.abscenter { text-align: center !important; vertical-align: middle !important; }
.top { vertical-align: top !important; }
.middle { vertical-align: middle !important; }
.bottom { vertical-align: bottom !important; }

/* Elements */
textarea, input[type=text] { background-color: transparent; color: #FFFFFF; border: 3px double; }
iframe { background-color: rgba(0,0,0,0.75); background-image: none; border: none; }
.scroller { border: 2px solid; border-radius: 25px; }

/* Floats */
.fleft { float: left; }
.fright { float: right; }

/* Decorations */
.border { border: 3px solid #C0C0C0; }
.dborder { border: 3px double #C0C0C0; }
.bold { font-weight: bold; }
.trans { background-color: transparent; background-image: none; }
.hidden { visibility: hidden; }
.collapse { display: none; }
.shade { background-color: rgba(0,0,0,0.75); }

/* Rounded Borders */
.radius15 {
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px; }

.radius25 {
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px; }

/* Icons and Thumbs */
.thumb { width: 100px; height: 100px; }
.smthumb { width: 75px; height: 75px; }
.media, .social { width: 50px; height: 50px; }
.smicon { width: 25px; height: 25px; }
.bullet { width: 15px; height: 15px; }

/* Icon and Image Effects */
.icon { 
-webkit-filter: grayscale(100%) opacity(50%);
-khtml-filter: grayscale(100%) opacity(50%);
-moz-filter: grayscale(100%) opacity(50%);
-ms-filter: grayscale(100%) opacity(50%);
-o-filter: grayscale(100%) opacity(50%);
filter: grayscale(100%) opacity(50%); }

.icon:hover { 
-webkit-filter: grayscale(100%) opacity(100%);
-khtml-filter: grayscale(100%) opacity(100%);
-moz-filter: grayscale(100%) opacity(100%);
-ms-filter: grayscale(100%) opacity(100%);
-o-filter: grayscale(100%) opacity(100%);
filter: grayscale(100%) opacity(100%); }

a .icon { 
-webkit-filter: grayscale(0%) opacity(50%);
-khtml-filter: grayscale(0%) opacity(50%);
-moz-filter: grayscale(0%) opacity(50%);
-ms-filter: grayscale(0%) opacity(50%);
-o-filter: grayscale(0%) opacity(50%);
filter: grayscale(0%) opacity(50%); }

a .icon:hover { 
-webkit-filter: grayscale(0%) opacity(100%);
-khtml-filter: grayscale(0%) opacity(100%);
-moz-filter: grayscale(0%) opacity(100%);
-ms-filter: grayscale(0%) opacity(100%);
-o-filter: grayscale(0%) opacity(100%);
filter: grayscale(0%) opacity(100%); }

.blur, a .blur { 
-webkit-filter: blur(15px); 
-khtml-filter: blur(15px);
-moz-filter: blur(15px);
-ms-filter:blur(15px);
-o-filter: blur(15px);
filter: blur(15px); }

.blur:hover, a .blur:hover {
 -webkit-filter: blur(0px); 
-khtml-filter: blur(0px);
-moz-filter: blur(0px);
-ms-filter:blur(0px);
-o-filter: blur(0px);
filter: blur(0px); }

/* Other */
.space, .ad { height: 24px; font-size: 8pt; text-align:center; } /* For scripts -*/
.front img { max-width: 300px; }
.poster img { max-width: 700px;  }
.sidebar img { width: 200px; }