#nav{
    height:60px;
    width: 100%;
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
        
    }
#nav ul{
    list-style:none;
    margin:6px auto 0px 30px;
    width:700px;
    
}
#nav ul li{
    display:inline;
    float:left;
    margin:0px 22px; 

}
#nav a{
    font-size:21px;
    float:left;
    padding: 2px 4px;
    background-color: #808080;
    color:#000000;
    text-decoration: none;
    border:1px solid #000;
    height:16px;
    line-height:16px;
    vertical-align: middle;
}
#nav a:hover{
    background:#717171 none;
    color: #000;
}
#name{height: 900px; 
      padding-left: 10px; 

}

#smallname {background:rgba(0,0,0,0.7); display:inline-block; padding-left:10px; padding-right:10px; margin-top:40px;}

#work{background: rgba(96, 96, 96); /*the fallback background colors in case alpha values not supported! */
  background: rgba(96, 96, 96, 0.5);
      height: 100%;
      color: #fff;
      padding-left: 10px; 
      padding-top: 35px;
      padding-bottom: 50px;

}
#news{background: rgba(86, 86, 86);
      background: rgba(86, 86, 86, 0.5);
      height: 100%;
      color: #fff;
      padding-top: 35px;
      padding-left: 10px;
      padding-bottom: 50px;
}
#contact{
      background: rgba(76, 76, 76);  
      background: rgba(76, 76, 76, 0.5);
      height: 200px;
      color: #fff;
      padding-top: 35px;
      padding-left: 10px;
      padding-bottom: 50px;
}
#cv{  
      background: rgba(66, 66, 66);
      background: rgba(66, 66, 66, 0.5);
      height: 100%; 
      /*color: #fff;*/
      padding-top: 35px;
      padding-left: 10px;
      padding-bottom: 50px;
}

#links{  
      background: rgba(56, 56, 56);
      background: rgba(56, 56, 56, 0.5);
      height: 100%;
      color: #fff;
      padding-top: 35px;
      padding-left: 10px;
      padding-bottom: 50px;
}
#links ul{
    list-style:none;
        }

#black{
        background: rgba(0,0,0);
        background:rgba(0,0,0,0.7);
        width: 900px;
        padding-left: 50px;
        padding-top: 20px;
        padding-bottom: 50px;
        color: #fff;
      }

#triple li  { width:33.333%; }

  h1{font-size: 50pt; 
           color:#CC9900;
           font-weight: normal;  } 
        h2{font-size: 25pt;
            color:#CC9900;
            font-weight: normal;
        }
        h3{font-size: 15pt;
            color:#CC9900;
            font-weight: normal;
          }
        a{color:#CC9900;
          text-decoration:none;
          cursor: crosshair; /*pointer;*/}

::selection {background:rgba(204, 153, 0, .99);
    color:#000000;}
        ::-moz-selection {background:rgba(204, 153, 0, .99);
    color:#000000;}      

body{margin:0px;
     padding:0px;           
     font-family:myFont,"Lucida Console", Monaco, monospace;

    /*This stuff that follows is to fix the Chrome bug for the font not showing up on 1st render sometimes...*/
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    /*this here is the end of the font rendering fix*/
   }

/*This is some more code used in the font rendering fix for Chrome*/
@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}
/*this here is the end of the second part of that Chrome font rendering fix*/

@font-face{
                    font-family: myFont;
                    src: url(Cinzel-Regular.otf); 
                  }
/*@font-face{
                    font-family: myFont;
                    src: url(Cinzel-Bold.otf); 
                    font-weight: bold;
                  }          UN-COMMENT ALL THIS BACK IN IF YOU WANT THE HEADINGS TO BE BOLDED. */