﻿/* reset styles */
html, body {
	margin:0; 
	padding:0; 
	border:0; 
	background:transparent; 
	font-size:10px;
	}

div, span, article, aside, footer, header, hgroup, nav, section, h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, table, tr, th, td, tbody, tfoot, thead {
	margin:0; 
	padding:0;  
	border:0; 
	outline:0; 
	font-size:100%; 
	vertical-align:baseline; 
	background:transparent;
	}
	
img {margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
	margin:0;
	padding:0; 
	border:0; 
	vertical-align:baseline;
	background:transparent;
	}

table { border-collapse:collapse; border-spacing:0; }

input, select, textarea, form, fieldset {
	margin:0; padding:0; border:0; }

article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display:block; }
	
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:100%;
	font-weight:normal; 
	font-style:normal; 
	font-height:100%;
	text-indent:0; 
	text-decoration:none;
	text-align:lft;
	color:#000;
}

ol, ul { list-style:none; }

/* Global */

html 	{  }
body	{ background-color:#eeeeee; }

/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight:bold; color:#000; }
h1 {font-size:24px; }
h2 {font-size:20px; }
h3 {font-size:16px; }
h4 {font-size:14px; }
h5 {font-size:14px; }
h6 {font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

/* Text Elements */

p					{color:#000; font-size:12px; line-height: 150% }
p .left				{margin:1.5em 1.5em 1.5em 0; padding:0; }
p .right 			{margin:1.5em 0 1.5em 1.5em; padding:0; }

a					{	}
a:link				{ color: #00f; }
a:visited			{ color: #0f0; }
a:active			{ color: #000; }
a:focus				{ color: #666; }
a:hover				{ color: #f00; }

blockquote			{ color: #000; font-size: 12px; }

strong				{ font-weight: bold; }
em					{ font-style: italic; }

/* Images */


/* Lists */

ul					{	}
ol					{ list-style-type:decimal; }

ul li				{ color:#000; font-size:12px; }
ol li				{ color:#000; font-size:12px; }

dl					{	}
dt					{	}
dd					{	}

/* Table */

table				{ width:100%; }

tr					{	}
.odd				{ background-color: #eee; }
.even				{ background-color: #fff; }

th					{ font-weight: bold; }
thead, th			{ background: #ccc; }

tbody				{	}

th, td, caption 	{	}
caption				{	}

tfoot 				{	}
.tfoot 				{ background-color: #ccc; text-align: center; font-style: italic; }

caption				{ background: #efefef; }

/* Containers */

#wrapper			{ width:1000px; margin:0px auto; background-color:#ffffff; }

#top				{ background-color:#000000; width:100%; padding:15px 0; overflow:hidden; border-bottom:1px #eeeeee solid; }

#logo				{ margin:5px 0 0 15px; float:left;	}

#social-media		{ float:right; margin:0 10px 0 0; }
#social-media p		{ color:#ffffff; font-size:11px; margin:4px 10px 4px 0px; }
#social-media img	{ width:24px; height:24px; padding:1px 1px;	}
#social-media ul li { display:inline; }

#topnav				{ background-color:#333333; clear:both;	}
#topnav ul			{ width:100%; float:left; margin:0px; background-color:#333333; border-bottom:3px #cccccc solid; }
#topnav ul li		{ display:inline; }
#topnav ul li a		{ float:left; padding:10px 20px; }

#topnav a:link		{ color:#ffffff; }
#topnav a:visited	{ color:#ffffff; }
#topnav a:active	{ color:#ffffff; }
#topnav a:hover		{ color:#ffffff; background-color:#770000; }
#topnav a:focus		{ color:#ffffff; }

#content_background img { width:100%; height:auto; }

#bio_title_photo	{ float:left; width:225px; }
#bio_title_photo h1	{ color:#000000; text-align:center; font-size:20px; line-height:100%; padding:20px 0 0 0; }
#bio_title_photo img{ width:60%; height:auto; display:block; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px; border:3px #000000 ridge;}

#vcard				{ clear:both; width:225px; margin-left:90px; padding-bottom:30px; position:absolute; top:393px; }
#vcard ul li		{ display:inline; }
#vcard ul li a		{ float:left; padding-left:3px; color:#000000; font-size:10px;  }

#content_left		{ float:left; width:233px; padding:20px; position:absolute; top:410px; }
#content_left h1	{ color:#000000; text-align:center; font-size:20px; line-height:180%; }
#content_left h2	{ color:#000000; text-align:left; font-size:11px; line-height:120%; margin-top:20px; border-bottom:1px #eeeeee solid;}
#content_left p		{ color:#000000; text-align:left; font-size:10px; }

#experience			{ padding:60px; margin-left:240px; }
#experience p		{ color:#000000; font-size:13px; margin:4px 10px 15px 0px; }
#experience h2		{ color:#000000; text-align:left; font-size:13px; line-height:120%; margin-top:20px; border-bottom:1px #eeeeee solid;}
#experience ul.a	{ list-style-type:disc; margin-left:15px; }
#experience ul li	{ padding:5px 5px; }
#experience a		{ color:blue; }

#court_photo		{ float:left; width:225px; }
#court_photo img	{ width:90%; height:auto; display:block; margin-left:30px; margin-right:auto; margin-top:45px; margin-bottom:10px;}

#side_photo 		{ float:left; width:235px; }

#side_quote			{ float:left; width:225px; padding:20px; position:absolute; top:155px; }
#side_quote	p		{ color:#ffffff; text-align:left; font-size:18px; }

#download_presentation { font-size:13px; }

#content_right		{ margin-left:750px; width:200px; position:absolute; top:165px; float:right; }
#content_right h2	{ margin:20px 0 10px p; color:#ffffff; text-decoration:underline; }
#content_right p	{ margin:8px 0; font-size:13px; line-height:160%; color:#ffffff; text-align:justify; padding:5px 0;}

#footer				{ clear:both; width:1000px; background-color:#000000; padding:10px 0px; }
#footer p			{ color:#ffffff; font-size:10px; text-align:center; }


#content-wrapper	{	}

#leftnav			{	}

#leftside			{	}








#box1	{	}
#box2	{	}
#box3	{	}
#box4	{	}
#box5	{	}
#box6	{	}

/* Layout Extra */


/* Navigation Extra */


/* Forms */

form 	{text-align: left; margin: 20px; }
label, submit, input, textarea {
	border: 0; 
	padding: 0; 
	margin: 0; 
	background: none; 
	}
	
label	{	
	float: left; 
	width: 150px; 
	text-align: right; 
	display: block; 
	}
	
input, textarea {
	border: 1px #333 solid; margin-left: 10px; 
	}
	
input	{
	width: 280px; margin-bottom: 16px; 
	}
	
textarea	{
	width: 280px; height: 150px; 
	margin-bottom: 16px
	}	
	
select	{	}

.submit	{
	width: 90px; height: 25px; 
	margin-left: 150px; 
	font-size: 12px; 
	}
	
br		{clear: left; }