.bg-navBar {
	background-color: black;
}

body {
	position: relative; 
	padding-top: 100px;  	
}

/* used by the html generator */ 
.newParagraph {
	clear:both; 	
}

.imageRight{
	width: 30%; 
	margin-left: 10px;	
}

.imageLeft{
	width: 30%; 
	margin-right: 10px;	
}

.imageBig {
	width: 70%;
	margin-left: 10px;
	margin-right: 10px; 

/* magic to make the nav bar track properly */ 
.mainElement::before { 
  	display: block; 
  	content: " "; 
  	margin-top: -100px; 
  	height: 100px; 
  	visibility: hidden; 
  	pointer-events: none;
}

.fa {
  padding: 10px;
  font-size: 40px;
  width: 60px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook-square {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin-square {
  background: #007bb5;
  color: white;
}

.fa-meetup{
	background: red;
	color: white;
}


td.details-control {
    background: <i class="fa fa-facebook-square"></i> no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: <i class="fa fa-facebook-square"></i> no-repeat center center;
}