/* $Id: personal.css,v 1.13 2007/09/23 17:30:41 phunt Exp $
 * vim:ts=2
 *
 * Author: Preston Hunt <me@prestonhunt.com>
 * I wrote this style sheet for use on my website, www.prestonhunt.com
 */

body {
  font-family: Calibri, Arial, Verdana, Helvetica, sans-serif;
  background: #808080;
  color: black;
  font-size: 1em;
  margin: 0.7em 0.7em 0em 0.7em;
  line-height: 1.15em;
}

img {
  border: none;
}

a:hover 	{ background-color: #eee; }

.small		{ font-size: small }
.smaller	{ 
	font-size: 0.75em;
	line-height: 1.1em;
}
.x-small	{ font-size: x-small }
.italic		{ font-style: italic }
.bigger { font-size: 1.25em; }

td#prestoheader {
  font-family: Arial, sans-serif;
/*  font-weight: bold; */
  font-size: larger;
  background-color: #a0b8c8;
  color: black;
}

tr, td {
  vertical-align: top;
}

table.simple { 
  border: 1px solid gray;
  vertical-align: top;
  border-collapse: collapse;
}

table.simple td {
  border: thin solid;
  vertical-align: top;
  border-collapse: collapse;
  padding-right: 8px;
}

table.simple tr.header {
  background-color: #d3d3d3;
  font-weight: bold;
}

pre code.css {
  color: #800000;
  background: white none;
  font-family: Monaco, "Courier New", monospace;
  white-space: pre
}

pre code.html {
  color: #191970;
  background: white none;
  font-family: Monaco, "Courier New", monospace;
  white-space: pre
}

code {
  color: #191970;
  background: white none;
  font-family: Monaco, "Courier New", monospace;
  white-space: pre
}

pre, samp {
  font-family: Monaco, "Courier New", monospace;
  white-space: pre
}

pre p {
  margin: 0;
}

h1 { font-size: 1.50em }
h2 { font-size: 1.35em }
h3 { font-size: 1.20em }

#banner {
  background: #dd2200;
  height: 2.8em;
  border-top: 1px solid black;
  border-right: 1px solid black;
  border-left: 1px solid black;
  padding: 0.6em;
  }
#banner a {
  text-decoration: none;
  }
#banner a:visited {
  color: black;
  }
span.banner_title {
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
  margin-right: 0.5em;
  }
body#gallery #banner {
  background: #00dd00;
  }
body#maelstrom #banner {
  background: #33ccff;
  }
body#projects #banner {
	background: #DAA520;
}

#banner_toolbar {
  float: right;
  }

div#search form input {
  font-size: 0.7em;
  }

ul.navtabs {
  margin: 0;
  margin-top: 5px;
  padding: 0;
  list-style: none;
  }
ul.navtabs li {
  float: left;
  width: 6.53em;
  height: 1.4em;
  text-align: center;
  background: #585858;
  color: white;
  border: 1px solid #ccc;
  border-left: 0;
  text-transform: lowercase;
  font-size: 0.9em;
  vertical-align: top;
  }
ul.navtabs li:first-child {
  border-left: 1px solid #ccc;
  }
ul.navtabs li a {
  display: block;
  }
body#main ul.navtabs li#tab_main,
body#blog ul.navtabs li#tab_blog,
body#gallery ul.navtabs li#tab_gallery,
body#maelstrom ul.navtabs li#tab_maelstrom,
body#projects ul.navtabs li#tab_projects,
body#wiki ul.navtabs li#tab_wiki {
  background: black;
  } 
ul.navtabs li a:visited,
ul.navtabs li a:link {
  text-decoration: none !important;
  color: white !important;
  }
ul.navtabs li a:hover {
  color: black;
  }

#content {
  margin: 0px 240px 0px 0px;
  padding: 10px;
  background: white;
  border: 1px solid black;
  text-align: left;
  min-width: 500px;
}

#contentitem {
  margin-bottom: 5em;
}

.menus {
  border: 1px solid black;
  background: white;
  color: black;
  padding: 5px;
  margin-bottom: 5px;
  text-align: left;
	font-size: 0.75em;
	line-height: 1.1em;
}

.menus h1 {
  font-size: 1em;
  margin: 0px; /* must be >= 0 to look good in IE6 */
  margin-top: 5px;
  padding: 0px;
  text-transform: uppercase;
}

.menus li {
  margin-left: -20px;
}

.menus h1:first-child {
  margin-top: 0px;
}

/*
.menus h1 + p {
  margin-bottom: 5px;
  margin-top: 0px;
}
*/

#rightmenu {
  position: relative;
  float: right;
  width: 235px;
  padding: 0px;
  margin: 0px;
}

#leftmenu {
  position: relative;
  float: left;
  width: 235px;
  padding: 0px;
  margin: 0px;
}

blockquote {
  border: 1px solid black;
  background-color: #e0e0e0;
  padding: 5px;
}

#loginbar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-left: 0;
  }
#loginbar li {
  float: inherit;
  background: none;
  margin: 0;
  padding-right: 0.35em;
  }
#loginbar img {
  vertical-align: middle;
  }
#loginbar a {
  float: inherit;
  background: none;
  padding: 0;
  text-decoration: none;
  font-weight: normal;
  color: #900;
  }

div.menus p,
div.menus ol,
div.menus ul {
  margin-top: 5px;
  }

div#randomphoto img {
  border: thin solid;
  }
div#randomphoto p {
  text-align: center;
  }

/*#content a[href ^="http://"] {*/
  /*background: url(http://prestonhunt.com/images/external.png) center right no-repeat;*/
  /*padding-right: 13px;*/
  /*}*/
#content a[href ^="http"]:hover {
  background-color: #eee;
  }
#content a[href *="prestonhunt.com"] {
  background: none;
  padding-right: 0;
  }
#content a.overrideexternal {
  background: none;
  padding-right: 0;
	}

body#maelstrom h1 {
  text-transform: uppercase;
  }

body#gallery table.simple,
body#gallery table.simple	td, 
body#maelstrom table.simple,
body#maelstrom table.simple	td {
	border-color: #D3D3D3;
	}

body#gallery div.title {
  font-size: 1.50em;
	color: #ffffff;
	}

div.journal_block div.date {
  float: left;
  text-align: center;
  background: #ffffff;
  color: black;
  width: 2.2em;
  font-size: 1.1em;
  text-transform: uppercase;
  }
div.journal_block div.entry {
	min-height: 3em;
	margin-left: 2.5em;
	border-left: 1px solid black;
	padding-left: 0.4em;
	margin-top: 0.25em;
	margin-bottom: 1.5em;
	}
div.journal_block div.from_gallery,
div.journal_block div.from_maelstrom {
	xxfont-variant: small-caps;
  background-color: #e0e0e0;
  font-weight: bold;
	}

div#adsense_inline {
	margin-left: 2.75em;
	margin-bottom: 0.75em;
}

dt {
  font-weight: bold; 
} 

.amazonpic {
	float: left;
  margin-right: 0.3em;
}

.disqus_thread a {
  background: none;
}