/* does-time-exist STYLE SHEET 
				   file created Jan 21 2008 by Henri Salles
				   first time used Feb 10 2008
				   used until Feb 9 2011 under the name: does-time-exist20081108.css
				   changed-to does-time-exist2011.css				   
				   updated Apr 26 2011, 
				   updated Jul 16 2011 changed background color from 0,0,0, to 51,51,51
				   Feb 5 2012 Changed contact from e-ditor[at]gravimotion.com to henriJMsalles[at]gmail.com
				   this site becomes popular BUT very few switch to another gravimotion site
				   March 14 2012 I changed the message in followup2
				   On march 24 2012 I adjusted pop-window position and text size
				   updated: July 3 2015
				   duplicated and changed name to does-time-exist2018.css on 20180819 
				*/

				/* Block elements */
body  
   {margin: 0; padding: 0;
                                /* IE6 hack; needed to center the layout in the browser window */
   font-size: 16px;
   font-family: arial, helvetica, sans-serif;   
   background-color: rgb(15,15,15); color: rgb(220,220,220); }

body a  {color: rgb(255,255,255); }
body h1 , h3 {color: rgb(255,255,255); }

body b {color: rgb(245,245,245); }

#inn {max-width: 960px;         /* constrained yet liquid layout */
      min-width: 720px;
      margin: auto;
      padding: 0;
      text-align:left;          /* cancels I6-body-tag-hack' side effects (needed ? does ot work? */
      }
#inn a:hover {color: rgb(255,153,0);}

.contents {border-right: 2px solid rgb(255,153,0);
	   border-bottom: 2px solid rgb(255,153,0);
           border-left: 2px solid rgb(255,153,0);padding: 0 10px 10px 10px;  }
           
.boxHeight160 {height: 150px}   /* this box is used to keep the header at overall constant height, so the menu bar doesn't jiggle vertically when clicked */


           			/* Menu table added Apr 1 2011 */
           
.menu-table { border-collapse: separate; border-spacing: 0; margin-top: -1px;} 
.menu-cell { width: 240px;   border : 2px solid rgb(255,153,0); border-right: 0; text-align: center; padding: 10px;}
.menu-far-right-cell { width: 240px;   border : 2px solid rgb(255,153,0); text-align: center; padding: 10px;}


           			/* Line elements */
h4 {text-align: center; color: rgb(255,153,0); margin-top: 40px;}

.tac {text-align: center}

				/* other */

.dil {display:inline}
.read-time {font-size: .9em; color: rgb(220,220,220);}
.ref-block { position: relative; }
.pop-block { position: absolute; top: -280px; left: 30px; background-color: rgb(204,204,204); color: rgb(0,0,0);  }
div.popup{ display:none; padding: 0 10px 10px 10px; font-family: arial, helvetica, sans-serif}                         /* this keeps the popup hidden */
div.hovered:hover div.popup {display:block;}       /* and this displays the popup */
#note1 , #note2, #note3 {font-size: .9em;}

/* Changed (see following) Nov 16 2011
#followup1:after {color: rgb(51,51,255); content: "This web-site is part of the gravimotion sites family."}
#followup2:after {color: rgb(51,51,255); content: "To read more about gravimotion..."}
#followup3:after {color: rgb(51,51,255); content: "Launch your favorite Search Engine and type GRAVIMOTION !"}
*/

#followup1:after {font-size: 125%; color: rgb(255,153,0); content: "This web-site is part of the gravimotion sites family."}
#followup2:after {font-size: 125%; color: rgb(255,153,0); content: "This page is like the tip of an iceberg! There is much more to gravimotion..."}
#followup3:after {font-size: 125%; color: rgb(255,153,0); content: "Launch your favorite Search Engine and type GRAVIMOTION !"}


/* 20150701 : #contactus:after {content: " henriJMsalles[at]gmail.com"} changed to : */
#contactus:after {content: " Whether professional physicist or not, let me know your point of view! henriJMsalles[at]gmail.com"}

/* ------------------------------------------------------ 	hovered / popups 27 Dec 2011 */
.u  {text-decoration: underline; }					


div.trigger div.pop {text-align: left;}
div.pop{ position:fixed;top:10px; left:50px; display:none; width: 500px;  border:2px solid  rgb(255,153,0); padding:.5em;
           background-color:  rgb(10,10,10);  line-height: 1.1em; color: rgb(220,220,220);}
div.pop a {color: rgb(153,204,255);}           
div.trigger:hover div.pop {display:block;}


												/* added Jul 29 2012 after I used the same technic in infinite-present/4-1-subatomic-particle-origin.html */
div .trigger {position:relative;}
.popupWITHlink {position:absolute; top:-150px; left:-200px; display:none; width: 670px;  border:2px solid  rgb(255,153,0); padding:.5em;
	           background-color:  rgb(10,10,10);  line-height: 1.1em; color: color: rgb(220,220,220);}
div.trigger:hover div.popupWITHlink {display:block;}
div.popupWITHlink a {color: rgb(153,204,255);}


/* ------------------------------------------------------ 	buttons  */