body { overflow: auto; margin: 0; padding: 0; background: #C5BA4F url('images/bgstripes07.gif'); font-family: Trebuchet MS; }

a { text-decoration: underline; outline: none; color: #300; }
  a:active, a.head:active, a:hover, a.head:hover { text-decoration: none; }
  a.sighting, a.shirt { display: inline-block; height: 100px; border: 1px solid #000; text-decoration: none; }
    a.shirt { width: 200px; }
    a.sighting { position: relative; width: 100px; margin-right: 3px; }
      .sighting span { display: block; position: absolute; bottom: 0; right: 0; padding: 2px 3px; background: #222; color: #fff; font: 9px/9px Arial; }
      .win .sighting span { padding: 3px 3px 2px; }
      .win.ie .sighting span { padding: 4px 3px 1px; }
    a.sighting img, a.shirt img { border: 0; margin: 0 3px 3px 0; }

#theline { position: absolute; top: 0; left: 15px; width: 523px; height: 334px; background: url('images/newsmeatcan.png'); }
#outer { position: absolute; top: 0; left: 0; border-top: 4px solid #000; margin: 149px 0 0 0; padding: 0 75px 75px 250px; z-index: 10; }
#main { font-size: 13px; line-height: 19px; padding: 0; }

.exp, .itam, .foot { margin: 0 0 7px 0; }
  .exp { padding: 10px 15px; background: #f5ea7f; }
  .itam { padding: 0 15px 10px; background: #fff; }
  .foot  { padding: 7px 15px; background: #ddd; text-align: right; font-size: 11px; }


h1 { font-size: 20px; margin: 3px 0; padding: 0; }
h2 { font-size: 15px; }
h3 { font-size: 13px; font-weight: bold; letter-spacing: 1px; margin: 0; border-left: 1px solid #000; padding: 12px 0 5px 8px; }
  h3 span { font-weight: normal; color: #444; }
p { margin-top: 12px; margin-bottom: 0; padding: 0; }


.new { font-weight: bold; font-style: italic; color: #d00; }
.floats { float: right; padding-left: 10px; }
iframe { position: relative; z-index: 100; }
.clear { height: 1px; width: 1px; font-size: 1px; clear: both; }




/* fancy stuff to explode lesser browsers */
::-moz-selection { background: #D5CA4F; }
::selection { background: #D5CA4F; }

a.sighting:hover img, a.shirt:hover img { filter:alpha(opacity=40); -moz-opacity:.4; opacity:.4; }

.exp, .itam, .foot { 
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -moz-box-shadow: 1px 3px 6px rgba(0,0,0,.45);
  -webkit-box-shadow: 1px 3px 6px rgba(0,0,0,.45);
  box-shadow: 1px 3px 6px rgba(0,0,0,.45);
}

.exp {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,243,133,1)), color-stop(100%,#e5da77)); /* webkit */
  background: -moz-linear-gradient(top, rgba(255,243,133,1) 0%, #e5da77 100%);
}

.first {
  -moz-border-radius: 0 0 7px 7px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-radius: 0 0 7px 7px;
}

.itam { 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(80%,#eee)); /* webkit */
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, #eee 80%);
}

:target { 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,235,1)), color-stop(80%,#eeb)); /* webkit */
  background: -moz-linear-gradient(top, rgba(255,255,235,1) 0%, #eeb 80%);
}

.foot { 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,1)), color-stop(80%,#ccc)); /* webkit */
  background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, #ccc 80%);
}

.sighting span { background: rgba(0,0,0,.75); }



/* ie */
.ie6 img, .ie6 div { behavior: url('iepngfix.htc'); }




/* error pages */
body#error { margin: 50px 20px 20px; text-align: center; }
#error div#wrap { width: 750px; height: 400px; margin: 0 auto; background: #fff url('/error/error.png') no-repeat bottom left; border: 2px solid #333; }
#error h1 { font-size: 36px; text-align: left; margin: 20px 20px 0 300px; }
#error p { font-size: 18px; text-align: left; margin: 20px 20px 0 300px; }
#error p.small { font-size: 14px; margin-top: 60px; }