/*contact@tomscott.org*/
/*compiled and adjusted from:
  http://code.google.com/p/blueprintcss/
  http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
  http://24ways.org/2006/compose-to-a-vertical-rhythm
*/
/* Browser Resets*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, a, em, font, img, 
strike, sub, sup, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
img{
  border:none;
}
ul,ol{
  list-style:none;
}

.callout {
  border: 1px solid #ddd;
  padding: 8px 10px;
  margin:0 18px 18px 0; 
}
.right.callout{
	margin:0 18px 18px 18px;
}
.hide{ 
  display: none;
}
.clear{
  clear:both;
}
/*Font and General Layout Rules*/
body {
  background:#111;
  color:#999;
  margin:0;
  font-family:"Helvetica Neue", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
}
h1,h2,h3{
	font-weight:normal;
}
h1 { 
  font-size: 24px; 
  line-height: 36px;
  margin-bottom: 18px; 
  color:#dcdcdc;
}
h2 { 
  font-size: 18px; 
  line-height: 18px; 
  margin-bottom: 18px;
  color:#dcdcdc;
}
h3 { 
  font-size: 12px; 
  line-height: 18px; 
}
#titleBar{
  width:100%;
  background:#3f4251;
  padding:5px 0 4px;
  margin:0 0 18px;
  font-size:14px;
}
.siteName{
  float:left;
  font-weight:bold;
  color:#fff;
  margin:0 18px;
}
.siteName a{
  text-decoration:none;
  color:#fefefe;
}
.siteLinks{
  float:right;
  margin:0 10px;
}
.siteLinks a{
  margin:0 8px;
  color:#999;
  text-decoration:none;
}
.siteLinks a:hover{
	color:#fff;
}
.siteLinks a.active{
	color:#fff;
}
#nav{
  width:100%;
  text-align:center;
  font-size:14px; 
  color:#999;
  display:block;
  margin:0 0 18px;
} 
#nav a{
  padding:18px;
  color:#999;
  text-decoration:none;
}
#nav a:hover{
  color:#fff;
}
.left{
  float:left;
}
.center{
  clear:none;
  margin:0 30px;
}
.right{
  float:right;
}
.white{
  color:#ffffff;
}
#pic{
  text-align:center;
  vertical-align:top;
}
#pic img{
  border:2px solid #3f4251;
}
#info{
  width:750px;
  margin:18px auto ;
  border:2px solid #1e1f24;
  background:#151515;
  text-align:left;
  color:#65656a;
  padding:10px 0 18px;
  display:block;
  font-size:14px;
}
#info p{
  clear:both;
  font-size:12px;
  color:#666;
  margin:0 18px;
}
.imgTitle{
  color:#fff;
  margin:0 18px 18px;	
}

#info a{
  color:#65656a;
  text-decoration:none;
}
#info a:hover{
  color:#fff;
}
.exif{
  font-size:12px;
  color:#666;
	font-style:italic;
 }
.comment{
  margin:0 18px 0 0;
}
#archives{
  width:80%;
  margin:0 10%;
}
#about{
  color:#65656a; 
  font-size:14px;
  line-height:18px;
  width:750px;
  text-align:left;
}
#about a{
  color:#fff;
  text-decoration:none;
}
#about p{
	margin-bottom:18px;
}
#comments{
  margin: 0 0 0;
}
#comments ul{
  list-style:none;
  margin:0 0 0 30px;
  padding:0;
}
#comments li{
  color:#65656a;
  margin:0 0 20px;
  padding:0 30px 0 0;
}
#comments a{
	color:#fff;
	text-decoration:none;
}
#comments a:hover{
	text-decoration:underline;
}
#addcomment{
  margin:40px 0;
  padding:0 30px;
}
#addcomment form input, #addcomment form textarea{
  background:#3f4251;
  border:0;
  padding:2px 5px;
  font-family:Helvetica, Arial, sans-serif;
  color:#e0e0e0;
}
.email{
  margin:18px 0;
  color:#666;
  font-size:12px;
  display:block;
	text-align:center;
  text-decoration:none;
}
a.email:hover{
  color:#fff;
}