/* ------------------------------------------------------	STARTED AS: 
								gravimotion2011.css 
                                                        	created 2011 May 8 by Henri Salles
                                                           	Added trigger and pop class Dec 26 2011
                                                        	Feb 5 2012 Changed contact from e-ditor[at]gravimotion.com to henriJMsalles[at]gmail.com 
                                                        	Narch 15 2012 added pop-right used in index.html
                                                        	May 26 2012 prearing for change across the board from Book store to tratise 
                                                        	last modified Aug 25 2015
                                                        	
                                                        	RENAMED gravimotionINFOb.css on 20210819
                                                        	and reduced the whole site to the index.php file 
                                                        	verified this CSS thru jigsaw.w3.org , sent them 100euros for outstanding service 
                                                        	20250728 corrected my email address ... second time*/

/* ------------------------------------------------------ 	All block element rules are taken care of by gravimotion2009.css  */

	
/* ------------------------------------------------------ 	in line and pseudo class rules */
body a:hover {font-weight: bold;}
#contactcaption:after {content: "Contact: "}
#contact:after { content: " henri4.salles[at]gmail.com"}
#contact2:after { content: "   Contact me at:  henri4.salles[at]gmail.com"}
#book:after 	{content: "Gravimotion's Book Store" } 
			/*{content: "Get Gravimotion's Treatise Free" } */
/* ------------------------------------------------------ 	hovered / popups */
div.trigger div.pop {text-align: left;}
div.pop{ position:fixed;top:100px; left:100px; display:none; width: 500px;  border:1px solid black; padding:.5em;
           background-color: white; font-size: 100%; }
div.trigger:hover div.pop {display:block;}

div.trigger div.pop-right {text-align: left;}
div.pop-right{ position:fixed;top:100px; right:100px; display:none; width: 500px;  border:1px solid black; padding:.5em;
           background-color: white; font-size: 100%; }
div.trigger:hover div.pop-right {display:block;}

/* next line means: If the browser window is 800px or larger, class: switchcontainer will be executed */
/* essentially (or ? actually somewhat only) annihilating the viewport action for larger screen */
@media only screen and (min-width : 800px)
	{.switchcontainer { 	background-color: rgb(0,0,102);
    				min-width:800px; margin:0 auto;
        			font: normal 16px Arial, Helvetica, sans-serif;
    				color: rgb(102,102,153); }
       	}