h1, #content h2, #content .deck {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

h1 {
  border-bottom: 1px solid #CCC;
  margin-bottom: 19px;
  font-weight: 200;
}

h1 a:link, h1 a:visited { color: #444; }
h1 a:hover { 
  color: #20C;
  background: rgba(0,0,255,.05);
}

#content h2 { font-weight: 200;}


#content .col7 a {
  color: #20c;
}

#content .col7  a:hover {
  text-decoration: underline;
}

#content .col7 a.button {
  color: #FFF;
  background-color: #20C;
}
#content .col7 a.button:hover {  background-color: #55F; }
a.button:active { background-color: #333; }

.col12.pull2left img {border: 1px solid #CCC; }


.wrap12 pre.col12 {
  width: 900px;
  overflow: auto;
}



/**** Speech Bubble Icons *****/


a.spch-bub-inside,
a.spch-bub-outside {
  color: #77C;
}
.spch-bub-inside em {
  background: #77C;
}
.spch-bub-inside .point,
.spch-bub-outside .point {
  border-left: 0.4em solid #77C; 
}
.spch-bub-outside .bubble {
  background: #77C;
}
a.spch-bub-inside:hover,
a.spch-bub-outside:hover {
  color: #20C;
  background: rgba(0,0,255,.05);
}
a.spch-bub-inside:hover em,
a.spch-bub-outside:hover .bubble  {
  background: #20C;
}
a.spch-bub-inside:hover .point,
a.spch-bub-outside:hover .point {
  border-left-color: #20C; 
}

#comments {
  background-color: #446;
}