/* dave's domain v4 */
html, body {
  margin: 0;
  padding: 0;
}

html { background: #fff url(/david/images/sf_bg.gif) top left repeat; }

body { font-family: 'Trebuchet MS'; }

acronym { cursor: help; }

div#outerwrap {
  margin: 1.5ex auto 0;
  position: relative;
  width: 780px;
}

div#wrap {
  margin-bottom: 1em;
  position: relative;
}

h1 {
  height: 48px;
  margin: 0 0 1ex -4px;
  width: 305px;
}

h1 a {
  display: block;
  height: 100%;
  width: 100%;
}

h2 {
  color: #390;
  font-family: Verdana;
  font-size: 110%;
  margin: 1ex 0 0;
}

div#sidebar h2 {
  text-align: center;
}

span.ir {
  background: transparent url(/david/images/h1ddom.gif) top left no-repeat;
  display: block;
  height: 100%;
  text-indent: -9999px;
  width: 100%;
}

* html span.ir {
  cursor: hand;
}

.hide { display: none; }

div#hcard-David-Lantner { font-size: smaller; margin-top:-1em; }
div#hcard-David-Lantner a { color: #000; cursor: text; text-decoration: none; }
div#hcard-David-Lantner div.adr { display: inline; }

div#nav {
  height: 24px;
  margin-top: 3ex;
  padding: 0;
}

ul {
  margin: 0;
  padding: 0;
}

ul#menu {
  width: 100%;
}

ul#menu, ul#menu li {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

ul#menu li {
  float: left;
  height: 24px;
  position: relative;
}

ul#menu li a {
  background: transparent url(/david/images/nav-a-bg.gif) top right no-repeat;
  border-left: 1px solid #690;
  display: block;
  float: left;
  font-family: Verdana;
  font-weight: 700;
  height: 100%;
  line-height: 24px;
  margin-right: 1ex;
  padding: 0 1em;
  text-decoration: none;
}

ul#menu li a:link, ul#menu li a:visited { color: #660; }
ul#menu li a:hover, ul#menu li a:focus, ul#menu li a:active, ul#menu a.sel:link, ul#menu a.sel:visited, ul#menu a.sel:hover, ul#menu a.sel:active {
  background-position: bottom right;
  color: #606;
}

ul#menu a.sel { cursor: text; }

ul#menu li ul {
  background: #eee;
  position: absolute;
  top: 30px;
  left: -999em;
  width: 8em;
}

ul#menu li:hover ul, ul#menu li.over ul {
  left: 0;
}

div#content {
  background: #ffc url(/david/images/grass.gif) center bottom no-repeat;
  border: 1px solid #fc0;
  border-width: 4px 1px 1px;
  color: #030;
  min-height: 28em;
  padding: 0 1em 2.5em;
  position: relative;
  width: 520px;
}

div#content a, div#content a:link { color: #390; text-decoration: none; }
div#content a:visited { color: #309; }
div#content a:hover { text-decoration: underline; }
div#content a:active { color: #00f; }

div#content p {
  line-height: 1.4;
  margin: 0 0 1em;
}

h3 {
  font-family: Georgia;
  margin-bottom: 1em;
}

.niger h3 {
  margin-bottom: 0;
}

div.site {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1.4em;
  padding-left: 120px;
}

div#content .thumb {
  float: left;
  margin-left: -120px; }

div#content div a.thumb {
  text-decoration: none;
}

a.thumb, .shots a { outline: none; }

* html div#content div a.thumb { margin-top: 1em; }

div#content a.toggle {
  background: transparent url(/david/images/bullet-arrow.gif) center right no-repeat;
  border: none;
  color: #660;
  outline: none;
  padding-right: 1em;
  text-decoration: none;
}

div#content a.toggle:hover {
  background: transparent url(/david/images/bullet-arrow-orange.gif) center right no-repeat;
  border-bottom: 1px solid #fc0;
  color: #606;
  text-decoration: none;
}

p.skills span, p.date span { text-transform: uppercase; }
p.date { margin-bottom: 1ex !important; }
p.desc { clear: both; }
p.shots { text-align: center; }
p.shots .hide { display: inline; visibility: hidden; }

.niger ul, .niger ul li {
  list-style-image: url(/david/images/bullet-arrow.gif);
}

.niger ul {
  margin-left: 3ex;
}

.niger li:hover {
  list-style-image: url(/david/images/bullet-arrow-orange.gif);
}

p#pixie { text-align: center; }

h3#thanks {
  border: 3px dashed #60f;
  color: #606;
  padding: 1ex; }

.contact label {
  cursor: pointer;
  display: block;
  float: left;
  font-weight: bold;
  padding-left: 22px;
  width: 5em;
  clear: left;
  line-height: 1.5; }

.contact label.problem { background:transparent url(/david/images/caution.gif) no-repeat scroll left center; }
.contact label.completed { background:transparent url(/david/images/complete.gif) no-repeat scroll left center; }

.contact input#name, .contact input#email, .contact input#subject, .contact textarea {
  background: #fff;
  border: 1px solid #7f9db9; }

.contact input {
  clear: right;
  float: left;
  margin-bottom: 1ex;
  padding-left: 1ex; }

.contact input#submit {
  float:none;
  font-family: Verdana;
  margin:1ex auto 0pt 6.5em;
  padding-right: 1ex; }

.contact textarea { padding: 1ex; }

* html .contact textarea { margin-left: -3px; }

.contact input, .contact textarea { font-family: Verdana; }

li.error { margin: 0 0 1em 2em; }

div#sidebar {
  background: #ffa;
  border: 1px solid #fc0;
  border-color: #fc0 #999 #999 #fc0;
  border-width: 4px 1px 1px;
  overflow: hidden;
  padding:0 1em 1ex;
  position: absolute;
  right: -260px;
  top: -4px;
  width: 226px;
}

div#sidebar h2 a:link, div#sidebar h2 a:visited, div#sidebar h2 a:hover, div#sidebar h2 a:active {
  color: #00f;
  display: inline;
  font-family: Arial;
  font-size: 110%;
  text-decoration: none;
}

ul#del, ul#del li { list-style: none; }

ul#del li {
  margin-left: 20px;
}

ul#del a {
  border-bottom: 1px dotted #990;
  display: block;
  font-size: 85%;
  padding: 1ex 0;
  position: relative;
  width: 100%;
}

ul#del .last a { border-bottom: none; }

ul#del a:link, ul#del a:visited {
  color: #360;
  text-decoration: none;
}

ul#del img {
  border: none;
  left: -20px;
  position: absolute;
  top: 1ex;
}

ul.newsvine_links, ul.newsvine_links li, ul.newsvine_links li:hover {
  list-style-image: none;
  list-style-type: circle;
}

ul.newsvine_links li:hover {
  list-style-type: disc;
}

div#footer {
  background: #ffa;
  clear: both;
}

div#footer p {
  margin: 0;
  text-align: center;
}

div#flickr {
  position: absolute;
  right: 0;
  top: 0;
}

div#flickr * {
  border: none;
}

div#flickr img { border: 1px solid #666; }

div#flickr a {
  margin: 0 1ex;
}

@media print {

  html { background: none; }
  body * { color: #000 !important; }

  h1 {
    border-bottom: 1px solid #000;
    height: auto;
    margin: 0;
    width: 100%;
  }

  h1 a { text-decoration: none; }

  span.ir {
    background: none;
    text-indent: 0;
  }

  div#hcard-David-Lantner { margin: 0; }

  div#content {
    background: none;
    border: none;
	padding: 0;
    width: 100%;
  }

  div#content * { float: none !important; }
  div#content div.more { display: inline !important; }
  div#content div.site { border: none; padding: 0 !important; }
  div#content .thumb { border: none; margin: 1em 0 0 !important; }
  div#content h3 { margin-top: 0; }
  div#content p.shots { display: none; }
  
  a.toggle { display: none; }
  
  div#nav, div#sidebar, div#flickr { display: none !important; }
}