/* css for ninajerome.com */
/* gray background */

body {
	font: .80em/1em Verdana, Arial, Helvetica, sans-serif;
	color:#C0BECC;
	background: #2C3246; /* medium gray/blue */
	/* background: #3C3547; med. dark plum */ 
	/* background: #353F55; */
	margin: 0px 10% 0 10%;
	padding: 0px;
}

p {
	margin-top: 2px;
	margin-bottom: 2px;
}

ul, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 2px;
	margin-bottom: 2px;
	list-style: none;
}

/* rule for main table */
table {
	width: 875px;
	border-collapse: collapse;
}

.resumetable {
	width: 600px;
}

/* cellpadding */
td {
  padding:0;
}

/* rule for all headings */
h1, h2, h3 {
	color: #ead47b; /* ffcccc pink */
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
}

h4, h5, h6 {
	color: #ead47b; /* ffcccc pink */
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* rule for bio heading */
.bioheader {
	color:#ead47b; /*ffcccc pink */
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
	font-size:125%;
	font-weight:bold;
}


h1:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h2:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h3:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h4:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h5:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h6:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/

/*override rule for level 1 heading */
h1 {
	font-size: 130%;
}
h2 {
	font-size: 125%;
	letter-spacing: .10em;
	margin: 10px 0px 0px 14px;
}
h3 {
	font-size: 110%;
	margin: 10px 0px 0px 14px;
}

h4 {
	font-size: 100%;
	color: #aa9966; 
	margin: 10px 0px 8px 8px;
}
h5 {
	font-size: 95%;
	margin: 10px 0px 8px 8px;
}
h6 {
	font-size: 90%;
}

/* all divs and tables must be <900px */
#wrapper {
	width:900px;
	margin-left: auto; /* centers div in the browser window */
	margin-right: auto;
	margin-top: 10px; /* offsets top margin 10px */
}

#mainContent { /* content that appears below the header */
	width: 620px;
	background: #394960; /* dark gray/plum - same as sidebar */
}

#mainContent h2, #mainContent h3 #mainContent h4 {
  margin: 7px 0px 6px 7px;
  }
  
/* #mainContent img {
 margin: 8px;
 float: left;
 border: 1px solid #333;
} */

#mainContent a, #mainContent a:link, #mainContent a:visited {
	color: #aa9966;   /* khaki */
	text-decoration: none;
	margin-bottom: 3px;
	border-bottom: 1px dotted #666600;
}

#mainContent a:hover {
	color: #ffcccc; /* pink */
	text-decoration: none;
	margin-bottom: 3px;
	border-bottom: 1px dotted #666600;
}

#mainContent ul #mainContent li {
	margin: 0px 0px 4px 0px;
}

#mainContent blockquote { /* rule for descriptive text */ 
	font: 1em/1.4em Arial, Helvetica, sans-serif;
	margin: 6px 30px 18px 40px;
}


/* *************** TABLE WITHIN MAINCONTENT ****************** */
#mainTable {  /* placement of portfolio images */
	line-height: 1.5em;
	background: #4A5569; /* thunder gray/blue */
	border: 1px solid #232323;
	margin-top: 0px;
	margin-bottom: 2px;
}

#mainTable p {
	margin: 10px 20px 0px 8px;	
}

#mainTable tr {
	margin: 0px 0px 2px 0px;
}

#mainTable td { /* pads each table cell in modern browsers*/
	vertical-align: top;
	padding: 10px;
}

#mainTable #mainContent img { /* adds border to images */
	border: 1px solid #333;
}


/* *************** SIDEBAR ****************** */
#sidebar { /* leftside navigation */
	padding: 10px; /* DO NOT DELETE - REQD FOR HOVER TO WORK */
	width: 170px; /* width of sidebar */
	font: 85% Georgia, "Times New Roman", Times, serif;
	border-right: 1px dashed #9999CC;  /* light plum dashed line */
	background: #394960; /* dark gray/plum */
}

#sidebar h2, #sidebar h3 {
  margin: 10px 0px 10px 2px;
}
#sidebar p { /* contact info & address */
	font-size: 90%;
	margin: 0px 0px 2px 14px;
}

#sidebar a { /* sidebar email link */
	line-height: 1em; /* spacing between links */
	text-decoration: none;
	letter-spacing: .08em;
	display: block;
	border: 1px dotted #666600;
	width: 140px;
	margin: 0px 0px 0px 10px;
	padding: 4px 0px 5px 5px;	
}

#sidebar a:link, #sidebar a:visited { /* sidebar email alink */
	color: #FCF2E6; /* light salmon text */
}

#sidebar a:hover, #sidebar a:active { /* sidebar email hover link */
	color: #FCF2E6; /* light salmon text */
	border: 1px dotted #E1DAE3; /* light gray/plum */
	background: #353340; /* dark gray/plum*/
}

#sidebar ul {
	padding-left: 1em;
	list-style-type: none;
	margin-left: 1em; /* */
}


/* *************** FOOTER ****************** */
#footer {
	font: .75em Verdana, Arial, Helvetica, sans-serif;
	color: #cc6600; /* dark orange */
	letter-spacing: 0.10em;
	background: #29232E;
	height:2em;
}

#footer p { /* spacing around bottom html links */
	margin: 0px 0px 2px 0px; 
}

#footer a:link, #footer a:visited {
	color: #cccc99;
	margin: 2px;
	padding: 4px 1px 1px 1px;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	color: #cccc99;
	border-bottom: 1px dotted #cc6600;
}

/* *************** COPYRIGHT ****************** */
#copyright { /* rule for copyright in the footer div */
	font: .75em Verdana, Arial, Helvetica, sans-serif;
	color: #cccc99;   /* khaki */
	letter-spacing: 0.1em;
	text-align: center;
	background: #4A5569;   /* */
}

#copyright p {
	margin: 10px 0px 0px 0px;
}

#copyright a {
	color: #c8aa43; /* dark khaki */
	text-decoration: none;
}

#copyright a:link, a:visited {
	color: #cccc99;  /* khaki */
}

#copyright a:hover, a:active {
	color: #cc6600;  /* dark orange */
	text-decoration: underline;
}


/* *************** MISC CLASSES ****************** */

/* class for name/title in header */ 
.logoname
{
	color: #d4b45c; /* d4b45c yellow ochre */
	letter-spacing: 0.10em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	font-weight: bold;
	font-variant: small-caps;
	padding-left: 215px;
}
.tagline {
	color: #D3C4CB; /* light plum */
	letter-spacing: 0.1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 207px;
}

/* class just for photo credits */
.photocredit {
	font: 10px/1.25 Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	letter-spacing: 0.05em;
	clear: both;
	width: 400px;
	margin-top: 3em;
	margin-bottom: 3em;
	height: 2em;
	float: none;
}

/* class for portfolio pages using tables to align images */
.table600 {
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
	text-align: center;	
	margin-top: 1em;
	margin-left: 1em;
  	width:100%;
  	border-collapse:collapse;
}

.table600  tr {
	vertical-align: top;
}

.table600 th {
	font-size: 125%;
	color: #aa9966; 
	margin: 10px 0px 8px 8px;
	text-align:left;
}

.table600 td {
	padding: 0px; /* simulates cellpadding */
}

.table600 li {
	list-style: none;
	margin-left: -30px; /* adjusts left margin */
}

.table600 img {
	margin: 0px 6px 3px 6px;
}

/* class for resume page */
.resume {
	margin-left: -10px;
  	width:600px;
  	border-collapse:collapse;
}

.resume tr {
	vertical-align: top;
	margin:0px 0px 0px 0px;
}

.resume td {
	padding: 0px; /* simulates cellpadding */
}

.resumeleft {
	position:absolute;
	margin-left:+8px;
	width:40px;
}

.resumeright {
	position:relative;
	left:+60px;
	width:540px;
	margin-left:10px;
}

.resumeleftpub {
	position:absolute;
	margin-left:+6px;
	width:30px;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
}

.resumerightpub {
	position:relative;
	top:+0px;
	left:+40px;
	width:540px;
	margin-left:10px;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
}

.resumeleftteach {
	position:absolute;
	margin-left:+8px;
	width:80px;
}

.resumerightteach {
	position:relative;
	top:+0px;
	left:+100px;
	width:500px;
	margin-left:10px;
}



.hometable {
	width: 600px;
	margin-left: 3em;
	text-align: center;
	border-collapse: collapse;
	background: #4A5569;
}

.hometable img {
	margin: 4px;
}

/* quote on home page */
.isaacsonquote {
	width: 550px;
	padding: 10px 20px 0px 50px;
	text-align: left;
	text-indent: 50px;
}
.isaacsonquote2 {
	width: 600px;
	text-align: left;
	text-indent: 50px;
}
.isaacsonsig {
	width: 550px;
	padding: 0px 20px 10px 30px;
	text-align: right;
}

.isaacsonsig2 {
	width: 600px;
	text-align: right;
}

.fltlft { /* this class can be used to float an element, eg. a photo image, left in your page */
	float: left;
	margin-right: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 3px 30px 10px 30px;
}

.publicsp {
	font: 94% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #aa9966;
	text-align:left;
}