body {
    font-size:80%;
    padding:0;
    font-family:Verdana, Arial, sans-serif; 
}

#all-content {
    width:900px;
    margin-left:auto;
    margin-right:auto;
}

#header {
    width:880px;
    margin:0 auto;
    text-align:left;
    color:white;

    height:70px;
    padding-left:20px;
    border-bottom: solid 2px #273b91;
}

a img, .slide a img {
    border:none;
    text-decoration:none;
    background-color:transparent;
}

.slide a:hover img {
    background-color:transparent;
}


h1 {
    font-size:170%;
    text-align:left;
    margin:3px 10px 5px;
}

h2 {
    font-size:80%;
    margin: 0 10px;
    text-align:left;
}

#content {
    margin:0 auto 3px;
    background: #FFFDD3;
    width:900px;
}

.selected-thumb, .unselected-thumb {
    margin: 0px;
}

.selected-thumb {
    border: 4px solid #ffff66;
}

.unselected-thumb {
    border: 4px solid transparent;
}

#vid {
}

#flash-player {
    margin:0;
}

#video-wrapper {
    float:left;
    width: 184px;
}

#thumbs {
    float:left;
    overflow:auto;
    height:170px;
/*    background:#E0EBEF; */
    text-align:center;
    background:#A8CC96;
/*    margin-left:190px; */
    width:100%;
}

#thumbs-help {
    text-align:center;
    margin:0;
    clear:both;
}

#big-img {
    float:left;
    width:576px;
    border:1px solid #aa1600;
}

#big-img img {
    width:576px;
}

#footer {
    font-size:75%;
    border-top:1px dotted #EEE;
    clear:both;
    margin:10px 20px;
    text-align:left;
    color:#666;
}

#footer a:hover {
    background:#ccf;
}

#actions {
    padding:0;
    text-align:center;
    background:black;
}

#actions a {
    height:28px;
    display:block;
    float:left;
    font-size:0;
    color:transparent;
    line-height:0;
}    


a#comment-button:hover, a#download-button:hover, a#email-button:hover,
 a#mp3-button:hover, a#twitter-button:hover {
    background-position:0px -28px;
}


 #video-length {
     font-size:80%;
     text-align:center;
     margin:0;
 }


#related-links {
    float:left;
    width:320px;
    height:169px;
}

#related-links h3 {
    margin-left:20px;
    margin-bottom:0;
}

#related-links .related-new-window {
    margin-left:20px;
    font-size:80%;
    color:#666;
}
#related-links ul {
    margin:0 20px 0 0;
}
#related-links li {
    padding:5px 0;
    margin:0;
    list-style-type:circle;
}
#related-links a {
    color:blue;
}
#related-links a:hover {
    background:white;
}

#pdf-text {
    width:320px;
    height:240px;
    overflow:auto;
}

.note {
    white-space:pre;
    background:white;
    color:black;
    font-size:15px;
}

/******************************************************************************/
  #vid {
        border-width: 1px;
        border-style: solid;
        border-color: #417DC1 #76b0bc  #76b0bc  #417DC1;
	border-left: none;
      }
      a#comment-button {
	  background: url(comment-button.png) no-repeat;
	  width:96px;
      }

      a#download-button {
	  background: url(download-button.png) no-repeat;
	  width:121px;
      }

      a#mp3-button {
	  background: url(mp3-button.png) no-repeat;
	  width:121px;
      }

      a#email-button {
	  background: url(email-button.png) no-repeat;
	  width:71px;
      }

      a#twitter-button {
	  background: url(twitter-button.png) no-repeat;
	  width:130px;
      }
/******************************************************************************/
      
.slide {
    color:black; /*white; */
    background:url(slide-bg-square.jpg) #417DC1; /* #d84800; */
    width:556px; /* Don't forget to add padding. */
    height:422px; /* Don't forget to add padding. */
    padding:10px;
    font-family: Arial, helvetica, sans-serif;
    font-size:20px;
    /*border:1px solid black; */
    float:left;
    display:none;
}

.slide-extra {
    display:none;
}

.slide h1 {
    font-size:47px;
    background:url(header-bg-square.jpg) #C4E0F5; /*#aa1700; */
    color:#572700;
    height:75px;
    border-bottom:5px solid #572700;
    margin:-10px -10px 10px;
    padding:15px 16px 0;
}

.slide h2 {
    font-size:37px;
}

.slide a {
    color: #ffe570;
}

.slide a:hover {
    color:white;
    background-color: #4f79cb;
}


.slide .code {
    font-size:14px;
}

.slide ul {
    list-style-image:url(rarrow-bullet.png);
}

.slide li {
    margin-bottom:10px;
}

.slide ul ul {
    list-style-image:url(square-bullet.png);
}

.operator {
    color:#aaf;
    font-weight:bold;
}

.big {
    font-size:200%;
    vertical-align:middle;
    line-height:60%;
}

.code {
    background:#eee;
    color:black;
}

.code .operator {
    color:#008800;
    font-weight:normal;
}

.keyword-table {
    background:#eee;
    color:black;
    border-collapse:collapse;
    width:80%;
    margin-left:10%;
    border:1px solid black;
}

.keyword-table td {
    border: 1px solid #7c7c8e;
}

/*#topic-wrapper {
    display:none;
}*/

a.button, .buttons a {
    font-size:80%;
    border:solid 1px;
    border-color:rgb(216,223,234) rgb(14,31,91) rgb(14, 31,91) rgb(216,223,234);
    padding:3px 20px;
    background:#417dc1;
    margin:5px;
    text-decoration:none;
    color:white;
}

a.button:hover, buttons a:hover {
    background:#cff;
    color:navy;
}
    
    
/********************************************************************
 * Emacs font-lock codes
 ********************************************************************/
      .bold {
        /* bold */
        font-weight: bold;
      }
      .bold-italic {
        /* bold-italic */
        font-weight: bold;
        font-style: italic;
      }
      .cheetah-tag {
        /* cheetah-tag-face */
        color: #000000;
        background-color: #7fffd4;
      }
      .function-name {
        /* font-lock-function-name-face */
        color: #0000ff;
      }
      .italic {
        /* italic */
        font-style: italic;
      }
      .keyword {
        /* font-lock-keyword-face */
        color: #a020f0;
      }
      .function-name {
        /* font-lock-function-name-face */
        color: #0000ff;
      }
      .comment {
        /* font-lock-comment-face */
        color: #b22222;
      }
      .string {
        /* font-lock-string-face */
        color: #006400;
      }
      .underline {
        /* underline */
        text-decoration: underline;
      }
      .variable-name {
        /* font-lock-variable-name-face */
        color: #b8860b;
      }
      .number {
	  color: #0000ff;
      }
      .error-msg {
	  color: #ffffff;
	  background-color: red;
      }