/*-----------------------------------------------
  GENERAL PAGE STYLES
-----------------------------------------------*/
/*-- With thanks to the Dynamic Drive CSS Library
for the style sheet template from which this was
adapted. --------------------------------------*/
body{
  margin: 0px;
  padding: 0px;
  border: 0px;
  overflow: hidden;
  height: 100%; 
  max-height: 100%;
}

#navframe, #topframe{
  position: absolute; 
  top: 0px;
  left: 0px; 
  width: 200px; /*Width of left frame div*/
  height: 100%;
  overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
  background-color: #F9F9F9;
}

#navframe{
  top: 120px; /* Height of top frame div*/
}

#topframe{
  left: 0px; /*Set left value to WidthOfLeftFrameDiv*/
  right: 0px;
  width: 100%;
  height: 120px; /*Height of top frame div*/
  overflow: visible; /*Disable scrollbars. Set to "scroll" to enable*/
  background:#F9F9F9 url(img/banner.png) repeat-x;
  color: #FFF;
}

#maincontent{
  position: fixed; 
  left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
  top: 120px; /*Set top value to HeightOfTopFrameDiv*/
  right: 0px;
  bottom: 0px;
  overflow: auto;
  background-color: #F9F9F9;
  font:0.9em/145% 'Trebuchet MS',helvetica,arial,verdana;
  color: #111;
}

#navframe a {
  text-decoration: none;
  color: black;
}

.innertube{
  margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

.indentube {
  margin: 0px 25px; /*Used to indent elements*/
}

/*-----------------------------------------------
  TOPFRAME STYLES
-----------------------------------------------*/
table#tutorialnav, table#subnav {
border:0px;
border-spacing:0px;
}

table#tutorialnav td, table#subnav td {
background:#333 url(img/llsh.gif) repeat-x;
margin:0px;
border:0px;
}

a.link {
display:block;
width:100%;
height:100%;
padding:3px 1px;
font:0.8em/145% 'Trebuchet MS',helvetica,arial,verdana;
color:#fff;
font-weight:bold;
text-decoration:none;
}

a.link:hover {
background:#333 url(img/llsh_lt.gif) repeat-x;
}

td.examples table {
display:none;
border:0px;
border-spacing:0px;
background:#333 url(img/llsh.gif) repeat-x;
margin:0px;
position:absolute;
left:0px;
/*top:105px;*/
width:100%;
height:27px;
z-index:100;
}

td.examples:hover table {
display:block;
}

/*-----------------------------------------------
  VH1-RELATED TEXT STYLES
-----------------------------------------------*/
.index { /* for indices */
  color: #000000;
  font-style: italic;
}

.var { /* for variables */
  color: #000000;
  font-weight: bold;
}

.sr { /* for subroutines */
  color: #000000;
  font-weight: bold;
  font-variant: small-caps;
}

.file { /* for file names */
  font:1.0em 'Courier New',monospace;
}

.com { /* for commands */
  font:1.0em 'Courier New',monospace;
  font-weight: bold;
}

/*-----------------------------------------------
  IMAGE BOX STYLE
-----------------------------------------------*/
div.img {
  margin: 2px;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}

div.img img {
  display: inline;
  margin: 3px;
  border: 2px solid #EEE;
}

div.img a:hover {
  border: none;
}

div.img a:hover img {
  border: 2px solid #950000;
}

div.desc {
  text-align: center;
  width: 120px;
  margin: 2px;
}

/*-----------------------------------------------
  IE6 HACKS
-----------------------------------------------*/
* html body{
  padding: 120px 0px 0px 200px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{
  height: 100%; 
  width: 100%; 
}

* html #topframe{
  width: 100%;
}

/*-- All table styles adapted from Mihalcea Romeo's
"Blue Gradient" stylesheet, available at
http://www.roscripts.com/css/table_design.css ---*/

/*-----------------------------------------------
  SAMPLE CODE TABLE STYLE SPECIFICS
-----------------------------------------------*/
table.sample {
  border-collapse:collapse;
  background:#FCE6E5 url(img/tablered.png) repeat-x;
  border-left:1px solid #686868;
  border-right:1px solid #686868;
  font:0.8em/145% 'Trebuchet MS',helvetica,arial,verdana;
  color: #333;
  min-width: 700px;
  width: 100%;
}

/*-----------------------------------------------
  GENERAL TABLE STYLES
-----------------------------------------------*/
.table td, .table th {
  padding:4px;
}

.table caption {
  padding: 0em 0em .5em 0em;
  text-align: left;
  font-size: 1.4em;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
  background: transparent;
}

/* links
---------------------------------------------- */

.table a {
  color:#950000;
  text-decoration:none;
}

.table a:link {}

.table a:visited {
  font-weight:normal;
  color:#666;
}

.table a:hover {
  border-bottom: 1px dashed #bbb;
}

/* table body
---------------------------------------------- */

.table tbody th, .table tbody td {
  border-bottom: dotted 1px #333;
}

.table tbody th {
  white-space: nowrap;
}

.table tbody th a {
  color:#333;
}

/* table headers
---------------------------------------------- */
.bar th {
  background:#333 url(img/llsh.gif) repeat-x;
  color:#fff
}