/* OVERALL PAGE FRAMEWORK - BEGIN */
body.background { width:100%; background-color:gray; }  /* background color for browser page  */

/* These are fields that must be changed when changing the overall width of content
pageframework
width:950px => 850px

div.mainContainer
width:710px => 610px

div.journalOverviewContainer
margin-left:120px => 70px
width:500px => 475px  for IE6 only

div.journalList
margin-left:90px => 70px

div.journalListRow
width:490px;  => 425px

div.aboutRight
width:300px => 210px

*/

#pageframework {  /*  */
width:850px;               /* overall width of page */    /*KH8920*/
margin-top:10px;
margin-left:auto;          /* horizontal center page */
margin-right:auto;         /* horizontal center page */
outline:1px solid silver;  /* border - Firefox */
border:1px solid silver;   /* border - IE */
background-color:white;
height:100%;
text-align:center;         /* center any content not within DIV (copyright) */

font-family:arial, cursive;
           /* Calibri, Arial;    Verdana, Arial, Helvetica, sans-serif; */
font-size:.8em;
}
/* OVERALL PAGE FRAMEWORK - END */

#copyright {  /*  */
font-size:.7em;
color:gray;
margin-top:50px;
margin-bottom:50px;
}



/* HEADER - BEGIN */
#headerContainer { float:left; width:100%; height:80px; background-color:black; }
#headerBarSignature { float:left; clear:left; margin-left:20px; padding-left:20px; margin-top:2px; padding-top:2px; }
#headerBarText { float:right; clear:right; color:white; margin-top:3px; padding-top:3px; margin-right:25px; padding-right:25px; font-size:2em; white-space: nowrap; }
#headerBarText2 { float:right; clear:right; color:white; margin-top:3px; padding-top:3px; margin-right:25px; padding-right:25px; font-size:1em; white-space: nowrap; }
/* HEADER - END */

/* MAIN CONTENT (RIGHT) - BEGIN */
div.mainContainer {
float:left;
width:610px;                   /* width of main container */
border-left:1px solid silver;  /* display left border */
margin-top:30px;
margin-bottom:30px;
min-height:400px;              /* minimum height prevents issues with incomplete background color  */
}
/* MAIN CONTENT (RIGHT) - END */

/* NAVIGATION MENU - BEGIN */
div.navigationContainer { 
clear:left;
float:left;
width:230px;          /* width of navigation menu */
margin-top:30px;
margin-bottom:30px;
}

#navlist {
margin:0;             /* removes indent IE and Opera */
padding:0;            /* removes indent Mozilla and NN7 */
list-style-type:none; /* turns off display of bullet */
}
#navlist li { 
clear:left;
float:left;
width:180px;          /* width of navigation menu */
text-align:left;
/* spacing around navigation items */
margin-top:.3em;   
margin-bottom:.3em;
/* height and width of background color */
padding-top:.4em;   
padding-right:0;
padding-bottom:.4em; 
padding-left:35px;
}
#navlist li.level2    { text-indent:20px; margin-top:.1em; margin-bottom:.1em;  }  /* indent at level 2 */
#navlist li.selected  { background-color:silver; display:block; }

#navlist a.level1    { font-size:1.1em; }
#navlist a.level2    { font-size:1em; }
#navlist a.selected  { color:black; text-decoration:none; }
/* NAVIGATION MENU - END */

/* LINK CHARACTERISTICS ACROSS ALL PAGES - BEGIN */
a        { color:blue; text-decoration:none; font-size:1em; font-weight:normal; white-space:nowrap; padding:3px; }
a.padded { margin-right:10px; }
a.title  { color:blue; text-decoration:none; white-space:nowrap; padding:3px; 
           font-style:italic; }  /* Painting Titles that are links are italicized */
a.selected { color:black; text-decoration:none; background-color:silver; }
a:hover    { color:black; text-decoration:none; background-color:silver; }
/* LINK CHARACTERISTICS ACROSS ALL PAGES - END */

/* COMMON STUFF - BEGIN */
.floatTextLeft  { float:left; text-align:left; }
.floatTextRight { float:right; text-align:right; }


.floatTextLeft200  { float:left; text-align:left; width:200px; margin-bottom:20px; }


div.mainContainer div.padded { margin-left:30px; margin-right:30px; }

div.left   { text-align:left; text-indent:1em; }    /* left-justify content */
div.right  { text-align:right; }   /* right-justify content */
div.center { text-align:center; }  /* center content */
div.title  { font-style:italic; font-weight:bold; }  /* all titles are italicized */

img { /*  image styling */
display:inline;
margin:5px;
border-width:1px;
border-color:gray;
border-style:solid;
padding:2px;
}
img.large { /*  image on home page */
padding:15px;
}
img.special {  /*  image of signature in header */
background-color:#C27E3A;
}
img:hover { text-decoration:none; background-color:white; }
img.special:hover { background-color:#C27E3A; }

/* .horizontalRule { clear:both; width:90%; background-color:silver; height:1px; line-height:2px; } */

div.pageIndex { clear:both; text-align:center; font-size:1.1em; padding-bottom:30px; }

div.singlespace { height:20px; }

.parenthesis { font-size:.8em; }
/* COMMON STUFF - END */

/* NEWS - BEGIN */
div.news { margin-left:40px; padding-left:40px; }
/* NEWS - END */

/* ABOUT THE ARTIST - BEGIN */
div.aboutContainer { clear:left; float:left; }

div.aboutLeft      { clear:left; float:left; }

div.aboutRight           { float:left; width:210px; }
div.aboutRightDetail     { text-align:left; margin-bottom:50px; }
div.aboutRightDetail a   { font-size:1.3em; }
div.aboutRightDetail div { font-size:.8em; color:blue; }
/* ABOUT THE ARTIST - END */

/* ABOUT THE ARTIST - AWARDS - BEGIN */
td.award      { vertical-align:top; height:150px; }
td.awardImage { vertical-align:top; width: 150px; }
/* ABOUT THE ARTIST - AWARDS - END */

/* PAINTING JOURNAL OVERVIEW (ALL YEARS) - BEGIN */
div.journalOverviewContainer { float:left; margin-left:70px; width:475px; }

div.journalOverview { 
float:left;
width:170px;
height:130px; /* height of each year block is set to ensure consistent height of all items */
text-align:right;
margin:10px;  /* space around the outside of each journal */
padding:15px; /* padding on the inside of each journal */
background-image:url(images/notebookOverviewWhite.gif);
background-repeat:repeat-y;
background-position:left;
outline:1px solid silver;  /* border - Firefox */
border:1px solid silver;   /* border - IE */
}
div.journalOverview a {  
font-size:1.1em;
}
/* PAINTING JOURNAL OVERVIEW (ALL YEARS) - END */

/* PAINTING JOURNAL LIST (ONE YEAR) - BEGIN */
div.journalList   { 
background-image:url(images/notebookOverviewWhite.gif);
background-repeat:repeat-y;
background-position:left;
clear:left; 
float:left;
outline:1px solid silver;  /* border - Firefox */
border:1px solid silver;   /* border - IE */
margin-left:70px;
} 
   
div.journalListRow   { 
clear:both; 
float:left;
width:425px;
border-bottom:1px dashed silver;
vertical-align:top;
padding:20px; 
}

div.journalListLeft   { float:left; margin-left:70px; width:240px; }
div.journalListRight  { float:right; text-align:right; }
div.journalListHeading { font-weight:bold; }  
div.journalNavigation { float:left; margin-left:70px; margin-top:60px; margin-bottom:60px; }
/* PAINTING JOURNAL LIST (ONE YEAR)) - END */  

/* PAINTING JOURNAL DETAIL (DAY) - BEGIN */
div.journalContainer {
vertical-align:top;
background-image:url(images/notebookOverviewWhite.gif);
background-repeat:repeat-y;
background-position:left;
margin-top:15px;
margin-left:30px;  
margin-right:30px;
margin-bottom:50px;
outline:1px solid silver;  /* border - Firefox */ 
border:1px solid silver;   /* border - IE */ 
}
div.journal        { margin-left:50px; margin-top:10px; margin-bottom:10px; margin-right:10px; }
div.journalHeader  { border-bottom:3px solid #cccccc; height:1.4em; display:block; padding:5px; font-size:1em; font-weight:bold; }
div.journalTitle   { font-weight:bold; text-align:right; }
div.painting       { margin-top:20px; }
div.journalSection { padding-top:10px; font-weight:bold; text-align:left; }
div.journalDetail  { width:100%; text-align:left; text-indent:15px; }
div.separator      { margin:40px; height:20px; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc;}
/* PAINTING JOURNAL DETAIL (DAY) - END */