﻿/*
--------------------------------------------------------------------------------
   Hacks
--------------------------------------------------------------------------------
*/

/*
	The Malarkey Image Replacement Method
	http://www.stuffandnonsense.co.uk/archives/examples/malarkey-method-example.html
*/

.mir { letter-spacing : -1000em; background-repeat: no-repeat; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

/*
--------------------------------------------------------------------------------
   Top Level Overrides
--------------------------------------------------------------------------------
*/

html { height: 100%; width: 100%; padding: 0; margin: 0; }
body { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; line-height: 1.2em; font-size: 18px; color: #fff; background-color: #000; height: 100%; width: 100%; padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
strong { font-weight: bold; }
em { font-style: italic; }
a, a:visited, a:active { color: #eef; }
a:hover { text-decoration: none; }
.clearer { clear: both; }

/*
--------------------------------------------------------------------------------
   HTML only version
--------------------------------------------------------------------------------
*/

#alternateContent { padding: 1em; width: 100%; max-width: 35em; background: #333; margin: 0 auto 0 auto; }
#alternateContent h1, #alternateContent h2, #alternateContent h3, #alternateContent h4, #alternateContent h5, #alternateContent h6 { 
	font-weight: bold; margin-bottom: 1em; color: #ddd;
}
#alternateContent h1 { font-size: 2.1em; margin: 1em 0; }
#alternateContent h2 { font-size: 1.8em; }
#alternateContent h2.name { font-size: 1.7em; margin-bottom: .25em; }
#alternateContent h3.title { font-size: .9em; }
#alternateContent p { padding: 0 2em; }

#alternateContent #getFlash p { font-size: .75em; padding-left: 2.8em; padding-top: 1em; }

#alternateContent table.specs { border-collapse: collapse; }
#alternateContent table.specs th { border-bottom: 1px solid #444; border-top: 1px solid #444; padding: .1em 0; font-weight: bold; padding-right: 2em; text-align: right }
#alternateContent table.specs td { border-bottom: 1px solid #444; border-top: 1px solid #444; vertical-align: middle;  }
#alternateContent ul.photos { margin-top: 1em; }
#alternateContent ul.photos li { display: inline; }
#alternateContent .project { padding-left: 2em; }

#alternateContent ul.photos { margin-bottom: 2em; }
#alternateContent #bios div { margin-bottom: 2em; }
#alternateContent #bios h2 { font-size: 1.25em; margin-bottom: .5em}

