
body {
     background: #262626;
     margin: 5px 0 15px 0;
     padding: 0;
     text-align: center;
     font-family: verdana, arial, sans-serif;
     font-size: 75%;
     color: #333333;
}

sup { vertical-align: top; font-size: 0.6em; }


/* Typography
------------------------------------------------------------------ */

#top p {
     font-size: 1em;
     line-height: 1.6em;
     margin: 0;
     padding: 0;
     color: #CCCCCC;
}

#header p {
     font-size: 1em;
     line-height: 1.6em;
     margin: 0;
     padding: 0;
}

#menu p {
     font-size: 1em;
     line-height: 1.6em;
     margin: 0;
     padding: 0;
}

#content p {
     font-size: 1.3em;
     line-height: 1.9em;
     margin: 0 0 15px 0;
     padding: 0;
}

#left p {
     font-size: 1.2em;
}

#right p {
     font-size: 1.12em;
}
#footer p {
     font-size: 1em;
     line-height: 1.6em;
     margin: 0;
     padding: 0;
     text-align: center;
     color: #CCCCCC;
}

#bottom p {
     font-size: 1em;
     line-height: 1.6em;
     margin: 0;
     padding: 0;
     color: #CCCCCC;
}

h1, h2, h3, h4, h5, h6 { 
     margin: 0  0 .6em 0;
     color: #333333;
     font-family: verdana, arial, sans-serif;
     letter-spacing: -.06em;
     line-height: 1.1em;     
}

h4 {
     color: #cc0000;
     font-family: 'Permanent Marker', cursive;
}

h1 { font-size: 2.7em; }
h2 { font-size: 3em;
 font-family: 'Bangers', cursive;
 letter-spacing: .1em; 
 }
h3 { font-size: 1.8em; }
h4 { font-size: 2.9em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.2em; }	

#header h1 {
     padding: 20px 0 0 20px;
     margin: 0;
     font-size: 4.9em;
     font-family: 'Nosifer', cursive;
     color: #cc0000;

}

#header h2 {
     padding: 0px 0 0px 25px;
     margin-top: 15px;
     font-size: 3.1em;
     letter-spacing: 1.3px;
     color: #CCCCCC;
     font-weight: normal;
     font-family: 'Bangers', cursive; 
}
/* Hyperlinks
------------------------------------------------------------------ */

#top a:link {color: #FFFFFF; text-decoration: none;}   
#top a:visited {color: #FFFFFF; text-decoration: none;}  
#top a:hover {color: #FFFFFF; text-decoration: underline;}  
#top a:active {color: #FFFFFF; text-decoration: none;}  

#header a:link {color: #FFFFFF; text-decoration: none;}   
#header a:visited {color: #FFFFFF; text-decoration: none;}  
#header a:hover {color: #FFFFFF; text-decoration: none;}  
#header a:active {color: #FFFFFF; text-decoration: none;}  

a:link {color: #CC0000; text-decoration: none;}   
a:visited {color: #CC0000; text-decoration: none;}  
a:hover {color: #CC0000; text-decoration: underline;}  
a:active {color: #CC0000; text-decoration: none;}  

#menu a:link {
     color: #FFFFFF; 
     text-decoration: none;
     padding: 13.5px;
     margin:1px;
}   

#menu a:visited {
     color: #FFFFFF; 
     text-decoration: none;
     padding: 10px;
     margin:1px;
}  

#menu a:hover {
     color: #111111; 
     text-decoration: none; 
     background-color: #FFFFFF;
     margin:0;
     border:1px solid #111111;
}  

#menu  a:active { 
     text-decoration: none;
}  

#COMPMENU a:link {
     color: #cc0000;
     text-decoration: none;
     padding: 8px;
     margin:1px;
}   

#COMPMENU a:visited {
     text-decoration: none;
     padding: 10px;
     margin:1px;
}  

#COMPMENU a:hover {
     color: #111111; 
     text-decoration: none; 
     background-color: #FFFFFF;
     margin:0;
     border:1px solid #111111;
}  

#COMPMENU a:active { 
     text-decoration: none;
}  

#footer a:link {color: #FFFFFF; text-decoration: none;}   
#footer a:visited {color: #FFFFFF; text-decoration: none;}  
#footer a:hover {color: #FFFFFF; text-decoration: underline;}  
#footer a:active {color: #FFFFFF; text-decoration: none;}  

#bottom a:link {color: #FFFFFF; text-decoration: none;}   
#bottom a:visited {color: #FFFFFF; text-decoration: none;}  
#bottom a:hover {color: #FFFFFF; text-decoration: underline;}  
#bottom a:active {color: #FFFFFF; text-decoration: none;}  

/* Unordered Lists
------------------------------------------------------------------ */

#content ul, #bottom ul {
     margin-left: 0;
     padding-left: 0;
     list-style: none;
     font-size: 1em;
     line-height: 1.7em;
     margin: 0 0 1em 0;
}

#content li, #bottom li  {
     padding-left: 12px;
     margin-bottom: .2em;
     background-repeat: no-repeat;
     background-position: 0 .5em;
}

/* Page Structure
------------------------------------------------------------------ */

#wrapper {
     width: 960px;
     padding: 0;
     margin: 100px auto; 
     border: 1px solid #222222;
     background-color: #FFFFFF;
     text-align: left;
}

#top {
     width: 960px;
     margin: 0 auto; 
     padding: 10px 0;
}

#header {
     height: 320px;
     margin: 5px 5px 0 5px;
     border: 0px solid #cccccc;
     background: black url(../img/header.jpg) top left no-repeat;
}

#menu {
     margin: 0 5px 0 5px;
     padding: 20px 10px 20px 10px;
     border-top: 1px solid #666666;
     background: #212121 url(../img/menu.jpg) top left repeat-x;
}

#menu_list {
     padding: 0;
     margin: 0;
     text-align: left;
}

#menu_list li
{
     text-align: left;
     font-size: 1.4em;
     font-weight: bold;
     display: inline;
     list-style-type: none;
     padding: 0 1em 0 1em;
     margin: 0;
}

#content {
     margin: 0 5px 0 5px;
     padding: 29px;
     border: 0px solid #cccccc;
     background: #FFFFFF url(../img/sidebar.jpg) top right repeat-y;
}

#left {
     float: left;
     padding: 0px 0px 0px 0px;
     margin: 10px;
     width: 650px; 
     background-image: url(http://ericnolangonzaba.net/slasher/img/blood1217.png); 
     background-position: bottom right;
     background-repeat: no-repeat;
     background-size: 570px;
}


#right {
     width: 25%;
     padding-top: 10px;
     margin: 0;
     width: 180px;
     float: right;
}

#footer {
     margin: 0 5px 5px 5px;
     padding: 20px 10px;
     border: 0px solid #cccccc;
     background-color: #9E0B0E;
}

#bottom {
     width: 760px;
     margin: 0 auto; 
     padding: 10px 0;
     border: 0px solid #cccccc;
}

.spacer { clear: both; }

#COMPMENU {
     margin: 0 3px 3px 20px;
     border-top: 1px;
     margin-bottom: 10px;
     }

#COMPMENU_list {
     padding: 0;
     margin: 0;
     text-align: left;
     list-style-type: none;
     }

#COMPMENU_list li
{
     text-align: left;
     font-size: 2.4em;
     font-weight: bold;
     display: inline;
     padding: 0 .9em 0 0em;
     margin: .5em;
     color: #cc0000;
     font-family: 'Permanent Marker', cursive; 
     list-style-type: none ;
     background-image: none;
     }

ul.gallery li {
     float: left;
     margin: 0;
     padding: 8px;
     border: 1px solid #ddd;
     list-style: none;
}

ul.gallery li a img {
     float: left;
     width: 200px;
     
     
}
     
ul.gallery li a:hover img {
     -webkit-transform-origin: bottom left;
     -moz-transform-origin: bottom left;
     -o-transform-origin: bottom left;
     transform: bottom left;
     -webkit-transform: scale (1.5);
     
}

#CHART {
     font-size: .7em;
}
/* Images		
------------------------------------------------------------------ */

.photo_frame {
     float: right;
     padding: 5px;
     border: 1px solid #EEEEEE;
     border-right: 1px solid #cccccc;
     border-bottom: 1px solid #cccccc;  
     margin: 5px 0 10px 15px;   
}

.photo_frame img {
     margin: 0;
     padding: 0;
     border: 0;
}

.Fridaythe13th img {
     width: 200px;
     height: 295px;
}

figcaption {
     font-size: 60%;
     text-align: center;
     margin-top: .5em;
}

#Ebertexample {
     font-size: .8em;
     float: center;

}

.SlasherCollage img {
     width: 425px;
     height: 319px;
     float: right;
     margin: 1.5em;
}

.Leatherface img {
     width: 460px;
     height: 345.27px;
     float: right;
     margin: 1.5em;
}

.Jason img {
     width: 500px;
     height: 281px;
     float: right;
     margin: 1.5em;
}

.Ebert img {
     width: 500px;
     height: 400px;
     float: right;
     margin: 1.5em;
}

.WAP img {
     float: left;
     width: 370px;
     height: 556px;
     margin-right: 1.5em;
}
.RatedR img {
     float: left;
     width: 400x;
     height: 225px;
     margin: 1.5em;
}

.Snitow img {
     float: right;
     margin: 1.5em;
     font-size: .7em;
}

.Spit img {
     float: left;
     margin: 1.5em;
}

.final img {
     float: left;
     margin: 1.5em;
     width: 400px;
     height: 601px;

}
/* Foonotes */

article sup a.note {
background-color:#9999cc;
color:#333;
margin-right:.3em;
padding:.1em .2em .1em .1em;
text-decoration:none;
border:none;
font-size:smaller;
line-height:0;
}

article sup a.note:visited {
background-color:#ccc;
}

article sup a.note:hover, article sup a.note:active {
background-color:#cc66cc;
}

sup a span {
display:none;
font-size:smaller;
}

sup a:hover span {
display:block;
background-color:#929ca8;
width:30%;
float:right;
font-size:120%;
color:#333;
line-height: 135%;
padding:10px;
font-size:smaller;
margin: .2em 0 0 .2em;
}
/* END OF FOONOTES
