body { font-family: "Lucida Grande", Helvetica, Arial, sans-serif; 
  font-size: 75%; line-height: 1.5; color: #444; background: #ddd;  margin: 0; }

#container { position: relative; width: 950px; padding: 12px; margin: 18px auto; background: #fff; 
  background-position: 2px;
  -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#content { position: relative; margin-left: 320px; padding: 34px 0 0 0;
  min-height: 492px; height: auto !important; height: 492px; width: 504px;  }
#content h2 { margin-right: -180px; }

#cloud { position: relative; padding: 7px 0 0 0;
  min-height: 492px; height: auto !important; height: 492px; width: 492px;  }

#slideshow { position: relative; }
#slideshow { }
#slideshow div div { height: 492px; display: table-cell; vertical-align: middle; overflow: hidden; }
#slideshow div div p.description { margin: 4px 0 12px; }

#footer { clear: both; text-align: right; margin: 18px 0 -6px 0; color: #aaa; }
#footer hr { margin: 0 -12px 6px; border: none; height: 3px; background: #ddd;  }
#footer p { margin: 0; }
#footer small { margin-left: 12px; }

#header { height: 54px;  } 
#header hr { margin: 0 -12px; border: none; height: 3px; background: #ddd;  }    

#header h1 { font-size: 4em; font-weight: normal; margin: 0 100px 0 0; padding: 0; color: #aaa; }
#header h1 a { display: block; color: #aaa; }
#header h1 a:hover { color: #777; text-decoration: none; }

h2 { font-size: 2em; font-weight: normal; margin: 0; padding: 0; line-height: 1.5; }
h2 a { color: #aaa; }
h2 a:hover { text-decoration: none; color: #cc0000; }

#sidebar { float: left; width: 302px; min-height: 480px; position: relative; }

ul#pages { list-style: none; margin: 34px 0 0 0; padding: 0; text-align: right; }
#pages li { margin: 0 0 4px 0; padding: 0; display: block; }
#pages li a { font-size: 2em; margin: 0 0; color: #333;  }
#pages li a:hover, #pages li.active a { color: #cc0000; text-decoration: none; } 
#pages ul { list-style: none; margin: 0; padding: 0; }


#pages li li { padding: 0; margin: 3px 0; }
#pages li .meta { text-align: right; display: block; margin: 0; }
#pages li.active li a { font-size: 1em; text-indent: 0; text-align: right; text-decoration: none; 
  color: #555; height: 1.5em; margin: 0; padding: 0; }
#pages li li a:hover, #pages li li.active a, #pages li li.hover a { color: #cc0000; }

#nav { position: absolute; right: 0;  bottom: 0; margin: 0; text-align: right; font-size: 1.0909em;} 
#nav a { color: #999; margin: 0 0 0 4px; display: inline-block; }
#nav a:hover, #nav a.activeSlide { text-decoration: none; color: #cc0000; } 

#caption { position: absolute; bottom: 24px; right: 680px; text-align: right; }
p.description { font-size: 12px; font-style: italic; color: #999; }

#notes { position: absolute; left:0; top:0; min-height: 460px; height: auto!; height: 460px;  background: white; padding: 10px;}

#prevnext { position: absolute; right: 10px; display: none; margin-top: 54px;}
#prevnext a { display: block; font-size: 24px; text-indent: -10000px; background-repeat: no-repeat; width: 120px; background-position: right 0; }
#prevnext a:hover { background-position: right -27px; }
hr { background: #555; height: 1px; border: none; margin: 0 0 18px 0; }

a { outline: none; -moz-outline: none; color: #cc0000; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
p, ul, li { margin: 0 0 1.5em 0; line-height: 1.5; }

.meta { color: #aaa; margin: 0 0 1.5em 0; }
.hot { cursor: pointer; }
.hover a { color: #cc0000; }

#grid { position: absolute; right: 10px; top: 18px; z-index:99;}
#description { margin-top: 480px; }

/*----- Tag Cloud -----*/
#cloud { margin: 0 0 0 80px; }

ul#tags { list-style: none; margin: 0; padding: 0; text-align: justify; }
#tags li { margin: 0; padding: 0; display: inline; }
#tags li a { text-transform: uppercase; color: #aaa; }
#tags li a:hover, #tags li a.active { color: #cc0000; }

#tags li.size0 { font-size: 2.0em; }
#tags li.size1 { font-size: 1.8em; }
#tags li.size2 { font-size: 1.8em; }
#tags li.size3 { font-size: 3.0em; }
#tags li.size4 { font-size: 1.1667em; }
#tags li.size5 { font-size: 1.3333em; }
#tags li.size6 { font-size: 1.5em; }
#tags li.size7 { font-size: 1.6667em; }
#tags li.size8 { font-size: 5.0em; margin-left: -3px; }
#tags li.size9 { font-size: 5.0em; margin-left: -3px; }   

#target { margin-right: -4px; }
#target img { float: left; margin: 0 4px 4px 0; height: 42px; width: 42px; }
#waiting { position:absolute; left: 57%; top: 47%; z-index: 999;  padding: 4px 8px; display: none; color: white;
  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
  background: url('/images/kb/smoke.png');}

#display { position: absolute; z-index: 99; width: 480px; height: 480px; padding: 6px 18px 6px 6px; text-align: center;
  background: url('/images/kb/display.png'); top: 0; }
#display img { border: 5px solid white; margin: 0; }
#display .controls { position: absolute; top: 40%; display: block; padding: 30px 4px; z-index: 99; height: 24px;
  width: 72px; background: url('/images/kb/display.png');}
#display span.controls { color: silver; }
#display a.controls { text-decoration: none; }
#display .previous { left: 0; }
#display .next { right: 0; }