/*********************************************/
/* Elizabeth Horowitz.net
/* Copyright 2007-2008.
/* Author:  David A. Wank
/********************************************/

/****************************************************************/
/*                  General Page Setup                          */
/****************************************************************/

html
{
/* background-color: grey; */
}

body 
{
    margin: 0;
    padding-top: 20px; /* 15 */
    min-width: 750px;  /* min-width set for netscape 6.0 */
    text-align: center; 
    /* centers the entire contents of th body tag for IE5, 6 */
    background-color: #CCCCCC;
}

#wrapper
{
    width: 750px;
    /* this marign: 0 automatically sets the horizontal margins */
    margin: 0 auto; 
    /* text-align is for IE 5.x/6 --> because we set the body
    /* text-align to center, the left property realigns the text
    /* back to the left */
    text-align: left; 
    background-color: white;
    padding-top: 0px;  /* was at 10px for the black spacing but not needed with white */
	padding-top: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}

/****************************************************************/
/*                   STANDARD PAGE LAYOUT                       */
/****************************************************************/

#branding 
{
    /* the position: relative is there so that the .class 
    /* tags for the logo and navigation can be set relative to the
    /* branding div, and not to the main wrapper or other element.
    /* Note the logo and navigation MUST be in the branding div 
    /* and need to have class ID's to be identified.
    /* */
    height: 90px;  /* This controls the fuschia in the branding area between branding and page title */
    background-color: white; /* diagnostic */
    position: relative; /* see comment above */
}

#branding #pageTitle
{
    
    /* background-color: blue; /* diagnostic */
    border-top: black 1px solid; 
    border-bottom: black 1px solid;     
}

#content 
/* The content div is just a placeholder.  It holds other divs that are on the acutal pages */
{
	/* background-color: red; */ /* diagnose with red */
	padding-top: 10px; /* added for a minimum of 10px spacing for text in pages.  Individual pages may 
	have more padding (e.g. Home has more). */
	background-color: white;
}

#footer
{
	/* background-color: orange */;
	clear: both;
	
}

/****************************************************************/
/*                     HOME PAGE LAYOUT                         */
/****************************************************************/
#home
{
    padding-top: 20px; /* moves home page images off the top */    
    /* background-color: Green; /* DIAGNOSTIC */
}

/****************************************************************/
/*                   PORTFOLIO PAGE LAYOUT                      */
/****************************************************************/
#details  /* left column */
{
    /* background-color: blue; */ /* diagnostic */
    width: 360px;
    height: 285px;  /* added for height */
    /* for cols */
    float: left;
    padding-bottom: 0px; 
    padding-top: 0px;  
}

#detailsTable
{
padding: 0px;
}

#detailsTable p
{
font-size:20px;
padding-bottom: 0px;
padding-top: 5px;
}

#image  /* right column */
{
    /* background-color: green; */ /* DIAGNOSTIC */
    height: 300px;  /* added for height */
    width: 360px;
    float: right;
}

/****************************************************************/
/*                   TYPOGRAPHY                                 */
/****************************************************************/

/* normalize defaults */
p, h1, h2, h3, h4, h5, h6
{
    margin: 0;
    padding: 0;
}

body
{
    /* sets default font for the page */
    font-size: 12pt;
    color: black;
    font-family: garamond, serif;
}

/* p selectors */
p
{
    font-size: 12pt;   
    font-family: Garamond;    
    font-weight: normal;
	text-align: left;
	color: black;
    line-height: 23px;
    padding-bottom: 23px;
    padding-left: 15px; /* this line is so that the main pages text is 
    off the left margin. */
    padding-right: 15px; /* this line is so that the main pages text is 
    off the right margin. */
}

p.contact
{
   line-height: 20px;
   padding-bottom: 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

p.bio
{
	font-family: Verdana;
	padding-bottom: 0px;
}

p.artTitle
{
font-weight: bold;
}

.artTitle {font-size: 25px;} /* added v6.3.3 */

p.bioYear
{
font-family: Verdana;
padding-bottom: 0px;
font-weight: bold;
}

p.portfolio {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
}

/* Headings */

h1
/* EH Main Text */
{
    font-size: 25pt;   /* 26 pt */
    color: black;
    font-family: garamond, serif;
	/* not IE7 TESTED */ margin-top: 5px;
}

h2
/* Fine Art Watercolors Text */
{
    font-size: 24pt;   /*  22 */
    color: black;
    font-family: garamond, serif; 
	/* not IE7 TESTED */ margin-top: 5px;
}


h3.pageTitle /* (e.g. Bio, Contact) */
{
	color: #000000;
	font-family: garamond;    /* padding-left: 15px; */
	font-weight: normal;
}

.pageTitle-V
{
	color: yellow;
	font-family: Verdana;	
	font-size: 12pt;
}

.pageTitle a
{
text-decoration: none;
}


h3.tm	/* currently unused */
{
	padding: 0px;
	margin: 0px;
	color: yellow;
	font-family: Garamond;
	font-size: 8pt;
}

h3.copyright
{
    font-size: 12pt;  /* 28 */
    color: black;
    font-family: Garamond;
	font-weight: normal;
}

h3.bioHeading  /* Headings in Biography */
{
	font-size: 13pt;  /* 28 */
    color: black;
    font-family: Verdana;
    padding-left: 15px;
    padding-bottom: 15px;
}

h3.bioHeading2  /* Headings in Biography */
{
	font-size: 13pt;  /* 28 */
    color: black;
    font-family: Verdana;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Table Elements */
td.bioYear
{
	font-family: Verdana;
	padding-bottom: 0px;
	font-weight: bold;
}

td.bio
{
	font-family: Verdana;
	padding-bottom: 0px;
}

/* Misc Items */
.statement
{
	font-family: verdana;
	font-size: 10pt;
}

#details p
{
font-size: 20px;
padding-bottom: 5px;
color: black;
}

#branding a
{
text-decoration: none;
}

.current
{
color: black;
}


/* Added to compensate for vertical neruo1sitioning of images on */
/* neuros page 8  */

.chroma
{
padding-top: 23px;
}

.odyssey
{
padding-top: 8px;
}

/* added in v6.3.3 for detailsTable. */
/* pulled style padding from inline and moved it below */
#detailsTable {padding-left: 25px;}

/* Neuro Thumbnail 1 Page Centers */
td a .neuro1-left {border: 0px solid green; margin-left: 60px; margin-bottom: 10px;}
td a .neuro1-right {border: 0px solid green; margin-right: 60px; margin-bottom: 10px;}