/* content style sheet for Andrew Bernhardt's homepage (dtjsoft.com)   */

/*** default for all topic elements ***/
.content       {letter-spacing: 0.1em;}

/*** links ***/
a              {font-weight: bold;}

/*** Headings ***/
h1, .h1        {font: bold 200%/120% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif; color: rgb(0,0,0);}
h2, .h2        {font: bold 160%/120% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif; color: rgb(96,0,0);}
h3, .h3        {font: bold 140%/120% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif; color: rgb(96,0,0);}
h4, .h4        {font: bold 120%/120% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif; color: rgb(96,0,0);}

/*** Style modifiers ***/
    .ct        {text-align: center;}                 /* center text */
    .ri        {text-align: right;}                  /* right-align text */
    .qt        {font: italic 100%/180% Constantia, FreeSerif, utopia, georgia, times, serif;}  /* quoted text
    .sb0       {margin-top: 0px; padding-top: 0px;}  /* no space before line */
    .sa0       {margin-bottom: 0px; padding-bottom: 0px;}  /* no space after line */
    .ind       {margin: 0px 20px 0px 20px;}          /* indent one level (use in divs) */
    .noti      {text-indent: 0px;}                   /* no text indent */
    .mh60      {min-height: 100px;}                  /* minimum height is 60px */

/*** General Paragraphs (numbers indicate indent level) ***/
p,  .p0        {padding: 0px 0px 0px 0px;  font: 100%/180% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;text-indent: 0px;}
    .p1        {padding: 0px 0px 0px 20px; font: 100%/180% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;text-indent: 0px;}
    .p2        {padding: 0px 0px 0px 40px; font: 100%/180% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;text-indent: 0px;}
    .p00       {padding: 0px 0px 0px 0px;  font: 100%/180% Constantia, FreeSerif, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;text-indent: 0px; color: rgb(70,40,30);}
    .p01       {padding: 0px 0px 0px 20px; font: 100%/180% Constantia, FreeSerif, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;text-indent: 0px; color: rgb(70,40,30);}
    .p02       {padding: 0px 0px 0px 40px; font: 100%/180% Constantia, FreeSerif, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;text-indent: 0px; color: rgb(70,40,30);}

/*** General Paragraphs (numbers indicate indent level) - no first line indent ***/
    .p0ni      {padding: 0px 0px 0px 0px;  font: 100%/180% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;text-indent: 0px;}

/*** Scripture text ***/
.s, .s0        {padding: 0px 40px 0px 40px; font: italic 110%/180% Constantia, FreeSerif, utopia, georgia, times, serif; color: rgb(0,0,128);}
    .s1        {padding: 0px 50px 0px 60px; font: italic 110%/180% Constantia, FreeSerif, utopia, georgia, times, serif; color: rgb(0,0,128);}
    .s2        {padding: 0px 60px 0px 80px; font: italic 110%/180% Constantia, FreeSerif, utopia, georgia, times, serif; color: rgb(0,0,128);}

/*** Scripture reference ***/
.r, .r0        {margin-top: -15px; padding: 0px 40px 0px 40px; font: 90%/120% tahoma, verdana, arial, helvetica, serif; text-align: right;}
    .r1        {margin-top: -15px; padding: 0px 50px 0px 60px; font: 90%/120% tahoma, verdana, arial, helvetica, serif; text-align: right;}
    .r2        {margin-top: -15px; padding: 0px 60px 0px 80px; font: 90%/120% tahoma, verdana, arial, helvetica, serif; text-align: right;}

/*** Bulleted list ***/
ul, .b0        {margin: 0px 0px 0px 15px; padding: 8px 0px 8px 30px; font: 100%/180% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;list-style-type: square;}
    .b1        {margin: 0px 0px 0px 15px; padding: 8px 0px 8px 50px; font: 100%/180% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;list-style-type: square;}
    .b2        {margin: 0px 0px 0px 15px; padding: 8px 0px 8px 70px; font: 100%/180% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;list-style-type: square;}

/*** Numbered list ***/
ol p, .n0      {margin: 0px 0px 0px 15px; padding: 0px 0px 0px 30px; font: 100%/180% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;}
    .n1        {margin: 0px 0px 0px 15px; padding: 0px 0px 0px 50px; font: 100%/180% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;}
    .n2        {margin: 0px 0px 0px 15px; padding: 0px 0px 0px 70px; font: 100%/180% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;}

/*** Quoted Text Blocks ***/
.blockquote1   {margin: 10px 20px 10px 20px; padding: 0px 8px 0px 8px; border: solid 1px #606000; background-color: #FFFFE0; font: italic 110%/180% Constantia, FreeSerif, utopia, georgia, times, serif; text-indent: 0px; color: #404000;}
    .q0        {padding: 0px 0px 0px 20px; text-indent: 0px; font: italic 110%/180% Constantia, FreeSerif, utopia, georgia, times, serif;}
    .q1        {padding: 0px 0px 0px 40px; text-indent: 0px; font: italic 110%/180% Constantia, FreeSerif, utopia, georgia, times, serif;}
    .q2        {padding: 0px 0px 0px 60px; text-indent: 0px; font: italic 110%/180% Constantia, FreeSerif, utopia, georgia, times, serif;}

    .qb0       {margin: 0px 0px 0px 15px; padding: 0px 0px 0px 30px; list-style-type: square; font: italic 110%/180% Constantia, FreeSerif, utopia, georgia, times, serif;}
    .qb1       {margin: 0px 0px 0px 15px; padding: 0px 0px 0px 50px; list-style-type: square; font: italic 110%/180% Constantia, FreeSerif, utopia, georgia, times, serif;}
    .qb2       {margin: 0px 0px 0px 15px; padding: 0px 0px 0px 70px; list-style-type: square; font: italic 110%/180% Constantia, FreeSerif, utopia, georgia, times, serif;}
    .qn0       {margin: 0px 0px 0px 15px; padding: 0px 0px 0px 30px; font: italic 110%/180% Constantia, FreeSerif, utopia, georgia, times, serif;}
    .qn1       {margin: 0px 0px 0px 15px; padding: 0px 0px 0px 50px; font: italic 110%/180% Constantia, FreeSerif, utopia, georgia, times, serif;}
    .qn2       {margin: 0px 0px 0px 15px; padding: 0px 0px 0px 70px; font: italic 110%/180% Constantia, FreeSerif, utopia, georgia, times, serif;}

    .q0n       {padding: 0px 0px 0px 20px; text-indent: 0px; font: italic 110%/100% Constantia, FreeSerif, utopia, georgia, times, serif;}
    .q1n       {padding: 0px 0px 0px 40px; text-indent: 0px; font: italic 110%/100% Constantia, FreeSerif, utopia, georgia, times, serif;}
    .q2n       {padding: 0px 0px 0px 60px; text-indent: 0px; font: italic 110%/100% Constantia, FreeSerif, utopia, georgia, times, serif;}
    .qb0n      {margin: 0px 0px 0px 15px; padding: 0px 0px 0px 30px; list-style-type: square; font: italic 110%/100% Constantia, FreeSerif, utopia, georgia, times, serif;}
    .qb1n      {margin: 0px 0px 0px 15px; padding: 0px 0px 0px 50px; list-style-type: square; font: italic 110%/100% Constantia, FreeSerif, utopia, georgia, times, serif;}
    .qb2n      {margin: 0px 0px 0px 15px; padding: 0px 0px 0px 70px; list-style-type: square; font: italic 110%/100% Constantia, FreeSerif, utopia, georgia, times, serif;}
    .qn0n      {margin: 0px 0px 0px 15px; padding: 0px 0px 0px 30px; font: italic 110%/100% Constantia, FreeSerif, utopia, georgia, times, serif;}
    .qn1n      {margin: 0px 0px 0px 15px; padding: 0px 0px 0px 50px; font: italic 110%/100% Constantia, FreeSerif, utopia, georgia, times, serif;}
    .qn2n      {margin: 0px 0px 0px 15px; padding: 0px 0px 0px 70px; font: italic 110%/100% Constantia, FreeSerif, utopia, georgia, times, serif;}

    .i0        {margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; font: 100%/180% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;}
    .i1        {margin: 0px 0px 0px 0px; padding: 30px 30px 30px 30px; font: 100%/180% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;}
    .i2        {margin: 0px 0px 0px 0px; padding: 50px 50px 50px 50px; font: 100%/180% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;}
.sn, .s0n      {padding: 0px 40px 0px 40px; font: italic 110%/180% Constantia, FreeSerif, utopia, georgia, times, serif; color: rgb(0,0,128);}
     .s1n      {padding: 0px 50px 0px 60px; font: italic 110%/180% Constantia, FreeSerif, utopia, georgia, times, serif; color: rgb(0,0,128);}
     .s2n      {padding: 0px 60px 0px 80px; font: italic 110%/180% Constantia, FreeSerif, utopia, georgia, times, serif; color: rgb(0,0,128);}
    .p0n       {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font: 100%/100% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;text-indent: 0px;}
    .p1n       {padding: 0px 0px 0px 20px; font: 100%/100% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;text-indent: 0px;}
    .p2n       {padding: 0px 0px 0px 40px; font: 100%/100% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;text-indent: 0px;}
    .b0n       {margin: 0px 0px 0px 15px; padding: 0px 0px 0px 30px; font: 100%/100% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;list-style-type: square;}
    .b1n       {margin: 0px 0px 0px 15px; padding: 0px 0px 0px 50px; font: 100%/100% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;list-style-type: square;}
    .b2n       {margin: 0px 0px 0px 15px; padding: 0px 0px 0px 70px; font: 100%/100% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;list-style-type: square;}
    .n0n       {margin: 0px 0px 0px 15px; padding: 0px 0px 0px 30px; font: 100%/100% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;}
    .n1n       {margin: 0px 0px 0px 15px; padding: 0px 0px 0px 50px; font: 100%/100% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;}
    .n2n       {margin: 0px 0px 0px 15px; padding: 0px 0px 0px 70px; font: 100%/100% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;}
    .i0n       {margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; font: 100%/100% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;}
    .i1n       {margin: 0px 0px 0px 0px; padding: 30px 30px 30px 30px; font: 100%/100% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;}
    .i2n       {margin: 0px 0px 0px 0px; padding: 50px 50px 50px 50px; font: 100%/100% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;}

/*** Tables ***/
.tabstyle0     {margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; font: 100%/180% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif; text-indent: 0px;}
.tabstyle0 td  {margin: 0px 0px 0px 0px; padding: 2px 4px 2px 4px; vertical-align: top;}
.tabstyle0 th  {margin: 0px 0px 0px 0px; padding: 2px 2px 2px 2px; vertical-align: top; text-align: center; font: bold 100%/180% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;}
.tabstyle1     {margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; border: solid 1px #A0A0B0; font: 100%/180% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif; text-indent: 0px;}
.tabstyle1 td  {margin: 0px 0px 0px 0px; padding: 2px 4px 2px 4px; border: solid 1px #A0A0B0; vertical-align: top;}
.tabstyle1 th  {margin: 0px 0px 0px 0px; padding: 2px 2px 2px 2px; border: solid 1px #A0A0B0; background-color: #C0C0D0; vertical-align: top; text-align: center; font: bold 100%/180% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;}
.tab5, .tab05  {width: 5%;}
.tab10         {width: 10%;}
.tab15         {width: 15%;}
.tab20         {width: 20%;}
.tab25         {width: 25%;}
.tab10         {width: 30%;}
.tab35         {width: 35%;}
.tab30         {width: 40%;}
.tab45         {width: 45%;}
.tab40         {width: 50%;}
.tab55         {width: 55%;}
.tab50         {width: 60%;}
.tab65         {width: 65%;}
.tab70         {width: 70%;}
.tab75         {width: 75%;}
.tab80         {width: 80%;}
.tab85         {width: 85%;}
.tab90         {width: 90%;}
.tab95         {width: 95%;}

/*** Images ***/
.imgleft       {float: left; margin: 8px 14px 8px 14px; border: none; clear: left;}
.imgleft2      {float: left; margin: 8px 14px 8px 14px; border: none; clear: left;}
.imgright      {float: right; margin: 8px 34px 8px 34px; border: none; clear: right;}
.imgcenter     {display: block; text-align: center; margin: 8px 8px 8px 8px; border: none;}
@media screen { .floatquote    {position: relative; left: 0px; width: 220px; float: left; padding: 16px 16px 16px 16px; margin: 10px 10px 10px 10px; border: none; clear: left; border: solid 2px rgb(128,128,64); background-color: rgb(250,250,210);} }
@media projection { .floatquote    {position: relative; left: -120px; width: 220px; float: left; padding: 16px 16px 16px 16px; margin: 0px -100px 0px 0px; border: none; clear: left; border: solid 2px rgb(128,128,64); background-color: rgb(250,250,210);} }
@media print { .floatquote    {position: relative; left: -10px; width: 220px; float: left; padding: 16px 16px 16px 16px; margin: 0px -100px 0px 0px; border: none; clear: left; border: solid 2px rgb(128,128,64); background-color: rgb(250,250,210);} }

.rss0          {font: italic 110%/180% Constantia, FreeSerif, utopia, georgia, times, serif; color: rgb(0,0,128);}
.rsr0          {position: relative; top: -15px; font: 90%/120% tahoma, verdana, arial, helvetica, serif; text-align: right;}

/*** Scripturized link ***/
.scripture a   {color: rgb(32,32,80); text-decoration: none;}
.scripture a:hover{color: rgb(64,64,192); text-decoration: underline;}

/*** Endnotes ***/
.endnotetitle  {font: italic 100%/100% Constantia, FreeSerif, utopia, georgia, times, serif; color: #202020; padding: 0px 0px 0px 0px; margin: 2px 0px 5px 0px; text-indent: 0px;}
.endnotenum    {position: relative; left: -2em; width: 2em; text-indent: 0px;}
.endnotenum a  {color: rgb(32,32,80); text-decoration: none;}
.endnotetext   {font: 95%/100% Constantia, FreeSerif, utopia, georgia, times, serif; color: #303030; padding: 0px 0px 0px 0px; margin: 8px 0px 0px 3em; text-indent: -2em; line-height: 1.2em;}

/*** Topic previews ***/
.previewtitle  {position: relative; left: 20px; right: 0px; text-indent: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.previewtitle a {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font: 100%/180% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif; text-align: left;}
.previewdate   {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: right; font: 80% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif; color: #B0B0B0;}
.previewtext   {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 40px; font: 90%/180% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;text-indent: 0px;}
.new           {margin: 0px 0px 1px 10px; padding: 1px 2px 1px 2px; border: solid 1px #F04000; background-color: #FFFF40; color: #E00000; font: bold 10px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;}
.updated       {margin: 0px 0px 1px 10px; padding: 1px 2px 1px 2px; border: solid 1px #208000; background-color: #80FF40; color: #007000; font: bold 10px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;}

/*** Menus ***/
.menulevelt0   {position: relative; left: 0px; text-indent: 0px;}
.menuleveld0   {position: relative; left: 0px; text-indent: 0px;}
.menulevelt1   {position: relative; left: 30px; text-indent: 0px;}
.menuleveld1   {position: relative; left: 30px; text-indent: 0px;}
.menulevelt2   {position: relative; left: 60px; text-indent: 0px;}
.menuleveld2   {position: relative; left: 60px; text-indent: 0px;}
.menulevelt3   {position: relative; left: 90px; text-indent: 0px;}
.menuleveld3   {position: relative; left: 90px; text-indent: 0px;}
.menulevelt4   {position: relative; left: 120px; text-indent: 0px;}
.menuleveld4   {position: relative; left: 120px; text-indent: 0px;}
.menulevelt5   {position: relative; left: 150px; text-indent: 0px;}
.menuleveld5   {position: relative; left: 150px; text-indent: 0px;}
.menulevelt6   {position: relative; left: 180px; text-indent: 0px;}
.menuleveld6   {position: relative; left: 180px; text-indent: 0px;}

/*  Overall comments area */
.commentdiv    {padding: 10px 10px 10px 10px; background-color: rgb(225,225,240);}
/*  Overall comment list sub-area */
.comment       {color: #404040;}
/*  Individual comment heading */
.commenthead   {margin: 20px 10px 10px 10px; padding: 0px 2px 0px 2px; background-color: rgb(200,200,230);}
.commentname   {padding-right: 100px; font: bold 90%/100% Constantia, FreeSerif, utopia, georgia, times, serif;}
.commentdate   {font: 90%/100% Constantia, FreeSerif, utopia, georgia, times, serif;}
.commenttext   {margin: 0px 0px 10px 40px; font: 90%/100% Constantia, FreeSerif, utopia, georgia, times, serif;line-height: 1.2em;}
.commentform   {font: bold 90%/100% Constantia, FreeSerif, utopia, georgia, times, serif;}

.nextprev      {margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px; font: 9pt freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;}
.inactivelink  {color: #C0C0C0;}

.mono          {font: 12px/14px "Courier New", Courier, mono;}
.highlight     {color: red; background-color: rgb(240,240,0);}
a:link         {color: rgb(0,0,128); text-decoration: none;}      /* unvisited link */
a:visited      {color: rgb(64,0,128); text-decoration: none;}     /* visited link */
a:hover        {color: rgb(0,0,192); text-decoration: underline;} /* mouse over link */
a:active       {color: rgb(128,0,128); text-decoration: none;}    /* selected link */ 

/* photoalbum styles */
.albumlist     {float: none; position: relative; left: 0; right: 0; height: auto; margin: 0 0 0 0; padding: 0 0 0 0;
                font: 100%/100% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;
                text-indent: 0px; text-align: left; height: auto;}
.albumlisttitle {color: rgb(40,40,240); font: 130%/160% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;}
.albumlistempty {color: rgb(240,40,40); font: 100%/120% freesans, calabri, tahoma, verdana, arial, helvetica, sans-serif;}
a.albumlistlink {}
.albumlistname0   {margin: 0 0 0 10px;}
.albumlistdescr0  {margin: 0 0 0 30px;}
.albumlistname1   {margin: 0 0 0 50px;}
.albumlistdescr1  {margin: 0 0 0 70px;}
.albumlistname2   {margin: 0 0 0 90px;}
.albumlistdescr2  {margin: 0 0 0 110px;}
.albumlistname3   {margin: 0 0 0 130px;}
.albumlistdescr3  {margin: 0 0 0 150px;}
.albumlistname4   {margin: 0 0 0 170px;}
.albumlistdescr4  {margin: 0 0 0 190px;}
.albumlistname5   {margin: 0 0 0 210px;}
.albumlistdescr5  {margin: 0 0 0 230px;}
.albumlistname6   {margin: 0 0 0 250px;}
.albumlistdescr6  {margin: 0 0 0 270px;}

/* .photoalbum li    {display: inline; list-style: none; width: 150px; min-height: 175px; float: left; margin: 0 10px 10px 0; text-align: center;} */

.padiv          {overflow: hidden; width: 100%; height: auto;}
.patitbuttons   {display: inline; margin: 0 10px 0 0; padding: 0 0 0 0;}
.photobox       {display: inline; float: left; width: 130px; height: 135px; margin: 2px 2px 2px 2px;
                padding: 2px 2px 2px 2px;}
.photograph     {text-align: center;}
.photothumb     {text-align: center; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; border: solid 1px #000000; background-color: #FFFFFF;}


/*

.out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0 0 10px;
  }
.in2 {
  display:block; 
  background:#777; 
  border:1px solid #999; 
  position:relative;
  padding:1px;
  margin:1px;
  }
.in {
  background:#fff; 
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }
 
.ltin {
  left:-5px;
  }
.tpin {
  top:-5px;
  }
.rtin {
  left:5px;
  }
 
.narrow {width:8em;}
.normal {width:180px;}
.wide {width:18em;}
.image {width:412px; padding:0;}

.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
---------

<div class="out normal"> 
<div class="in2"> 
<div class="in"> 
<h3>Medium</h3> 
<p>and finally a text box with a surround shadow.</p> 
</div> 
</div> 
</div> 

*/