.clearfix:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden;}
div.cleaner{clear:both;height:1px;overflow:hidden}
body {
  background: #2E7990 url(/images/page-bg.gif) top repeat-x;
  color: #eee;
  font:13px Lucida Sans Unicode, Lucida Grande, sans-serif;
  margin: 0;
  padding: 0;
}
body * {
  line-height:1.26em;
}
a {
  color: #eee;
  text-decoration: none;
}
a:hover {
  color: #fff;
  text-decoration: underline;
}
a img {
  border: none;
}
#hd {
  min-width: 960px;
  width: 100%;
}
#logo {
  float: left;
  margin: 14px;
}
#title {
  color: #133946;
  float: left;
}
#title h1 {
  font-size: 500%;
  margin: 0;
  padding: 0;
}
#title h1 a {
  color: #133946;
}
#title h1 a:hover {
  text-decoration: none;
}
#title p {
  margin: -14px 0 0 20px;
  padding: 0;
}
#contact {
  float: right;
  margin: 40px 24px 40px 14px;
}
#bd {
  margin: 0 auto;
  width: 960px;
}
#projects {
  float: left;
  width: 320px;
}
#coming-soon {
  margin: 2em auto;
}
#reading {
  float: left;
  width: 320px;
}
#listening {
  float: right;
  width: 320px;
}
#listening ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#listening li {
  clear: both;
}
#listening img {
  border:none;
  display:block;
  float:left;
  padding:2px 4px;
  width: 34px;
}
#listening span {
  display: block;
  font-size: 80%;
}
#ft {
  border-top: 1px solid #999;
  color: #999;
  margin: 14px;
  text-align: center;
}
.reader-publisher-module ul {
  color: #ccc;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.reader-publisher-module li {
  padding-bottom: 4px;
}
.reader-publisher-module .s {
  font-size: 80%;
  margin-left: 2em;
}
.jcarousel-container-vertical {
    width: 320px;
    height: 400px;
    background: none;
}
.jcarousel-clip-vertical {
    top: 15px;
    width: 310px;
    height: 370px;
    margin: 0 5px;
    z-index: 20;
}
#projects-carousel li,
.jcarousel-item-vertical,
.jcarousel-item-placeholder-vertical {
    width: 300px;
    height: 360px;
    margin: 5px 0;
}
.jcarousel-item h3 {
    margin: 4px 0 2px 0;
    font-size: 100%;
    text-align: center;
}
.jcarousel-item img {
	display: block;
	margin: 4px auto 2px auto;
	text-align: center;
}
.jcarousel-item p {
    margin: 0;
    font-size: 90%;
}
.jcarousel-next-vertical {
	border-top: 1px solid #4490A8;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 310px;
    height: 14px;
    cursor: pointer;
    background: url(/images/carousel-arrow-down.gif) no-repeat center;
}
.jcarousel-next-disabled-vertical {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}
.jcarousel-prev-vertical {
	border-bottom: 1px solid #4490A8;
    position: absolute;
    top: 0;
    left: 0;
    width: 310px;
    height: 14px;
    cursor: pointer;
    background: url(/images/carousel-arrow-up.gif) no-repeat center;
}
.jcarousel-prev-disabled-vertical {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}
.loading {
    background: transparent url(/images/carousel-loading.gif) 50% 50% no-repeat;
}
a.fg-button {
  margin-left: 0;
}
h2.ref {
  text-align: center;
}
h3.ref {
  text-align: center;
}
table.ref {
  background-color: #fff;
  border-collapse: collapse;
  color: #333;
  margin: 0 auto 1em auto;
  width: 60em;
}
table.ref caption {
  color: #fff;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
}
table.ref th, table.ref td {
  border: 1px solid #ccc;
  padding: 2px 4px;
}
table.ref thead th {
  background-color: #777;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
}
table.ref tbody th {
  background-color: #efefef;
  text-align: left;
}
table.ref tbody tr:hover {
  background-color: #ffc;
}
table.ref tbody td a {
  color: #369;
}
table.ref th.prop {
  width: 12em;
}
table.ref th.applies {
  width: 10em;
}
table.ref th.inh {
  width: 3em;
}
table.ref th.httpcode {
  width: 18em;
}
.html-tags table.ref {
  width: 46em;
}
table.ref td.tag {
  width: 8em;
}
table.ref td.tag a:before {
  content: "<";
}
table.ref td.tag a:after {
  content: ">";
}
table.ref td.emptytag {
  font-weight: bold;
  text-align: center;
  width: 1em;
}
.html-entities table.ref {
  width: 50em;
}
table.ref td.ent-s {
  text-align: center;
  width: 1em;
}
table.ref td.ent-e {
  width: 6em;
}
table.ref td.ent-n {
  text-align: center;
  width: 4em;
}
.ref-nato table.ref {
  width: 14em;
}
table.ref .nato-l {
  text-align: center;
  width: 2em;
}