/*styles for JackSlinnCollection drawings - bogie coaches*/
.galleryslinnborder {
  background-color:	#733e09;
  }
  
.galleryslinn {
  margin: 1%;
  border: 1px solid #ccc;
  float: left;
  overflow: hidden;
  width: 23%;
  height: 350px;
  background-color: 	#733e09;
}

.galleryslinn:hover {
  border: 1px solid #777;
}

.galleryslinn img {
  width: 100%;
  height: auto;
}

.desc {
  padding: 15px;
  text-align: center;
}
/*styles for JackSlinnCollection drawings - short coaches*/
  
.galleryslinnsht {
  margin: 1%;
  border: 1px solid #ccc;
  float: left;
  overflow: hidden;
  width: 23%;
  height: 450px;
  background-color: 	#733e09;
}

.galleryslinnsht:hover {
  border: 1px solid #777;
}

.galleryslinnsht img {
  width: 100%;
  height: auto;
}

.desc {
  padding: 15px;
  text-align: center;
}


@media only screen and (max-width : 700px) {
      /* Smartphone view: 1 tile */
      div.galleryslinn {
        width: 98%;
      }
}

@media only screen and (max-width : 700px) {
      /* Smartphone view: 1 tile */
	  div.galleryslinnsht {
        width: 98%;
      }
}

@media only screen and (max-width : 1200px) and (min-width : 701px) {
      /* Tablet view: 2 tiles */
      div.galleryslinn {
        width: 48%;
      }
}

@media only screen and (max-width : 1200px) and (min-width : 701px) {
      /* Tablet view: 2 tiles */
	  div.galleryslinnsht {
        width: 48%;
      }
    }
	
@media only screen and (max-width : 1920px) and (min-width : 1201px) {
      /* Small desktop / ipad view: 3 tiles */
      div.galleryslinn {
        width: 31.3%;
      }
}
	  
@media only screen and (max-width : 1920px) and (min-width : 1201px) {
      /* Small desktop / ipad view: 3 tiles */	
	  div.galleryslinnsht {
        width: 31.3%;
      }
    }


      /* styles for Jack Slinn printable drawings selection buttons */	

@media only screen and (max-width : 750px) and (min-width : 500px) {
      /* Small desktop / ipad view: 2 tiles */	
	  div.print-nav-border {
		width: 	485px;
	  }
	  div.tall {
		width: 	485px;
		height: 290px;
      }
	  div.widthauto {
		 width: 440px;
	  }
    }
@media only screen and (max-width : 499px) {
      /* Small desktop / ipad view: 3 tiles */	
	  div.print-nav-border{
		width: 	242px;
	  }
	  div.tall {
        width: 	242px;
		height: 560px;
      }
	  div.widthauto {
		 width: 197px;
	  }
    }
	
.print-nav-border{
	width: 			725px;	
	margin:			0 auto;
	background-color:	#1F0E03;           	/*windsor brown*/
	border: 		1px solid #ffffcc; 		/*cream*/
}	
.tall{
	height: 		220px;
	border-top:		none;
}
.short{
	height: 		75px;
	border-bottom:	none;
}
		
.print-nav {
	height: 		30px;
	background: 	#1F0E03;				/*windsor brown*/
	float:  		left;
	border: 		2px solid goldenrod; 	/*gold leaf*/
	border-radius: 	15px;
	margin: 		20px;
	font-weight:	bold;
	font-family:	Lucida Fax;
	font-stretch:	expanded;
	font-variant:	small-caps;
	font-size:    	15px;  
	text-shadow:	2px 2px black;
	text-align:     center;
	box-shadow: 	0 0 0 6px black, 
					0 0 0 7px #ffffcc;		/*cream*/
}
.widthauto {
	width: 			680px;
	background: 	#660000;				/*dark maroon*/
}
.widthnarrow {
	width: 			200px;	
}

.no-underline {
    text-decoration: none;
	color:			goldenrod;				/*gold leaf*/
    }

/*end of styles for JackSlinnCollection drawings*/