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

BODY {
	/*background: #00ccff url(http://ellingtonweb.ca/Hostedpages/Itinerary/DEatPiano-alteredscreencapture6.jpg);*/
   background: #00ccff 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; }
   
   /*  =========  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:75px; padding:2px; font-variant: normal; border-left:1px #B3B3B3 solid;  border-top:2px #B3B3B3 solid;border-bottom:2px #B3B3B3 solid;}
.end   {width:75px; 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:4px; border-left:1px #B3B3B3 dotted; border-top:2px #B3B3B3 solid;border-bottom:2px #B3B3B3 solid;}
.event {width:220px; padding:4px; border-left:1px #B3B3B3 dotted; border-top:2px #B3B3B3 solid;border-bottom:2px #B3B3B3 solid;}
.prim  {width:220px; padding:4px; border-left:1px #B3B3B3 dotted; border-top:2px #B3B3B3 solid;border-bottom:2px #B3B3B3 solid;}
.ndref {padding:4px; font-variant: normal; border-left:1px #B3B3B3 dotted; border-top:2px #B3B3B3 solid;border-bottom:2px #B3B3B3 solid;}
.dems  {padding:4px; border-left:1px #B3B3B3 dotted; border-top:2px #B3B3B3 solid; border-bottom:2px #B3B3B3 solid;}
.other {padding:4px; 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:30px; font-size: .7em; padding:4px 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  {
   margin-top:10px; 
   margin-bottom:5px; 
   text-align:center;
   font: bold /*40px*/ 2.3em Georgia, "Times New Roman",  "Book Antiqua", Palatino, Garamond, serif;
   font-variant: small-caps;
	color: #660066; 
   }

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

HR.peripheral {
 border: 0;
 color: green;
 height: 11px;
 style: dashed;
 width: 80%;
  }
 
 .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 {
	text-align: right;
   font-size: .6em; 
   font-family: Arial Garamond, sans-serif;
	margin-left: 75%;
	/*width: 20%;*/
}