/* fonts, courtesy of WEFT */

 @font-face {
    font-family: Papyrus;
    font-style:  oblique;
    font-weight: normal;
    src: url(http://tshermer.net/Fonts/PAPYRUS1.eot);
  }
  @font-face {
    font-family: "Poor Richard";
    font-style:  normal;
    font-weight: normal;
    src: url(http://tshermer.net/Fonts/POORRIC2.eot);
  }
  @font-face {
    font-family: "Poor Richard";
    font-style:  oblique;
    font-weight: normal;
    src: url(http://tshermer.net/Fonts/POORRIC1.eot);
  }
  @font-face {
    font-family: Papyrus;
    font-style:  oblique;
    font-weight: 700;
    src: url(http://tshermer.net/Fonts/PAPYRUS0.eot);
  }
  @font-face {
    font-family: "Poor Richard";
    font-style:  normal;
    font-weight: 700;
    src: url(http://tshermer.net/Fonts/POORRIC0.eot);
  }  
  
body {	
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 1.2em;
}


/*  The following rule did use child selectors, but IE6 don't like 'em
       body > div {
*/

body div.header,
body div.content,
body div.footer {
	width: 766px;
	max-width: 766px;
	min-width: 766px;
	padding: 10px 0px 10px 10px;
	border: solid 2px;
	margin: 16px auto 16px auto;
}

div.header {
	height: 82px;
}
/*
 * left-hand masthead and page description
 */
div.masthead {
	padding: 0px;
	text-align: left;
	width: 400px;
}

div.masthead h1 {	/* TSI */
	padding: 0em;
	margin-top: 0em;
	font-size: 1.8em;	/* was 1.5 */
	margin-bottom: 0.15em;	
	letter-spacing: 1.5px;
	font-variant: small-caps;
	font-weight: normal;
	font-family: "Poor Richard", Arial, Helvetica, sans-serif;
}


div.masthead h2 {	/* Page title */
	margin-top: 0em;
	margin-bottom: 0em;
	font-size: 1.4em;	/* was 1.2 */
	font-weight: normal;
	letter-spacing: 1px;
	font-style: italic;
	font-family: "Poor Richard", Arial, Helvetica, sans-serif;
}

div.masthead p {	/* descriptive text */
	margin-bottom: 0em;	
	font-family: "Papyrus", "Tempus Sans ITC", Arial, Helvetica, sans-serif;

}

.smallnote {
	font-style: italic;
/*	font-size: .85em;*/
}


/*
 * right-hand navigation menu
 */

.navlist {	
    float: right;
	width: 120px;
	text-align: right;
	margin-top: 4px;
	list-style-type: none;
	vertical-align: top;
	font-family: "Papyrus", "Tempus Sans ITC", Arial, Helvetica, sans-serif;
}
div.header .navlist,
div.footer .navlist  {
	margin-left: 0px;
}
div.footer .navlist {
	margin-bottom: 4px;
}
.navlist li {
	font-style: italic;
    line-height: 1.5em;
	text-align: right;
	padding-right: .4em;
}
.navlist li a {
	text-decoration: none;
	color: #FFFFFF;
}

.navlist li.pheading {
	color: #000000;
	background-color: none;
	padding-bottom: .2em;
}
.navlist li.photo {
	background-color: #000000;
	color: #FFFFFF;
}
.navlist li.aheading {
	color: #006600;
	background-color: none;
	padding-bottom: .2em;
}
.navlist li.art {
	background-color: #006600;
	color: #FFFFFF;
}
.navlist li.contact {
	background-color: #000099;
	color: #FFFFFF;
}

.navlist li a:hover {
	text-decoration: none;
	color: #FF0000;
}
.navlist li.top {
	border-top: 1px solid;
}


/*
 * The content of the page
 */
 
div.content {
}

.thumblist {
	margin: 0px;
	padding: 0px;
}
.thumblist div.entry {
	margin: 0px;
	padding: 0px;
 /*   border: 1px solid #0099CC;*/
}
/*.thumblist > div.odd */
.thumblist  div.odd {
	margin: 0em 0em 0em 210px;
	padding: 0em;
}
/*.thumblist > div.even */
.thumblist  div.even {
	margin: 0em 0em 0em 240px;
	padding: 0em;
}
/*.thumblist > div > a*/ 
.thumblist  div  a {
	margin: 0em;
	padding: 0em;
}



*.thumb {
	padding: 0em;
	float: left;
	clear: left;	
	width: 50px;
	height: 50px;
	border: 1px solid;
	vertical-align: middle;
}


*.datetitle {
	vertical-align: middle;
	margin: 0px 0px 2px 0px ;
	padding-top: 2px;
	height: 48px;
	max-height: 48px;
}
body.quarterIndex .datetitle {
	border: 1px #000000 solid;
}

/* hack for IE6-; this rule is only seen by other browsers */
body.quarterIndex > div.content .datetitle {
	visibility: hidden;
}

body.pjEntry .datetitle {
	font-size: 1.2em;
	font-weight: bold;
}

*.date{
	padding-left: 0.75em;
	color:#333333;
	font-size: 0.9em;
	letter-spacing: 1px;
	font-variant: small-caps;
	font-family: "Poor Richard", "Courier New", Courier, monospace;
}
*.title {
	padding-left: 1.25em;
	font-style: italic;
	margin-left: -2px;
	font-size: 1.2em;
	font-family: "Papyrus", "Tempus Sans ITC", Arial, Helvetica, sans-serif;
}
*.studioDate,
*.entryDate {
	margin-top: 0em;
	padding-top: 1.7em;
	color:#333333;
	letter-spacing: 1px;
	font-size: 0.9em;
	font-weight: bold;
	font-variant: small-caps;
	font-family: "Poor Richard", "Courier New", Courier, monospace;
}
*.studioTitle,
*.pieceTitle {
	font-style: italic;
	margin-left: -2px;
	font-size: 1.4em;
	font-weight: bold;
	font-family: "Papyrus", "Tempus Sans ITC", Arial, Helvetica, sans-serif;
	padding-bottom: 0em;
	margin-bottom: 0em;
}
*.format {
	font-style: italic;
	margin-left: -2px;
	font-size: 1em;
	font-family: "Papyrus", "Tempus Sans ITC", Arial, Helvetica, sans-serif;
	padding-top: 0em;
	margin-top: 0em;
	padding-bottom: 0em;
	margin-bottom: 0.5em;
	padding-left: 1em;
}
a.entrylink {
	margin: 0em;
	padding: 0em;
}
body.pjEntry div.content p,
body.studioPage div.content p,
body.digitalPaintingPage div.content p {
	padding-right: 10px;
/*	border: 1px solid;*/
}

p.center {
	text-align: center;
}

img {
	border: solid;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
body.studioPage img,
body.digitalPaintingPage img {
	text-align: center;
}

body.quarterIndex a:hover .datetitle {
	visibility: visible;
}
.thumblist xa:hover {
	color: #FF0000;
	font-size: 1.4em;
	font-family: "Pristina", "Courier New", Courier, monospace;
}
.thumblist *:link {
	color:#000000;
	text-decoration: none;
}
.thumblist *:visited {
	color:#000000; /* #3300FF; */
	text-decoration: none;
}

span.copyr {
	font-size: 1.5em;
	padding: 0em;
	margin: 0em;
}

.tagline {
	font-family: "Papyrus";
	font-size: 18pt;
	font-style: italic;
	text-align: center;
}
body.firstLevel div.content img, 
body.studioHome div.content img {
	margin: 10px;
	border: 2px;
}

div.logoTagline {
	margin-left: 50px;
	padding-top: 25px;
	margin-top: 0px;
	width: 498px;
/*	border: 1px solid #FF3300;*/
}

span.name {
	font-style: italic;
}

p.pagedefn {
font-style: italic;
padding-bottom: 1.5em;
}