/** Pretty printing styles. Used with prettify.js. */

.str { color: #080; }
.kwd { color: #008; }
.com { color: #800; }
.typ { color: #606; }
.lit { color: #066; }
.pun { color: #660; }
.pln { color: #000; }
.tag { color: #008; }
.atn { color: #606; }
.atv { color: #080; }
.dec { color: #606; }
pre.prettyprint { padding: 2px; border: 1px solid #888; }

@media print {
  .str { color: #060; }
  .kwd { color: #006; font-weight: bold; }
  .com { color: #600; font-style: italic; }
  .typ { color: #404; font-weight: bold; }
  .lit { color: #044; }
  .pun { color: #440; }
  .pln { color: #000; }
  .tag { color: #006; font-weight: bold; }
  .atn { color: #404; }
  .atv { color: #060; }
}

#demo iframe {
  position: relative;
  border: 2px solid #fff;
  width: 838px;
  height: 1000px;
  background: #fff;
}

.demo #demo,
.tutorial #tutorial,
.code #code,
.comments #allcomments {
  display: block;
}

.tutorial .tab,
.demo .tab,
.code .tab,
.comments .tab {
  display: none;
}

pre {
  overflow: auto;
}

img.image {
  border: 2px solid #ccc;
}

div#scrollButtons div.minWidth {
  height: 175px;
  width: 364px;
}

#titleHolder #scrollButtons ul {
  width: 9999px;
}

#titleHolder #scrollButtons li {
  margin: 0;
  padding: 25px 60px 0px 0px;
  display:block;
  height: 70px;
  width: 66px;
}

#titleHolder #scrollButtons li.selected em.selected {
  width: 148px;
}

#content ol#comments li h4 cite span {
	font-size: 18px;
}

ol#comments li.author h4 {
  background-position: 100% 25%;
}

#footer #feeds li.podcast {
  background-image: url(../images/podcast_mini.png);
}

#titleHolder #scrollButtons li.new em {
  top: 20px;
  right: 16px;
}

body#articlePage #videoPreview {
  border: 5px solid #000000;
  height: 400px;
  overflow: hidden;
  width: 830px;
}