body {
    background: #000000 url('dsots_bg.png') repeat fixed;
    color: #a0a0a0;
    text-align: center;
    /*margin-left: 5%;*/
    font-size: 100%;
}

@font-face {
    font-family: pristina;
    src: url(pristina.ttf); 
}


div.navigation {
/*text-align: center;
width: 100%;
padding: 0;
margin: 0;*/
color: #a0a0a0;
border: 1px solid;
border-color: #666666;
font-size: 120%;
background: linear-gradient(to bottom, black, #333333, black 45%);
    }
    
ul.navigation {
float: left;
text-align: center;
width: 50%;
padding: 0;
margin: 0;
/*border: 1px solid;
border-color: #555555;*/
list-style-type:none;
/*background-color: #333333;*/
}

li.navigation {
display:inline;
text-align: center;
}

li.footer_navigation {
display:inline;
text-align: right;
padding: 0px 10px 0px 10px;
border-right: solid #555555 1px;
}

li.footer_navigation_last {
display:inline;
text-align: right;
padding: 0px 0px 0px 10px;
}

ul.footer_navigation {
text-align: right;
padding: 0;
margin: 0;
list-style-type:none;
}

a.footer_navigation_active:link {color: #a0a0a0;}
a.footer_navigation_active:visited {color: #a0a0a0;}
a.footer_navigation_active:hover {color: white;}

a.navigation {
color: #a0a0a0;
text-decoration: none;
padding:0.2em 0.6em;
/*border: 1px solid #150013;*/
}

a.navigation:link {color: #a0a0a0;}
a.navigation:visited {color: #a0a0a0;}
a.navigation:hover {color: white; text-shadow: 2px 1px  #930084; /*background-color: #150013;*/}

a.navigation_active {
color: #a0a0a0;
text-decoration: none;
padding:0.2em 0.6em;
/*border: 1px solid #150013;*/
}

a.navigation_active:link {color: white;}
a.navigation_active:visited {color: white;}
a.navigation_active:hover {color: white; /*background-color: #150013;*/}

div.main {
background-color: #000000; 
border: solid; 
border-width: 1px; 
width: 750px; 
padding: 25px 25px 0px 25px;
text-align: left;
}

div.title {
color: white;
border: none; 
padding: 0 5px 5px 0;
text-align: center;
background: black;
margin-top: 0;
}

div.picture {
float: left;
margin: 0 15px 10px 0;
text-align: center;
color: #930084;
}

div.picture_right {
float: right;
margin: 5px 5px 10px 15px;
text-align: center;
color: #930084;
}

div.portfolio_caption {
background: radial-gradient(black, #181818);
/*background-color: #210024;*/ 
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 0px;
text-align: center;
color: #5f5f5f;
border: solid #252525 1px;
width: inherit; 
}

div.footer {
padding: 0px 50px 0px 50px;
font-size: 80%;
border: solid; 
border-width: 1px 0px 0px 0px;
}

div.quote {
padding: 0px 50px 0px 50px;
text-align: center;
font-size: 90%;
color: #930084;
}

div.copyright {
float: left;
width: 25%;
font-size: 80%;
font-style: italic;
padding: 0 0 0 0;
text-align: left;
}

div.home_link {
float: right;
width: 75%;
font-size: 80%;
font-style: italic;
padding: 0 0 0 0;
text-align: right;
}

div.screen {
background-color: black; 
padding: 0px 10px 10px 10px;
float: left;
margin: 0px 15px 10px 0px;
text-align: center;
border: solid; 
border-width: 1px;
border-color: #181818;
}

div.screen_right {
background-color: black; 
padding: 0px 10px 10px 10px;
float: right;
margin: 0px 0px 10px 15px;
text-align: center;
border: solid; 
border-width: 1px;
border-color: #181818;
}

div.essay {
background-color: #070707; 
padding: 5px 5px 5px 5px;
margin: 5px 0px 0px 0px;
text-align: center;
color: #5f5f5f;
font-size: 90%;
border: solid; 
border-width: 1px;
border-color: #252525;
width: auto;
}

div.gallery {
background-color: #070707; 
padding: 5px 5px 5px 5px;
margin: 5px 0px 0px 0px;
text-align: center;
color: #5f5f5f;
border: solid; 
border-width: 1px;
border-color: #252525;
}

div.essay_quote {
background-color: #070707; 
padding: 5px 5px 5px 5px;
margin: 5px 0px 0px 0px;
text-align: center;
color: #5f5f5f;
font-size: 90%;
border: solid; 
border-width: 1px;
border-color: #252525;
width: 300px;
}

div.fullscreen_quote {
background-color: #070707; 
padding: 5px 5px 5px 5px;
margin: 5px 0px 0px 0px;
text-align: center;
color: #5f5f5f;
font-size: 90%;
border: solid; 
border-width: 1px;
border-color: #252525;
width: 350px;
}

div.essay_text {
background-color: #070707;
float: left; 
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
text-align: left;
color: #5f5f5f;
font-size: 90%;
border: solid; 
border-width: 1px;
border-color: #252525;
width: 350px;
}

div.essay_text_right {
background-color: #070707;
float: right; 
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 5px;
text-align: left;
color: #5f5f5f;
font-size: 90%;
border: solid; 
border-width: 1px;
border-color: #252525;
width: 350px;
}

div.video {
background: radial-gradient(black, #210024);
padding: 5px 5px 5px 5px;
margin: 5px 0px 25px 0px;
text-align: center;
color: #a400c9;
font-size: 90%;
border: solid; 
border-width: 1px;
border-color: #740089;
width: auto;
}

       
div.additions {
background-color: black; 
padding: 5px 5px 5px 5px;
margin: 5px 0px 0px 0px;
text-align: center;
color: #5f5f5f;
font-size: 90%;
border: solid; 
border-width: 1px;
border-color: #070707;
width: 350px;
}


div.widescreen_quote {
background-color: #070707; 
padding: 5px 5px 5px 5px;
margin: 5px 0px 0px 0px;
text-align: center;
color: #5f5f5f;
font-size: 90%;
border: solid; 
border-width: 1px;
border-color: #252525;
width: 400px;
}

div.banner {
background-color: #070707; 
padding: 5px 5px 5px 5px;
margin: 5px 0px 0px 0px;
text-align: center;
color: #5f5f5f;
font-size: 90%;
border: solid; 
border-width: 1px;
border-color: #252525;
width: 690px;
}

img.picture {
margin: 0px 0px 5px 0px;
border-style: none;}

img.screen {
margin: 10px 0px 0px 0px;
border-style: solid;
border-width: 1px;
border-color: gray;}

img.gallery {
margin: 10px 0px 0px 0px;
border-style: solid;
border-width: 1px;
border-color: gray;
width: 175px;}

img.gallery_widescreen {
margin: 10px 0px 0px 0px;
border-style: solid;
border-width: 1px;
border-color: gray;
width: 240px;}

img.video_thumbnail {
margin: 0px 0px 0px 0px;
border-style: solid;
border-width: 1px;
border-color: gray;
width: 240px;}

img.dsots {
border-style: none;}

p.paragraph {
text-indent: 45px;
}

p.signature {
text-align: right;
font-style: italic;
}

p.attribute {
text-align: right;
}

p.transcript {
margin: 10px 0px 10px 25px;
font-size: 90%;
}

p.art_term {
margin: 10px 0px 10px 50px;
color: #930084;
}

h1 {
color: white;
font-size: 200%;
text-shadow: 2px 1px #930084;
font-weight: normal;
font-family: pristina;
}

.portal {
margin-bottom: -20px;
}

a.portal:link {
color: white;
font-size: 200%;
text-shadow: 2px 1px #930084;
font-weight: normal;
font-family: pristina;
margin-bottom: -20px;
text-decoration: none;
}

a.portal:visited {
color: white;
font-size: 200%;
text-shadow: 2px 1px #930084;
font-weight: normal;
font-family: pristina;
margin-bottom: -20px;
text-decoration: none;
}

a.portal:hover {
color: white;
font-size: 200%;
text-shadow: 2px 1px #930084;
font-weight: normal;
font-family: pristina;
margin-bottom: -20px;
text-decoration: none;
}

h2 {
color: white;
font-size: 150%;
font-weight: normal;
text-align: center;
}

h2.video {
color: white;
font-size: 150%;
font-weight: normal;
text-align: center;
margin: 25px 0px 0px 0px;
}

h3 {
color: #930084;
font-size: 120%;
font-weight: normal;
text-align: center;
}

h4 {
font-size: 135%;
font-weight: normal;
text-align: center;
margin: 0px 0px 0px 0px;
letter-spacing: 3px;
}

h4.video {
font-size: 135%;
font-weight: normal;
text-align: center;
margin: 20px 0px 0px 0px;
letter-spacing: 3px;
}

dl{
margin-left: 45px;
}

dd {
text-indent: 45px;
}

a:link {color: #930084; text-decoration: none;}
a:visited {color: gray; text-decoration: none;}
a:hover {color: white;}

a.footer_navigation:link {color: #930084; text-decoration: none;}
a.footer_navigation:visited {color: #930084; text-decoration: none;}
a.footer_navigation:hover {color: white;}

table.sub {
width: 100%;
padding: 0;
margin: auto;
/*margin-top: 200px;*/
}

div.whats_new {
float: right;
background: radial-gradient(black, #210024);
/*background-color: #210024;*/ 
padding: 15px 5px 5px 5px;
margin: 5px 0px 0px 0px;
text-align: center;
color: #a400c9;
border: solid;
font-size: 85%;
border-width: 1px;
border-color: #740089;
width: 200px;
}

div.sidebar_left {
float: left;
background: radial-gradient(black, #210024);
/*background-color: #210024;*/ 
padding: 20px 25px 15px 25px;
margin: 5px 25px 5px 0px;
text-align: justify;
color: #a400c9;
border: solid;
font-size: 90%;
border-width: 1px;
border-color: #740089;
width: 250px;
}

div.sidebar_right {
float: right;
background: radial-gradient(black, #210024);
/*background-color: #210024;*/ 
padding: 20px 25px 15px 25px;
margin: 5px 0px 5px 25px;
text-align: justify;
color: #a400c9;
border: solid;
font-size: 90%;
border-width: 1px;
border-color: #740089;
width: 250px;
}

div.footerbar {
background: radial-gradient(black, #210024);
/*background-color: #210024;*/ 
padding: 20px 25px 15px 25px;
margin: 5px 0px 5px 25px;
text-align: justify;
color: #a400c9;
border: solid;
font-size: 90%;
border-width: 1px;
border-color: #740089;
width: 90%;
}

div.footerbar_center {
background: radial-gradient(black, #210024);
/*background-color: #210024;*/ 
padding: 20px 25px 15px 25px;
margin: 5px 0px 5px 25px;
text-align: center;
color: #a400c9;
border: solid;
font-size: 90%;
border-width: 1px;
border-color: #740089;
width: 90%;
}

.sidebar {
    margin: 0px 0px 0px -25px;
}

.subscript_left {
    font-size: 85%;
    text-align: left;
}

.subscript_right {
    font-size: 85%;
    text-align: right;
}

.subscript_center {
    font-size: 85%;
    text-align: center;
}

div.history {
float: right;
background: radial-gradient(black, #210024); 
padding: 15px 5px 5px 5px;
margin: 60px 0px 0px 0px;
text-align: center;
color: #a400c9;
border: solid;
font-size: 85%;
border-width: 1px;
border-color: #740089;
width: 200px;
}

div.video_history {
float: right;
background: radial-gradient(black, #210024); 
padding: 15px 5px 5px 5px;
margin: 20px 0px 10px 25px;
text-align: center;
color: #a400c9;
border: solid;
font-size: 85%;
border-width: 1px;
border-color: #740089;
width: 200px;
}

ul.history {
    margin: 5px 5px 5px 5px;
    padding: 5px 15px 5px 15px;
    list-style: none;
    text-align: left;
}

li.history{
    padding: 0px 0px 10px 0px;
}

table.whats_new {
    background: radial-gradient(black, #210024);
/*background-color: #210024;*/ 
text-align: center;
color: #a400c9;
border: solid;
font-size: 85%;
border-width: 1px;
border-color: #740089;
width: 100%;
}

table.video {
    background: radial-gradient(black, #210024);
/*background-color: #210024;*/ 
text-align: center;
color: #a400c9;
border: solid;
font-size: 85%;
border-width: 1px;
border-color: #740089;
width: 100%;
}

td.latest_vertical_bookends {
    width: 25px;
    padding: 0px 0px 0px 0px;
}

td.update_vertical_bookends {
    width: 50px;
    padding: 0px 0px 0px 0px;
}

.vertical {
    transform: rotate(-90deg);
    margin: 0px -15px 0px -10px;
}

div.whats_newest_banner_item {
float: left;
background-color: none; 
text-align: center;
color: #a400c9;
border: solid;
border-width: 1px;
width: 33%;
}

.bold{
    font-weight: bold;
}

a.whats_new:link {color: #a0a0a0; text-decoration: none;}
a.whats_new:visited {color: #a0a0a0; text-decoration: none;}
a.whats_new:hover {color: white; text-decoration: none;} 

img.whats_new {
    border: solid #740089 3px;
}

img.whats_new:hover {
       border: solid white 3px;
       outline: solid white 2px;
}

table.credits {
width: 100%;
padding: 0;
}

td.main {
background-color: #000000; 
border: 1px solid gray; 
width: 750px; 
padding: 25px 25px 0px 25px;
text-align: left;
}

td.title {
text-align: left;
padding: 0px 0px 0px 0px;
}

td.credits_b {
text-align: left;
}

.center {
padding: 0;
text-align: center;
}

.purple {
color: #930084;
}

th.title {
font-weight: normal;
text-align: left;
}

span.title{
color: white;
text-shadow: 2px 1px #930084;
font-style: italic;
font-size: 250%;
font-weight: normal;
/*text-align: center;*/
}

h6 {
color: white;
font-style: italic;
font-size: 120%;
font-weight: normal;
text-align: right;
margin: 5px 10px 10px 10px;
}

div.heading{
margin-top: 20px;
color: white;
text-shadow: 2px 1px #930084;
font-style: italic;
font-size: 250%;
font-weight: normal;
text-align: left;
}

.subject {
color: white;
font-size: 90%;
font-weight: normal;
text-align: left;
}

table.layout {
margin: 50px auto 50px auto;
}

.toc {
border-spacing: 50px 10px;
/*border: solid #890074 1px;*/
margin: -10px 0px 0px 0px;
}

.toc_reviews {
border-spacing: 20px 20px;
/*border: solid #890074 1px;*/
}

td.credits {
padding: 3px 5px 3px 5px;
margin: 0px 0px 0px 0px;
text-align: left;
font-size: 80%;
border: 1px solid #150013;
}

td.credits_b {
padding: 3px 5px 3px 5px;
margin: 0px 0px 0px 0px;
text-align: left;
border: 1px solid #150013;
}

table.news {
width: auto;
text-align: left;
border: solid #252525 1px;
border-spacing: 0px 0px;
margin: 5px 5px 5px 5px;
}

table.portal_news {
width: 100%;
text-align: left;
border-spacing: 10px 0px;
font-size: 90%;
}

th.portal_news {
text-align: center;
color: #890074;
font-weight: bold;
padding: 10px 0px 5px 0px;
letter-spacing: 1px;
}

td.portal_news_date {
width: 15%;
vertical-align: top;
font-weight: normal;
}

div.news {
width: 67%;
text-align: right;
border: solid #252525 1px;
}

td.news_year {
    width: 5%;
    text-align: center;
    padding: 0px 0px 0px 0px;
    border: solid #252525 1px;
    background: linear-gradient(to left, #252525, black);
    }
    
div.portfolio_toc {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    column-gap: 0px;
    padding: 0px 0px 0px 0px;
    width: 70%;
    height: 200px;
}

ol.portfolio_toc {
    list-style: decimal-leading-zero;
    margin-top: 0px;
    }
    
li.break {break-after: column;}
  
th.reviews {
    width: 10%;
    text-align: center;
    border: solid #252525 1px;
    background: linear-gradient(to left, #252525, black);
    padding: 0px 0px 0px 0px;
    color: white;
font-size: 200%;
text-shadow: 2px 1px #930084;
font-weight: normal;
font-family: pristina;
    }

div.vertical_heading {
    transform: rotate(-90deg);
    width: 175px;
    margin: 0px -75px 0px -55px;
    padding: 10px 0px 10px 0px;
}

span.reviews {
    margin: 0px 0px 0px 0px;
}

p.news_year {transform: rotate(-90deg);}

th.news {
text-align: center;
color: #930084;
font-weight: bold;
}

td.news_date {
width: 10%;
vertical-align: top;
font-weight: normal;
text-align: center;
}

td.news_descr {
vertical-align: top;
font-weight: normal;
}

td.metroid_password {
font-size: 80%;
width: 10px;
padding: 0px 0px 0px 0px;
text-align: center;
}

td.metroid_password {
font-size: 90%;
padding: 0px 0px 0px 0px;
text-align: center;
}

td.metroid_password_softbreak {
width: 10px;
padding: 0px 0px 0px 0px;
}

td.metroid_password_hardbreak {
width: 50px;
padding: 0px 0px 0px 0px;
}

.valign_top {
    vertical-align: top;
    }

div.metroid_samus {
    background-image: url("reviews/game/metroid/metroid_00.gif");
    width: 350px;
    height: 250px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.metroid_passwords {
    background-image: url("reviews/game/metroid/metroid_02a.gif");
    width: 350px;
    height: 250px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.metroid_motherbrain {
    background-image: url("reviews/game/metroid/metroid_14.gif");
    width: 350px;
    height: 250px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.metroid_samus:hover {
    background-image: url("reviews/game/metroid/metroid_00a.gif");
    width: 350px;
    height: 250px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.metroid_passwords:hover {
    background-image: url("reviews/game/metroid/metroid_02.gif");
    width: 350px;
    height: 250px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.metroid_motherbrain:hover {
    background-image: url("reviews/game/metroid/metroid_16.gif");
    width: 350px;
    height: 250px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.portfolio_bloodrayne {
    background-image: url("portfolio/drawings/Bloodrayne_primecuts_cover_take_2.jpg");
    width: 720px;
    height: 720px;
    margin: 0px 0px 0px 10px;
    border-style: none;
}

div.portfolio_bloodrayne:hover {
    background-image: url("portfolio/drawings/Bloodrayne_primecuts_cover.jpg");
    width: 720px;
    height: 720px;
    margin: 0px 0px 0px 10px;
    border-style: none;

}

div.metroid_ii_ship {
    background-image: url("reviews/game/metroid_ii/metroid_ii_00.png");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 315px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.metroid_ii_ship:hover {
    background-image: url("reviews/game/metroid_ii/metroid_ii_00a.png");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 315px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.metroid_ii_save {
    background-image: url("reviews/game/metroid_ii/metroid_ii_03.png");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 315px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.metroid_ii_save:hover {
    background-image: url("reviews/game/metroid_ii/metroid_ii_03a.png");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 315px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.metroid_ii_queen {
    background-image: url("reviews/game/metroid_ii/metroid_ii_09.png");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 315px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.metroid_ii_queen:hover {
    background-image: url("reviews/game/metroid_ii/metroid_ii_09a.png");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 315px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.metroid_ii_ending {
    background-image: url("reviews/game/metroid_ii/metroid_ii_10a.png");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 315px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.metroid_ii_ending:hover {
    background-image: url("reviews/game/metroid_ii/metroid_ii_10.png");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 315px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.super_metroid_best_ending {
    background-image: url("reviews/game/super_metroid/super_metroid_05.jpg");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 268px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.super_metroid_best_ending:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_05-1.jpg");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 268px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.super_metroid_pause {
    background-image: url("reviews/game/super_metroid/super_metroid_03.jpg");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 268px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.super_metroid_pause:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_03-1.jpg");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 268px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.super_metroid_mother_brain {
    background-image: url("reviews/game/super_metroid/super_metroid_09.jpg");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 268px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.super_metroid_mother_brain:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_09-1.jpg");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 268px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.super_metroid_shrine {
    background-image: url("reviews/game/super_metroid/super_metroid_06.jpg");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 268px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.super_metroid_shrine:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_06-1.jpg");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 268px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.super_metroid_glass {
    background-image: url("reviews/game/super_metroid/super_metroid_10.jpg");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 268px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.super_metroid_glass:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_10-1.jpg");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 268px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.super_metroid_wrecked_ship {
    background-image: url("reviews/game/super_metroid/super_metroid_11.jpg");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 268px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.super_metroid_wrecked_ship:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_11-1.jpg");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 268px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.super_metroid_x-ray {
    background-image: url("reviews/game/super_metroid/super_metroid_07.jpg");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 268px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.super_metroid_x-ray:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_07-1.jpg");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 268px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.super_metroid_mach_ball {
    background-image: url("reviews/game/super_metroid/super_metroid_04.jpg");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 268px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.super_metroid_mach_ball:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_04-1.jpg");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 268px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.super_metroid_boss_tricks {
    background-image: url("reviews/game/super_metroid/super_metroid_01.jpg");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 268px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.super_metroid_boss_tricks:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_01-1.jpg");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 268px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.super_metroid_screw_attack {
    background-image: url("reviews/game/super_metroid/super_metroid_16.jpg");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 268px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.super_metroid_screw_attack:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_16-1.jpg");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 268px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.super_metroid_wall_jump {
    background-image: url("reviews/game/super_metroid/super_metroid_08.jpg");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 268px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.super_metroid_wall_jump:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_08-1.jpg");
    background-repeat: no-repeat;
    background-size: 350px;
    width: 350px;
    height: 268px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.super_metroid_narration {
    background-image: url("reviews/game/super_metroid/super_metroid_g01.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_narration:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_g01-1.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_recap {
    background-image: url("reviews/game/super_metroid/super_metroid_g02.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_recap:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_g02-1.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_story {
    background-image: url("reviews/game/super_metroid/super_metroid_g03.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_story:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_g03-1.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_cutscene {
    background-image: url("reviews/game/super_metroid/super_metroid_g04.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_cutscene:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_g04-1.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_recharge {
    background-image: url("reviews/game/super_metroid/super_metroid_g05.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_recharge:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_g05-1.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_save {
    background-image: url("reviews/game/super_metroid/super_metroid_g06.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_save:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_g06-1.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_map {
    background-image: url("reviews/game/super_metroid/super_metroid_g07.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_map:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_g07-1.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_friendlies_1 {
    background-image: url("reviews/game/super_metroid/super_metroid_g08.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_friendlies_1:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_g08-1.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_friendlies_2 {
    background-image: url("reviews/game/super_metroid/super_metroid_g09.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_friendlies_2:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_g09-1.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_friendlies_3 {
    background-image: url("reviews/game/super_metroid/super_metroid_g10.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_friendlies_3:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_g10-1.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_friendlies_4 {
    background-image: url("reviews/game/super_metroid/super_metroid_g11.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_friendlies_4:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_g11-1.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_ceres_1 {
    background-image: url("reviews/game/super_metroid/super_metroid_g12.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_ceres_1:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_g12-1.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_ceres_2 {
    background-image: url("reviews/game/super_metroid/super_metroid_g13.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_ceres_2:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_g13-1.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_ceres_3 {
    background-image: url("reviews/game/super_metroid/super_metroid_g14.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}

div.super_metroid_ceres_3:hover {
    background-image: url("reviews/game/super_metroid/super_metroid_g14-1.jpg");
    background-repeat: no-repeat;
    background-size: 175px;
    width: 175px;
    height: 134px;
    border: solid gray 1px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
}


div.other_m_scan {
    background-image: url("reviews/game/metroid_other_m/metroid_other_m_07.jpg");
    background-repeat: no-repeat;
    background-size: 400px;
    width: 400px;
    height: 197px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

div.other_m_scan:hover {
    background-image: url("reviews/game/metroid_other_m/metroid_other_m_07-1.jpg");
    background-repeat: no-repeat;
    background-size: 400px;
    width: 400px;
    height: 197px;
    margin: 10px 0px 0px 5px;
    border: solid gray 1px;
}

/* Style the Image Used to Trigger the Modal 
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}*/

#taki_gallery:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 100%;
/*  max-width: 700px;*/
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 100%;
/*  max-width: 700px; */
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}

dt.questions{
  color: #930084;
  text-indent: 0px;
  font-weight: bold;
margin: 0px 0px 0px 0px;
    }

dd.questions{
text-indent: 0px;
margin-bottom: 20px;
}


div.questions_quote {
background-color: #070707; 
padding: 5px 5px 5px 5px;
margin: 5px 5px 25px 5px;
text-align: center;
color: #5f5f5f;
border: solid;
border-width: 1px;
border-color: #252525;
font-size: 85%;
width: 250px;
}