/* CSS Document for use with The Duke Where and When (or simply TDWAW) */

BODY {
	background: #ffff99 url(DEatPiano-alteredscreencapture8.jpg);
	color: #000000;  
	font-size: .9em;  
	font-family: "Helvetica", "Arial", "Trebuchet MS", "Lucida Grande", "Verdana";
	}

.KG {
	color: #003399;
	}/*this class creates a unique text colour to signify this row is original information
      from Klaus Götting's August 2011 edition of The Duke Where and When.
	  Subsequent entries will use black text. */

        /*  =========  TABLE AND TABLE CLASS FORMATTING ======== */

table {                       /* <!--generic table-->*/
	border:0; border-spacing: 5px;  border-collapse: collapse;  
	table-layout:    fixed;
	font-size: 0.9em;  font-family: "Helvetica", "Arial", "Trebuchet MS", "Lucida Grande", "Verdana";  
	}

	.outershell {
			width:99%;  
			border: 1px solid /*blue*/#B3B3B3 ;  
			}  /* <!--second level table (nested) -->*/

	.innershell {
			width:100%; 
			border-spacing:2px; border-style:none;  
			padding:2px;  margin: 0 2px 0 2px;
			}/* <!--nested inner table-->*/  

	.navbarlists {
			border-spacing:2px; 
			padding:2px; 
			margin-left:0; border-right: 1px #B3B3B3 solid;
			} /* <!--nested inner table-->*/
			
	.itinerary {
			width: 96%;/* Margin: auto;	margin-left: 10%; margin-right: 10%; */
			margin-left: auto; margin-right: auto; 
			border-color: #B3B3B3; 
			border-top: 2px solid;  border-bottom: 2px solid; border-left: 1px dotted; 
			border-right: 1px dotted; border-spacing: 0; border-collapse: collapse;  
			font-size: 11px;  /*font-variant: small-caps;*/
			}
			
	.tableofrefs {
	margin-left:50px; 
	border: 0; 
	width:75%; 
	font-variant: small-caps; font-size:0.75em; 
	}

TR {
	vertical-align: top;
	}

	UL {
	margin-left: 3; 
	padding-left: 3;
	}

	
/*  =========  TABLE DATA CELL FORMATS ======== */

TD  
	.listleft {
	/*width: 48%;*/ margin:0; text-align:center; border-top:0; 
	}  /* left cell of navigation menu */

	.listright {
	width: 48%;  margin: 0; border-top:0; padding-right:10px;
	}      /* right cell of navigation menu */

	.Intro {
	padding: 35px;
	}    /* introductory paragraph at top of page */
	
	.contr {
	display:none;
	}  /* hides the contributor column */
	
	.month2 {
	text-align:left; /* vertical-align:text-bottom;*/ 
	padding:4px 0 0 0;  
	border-top:2px #8D8D8D solid;border-bottom:1px #B3B3B3 solid;
	}/* class for the month/year heading at the start of each year*/  
	
	.date  {
	width:50px; 
	padding:2px; 
	font-variant: normal; 
	border-left:1px #B3B3B3 solid;  border-top:2px #B3B3B3 solid;border-bottom:2px #B3B3B3 solid;
	}

	.end   {
	width:50px; padding:2px; 
	font-variant: normal; 
	border-left:1px #B3B3B3 dotted; border-top:2px #B3B3B3 solid;border-bottom:2px #B3B3B3 solid;
	}
	.city  {width:100px;padding:2px; border-left:1px #B3B3B3 dotted; border-top:2px #B3B3B3 solid;border-bottom:2px #B3B3B3 solid;}
	.venue {width:100px; padding:2px; border-left:1px #B3B3B3 dotted; border-top:2px #B3B3B3 solid;border-bottom:2px #B3B3B3 solid;}
	.event {width:200px; padding:2px; border-left:1px #B3B3B3 dotted; border-top:2px #B3B3B3 solid;border-bottom:2px #B3B3B3 solid;}
	.prim  {width:132px; padding:2px; border-left:1px #B3B3B3 dotted; border-top:2px #B3B3B3 solid;border-bottom:2px #B3B3B3 solid;}
	.ndref {width:34px; padding:2px; font-variant: normal; border-left:1px #B3B3B3 dotted; border-top:2px #B3B3B3 solid;border-bottom:2px #B3B3B3 solid;}
	.dems  {width:34px;padding:2px; border-left:1px #B3B3B3 dotted; border-top:2px #B3B3B3 solid; border-bottom:2px #B3B3B3 solid;}
	.other {width:55px;padding:2px; border-left:1px #B3B3B3 dotted; border-top:2px #B3B3B3 solid;border-bottom:2px #B3B3B3 solid;}
	.refscol-1 {width:10%;font-family: arial; font-size:.5em; padding:2px; margin-left:10px; }  /*reference table, column 1 cells*/                                                                                                            
	.refscol-2 {width:15%;font-family: arial; font-size: .5em; padding:2px; /*margin-left:10px;*/ }  /*reference table, column 2 cells*/
	.added {width:40px; font-size:.5em; padding:2px 0 0 2px; border-left:1px #B3B3B3 dotted; border-top:2px #B3B3B3 solid; border-bottom:2px #B3B3B3 solid;} 

  
   /*  =========  H1  H2  H3  H4  H5  H6 FORMATTING ======== */
H1 {
	font: bold italic 3.5em Georgia, "Times New Roman",  "Book Antiqua", Palatino, Garamond, serif;
	color: #660066;
	font-variant: small-caps;
	text-align:center;
    margin-top:30px;
   }            

   
H2  {
   text-align:center;
   font: bold /*40px*/ 2.3em Georgia, "Times New Roman",  "Book Antiqua", Palatino, Garamond, serif;
   color: #660066; 
   font-variant: small-caps;
   margin-top:10px;    margin-bottom:5px; 
   }

H3 {
	text-align:left;
	font: bold 1.8em Georgia, "Times New Roman",  "Book Antiqua", Palatino, Garamond, serif;
	color: #660066;
	/*margin-bottom: *//*1.5em*//*;5px;*/
    margin: 10px 0 10px 0;
   }            
 
 #month { 
	text-align: left;
	margin: 2em 0 1em 1em;
	}


 
 .myButton {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #69d7ff), color-stop(1, #11a7f7));	   background:-moz-linear-gradient( center top, #69d7ff 5%, #11a7f7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#69d7ff', endColorstr='#11a7f7');
	background-color:/*#69d7ff;*/#1E90FF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #eafc83;
	display:inline-block;
	color:#ebfc88;  	font-family:Verdana;  	font-size:.7em;  	font-weight:bold;
	padding:3px 8px;
	text-decoration:none;  margin-bottom: .2em;
   }
  .myButton:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #11a7f7), color-stop(1, #69d7ff) );     background:-moz-linear-gradient( center top, #11a7f7 5%, #69d7ff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#11a7f7', endColorstr='#69d7ff');
	background-color:#11a7f7; 
   }
.myButton:active {       	position:relative;  	top:1px;  }



	img.lt   {	
		float:left;  
		}  /*use this class for Unconfirmed.jpg*/
		
	img.rt   {
		float:right;  
		}  /*use this class for New.jpg and Recent.jpg*/


#admin {
	margin-left: 75%;
	text-align: right;
	font-size: .6em; font-family: Arial Garamond, sans-serif;
	}