/* Stylesheet for my poem and quote website - by Denny Davis */


/* This positions the background border graphic */
#border 	{position:absolute; left:0;}

/* This leaves a space on the left for the border graphic */
#main  {position:absolute; left:80px;}

/* This adds more space between paragraphs */
p {
  margin-top: 1em;
  margin-bottom: 1em;
}


/* Fonts */
body  {margin-left:10%; 	margin-right:20%;
	background-repeat: repeat-y;	
	font-size: 1.1em;
	font-family: "Comic Sans ms", "Lucida Casual", Textile, Arial, sans-serif; }

table {font-size: 1.1em; }

.sig {font-family: "Lucida Handwriting", "Script MT Bold", "Apple Chancery", cursive;}

.lgex {font-size: 1.3em; }
.lge {font-size: 1.4em; }
.lges {font-size: 1.5em; }
.lgem {font-size: 1.7em; }
.lger {font-size: 2.1em; }

pre {font-family:"Courier New", Courier, monospace;
	font-size:12.5pt;
	margin:0in;
	margin-bottom:.001pt;}

/* This sets the size for the denim pocket links */
.lnk
	{width:100px;
	height:100px;}

img {border:0;}

/* Default Divider */
hr {color: #3f4785; 
	background-color: #3f4785; 
	width:100%; 
	height: 2px;}

h1, h2, h3, h4, h5 {color: #3F4785;}

h4 {font-size:1.2em;}
h3 {font-size:1.3em;}
h2 {font-size:1.5em;}


/* List Formats */
ul {list-style-image: url(bullets/mybulsp.gif)}
li {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

/* Alternate Colors; winter-blue; spring-lt green; summer-yellow*/
/* Alternate Colors; winter-blue; spring-lt green; summer-yellow*/
.denim {color:#3f4785;}
.winter {color:#3f4785;}
.summer {color:yellow;}
.spring {color:#66ff66;}
.brown {color:#993300}
.green {color:green;}

/* Menu Definitions    possible border color 990000*/
.menu {border: .4em double #3f4785; width:fit-content; padding: 2px 10px; align:center;}
.mnu { padding: .4em 1.5em;}

/* Link Styles, changed hover and active colors from 666699 to 8F00FF for more contrast */
a:link {color: #3F4785; font-size:1.2em;}
a:visited {color: #990000; font-size:1.2em;}
a:hover {color:#8F00FF; font-size:1.2em;}
a:active {color: #8F00FF; font-size:1.2em;}

/* iframe styles */
iframe { width: 100%;
  	height: 100%;
   	border: 0;
   	margin: 0;
   	align: left;
     	scrolling: auto;}
     	
  /* a responsive table without the table tag, caption shows above table, I omitted the footer info,
  you can create multiples of these with different options, can add border-bottom: 1px solid black;
  at end of table-header-cell, requires lots of code, not using now */
  
  #resp-table {
width: 100%;
display: table;
}   	
     	.table-body-cell{
display: table-cell;
  border-collapse: separate;
  border-spacing: 10px;
}
#resp-table-caption{
display: table-caption;
text-align: center;
font-size: 35px;
font-weight: bold;
}
#resp-table-header{
display: table-header-group;
background-color: gray;
font-weight: bold;
font-size: 30px;
}
.table-header-cell{
display: table-cell;
padding: 10px;
text-align: justify;
}
#resp-table-body{
display: table-row-group;
}
.resp-table-row{
display: table-row;
 
}
.table-body-cell{
display: table-cell;
padding: 5px;
}