﻿  /* Last Modified:  09/29/08  Project: normanteeling.com */
  /* level cross-browser differences + tweak conventions */
  :link,:visited { text-decoration:none }
  ul,ol {
    list-style: None;
  }
  h1,h2,h3,h4,h5,h6,pre,code {
    font-size: 1em;
  }
  ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
    margin: 0;
    padding: 0;
  }
  a img,:link img,:visited img {
    border: None;
  }
  address {
    font-size: 1em;
    font-style: normal;
  }
  /* General, Formatting */
  body {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 62.5%;
    color: #100;
    background-color: #F5F5F5;
    background-image: url(http://www.normanteeling.com/images/bgl.gif);
    background-repeat: repeat-y;
    background-attachment: fixed;
  }
  h1 {
    text-align: right;
    margin-right: 4px;
    font-size: 2.4em;
    font-weight: bold;
    font-variant: small-caps;
  }
  h2, h3, h4 {
    clear: both;
    margin: .5em 1em 0;
    text-align: center;
  }
  h2 {
    font-size: 2.4em;
  }
  h3 {
    font-size: 2em;
  }
  h4 {
    font-size: 1.8em;
  }
  blockquote {
    padding: 0 25px;
    font-style: italic;
  }
  p, table {
    margin: .5em 1em;
    font-size: 1.2em;
  }
  a {
    text-decoration: none;
    }
  a:hover, a:active {
    text-decoration: underline;
  }
  acronym,abbr {
  	border-bottom: 1px dotted;
  	cursor: help;
  }
/* page layout */
  #main {
    height: 100%;
    background-color: #DCDCDC;
    background-image: url(http://www.normanteeling.com/images/bgr.gif);
    background-repeat: repeat-y;
    background-position: right;
    background-attachment: fixed;
    margin-left: 40px;
  }
  #content {
    margin-right: 40px;
    margin-left: 140px;
    border-bottom: 1px solid #400;
    border-left: 1px solid #400;
    padding: 1.25em 0 .5em;
    background-color: #F5F5F5;
  }
  #top {
    position: absolute;
    top: 1px; 
    right: 42px; 
    font-size: .8em;
    line-height: .8em;
    text-align: right;
    background-color: #F5F5F5;
  }
/* navigation */
  #nav {
    position: fixed;
    top: 0;
    left: 40px;
    width: 140px;
    background: #DCDCDC;
  }
  #navlist {
    margin: 0;
    color: #200;
    font-family: "Trebuchet MS", verdana, arial, sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    font-variant: small-caps;
    line-height: 2em;
    border-top: dashed 1px #400;
  }
  #navlist li {
    border-bottom: dashed 1px #400;
  }
  #navlist a {
    color: #200;
    display: block;
    padding-left: .75em;
  }
  #urhere {
    padding-left: .75em;
    background-color: #F5F5F5;
  }
/* footer */
  #foot {
    clear: both;
    margin-left: 140px;
    margin-right: 40px;
    font-size: .8em;
    padding: 1em 1em;
  }
  #foot p {
    margin: 0;
  }
  #vanity {
    background-color: #DCDCDC;
    margin-left: 140px;
    margin-right: 40px;
  }
  #vanity a {
    display: block;
    padding: 0;
    margin-right: .5em;
    width: 57px;
    height: 20px;
  }
  #v_xhtml {
  	float: right;
  	background-image: url(/images/valid-xhtml10.gif);
  }
  #v_xhtml:hover {
  	background-image: url(/images/h_valid-xhtml10.gif);
  }
  #v_css {
  	float: right;
  	background-image: url(/images/valid-css.gif);
  }
  #v_css:hover{
  	background-image: url(/images/h_valid-css.gif);
  }
/* spot styles */
  .norm {
  	font-size: 1.2em;
  }
  .mid {
    text-align: center;
  }
  .right {
    clear: right;
    float: right;
    margin: 0 -.5em 0 .5em;
  }
  .left {
    clear: left;
    float: left;
    margin: 0 .5em 0 -.5em;
  }
  .nthr {
    width: 100%;
    height: 19px;
  }
  .subhead {
    margin: 0 1.5em;
    font-family: "Trebuchet MS", verdana, arial, sans-serif;
    text-align: center;
    font-size: 1.8em;
    font-weight: bold;
    font-style: italic;
  }
/* table style */
  table.product {
    margin: 1em;
    width: 95%;
  }
  .product th {
    vertical-align: top;
    text-align: right;
    font-weight: normal;
  }
  .product td {
    font-weight: bold;
  }
  .product img {
    padding: .5em;
    background-color: #DCDCDC;
  }
/* internal links */
  .nlink {
    color: #600;
  }
/* external links - galleries + stores */
  a.xlink, .xlink a {
    color: #030;
  }
  a.xlink:hover {
    color: #030;
  }
  a.xlink:active {
    color: #090;
  }
  a.glink {
    color: #030;
  }
  a.glink:hover {
    color: #060;
  }
  a.glink:active {
    color: #090;
  }
/* figure style */
  .figure {
    padding: .5em;
    background-color: #DCDCDC;
    border: solid 1px #DCDCDC;
  }
  a.figure:hover {
    border: solid 1px #600;
  }
  a.figure:active {
    border: solid 1px #600;
  }
/* vertical gallery eg, Rising */
  #doneen {
    width: 400px;
    height: 26em;
  }
  .galfigure li {
    display: inline;
    background-color: #D6D6D6;
    float: left;
    font-family: "Trebuchet MS", verdana, arial, sans-serif;
    height: 24em;
    margin: .75em 1.5em;
    padding: 1em .5em;
    text-align: center;
    width: 240px;
  }
  div.galfigure {
  }
  .galfigure p {
    font-size: 100%;
    margin: .25em .25em;
    text-align: justify;
  }
  .figcaption {
    color: #600;
    font-family: "Trebuchet MS", verdana, arial, sans-serif;
    text-align: center;
  }
  .galfigure img {
    background-color: #F7E7BD;
    border-color: #FFF8DC #DCDCDC;
    border-width: 15px;
    border-style: inset;
    padding: 5px;
  }
  a.galfigure {
    border-color: #D6D6D6;
    border-width: 1px;
    border-style: solid;
  }
  a.galfigure:hover, a.galfigure:active{
    border-color: #600;
    border-width: 1px;
    border-style: solid;
  }
/*  lists  */
  ol, ul {
    margin: .5em 1em;
    font-size: 1.2em;
  }
  ul ul, ol ol {
    margin: 0 1em;
    font-size: 100%;
  }
/* the bio list  */
  .bio {
    padding-left: 2em;
    margin-left: 1em;
    margin-top: 0;
  }
  .bio ol {
    font-weight: normal;
    margin-left: 4em;
  }
  li.bio {
    background-image: url(../images/rune.gif); /* Edit path (include ../ in css */
    background-position: left top;
    background-repeat: no-repeat;
    font-weight: normal;
  }
/* contain floats wholely within block with class="clear" */
  .clear:after {
  	content: ".";
  	display: block;
  	height: 0;
  	font-size: 0;
  	clear: both;
  	visibility: hidden;
  }
  .clear {
  	min-height: 1px;
  }
  * html .clear {
  	height: 1px;
  }
/* Firefox hacks */
  html {
  	height: 100%;
  }
/* IE hacks */
  ul.navlist li {
    display: inline;
  }
  * html ul.navlist a {
    height: 1px;
  }
/* Photo-Caption PZ3 CSS v080630
* copyright: http://randsco.com/copyright
* www.randsco.com
*/

  .PZ3-l { float:left; margin-right:10px; }
  .PZ3-r { float:right; margin-left:10px; direction:rtl; }
    html>/**/body .PZ3-r { position:relative; }

  .PZ3zoom { border:1px solid #369; }
  .PZ3zoom a,.PZ3zoom a:visited { display:block;
    padding:0; overflow:hidden; text-decoration:none;
    height:100%; width:100%; }
    html>/**/body .PZ3-r a { right:0; }

  .PZ3zoom a:hover { position:absolute;
    z-index:999; padding:0; background:none;
    cursor:default; height:auto; width:auto;
    overflow:visible; border:1px solid #369;
    margin:-1px 0 0 -1px; }
    html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }

  .PZ3zoom a img { border:0; height:100%; width:100%; }
  .PZ3zoom a:hover img { height:auto; width:auto;
    border:0; }

  a:hover .PZ3cap,
  a:hover .PZ31cap { display:block;
    direction:ltr; font:10pt verdana,sans-serif;
    margin-top:-3px; background:#369; color:#fff;
    text-align:left; }
  a:hover .PZ3cap { padding:3px 5px; }
  .PZ3inr { display:block; padding:2px 5px; }

  .noCap a:hover .PZ3cap,
  .noCap a:hover .PZ31cap { display:none; }
  .noBdr,.noBdr a:hover { border:0; }
  .Lnk a:hover { cursor:pointer; }

/* End Photo-Caption Zoom CSS */ 