@charset "UTF-8";
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
#bio, #headshots, #media, #resume, #reviews, #links, #credit_tag, #index_head, #index_nav, #download  {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	background-position-y: 165px;
	background-repeat: no-repeat;
}
#index #wrapper {background-position: 0 0;}

#resume  td {
	width: 33%;
	vertical-align: top;
	padding-top: 10px;
	text-align: left;
	margin: 0;
}
#resume  table th {
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.experience td {
	text-align: right;
	text-decoration: underline;
}
.experience td+td {
	text-align: center;
	font-style: normal;
	text-decoration: none;
}
.experience td+td+td {
	text-align: left;
	font-style: italic;
}
#training  h5 {
	text-align: center;
	margin-right: 40px;
}
#resume table {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	clear: both;
}
#appearance  dt {
	float: left;
	margin-right: 0px;
	margin-left: 10px;
	font-weight: bold;
	display: inline;
}
#resume {
	position: relative;
	width: 700px;
	margin: 0px;
}
#download {
	width:220px;
	padding: 10px 0px;
	margin: 0px 0px 0px 10px;
}
#download h6 {
	margin-left: 10px;
	margin-right: 10px;
}
#download p {
	margin-right: 10px;
	margin-left: 20px;
}
#appearance dd {
	float: left;
	margin-right: 40px;
	display: inline;
	margin-left: 0px;
}
#appearance dl {
	position: relative;
	display: inline;
	font-size: 16px;
}
#appearance {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: block;
	margin-top: 10px;
}
#resume  h3 {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 10px;
	clear: both;
	display: block;
	padding-top: 20px;
}
#resume dd {
	margin-left: 20px;
}
#resume dt {
	margin-left: 10px;
}
a:hover {
	text-decoration: underline;
}
#header {
	height: 171px;
	position: relative;
	display: inline;
	float: left;
	position: relative;
	width: 960px;
	
	
}
#nav {
	position: absolute;
	left: 240px;
	vertical-align: middle;
	margin: 0px;
	bottom: 10px;
	list-style-type: none;
}
#nav  li, #index_nav  li  {
	float: left;
	margin: 0px;
	padding: 0px;
}
#nav   li   a, #index_nav   li   a  {
	font-size: 14px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-left: 20px;
	text-decoration: none;
	text-transform: lowercase;
	letter-spacing: 3px;
}
h1       span   {
	display: none;
}
h1 {
	display: block;
}
#header  p, #header a {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}
h1   a  {
	display: block;
	width: 725px;
	height: 171px;
	float: left;
}
#contact  {
	padding-left: 10px;
	height: 140px;
	width: 200px;
	padding-top: 20px;
	float: right;
}
#contact    h5 {
	text-align: center;
	margin: 0px;
	padding: 0px;
	line-height: 75%;
	text-transform: uppercase;
	letter-spacing: 5px;
}
#credit_tag {
	width: 940px;
	text-align: center;
	font-size: 90%;
	padding-bottom: 20px;
	display: inline;
}
img {
	margin: 10px;
	padding: 10px;
}
#headshots {
	display: inline;
	float: left;
	position: relative;
	padding: 10px;
	text-align: center;
	margin: 20px 0px;
	width: 780px;
	left: 80px;
	
}
#media {
	text-align: center;  
	padding-top: 20px;
	padding-bottom: 20px;
	width: 940px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#bio p       {
	margin: 10px 10px 10px 320px;
	letter-spacing: 1px;
	padding-right: 30px;
}
#bio {
	
	margin-bottom: 20px;
	width: 100%;
	margin-top: 20px;
}
#bio  img {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	display: inline;
}
#bio  img+img {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	display: inline;
}
#bio p+.right, #bio p+.left {
	margin-top: 10px;
}
#bio p+p {
	text-indent: 30px;
}
.name_highlight {
	float: left;
	font-size: 26px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 26px;
	font-weight: bolder;
	letter-spacing: 0px;
}
#index_head {
	width: 940px;
	height: 511px;
}
#index_head h1 {
	display: none;
}
#index_nav {
	left: 160px;
	vertical-align: middle;
	margin: 20px 0px;
	bottom: 10px;
	width: 620px;
	
}
#index_nav ul {
	list-style-type: none;
}
#index_nav  li {
	float: left;
	margin: 0px;
	padding: 0px;
}
#index_nav   li   a {
	font-size: 18px;
}
.buffer {
	margin-top: 20px;
	margin-bottom: 20px;
}
#links, #reviews {
	padding: 10px;
	width: 780px;
	left: 80px;
	margin: 20px 0px;
}
#links h3, #reviews h3 {
	text-align: center;
}
.link, .review {
	display: block;
	width: 380px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 40px;
	margin-left: 0px;
	float: left;
}
#reviews q {
	text-indent: -10px;
	font-size: 16px;
	font-weight: bold;
}
#reviews .source {
	text-align: right;
	display: block;
}
.current {
	letter-spacing: 3px;
	font-weight: bold;
	border-right-width: thick;
	border-right-style: solid;
	border-left-width: thick;
	border-left-style: solid;
}

/* -------------------------------------------------------------- 
  
   link-icons.css
   * Icons for links based on protocol or file type.
   
   See the Readme file in this folder for additional instructions.

-------------------------------------------------------------- */

/* Use this class if a link gets an icon when it shouldn't. */
body a.noicon { 
	background:transparent none !important; 
	padding:0 !important; 
	margin:0 !important; 
}

/* Make sure the icons are not cut */
a[href^="http:"], a[href^="mailto:"], a[href^="http:"]:visited, 
a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"], 
a[href$=".rdf"], a[href^="aim:"] {
  padding:2px 22px 2px 0;
  margin:-2px 0;
  background-repeat: no-repeat;
  background-position: right center;
}

/* External links */
a[href^="http:"]          { background-image: url(icons/external.png); } 
a[href^="mailto:"]        { background-image: url(icons/email.png); }
a[href^="http:"]:visited  { background-image: url(icons/visited.png); }

/* Files */
a[href$=".pdf"]   { background-image: url(icons/pdf.png); }  
a[href$=".doc"]   { background-image: url(icons/doc.png); }  
a[href$=".xls"]   { background-image: url(icons/xls.png); }  
 
/* Misc */
a[href$=".rss"], 
a[href$=".rdf"]   { background-image: url(icons/feed.png); }
a[href^="aim:"]   { background-image: url(icons/im.png); }

