/* basics */
html, body, h1, h2, h3, h4, h4, h6, ul, ol, li, dl, dt, dd, p, div, span, form, fieldset {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0; }
html {
  font: 62.5% Tahoma, Verdana, Helvetica, Arial, sans-serif;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  color: #000;
  background: #ddd url(/_presentation/scanlines.png) repeat top center; }
body {
  position: relative;
  margin: 0 auto;
  padding: 0;
  font-size: 1.5em;
  line-height: 1.4;
  min-height: 100%;
  min-width: 970px; }
ul {
  margin: 0 0 1em 1em; }
ul li {
  margin: 0 0 .25em 0;
  padding: 0;
  display: list-item;
  list-style: none inside; }
#content ul li {
  padding: 0 0 0 18px;
  background: url(/_presentation/star.png) no-repeat 0 1px; }
.section-adventures #content ul li, #content ul li.adventures {
  background-image: url(/_presentation/adventures.png); }
.section-occasions #content ul li, #content ul li.occasions {
  background-image: url(/_presentation/occasions.png); }
.section-art #content ul li, #content ul li.art {
  background-image: url(/_presentation/art.png); }
.section-dictionary #content ul li, #content ul li.dictionary {
  background-image: url(/_presentation/dictionary.png); }
.section-amusement #content ul li, #content ul li.amusement {
  background-image: url(/_presentation/amusement.png); }
ol {
  margin-left: 1.5em; }
dt {
  font-weight: bold; }
dd {
  margin: .1em 0 1em 2em; }
p {
  margin-bottom: 1em; }
a {
  color: #333;
  text-decoration: none;
  border-bottom: dotted 1px #ccc; }
#content p a {
  padding-left: 12px;
  background: url(/_presentation/star.png) no-repeat left center; }
a:hover {
  color: #000;
  border-bottom: dotted 1px #999; }
a img {
  border: none; }
h1, h2, h3, h4, h4, h6 {
  font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; }
h1 a {
  color: #000;
  border: none; }
h2 {
  margin: 0 0 5px 0;
  font-size: 20px; }
/*h1, .page- h2 {*/
h1 {
  margin: 0;
  padding-top: 10px; 
  font-size: 24px;
  background: url(/_presentation/heading.png) no-repeat right bottom;
  border-bottom: solid 4px #000; }
h3 {
  margin: 0 0 5px 5px;
  font-size: 16px; }
.box {
  padding: 4px;
  background: #fff;
  border: solid 1px #000; }

h2.welcome {
  width: 500px; }
div.welcome {
  width: 490px; }
.page- #recent-picture {
  margin: -220px 0 10px 540px; }

#header,
header {
  height: 82px;
  position: relative;
  overflow: visible;
  background: url(/_presentation/crinkle.png) repeat-x center 10px; }
#title {
  width: 260px;
  height: 66px;
  margin: 0 auto;
  padding: 10px 30px 29px 30px;
  background: url(/_presentation/keithsuperk.png) no-repeat top left;
  overflow: hidden;
  border: none; }
#title a {
  display: block;
  width: 260px;
  height: 66px;
  text-indent: -9999px;
  overflow: hidden;
  border: none; }
#title a:hover {
  border: none; }
.page- #navigation,
.page- nav {
   display: none; }
#navigation,
nav {
  display: block;
  margin: -20px 0 20px 0;
  text-align: center; }
#navigation li,
nav li {
  display: inline-block;
  padding: 0;
  list-style: none;
  font: bold 13px/13px Tahoma, Verdana, Helvetica, Arial, sans-serif;
  background: #fff;
  border: solid 3px #000; }
#navigation li a,
nav li a {
  display: inline-block;
  padding: 4px;
  height: 100%;
  color: #000;
  font: bold 13px/13px Tahoma, Verdana, Helvetica, Arial, sans-serif;
  border: none; }
#navigation li a:hover,
nav li a:hover {
  background: #333;
  color: #fff;
  border: none; }
#content,
#footer,
section.main,
footer {
  width: 910px;
  margin: 1em auto;
  padding: 0;
  font: 1em Verdana, Helvetica, Arial, sans-serif; }
.page- #content, .page-new #content {
  width: 970px; }

#connect {
  position: relative;
  top: 0;
  left: 57px;
  width: 250px;
  height: 160px;
  overflow: hidden; }
#connect ul, #connect ul li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0; }
#connect ul li {
  position: absolute;
  top: 0;
  left: 135px;
  width: 115px;
  height: 30px;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url(/_presentation/connect.png);
  background-repeat: no-repeat; }
#connect ul li a {
  display: block;
  height: 30px; }
#connect li#link-picasa {
  display: block;
  left: 0;
  width: 125px;
  height: 160px;
  text-indent: 0;
  background-image: none; }
#connect li#link-picasa #frame {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 125px;
  height: 160px;
  text-indent: -9999px;
  background: url(/_presentation/frame.png) no-repeat 0 0; }
#connect li#link-picasa #frame:hover {
  background-position: -125px 0; }
#connect li#link-twitter {
  top: 5px;
  background-position: 0 0; }
#connect li#link-twitter:hover {
  background-position: -115px 0; }
#connect li#link-facebook {
  top: 35px;
  background-position: 0 -30px; }
#connect li#link-facebook:hover {
  background-position: -115px -30px; }
#connect li#link-google {
  top: 65px;
  background-position: 0 -60px; }
#connect li#link-google:hover {
  background-position: -115px -60px; }
#connect li#link-livejournal {
  top: 95px;
  background-position: 0 -90px; }
#connect li#link-livejournal:hover {
  background-position: -115px -90px; }
#connect li#link-myspace {
  top: 125px;
  background-position: 0 -120px; }
#connect li#link-myspace:hover {
  background-position: -115px -120px; }

#mixes, #dictionary {
  overflow: hidden; }
#mixes a, #dictionary a {
  display: block;
  text-indent: -9999px;
  border: none; }

#mixes {
  margin: -150px 0 0 395px;
  width: 180px;
  height: 135px;
  background: url(/_presentation/mixes.png) no-repeat 0 0; }
#mixes:hover {
  background-position: 0 -135px; }
#mixes a {
  height: 135px; }
#dictionary {
  margin: -118px 0 0 665px;
  width: 250px;
  height: 100px;
  background: url(/_presentation/dictionary-new.png) no-repeat 0 0; }
#dictionary:hover {
  background-position: 0 -100px; }
#dictionary a {
  height: 100px; }

#boxes, #glows {
  position: relative;
  height: 320px;
  padding: 30px; }
#boxes {
  margin: 30px 0 0 0;
  z-index: 2; }
#glows {
  margin: -380px 0 -20px 0;
  z-index: 1; }
#boxes div, #glows span {
  display: block;
  font: 12px/1.2 Tahoma;
  width: 300px;
  height: 320px;
  padding: 0; }
#boxes div h2 {
  width: 300px;
  height: 50px;
  margin: 0 0 2px 0;
  padding: 0;
  text-indent: -9999px; }
#box-upcoming, #glow-upcoming {
  background: url(/_presentation/box-upcoming.png) no-repeat 0 0; }
#box-upcoming:hover {
  -moz-box-shadow: #aa0 0 0 10px;
  -webkit-box-shadow: #aa0 0 0 10px;
  box-shadow: #aa0 0 0 10px; }
#box-past, #glow-past {
  margin: -320px 0 0 305px;
  background: url(/_presentation/box-past.png) no-repeat 0 0; }
#box-past:hover {
  -moz-box-shadow: #4a0 0 0 10px;
  -webkit-box-shadow: #4a0 0 0 10px;
  box-shadow: #4a0 0 0 10px; }
#box-tweets, #glow-tweets {
  margin: -320px 0 0 610px;
  background: url(/_presentation/box-tweets.png) no-repeat 0 0; }
#box-tweets:hover {
  -moz-box-shadow: #06a 0 0 10px;
  -webkit-box-shadow: #06a 0 0 10px;
  box-shadow: #06a 0 0 10px; }
#glow-upcoming {
  -moz-box-shadow: #aa0 0 0 30px;
  -webkit-box-shadow: #aa0 0 0 30px;
  box-shadow: #aa0 0 0 30px; }
#glow-past {
  -moz-box-shadow: #4a0 0 0 30px;
  -webkit-box-shadow: #4a0 0 0 30px;
  box-shadow: #4a0 0 0 30px; }
#glow-tweets {
  -moz-box-shadow: #06a 0 0 30px;
  -webkit-box-shadow: #06a 0 0 30px;
  box-shadow: #06a 0 0 30px; }

#boxes ul {
  margin: 0 auto;
  padding: 4px;
  width: 268px;
  height: 248px;
  overflow: hidden; }
#boxes ul li {
  min-height: 45px;
  margin: 0;
  padding: 0 1px 6px 35px;
  color: #333;
  cursor: default;
  list-style-position: outside; }
#boxes ul li.deejay {
  background: url(/_presentation/icon-deejay.png) no-repeat 0 0; }
#boxes ul li.trip {
  background: url(/_presentation/icon-trip.png) no-repeat 0 0; }
#boxes ul li.post {
  background: url(/_presentation/icon-post.png) no-repeat 0 0; }
#boxes ul li.event {
  background: url(/_presentation/icon-event.png) no-repeat 0 0; }
#boxes ul li.work {
  background: url(/_presentation/icon-work.png) no-repeat 0 0; }
#boxes ul li a {
  color: #333; }
#boxes ul li:first-of-type,
#boxes ul li:first-of-type a {
  color: #000; }
#boxes ul:first-of-type li {
  opacity: .7; }
#box-tweets ul li {
  background: url(/_presentation/tweet.png) no-repeat 0 0; }
#boxes ul li:first-of-type,
#boxes div:hover ul li {
  opacity: 1; }
#boxes ul li.last {
  background-image: none;
  font-weight: bold; }
#box-past ul li.last a {
  color: #4a0; }
#box-tweets ul li a,
#box-tweets ul li:first-of-type a {
  color: #06a; }
#boxes div span {
  display: none; }
#boxes .title, #boxes .place, #boxes .date {
  display: block; }
#boxes .place, #boxes .date {
  text-align: right; }
#boxes .date {
  font-style: italic; }
#box-upcoming .place {
  color: #aa0; }


ul#dictionary-sections {
  text-align: center; }
#content ul#dictionary-sections li {
  display: inline;
  padding: 0;
  background-image: none;
  list-style: none;
  margin: 0;
  padding: 0; }
#dictionary-sections li:first-child:before {
  content: ''; }
#dictionary-sections li:before {
  content: ' | ';
  color: #ccc; }
.selected a {
  color: #09f; }
#footer,
footer {
  padding: 1em 0 0 0;
  border-top: solid 1px #ccc;
  font-size: .8em;
  text-align: center; }
#navigation-footer {
  margin: 0 0 5px 0; }
#navigation-footer li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0; }
#navigation-footer li:first-child:before {
  content: ''; }
#navigation-footer li:before {
  content: ' | ';
  color: #ccc; }
#navigation-footer li a {
  color: #333; }
#copyright {
  font: bold .8em Tahoma;}

/* comments */
ol#comments {
  display: block;
  margin: 1em auto;
  padding: 0;
  font-size: 1em;
  width: 90%; }
ol#comments li {
  background: #fff;
  border: solid 2px;
  display: block;
  font-size: 1em;
  margin: 0 0 2em 0;
  padding: 0; }
ol#comments li .comment-metadata {
  background: #f0f0f0;
  border-bottom: solid 1px;
  line-height: 32px;
  padding: 5px 0 5px 10px; }
ol#comments li .comment-metadata a {
  text-decoration: none; }
ol#comments li .comment-metadata a:hover {
  color: #999; }
ol#comments li .comment-metadata img {
  border: none;
  vertical-align: top; }
ol#comments li p {
  margin-left: 1em;
  padding: 10px; }

/* form */
form fieldset {
  border: none;
  width: 40em;
  margin: 0 0 1em 0;
  padding: 0 0 .2em 0; }
form fieldset legend {
  font-weight: bold; }
form fieldset div {
  padding: .3em 0 0 0;
  border: solid 1px #999;
  background: #eee; }
form fieldset div div {
  border: none;
  margin: 0;
  padding: 0 0 .3em 0; }
form fieldset div label {
  display: block;
  float: left;
  clear: both;
  width: 11em;
  padding-right: 1em;
  text-align: right; }
form fieldset div div input, 
form fieldset div div textarea, 
form fieldset div div span {
  font: inherit;
  width: 26em;
  margin: 0; }
form fieldset div div textarea {
  height: 10em; }
form .buttons {
  width: 40em;
  text-align: right; } 
form .fill {
  width: auto; }
form fieldset.fill div {
  width: auto;
  padding: .2em .2em .1em .2em; }
form fieldset.fill textarea {
  width: 100%;
  height: 30em;
  margin: 0;
  padding: 0;
  font: 1.2em monospace; }