/*This is the css for all the archive pages*/

/*################# -- Background -- Title -- Site Navigation -- ####################################*/
/*sets links to xmas colors*/
a { font-size: 16px; color:red; text-decoration:none; font-family:Tahoma;font-weight:bold;text-shadow: 0px 0 2px black;}
a:visited	{color: #00AA00;}
a:hover {color: white;text-shadow: 0px 0 2px black;}
a:active {
	border: thin white solid;}
a:focus {
	color:white;text-shadow: 0px 0 2px black;}

body {background-image:url('../christmas/new%20abc%20graphics/sst_holly3b.jpg')}

div  {width:800px; margin:auto;color: #00FFFF; font-family: storybook;text-align: center; }    
 
/*sets h to xmas colors*/	  
h1 { font-size: 36pt; color:red; text-shadow: -1px 0 white, 0 1px white, 1px 0 black, 0 -1px black, 5px 5px 5px white; width: auto; border: none; text-align: center; }
h2 {font-size: 24pt;text-shadow: -1px 0 white, 0 1px white, 1px 0 black, 0 -1px black,3px 3px 3px white; text-align: center;}
h3 {font-size: 16pt; text-shadow: -1px 0 white, 0 1px white, 1px 0 black, 0 -1px black,2px 2px 2px white; text-align: center;}
h4 {font-size: 14pt; color:#00AA00;text-shadow: 1px 1px 1px white, 0 0 20px red; text-align: center;}
h2.rant {color:#FF00FF;} /*sets the cc rant colors in the rant body*/
h3.rant {color:#FF88FF;}

p {color: yellow;} /*makes the vertical divide bars yellow in navigation*/
/*################# -- Main Content-- Iframe -- Page Navigation -- ####################################*/
/*sets links to xmas colors*/
a.xmas {display:inline-block; line-height: 30px; padding:0px; margin: 5px;font-size: 16px; color:red; text-decoration:none;background-image : url('../ExGraf/card2b_ed1.jpg'); 
  height: 30px; width:60px;vertical-align: middle; font-family:Storybook}/*sets the page nav icon, diff for each page*/
a.xmas:visited	{color:green;}
a.xmas:hover {color: white;text-shadow: 0px 0 2px black;}
a.xmas:active {border: thin white solid;}
a.xmas:focus {color:white;text-shadow: 0px 0 2px black;}

div.ifr {margin:auto; width:80%;}
	
iframe {
	width: 100%;
	height: 1280px;
	background-color: #004800;
	border:none;} /*to center pic in iframe--would making pic.html work? so could put pic in 100% div with margin auto?*/

/*all ltr rpt dat are specific to the old letters page*/	
p.ltr {color:black;}
p.rpt {color:#FFFFCC;}
p.dat {background:green;color:red;font-size:10px;font-family:Tahoma; text-align:right;width:100px; margin:auto; margin-right:0px;}
/*position:relative;left:80%;  old code for above*/
	
td.ltr {width: 50%;padding: 20px;font-family: "Comic Sans MS";background-color: #FFFFCC;color: black; vertical-align:top;}
td.rpt {width:50%; padding: 20px;font-family: "Comic Sans MS"; background-color:maroon; color: #FFFFAA; vertical-align:top;}