:root {
  --section_gap: 4.0rem;
  --header_gap: 0.8rem;
}

div.page_container {
  width: 1260px;
  margin: 0 auto;
}

div.title_container_outer {
  margin: 1.6rem auto 3.2rem auto;
  padding: 0.8rem 0.8rem 0.4rem 0.8rem;
  border: 0.12rem solid #ABA;
  border-bottom-color: gray;
  background-color: #383;
  text-align: center;
}

div.title_container_inner {
  margin: 0px;
  padding: 2.4rem 2.4rem 2.4rem 2.4rem;
  border: 1px solid gray;
  border-bottom-color: #ABA;
  background-color: black;
  text-align: left;
}

a.title_container_top_link{
  color: #020;
  font-weight: bold;
  font-size: small;
  text-decoration: none;
  display: block;
  margin: 0.4rem 0.0rem 0.4rem 0rem;
  padding: 0.12rem;
  border-radius: 0.2rem;
  border:1px solid #060;
}

a.title_container_top_link:hover{
  text-decoration: underline;
  color: #000;
  background-color: #00000040;
}

div.title_box {
  /* padding: 0 0 var(--section_gap) 0; */
  padding: 0 0 1.8rem 0;
}

h2.title {
  color: #F72;
  font-size: 1.8rem;
}

h3.alt_title {
  color: #FC4;
  padding: 0px 0px;
  margin: 0 0 0.0rem 0;
  font-size: 1.54rem;
}

/*
Float right
*/

div.float_right1_container,
div.float_right2_container {
  float: right;
  text-align: center;
  margin: 0 1.6rem var(--section_gap) 1.6rem;

}

/*
div.float_right1 {
text-align: right;
}

div.float_right2 {
text-align: center;
margin-left: 16px;
}
*/

img.image_top_right,
img.image_bot_right {
  margin: 32px 0px 32px 32px;
  display: inline;
}

/*
Info Box
*/

div.info_table_container {
  margin: 0;
  padding: 0;
}

table.title_info {
  margin: 0;
  padding:0;
  vertical-align: top;
  border-collapse: collapse;
}

table.title_info tbody{
  margin: 0;
  padding: 0;
  vertical-align: top;
}

table.title_info tr{
  margin: 0;
  padding: 0;
}

/*
td.info_left{
margin: 0;
padding: 0;
border: 0px solid red;
vertical-align: top;
}

td.info_right {
margin: 0;
padding: 0;
vertical-align: top;
border: 0px solid green;
}
*/


/*
Info - Detais
*/

div.details_box {
  padding: 0.4rem 1.4rem 0 0;
  margin: 0 0 var(--section_gap) 0;
}

div.details_box p {
  padding-bottom: 0.12rem;
}

p.detail_genre{
  margin: 0.4rem 0 0 0 ;
}

/*
span.director,
span.artist,
span.studio {
  padding-right: 4px;
}
*/

/*
Info - Ratings
*/

a.ratings_box_wrapper_link{
  text-decoration: none;
}

div.ratings_box{
  border: 0px solid red;
  padding: 0;
  margin: 0;
  text-align: right;
  vertical-align: top;
}

div.ratings_box p{
  margin:0;
  padding:0;
}

span.tama_l,
span.raja_l,
span.sattva_l,
span.grade_l {
  font-size: 1.2rem;
  display: inline-block;
}

span.tama_r,
span.raja_r,
span.sattva_r,
span.grade_r {
  border: 0px solid green;
  display: inline-block;
  width: 4rem;
  text-align: left;
  margin-left: 0.6rem;
  font-family: monospace;
  font-weight: bold;
}

span.tama_r,
span.raja_r,
span.sattva_r
{
  font-size: 1.32rem;
}

span.grade_r{
  font-size: 1.6rem;
}

a.tama_link,
span.tama_l,
span.tama_r {
  color: #E97634;
  /*  color: #EE4430; */
}

a.raja_link,
span.raja_l,
span.raja_r {
  color: #E3D544;
}

a.sattva_link,
span.sattva_l,
span.sattva_r {
  color: #FFEEEE;
}

a.grade_link,
span.grade_l,
span.grade_r {
  color: PaleGoldenRod;
}

/*
Float Right num_blocks
*/

div.float_right_container{
  float:right;
  border: 0px solid red;
  margin: 0rem;
  padding:0;
  display: flex;
  flex-direction: column;
}

div.float_right_container img{
  margin: 0 0 2.4rem 0;
  padding: 0;
}

img.float_right_contined{
  margin: 0 0 2.4rem 0;
  padding: 0;
  border:0px solid yellow;
}

/*
Text and Image num_blocks
*/

div.text_block{
  margin: 0 0 var(--section_gap) 0;
  padding: 0;
}

div.images_block
{
  margin: 0 0 var(--section_gap) 0;
  padding: 0;
}

div.text_block a {
  color: #F6F6D2;
}

div.text_block a:hover {
  text-decoration: underline;
}

div.images_block img {
  display: inline-block;
  margin: 0px;
  padding: 0 0.8rem 0.8rem 0;
}

/*
Notes & Lnks
*/

div.notes_block,
div.links_block {
  margin: 0 0 var(--section_gap) 0;
  padding: 0;
  border: 0px solid yellow;
}

p.notes_heading,
p.links_heading,
p.connections_heading,
p.tags_heading {
  margin: 0 0 var(--header_gap) 0;
  padding: 0;
}

ul.external_links,
ul.notes{
  border: 0px solid blue;
}

li.external_link,
li.note {
  margin: 0 0 1.2rem 0;
  padding: 0 0 0 2.0rem;
}

div.notes_block a,
div.links_block a {
  color: #8DA;
  text-decoration:none;
}

div.notes_block a:visited,
div.links_block a:visited {
  color:#AB8;
}

div.notes_block a:hover,
div.links_block a:hover {
  text-decoration:underline;
  color:#FC4;
}

div.notes_block a:active,
div.links_block a:active {
  color:#FFB;
}

/*
Connections & Tags
*/

div.connections_and_tags_container{
  border: 0px solid green;
  margin: 0 0 var(--section_gap) 0;
}

table.connections_and_tags{
  border: 0px solid red;
  border-collapse: collapse;
}

tbody.connections_and_tags{
  border: 0px solid orange;
  vertical-align: top;
}

tr.connections_and_tags{
  border: 0px solid pink;
}

td.connections{
}

td.tags{
}

/*
Connections
*/

div.connections_container{
  border: 0px solid grey;
  width: 24rem;
  padding: 0 8rem var(--section_gap) 0;
}

div.connections_container p{
  display: block;
}

div.connections_body{
  text-align: right;
}

span.connections_desc{
  color: #AAA;
}

select.connections{
  display: inline-block;
  margin: 0 0 0 0rem;
}

div.connections_matches_container{
  margin: 0.12rem 0 0 0;
  text-align: right;
}

div.connections_match_link_container{
}

/*
Tags
*/

a.tags_heading_link_wrapper{
  color: #F8F0DB;
}

div.tags_container{
  border: 0px solid white;
  margin: 0 0 var(--section_gap) 0;
}

div.tags_list_container{
  text-align: left;
}

span.entry_tag {
  margin: 0 1.0rem 0.4rem 1.0rem;
  white-space: nowrap;
  display: inline-block;
  color: #AAA;
}

/*
Awards
*/

a.awards_header_link{
  display: block;
  color: #FFF;
  /* margin: 0 0 var(--section_gap) 0; */
  margin: 0 0 2.4rem 0;
  padding: 0;
}

div.award_container {
  border-radius: 27px;
  border: 2px solid #AAA;
  padding: 8px;
  /* margin: 0 0 var(--section_gap) 0; */
  /* margin: 0 1.2rem 2.4rem 1.2rem; */
  margin: 0 1.2rem var(--section_gap) 1.2rem;
}

div.award_header {
  background-color: #226;
  border-radius: 24px;
  border: 1px solid #999;
  padding: 10px 10px 11px 4px;
}

a.award_category {
  color: #000;
  background-color: #EEE;
  border-radius: 100px;
  padding: 8px 24px;
}

a.award_sub_cat {
  color: #FFF;
  padding-left: 16px;
  font-size: large;
  font-style: italic;
}

table.award_table {
  border-collapse: collapse;

}

tbody.award_table_body{
  margin: 0;
  padding: 0;
}

tr.award_table_row {
  margin: 0;
  padding: 0;
}

td.award_cell_left {
  width: 14rem;
  text-align: center;
  padding: 2.4rem 1.2rem 3.2rem 1.2rem;
  vertical-align: top;
}

td.award_cell_right {
  padding: 2.4rem 1.2rem 4.8rem 1.2rem;
}

div.award_name {
  padding: 0 0 var(--header_gap) 0;
  text-decoration: underline;
  font-size: large;
  font-style: italic;
}

p.award_rank {
  font-style: italic;
  font-size: 1.4rem;
}

img.award_medal {
  display: inline-block;
  margin: 1.6rem 0;
}

div.award_info {
  margin: 0 0 2.4rem 0;
}

div.award_info a{
  color: #FFF;
}

img.award_info_img2 {
  margin-left: 32px;
}