﻿body 
{
    font-family: Arial, "Times New Roman" ,sans-serif;
    width: 800px;
    background-color: White;
    color: Black;
}

h1
{
    font-size: x-large;
}

h2
{
    font-size: larger;
}

#main
{
    border-right: solid 1px Maroon;
    padding-right: 10px;
    width: 650px; 
}

#header
{
    width: 800px;
    text-align: center;
}

#credits
{
    padding-bottom: 10px; 
    width: 650px;  
    font-size: small; 
}

#cover-section
{
    width: 650px;    
}

#front-cover
{
    float: left;
    padding: 5px;   
}

#back-cover
{
    float: right;
    padding: 5px;
    font-size: small;
}

#back-cover p
{
    text-align: justify;
    
}

#thumbs
{
    width: 290px;
    text-align: center;
}

#thumbs img
{
    width: 58px;
    height: 81px;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
}

#review-section
{
    width: 650px; 
    font-size: small;   
}

#review-section p
{
    text-align: justify;    
}

#thumbnail-section
{
    width: 650px;
    text-align: center;
}

#thumbnail-section img
{
    cursor: pointer;
}

#trailer-section
{
    text-align: center;    
}

#related-links-section
{
    width: 650px;
    font-size: small;
}

#related-links-section a
{
    background-color: White;
    color: Maroon;
    text-decoration: none;
}

#related-links-section a:hover
{
    text-decoration: underline;
}

#main
{
    float: left;
}

#right-column
{
    float: right;
    width: 130px;
    padding-left: 3px;
    padding-right: 3px;
    
}

#footer
{
    width: 800px;
    text-align: center;
}

#footer a
{
    font-size: x-small;
    text-decoration: none;
}

#footer a:hover
{
    text-decoration: underline;
}

.small
{
    font-size: small;
}

.cleaner
{
    clear:both;
    width: 100%;
}

.tallcleaner
{
    clear:both;
    width: 100%;
    height: 150px;
}

.right-section
{
    text-align: center;
    padding-bottom: 25px;  
}

.right-section a
{
    background-color: White;
    color: Maroon;
    text-decoration: none; 
    font-size: small;
}

.right-section a:hover
{
    text-decoration: underline; 
    
}

.right-section img
{
    border-width: 0px;  
}

.right-title
{
    font-size: small;
    font-weight: bold;
    padding-bottom: 3px;
}

.current
{
    font-weight: bold;   
}

.image
{
    float: left;
    padding: 10px;
}

.smallImage
{
    float: left;
    padding: 10px;
}

.smallImage img
{
    float: left;
    width: 111px;
    height: 160px;
}

.details
{
    float: left;
    padding: 10px;
    font-size: small; 
    
}

.details a
{
    background-color: White;
    color: Maroon;
    text-decoration: none;
}

.details a:hover
{
    text-decoration: underline;
}

.standardText
{
    font-size: small; 
    text-align: justify;
    padding-bottom: 5px;
}