/* CSS for Rhet_v1*/

/*h3 override. makes h3 slightly larger than regular text and bold. looks like i have to use !important to override edX's will*/
h3{
font-size:100% !important;
font-weight: bold !important;
margin-bottom: 15px !important;
}

/*Boxes with colored borders. Left border is slightly thicker than the others*/

/*Box position and padding*/

.tealside, .purpleside, .ltblueside, .grayside, .redside, .dkblueside, .goldside, .blackside{
  padding: 10px 10px 5px 15px;
  margin: 40px;
}

/*Box colors*/

.tealside {
  border: 2px solid #3A8574;
  border-left: 15px solid #3A8574;
}

.goldside {
border: 2px solid #A3721A;
  border-left: 15px solid #A3721A;

}

.purpleside {
  border: 2px solid #7B579B;
  border-left: 15px solid #7B579B;
}

.ltblueside {
  border: 2px solid #687CAF;
  border-left: 15px solid #687CAF;
}

.grayside {
  border: 2px solid #4E4F50;
  border-left: 15px solid #4E4F50;
}

.redside {
  border: 2px solid #751617;
  border-left: 15px solid #751617;
}

.dkblueside {
  border: 2px solid #03328E;
  border-left: 15px solid  #03328E;
}

.blackside {
  border: 2px solid #000000;
  border-left: 15px solid  #000000;
}


/*Banners for modules, and names of speakers at top of "Background" pages*/

/*Banner dimensions*/

.biobanner, .biobannerltblue, .biobannergray, .biobannerred, .biobannerdkblue, .modbanner, .modbannerteal, .modbannerpurple, .modbannerltblue, .modbannergray, .modbannerred, .modbannerdkblue, .modbannerblack   {
  height: 175px;
  width: auto; 
  position:relative;
  margin: 0px 40px 10px 40px;
  
  
}

/*Module banner borders*/

/*.modbanner, .modbannerltblue, .modbannergray, .modbannerred, .modbannerdkblue,  .modbannerteal,  .modbannerpurple, .modbannerblack  {
  border: double 5px #E1DED0;
}*/

/* Banner text color, position, and size*/

.biobannertext, .modbannertext  {
  color: #E1DED0;
  padding-right: 1em;
  font-family: "Courier New", Courier, serif;
  text-align: right;
  font-size: 3em; 
}

/* Properties for featured speaker photos*/

img.bannerimg {
  position:absolute;
  bottom:0px;
  left:0px;
  margin-left: 5px;
}


/*Mod and Bio Banner background colors. Mod banners also have a border, styled above.*/

.modbannerltblue {
  background-color: #687CAF;
}

.modbannergray{
  background-color: #4E4F50;
 }
 
.modbannerred{
  background-color: #751617;
 }
 
.modbannerdkblue{
  background-color: #03328E;
 }
 
 .modbannerteal{
  background-color: #3A8574;
 }
 
 .modbannerpurple{
  background-color: #7B579B;
 }

.modbannerblack{
  background-color: #000000;
 }


.biobannerltblue {
  background-color: #687CAF;
}

.biobannergray{
  background-color: #4E4F50;
 }
 
.biobannerred{
  background-color: #751617;
 }
 
.biobannerdkblue{
  background-color: #03328E;
 }
 
 /*Annotation tag labels*/
 
 
.redtag, .orangetag, .greentag, .bluetag, .purpletag, .pinktag, .browntag, .graytag{
 padding: 5px;
 border: 1px solid black;
 border-radius: 5px;
 margin: 5px 3px;
}


.redtag{
background-color: rgba(255, 0, 0, 0.3);
}

.orangetag{
background-color: rgba(255, 128, 0, 0.3);
}

.greentag{
background-color: rgba(0, 255, 0, 0.3);
}

.bluetag{
background-color:  rgba(0, 0, 255, 0.3);
} 

.purpletag{
background-color:  rgba(160, 32, 240, 0.3);
} 

.pinktag{
background-color: rgba(255, 192, 203, 0.3);
} 

.browntag{
background-color: rgba(165, 42, 42, 0.3);

}

.graytag{
background-color:   rgba(128, 128, 128, 0.3);
}


/*For outlining screen shots and instructor bio photos*/

img.screenshadow, img.bioimg{
border: solid thin gray;
box-shadow: 5px 3px 3px gray;
}

/*instructor bio photos position*/

img.bioimg{
margin: 2px 15px 0px 2px;
float: left;
}

/*Format for general citations - font size 12px; instructor image photos font size 10px*/

cite {
font-size: 12px;
font-style: normal;
}

cite.bioimgcredit{
font-size: 10px;
font-style: normal;
float: left;
clear: left;
margin: 10px 0px;
width: 170px;
}


/*for examples (as opposed to quotations, which are not indented)*/

blockquote.example{
font-style: italic;
}