/* Main title with bottom navy line */
h1{
  display: block;
  font-family: "Arial", Helvetica, sans-serif;
  font-size: 32px;
  margin:0;
  padding:0;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 4px solid #171f2c;
}

/* Secondary Title */
h2{
  display: block;
  font-family: "Arial", Helvetica, sans-serif;
  font-size: 24px;
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  font-weight: bold;
  text-transform: uppercase;
}

/* Large, bold text */
h3{
  display: block;
  font-family: "Arial", sans-serif;
  font-size: 20px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 8px;
}

/* paragraph text */
p{
  display: block;
  font-family: "Arial", sans-serif;
  font-size: 14px;
}

/* footer text */
footer{
  display: block;
  font-family: "Arial", sans-serif;
  color: white;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

a.footer{
  color: white;
  text-decoration: none;
}

a.footer:hover{
  color: #9c640c;
}

a.footer:visited{
  color: white;
}

a.footer:visited:hover{
  color: #9c640c;
}

/* Gold line */
.line{
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0;
  width: 80px;
  border-bottom: 4px solid #9c640c;
}

/* Box for biographies (have a set height so they are all uniform) */
.bio_box{
  display: block;
  border: 1px solid #767572;
  box-shadow: 0px 5px 25px #767572;
  padding: 15px;
  min-height: 200px;
}

/* Box for text */
.box{
  display: block;
  border: 1px solid #767572;
  box-shadow: 0px 5px 25px #767572;
  padding: 15px;
}

/* stylistic rules for biography images */
.img_bio{
  border: 4px solid #171f2c;
  float: left;
  margin-right: 15px;
  margin-bottom: 25px;
}

/* adds a navy border to images */
.border{
  border: 4px solid #171f2c;
}

/* stylistic rules for hall of fame images */
.img_hof{
  border: 4px solid #171f2c;
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
}

/* stylistic rules for photos used throughout site */
.photo_left{
  border: 4px solid #171f2c;
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

.photo_right{
  border: 4px solid #171f2c;
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}

.photo_center{
  border: 4px solid #171f2c;
  margin-right: auto;
  margin-left: auto;
}

/* Button */
.button{
  background-color: #171f2c;
  border: none;
  color: white;
  padding: 8px 8px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  font-size: 12px;
}

a.button{
  color: white;
}

a.button:hover{
  color: #9c640c;
}

a.button:visited{
  color: white;
}

a.button:hover:visited{
  color: #9c640c;
}

/* Fixed Width Button */
.fixed_button{
  background-color: #171f2c;
  border: none;
  color: white;
  padding: 8px 8px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  font-size: 12px;
  width: 100%;
}

a.fixed_button{
  color: white;
}

a.fixed_button:hover{
  color: #9c640c;
}

a.fixed_button:visited{
  color: white;
}

a.fixed_button:visited:hover{
  color: #9c640c;
}

/* Adds space between buttons */
.space{
    display: inline-block;
    height: 8px;
    width: 8px;
}

/* Centers text */
.center{
  text-align: center;
}

/* Link */
.link{
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

/* Causes text color to change when hovered over */
a.link:hover{
    color: #9c640c;
}


/* Causes text change color when hovered over */
a.link:visited:hover{
    color: #9c640c;
}

/* Lowercase Link */
.lowercase_link{
  font-weight: bold;
  text-decoration: none;
}

/* Causes text color to change when hovered over */
a.lowercase_link:hover{
    color: #9c640c;
}


/* Causes text change color when hovered over */
a.lowercase_link:visited:hover{
    color: #9c640c;
}

/* YouTube video iframe dynamic sizing */
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
width: 100%;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

  /* Twitter Timeline Frame */
a.twitter-timeline {
  /* Buttonish */
  display: inline-block;
  padding: 6px 12px 6px 30px;
  margin: 10px 0;
  border: #ccc solid 1px;
  border-radius: 3px;
  background: #f8f8f8 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNzIgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcyIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjAiIGZpbGw9Im5vbmUiIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIvPg0KPHBhdGggZmlsbD0iIzU1YWNlZSIgZD0iTTY4LjgxMiwxNS4xNDFjLTIuMzQ4LDEuMDM5LTQuODY5LDEuNzQzLTcuNTE5LDIuMDZjMi43MDMtMS42Miw0Ljc3OC00LjE4Nyw1Ljc1Ni03LjI0NGMtMi41MjksMS41LTUuMzMsMi41OTItOC4zMTMsMy4xNzYNCglDNTYuMzQ5LDEwLjU5MSw1Mi45NDgsOSw0OS4xODIsOWMtNy4yMjksMC0xMy4wOTIsNS44NjEtMTMuMDkyLDEzLjA5M2MwLDEuMDI2LDAuMTE4LDIuMDIxLDAuMzM4LDIuOTgxDQoJYy0xMC44ODUtMC41NDgtMjAuNTI4LTUuNzU3LTI2Ljk4Ny0xMy42NzljLTEuMTI2LDEuOTM2LTEuNzcxLDQuMTg0LTEuNzcxLDYuNTgxYzAsNC41NDIsMi4zMTIsOC41NTEsNS44MjQsMTAuODk4DQoJYy0yLjE0Ni0wLjA2OS00LjE2NS0wLjY1Ny01LjkzLTEuNjM4Yy0wLjAwMiwwLjA1NS0wLjAwMiwwLjExLTAuMDAyLDAuMTYyYzAsNi4zNDUsNC41MTMsMTEuNjM4LDEwLjUwNCwxMi44NA0KCWMtMS4xMDEsMC4yOTgtMi4yNTYsMC40NTctMy40NDksMC40NTdjLTAuODQ2LDAtMS42NjctMC4wNzgtMi40NjUtMC4yMzFjMS42NjcsNS4yLDYuNDk5LDguOTg2LDEyLjIzLDkuMDkNCgljLTQuNDgyLDMuNTEyLTEwLjEyOSw1LjYwNi0xNi4yNiw1LjYwNmMtMS4wNTUsMC0yLjA5Ni0wLjA2MS0zLjEyMi0wLjE4NGM1Ljc5NCwzLjcxNywxMi42NzYsNS44ODIsMjAuMDY3LDUuODgyDQoJYzI0LjA4MywwLDM3LjI1MS0xOS45NDksMzcuMjUxLTM3LjI0OWMwLTAuNTY2LTAuMDE0LTEuMTM0LTAuMDM5LTEuNjk0QzY0LjgzOCwyMC4wNjgsNjcuMDU4LDE3Ljc2NSw2OC44MTIsMTUuMTQxeiIvPg0KPC9zdmc+DQo=") 8px 8px no-repeat;
  background-size: 1em 1em;
}

  /* Text */
  font: normal 12px/18px Helvetica, Arial, sans-serif;
  color: #333;
  white-space: nowrap;
}

a.twitter-timeline:hover,
a.twitter-timeline:focus {
  background-color: #dedede;
}

/* Color Highlight for keyboard navigation */

a.twitter-timeline:focus {
  outline: none;
  border-color: #0089cb;
}

/* Facebook iframe container */
.FBWrapper {
 position: relative;
 padding-bottom: 0;
 padding-top: 20px;
 width: 100%;
 height: 500px;
 }

.FBWrapper iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 500px;
 }

/* Homepage Fixed Width Button */
.fixed_button_homepage{
  background-color: #171f2c;
  border: none;
  padding: 8px 8px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  font-size: 12px;
  width: 100%;
}

a.fixed_button_homepage{
  color: white;
}

a.fixed_button_homepage:hover{
  color: #9c640c;
}

a.fixed_button_homepage:visited{
  color: white;
}

a.fixed_button_homepage:visited:hover{
  color: #9c640c;
}

/* AMC Today table values */
.mytable{
table-layout: fixed
  table-width: 100%
  vertical-align: text-top
  padding: 20px
}