* {
  margin:  0;
  padding: 0;
}

body {
  font-family: Helvetica, Verdana, sans-serif;
  font-size:   13px;
  color:       #c2c2cf;
  background:  #4e4d59;
}

#header {
  width:  100%;
  height: 97px;

  background: url(../images/header_back.png) repeat-x;

  position: fixed !important;
  position: absolute;
  top:     0;
  left:    0;
  z-index: 2;
}

#header .wrap {
  width:  840px;
  height: 80px;

  background: url(../images/header_back.png) repeat-x;

  position: relative;
}

#header h1 {
  padding: 18px 0 0 18px;
}

#header h1 a {
  background: url(../images/ericwdotorg.png) no-repeat;

  display: block;
  width:   189px;
  height:  45px;
}

#header h1 a span { display: none; }

#header span.note {
  display:  block;
  position: absolute;

  right:   0;
  top:     26px;
  height:  23px;
  padding: 6px 100px 0 0;

  text-align:  right;
  font-style:  italic;
  white-space: nowrap;

  text-shadow: #16161a 1px 1px 0;
}

#header span.note a:hover { color: #fff; }

#main {
  position: absolute;

  width:   840px;
  top:     80px;
  left:    0;
  z-index: 1;
}

#loading {
   padding: 30px 0 0 25px;

   text-align: center;

   width: 65%;
   top:   80px;
}

.content {
   padding: 30px 0 0 25px;

   width: 65%;
   top:   80px;
}

.content h1 {
  font-size: 16px;
  color:     #fff;
  padding: 0 0 10px 0;
}

.content h2 {
  font-size: 14px;
  color:     #fff;
  padding: 0 0 10px 0;
}

.content h3 {
  font-size: 12px;
  color:     #fff;
  padding: 0 0 7px 0;
}

.content p {
  margin: 0 0 10px 0;

  line-height: 17px;
}

.content p a {
   border-bottom: 1px solid #626a73;
   text-shadow: #000 0 0 0;
}

.content p a:hover { background-color: #626a73; }

.content span.info {
  font-size:  10px;
  display:    block;
  text-align: right;
}

.content ol, ul {
  margin: 0 0 10px 30px;
}

.content blockquote {
   border-left: 2px solid #626a73;
   padding-left: 10px;
}

ul#sites_list {
  list-style-type: none;

  background: url(../images/list_middle.png) repeat-y;

  width:   580px;
  margin:  0 0 0 13px;
  padding: 0 30px 0 15px;
}

ul#sites_list li a {
  display: block;

  height:  50px;
  padding: 10px 0 0 22px;

  background: url(../images/row_back.jpg) repeat-x;

  border-top:  1px solid #fff;
  font-weight: normal;
}

ul#sites_list li:first-child a { border: none; }

ul#sites_list li a { text-shadow: #fff 0 0 0; }

ul#sites_list li a:hover { background-position: 0 -60px; }

ul#sites_list li a:active {
  background-position: 0 -120px;
  border-color: #c5c5d1;
}

ul#sites_list h3 a strong {
  font-size:   20px;
  font-weight: normal;
  color:       #292930;
  display:     block;
}

ul#sites_list li a em {
  font-size:  11px;
  font-style: normal;
  color:      #69697d;
}

ul#sites_list li a em span.desc {
  color: #fff;

  text-shadow: #9e9ea8 1px 1px 1px;
}

#list_header {
  background: url(../images/list_top.png) no-repeat;

  width:  610px;
  height: 42px;
  margin: 30px 0 0 13px;
}

#list_footer {
  background: url(../images/list_bottom.png) no-repeat;

  width:  610px;
  height: 42px;
  margin: 0 13px 0 13px;

  padding-top: 50px;
}

#rightbar {
  float:   right;
  width:   200px;
  padding: 30px 15px 0 0;
  margin:  0;
}

#rightbar h2 {
  display: block;
}

.border_spacer {
  background: url(../images/right_spacer.gif) repeat-x;

  height: 2px;
  margin: 20px 0;
}

#rightbar li {
  font-family: Verdana, sans-serif;

  text-transform: uppercase;
  list-style:     none;
  letter-spacing: 2px;
  margin: 0 0 10px 0;
}

#rightbar p {
  line-height: 22px;
  font-size:   13px;
  text-shadow: #16161a 1px 1px 1px;
}

#rightbar p a { color: #fff; }

#rightbar ul {
  padding: 0;
  margin:  0;
}

#rightbar .box a {
  display: block;

  background: #3f3e47;

  padding: 8px;
  -webkit-border-radius: 4px;
  -webkit-box-shadow:    #323239 0 -1px 0;
  -webkit-transition:    0.5s text-shadow;
  -moz-border-radius:    4px;
}

#rightbar .box a:hover {
  color:       #fff;
  text-shadow: #ccccd9 0 0 10px;
}

#rightbar .box a em {
  display: block;

  font-family: Georgia, "Times New Roman", Times, serif;

  font-size:   12px;
  line-height: 23px;
  text-align:  center;
  padding:     3px 0;
}

#rightbar .box a strong {
  display: block;

  text-align: right;
  padding:    3px 20px 6px 0;
}

#rightbar #footer p {
  margin: 10px 0 0 0;

  text-align: center;
}

#rightbar #footer p.copyright {
  font-size: 10px;
  text-align: left;
}

#rightbar #footer p.copyright a {
  text-decoration: none;

  color:   #ccccd9;
  outline: 0;

  text-shadow: #16161a 1px 1px 0;
}

#rightbar #footer p.copyright a:hover {
  color: #fff;
  text-shadow: #ccccd9 0 0 10px;
  -webkit-transition:    0.5s text-shadow;
}


.spacer { clear: both; }

a {
  text-decoration: none;

  color:   #ccccd9;
  outline: 0;

  text-shadow: #16161a 1px 1px 0;
}

a:hover {
  color: #fff;
  text-shadow: #ccccd9 0 0 10px;
  -webkit-transition:    0.5s text-shadow;
}

.cbox {
  display: block;

  background: #3f3e47;

  margin:  30px 0 0 30px;
  padding: 10px 10px 10px 10px;

  width: 55%;

  padding: 8px;
  -webkit-border-radius: 4px;
  -webkit-box-shadow:    #323239 0 -1px 0;
  -webkit-transition:    0.5s text-shadow;
  -moz-border-radius:    4px;
}

img { border: none; }

#global {
  padding:  30px 0 0 100px;
  position: relative;
  z-index:  1;
}

#twitterlist { list-style-type: none; }

#twitterlist li a {
  display: block;

  width:  400px;
  height: 125px;
  float:  left;
  margin: 3px 15px;
}

#twitterlist li a .left {
  display: block;
  float:   left;
  width:   62px;

  background: url(../images/twitter_arrow_left.png) no-repeat 100% 10px;

  position: relative;
  z-index:  2;
}

#twitterlist li a .left img {
  width:  48px;
  height: 48px;

  -webkit-box-shadow: #2a2a30 0 2px 4px;
}

#twitterlist li a .right {
  display: block;
  float:   left;
  width:   338px;

  background: #9290a6;

  -webkit-border-radius: 8px;
  -moz-border-radius:    8px;
  -webkit-box-shadow:    #2a2a30 0 2px 4px;
}

#twitterlist li a .name {
  padding:   10px 5px 5px 7px;
  font-size: 13px;

  color:   #2a2a30;
  display: block;

  text-shadow: #bcb9d5 1px 1px 1px;
}

#twitterlist li a .text {
  padding:     6px;
  font-size:   12px;
  line-height: 18px;

  color:   #fff;
  display: block;

  background: #353440;

  margin: 4px;

  font-style:  normal;
  text-shadow: #000 0 1px 1px;

  -webkit-border-radius: 4px;
  -moz-border-radius:    4px;
}

#twitterlist a span.info {
  font-size:  10px;
  display:    block;
  text-align: right;
}

pre {
  font-family: "Bitstream Vera Sans Mono", Courier, Monaco, ProFont, "American Typewriter", "Andale Mono", monospace;

  line-height: 1.45em;
  color:       #eee;
  margin:      2em 0 2.5em 0;
  padding:     5px 0 5px 10px;

  background-color: inherit;

  border-width: 1px 0 1px 0;
  border-color: #626a73;
  border-style: dashed;
}

code {
  font-family: Monaco, ProFont, "Bitstream Vera Sans Mono", "American Typewriter", "Andale Mono", monospace;
  font-size:   0.91em; /* 1.09em for Courier */
}

hr {
  border: 1px dashed #626a73;
  margin: 0 0 7px 0;
  color:  #626a73;

  background-color: #626a73;
}

.footnotes hr {
  margin: 50px 0 20px 0;
  width: 25%;
}