/*
 */

/* ==========================================================================
   Custom themes for TRF Tracks Network
   ========================================================================== */

.trackshell {
	 border-top: 1px solid #c9c9c9;
	 border-bottom: 1px solid #c9c9c9;
	  margin: 5px 0;
	  padding:  10px 0;
   }
   
 .trackshell a{
   text-decoration: none;
   border-color: #889;
   border-width: 0 0 1px 0;
   border-style: none none solid none;
   background-color: inherit;
 }
 
 .trackshell a:hover{
   text-decoration: none;
   border: none;

 }
   
   
.trackshell p{
   font-size: .9em;
   margin: 5px 0;
}

#trackintro {
	text-align: right;
	border-right: 1px solid #c9c9c9;
	padding-right: 10px;
}


.trackshell_st p{
		 font-size: .8em;
 }


.trackshell_beast {
	font-size: .8em;
	margin:  20px 0 0 0;
}

.trackshell_rcr {
	font-size: .9em;
	margin:  20px 0 0 0;
}

.trackshell_trff {
	font-size: .9em;
	margin:  20px 0 0 0;
}

.trackshell_ecc {
	font-size: .8em;
	margin:  20px 0 0 0;
}

#trackintro_ecc {
	border-bottom: 1px solid #c9c9c9;
	padding-bottom: 10px;
	text-align: center;
}

.trackshell_ecc img {
	margin: 10px 0 5px 0;
}

	

/* MEDIA QUERIES */

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For iPad portrait layouts only */


	
		
}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For iPad landscape layouts only */

	

}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {   
/* For iPhone portrait layouts only */ 

#trackintro {
	text-align: center;
	border-right: none;
	padding-right: 0;
}


.trackshell {
	padding: 2% 15%;
}

}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { 
  /* For iPhone landscape layouts only */




}