@charset "UTF-8";
/* CSS Document */


/***************************/

.aboutBG{
	padding: 1em 1em 0.5em 1em;
	margin-bottom: 1em;	
	background-color: rgba(255, 255, 255, 0.4);	
	}

#aboutText{
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
	font-size: 12pt;
	line-height: 1.8;	
	}


#aboutText a,
#aboutText a:link{
	color: #700000; 
	text-decoration: underline;		
	}

#aboutText a:hover,
#aboutText a:focus{
	color: #B37700; 
    text-decoration: none;	
    }

.workshop p.caption, 
.atDesk p.caption{
	font-family: "PT Serif", Helvetica, Arial, sans-serif;
	color: #700000;
	font-size: 10pt;
	line-height: 1.5;	
	}

/*****************/

.atDesk img, .workshop img{
	border: 1px solid #FFF;	
	}

.atDesk {
	float: right;
	width: 235px;
	margin-left: 1em;
	}

.workshop {
	float: right;
	width:275px;
	margin-left: 1em;	
	}


/***************************/

.btn-custom {

	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
	color: #FFF;
	font-size: 10pt;
	letter-spacing: 0.1em;
	margin-bottom: 2em;
	margin-left: 0.5em;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	border-top-color: #D2CEC6;
	border-bottom-color: #4D3319;

  background: #D2CEC6;
  background-image: -webkit-linear-gradient(top, rgba(179,119,0,0.5), rgba(77,51,25,0.9));
  background-image: -moz-linear-gradient(top, rgba(179,119,0,0.5), rgba(77,51,25,0.9));
  background-image: -ms-linear-gradient(top,rgba(179,119,0,0.5), rgba(77,51,25,0.9));
  background-image: -o-linear-gradient(top, rgba(179,119,0,0.5),  rgba(77,51,25,0.9));
  background-image: linear-gradient(to bottom, rgba(179,119,0,0.5),  rgba(77,51,25,0.9));
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 6px;
  }

 
.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active, .open {
  background:#B37700;
  background-image: -webkit-linear-gradient(top, #D2CEC6, #87795d);
  background-image: -moz-linear-gradient(top, #D2CEC6, #87795d);
  background-image: -ms-linear-gradient(top, #D2CEC6, #87795d);
  background-image: -o-linear-gradient(top, #D2CEC6, #87795d);
  background-image: linear-gradient(to bottom, #D2CEC6, #87795d);
  text-decoration: none;
  color: #4D3319;
}



/***************************/

/*smallest devices (phones less than 768px)*/
@media (max-width: 767px) { 


#aboutText{
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
	font-size: 11pt;
	line-height: 1.5;	
	}

.workshop {
	float: none;
	margin-right: 0;
	margin-bottom: 1em;
	}

.atDesk {
	float: none;

	}
.btn-custom {
	display: block;
	}


  }