/*
@font-face {
font-family: schwifty;
src: url('css/fonts/schwifty.ttf');
}
*/

html,body{
        overflow:hidden;
    /*        text-shadow:
        -1px -1px 0 #FFF,
        1px -1px 0 #FFF,
        -1px 1px 0 #FFF,
        1px 1px 0 #FFF;*/
        margin:0;
        padding:0;
        }
        .container{
      position:fixed;
            top:10%;
            left:0px;
            width:95%;/*80% to make scroll bar flush.*/
            height:85%;
            /*opacity:0.7;*/
            background-color:rgba(255,255,255,0.69);
            margin:0;
            padding:0;
           /* overflow:none;*/
        }
div{
  margin:0;
  padding:0;
}

       #navibar{
         z-index:38;
        color: black;
    text-shadow:
        -1px -1px 0 #FFF,
    1px -1px 0 #FFF,
    -1px 1px 0 #FFF,
    1px 1px 0 #FFF;
        position:fixed;
        top:15%;
        left:0%;
        width:15%;
        height:65%;
      /*  list-style-image: url('au14.png');*/
        font-family:roboto;
        overflow:auto;
        overflow-x:hidden;

        margin:0;padding:0;
        }
        #navibartable{

        }
        .navibar{
        background-image:url('images/portal.jpg');
        border-radius: 10%;
        height:10%;pbh

        margin:0;padding:0;
      }
        td{
          border-left: 1px solid #000;
          border-right: 1px solid #000;
          border-top: 1px solid #000;
          border-bottom: 1px solid #000;
          border-spacing:2px;
          width:100%;
          height:100%;
          margin:0;padding:0;
          border-radius: 5px;
        }
.padded{
  padding-left:3%;
  padding-botom:2px;
}
        .navibarlink{
          color: black;
          text-decoration: none;
      text-shadow:
          -1px -1px 0 #FFF,
      1px -1px 0 #FFF,
      -1px 1px 0 #FFF,
      1px 1px 0 #FFF;
      margin:0;padding:0;
        }
        #title{
        position:fixed;
        top:15%;
        left:20%;
        width:80%;
        height:10%;
        font-size:42;
        font-family:credits;
        color: black;
         text-shadow:
        -1px -1px 0 #FFF,
        1px -1px 0 #FFF,
        -1px 1px 0 #FFF,
        1px 1px 0 #FFF;
        }


        #contentarea{
          z-index:1;
          position:fixed;
        top:25%;
        left:20%;
        width:70%;
        height:65%;
        font-size:14px;
        font-family:roboto;
        color: black;
         text-shadow:
        -1px -1px 0 #FFF,
        1px -1px 0 #FFF,
        -1px 1px 0 #FFF,
        1px 1px 0 #FFF;
            overflow:hidden;
            overflow-x:hidden;
        }
        .content{
        display:none;
            overflow: scroll;
        }
        #logo{
          height:6%;
        position:fixed;
        top:2%;
        width:100%;
        font-family: schwifty;
        font-size:100%;
        color:#00B1C1;
        text-shadow:

       -1px -1px 1px #000000,
        1px -1px 1px #000000,
       -1px 1px 1px #000000,
       1px 1px 1px #000000,
       -2px -2px 6px #81BC76,
        2px -2px 6px #81BC76,
       -2px 2px 6px #81BC76,
       2px 2px 6px #81BC76;
       margin:0;
       padding:0;
        /*font-style: italic;*/
        }
        #logop{
         font-family: schwifty;
         margin:0;
         padding:0;
        }
        body{
        background-attachment: fixed;
        background-image:url('images/backgrounds/firstepisode.png');
        background-size: cover;
        background-repeat:no-repeat;

    background-position: center;
        }
        .gradient{
        /*  z-index:-1;
          position:relative;
          top:0;
          left:0;*/
          margin:0;
          padding:0;
          width:100%;
          height:100%;
          background: linear-gradient(to bottom , rgba(0,0,0,0.6) , rgba(0,0,0,0));

        }

#frame{
  width:100%;
  height:90%;
}