body { 
  background-color: #fff; 
  margin: 0; 
  padding: 0; 
  font-family: 'helvetica neue', helvetica, arial, sans-serif; 
  font-size: 14px; 
  text-align: left; 
}

/* Heading */
div.heading { 
  position: fixed; 
  top: 0; 
  right: 0; 
  padding: 1.25em 0; 
  width: 100%;
  z-index: 999;
  color: #fff;
  border-bottom: 1px solid #666;
  background: #777 url('./Images/bg_grad.png') repeat-x 50% 50%;
  text-shadow: #333 0.1em 0.1em 0.1em
}
div.heading .icon { position: absolute; top: 1px; left: 1px; border: 1px solid #333; background: #fff; }
div.heading img.icon { height: 66px; width: 66px; }
div.heading .with, div.heading .timestamp { 
  font-weight: bold; 
  font-family: 'myriadd pro', 'myriad', 'lucida grande', 'trebuchet ms', arial, sans-serif;
  position: relative; 
  left: 4.5em;
}
div.heading .with { font-size: 20px; }
div.heading .timestamp { font-size: 13px; margin: 0 0 0 2.5em; }

/* Main message style */
dl, dt, dd { margin: 0; display: hidden; }
dl { border-top: 1px solid #ccc; padding: .7em .8em; }
dt, dd { display: inline; }
dt.nickname, dd.timestamp { font-weight: bold; }
dt.nickname { color: #333; background: none; }
dd.msg { color: #555; font-family: helvetica, arial, sans-serif; }
dd.timestamp { float: right; color: #555 }
dl.item.notice { font-style: italic; text-align: center; }
dl.item.mine { background: #f5f5f5; }


/* Links */
a:link { color: #c9a874; text-decoration: none; outline: 0 none; }
a:hover { color: #c6903a; border-bottom: 1px dotted #c6903a; }

@media screen {
  a:visited, .visited { padding: 4px 0px 0 20px; background-color: transparent; background-repeat: no-repeat; background-position: 0px center; }
  a:visited, .visited { background-image: url('../img/tick.png'); }
}