body {
	background: #000 url('/assets/images/page_bg.jpg') repeat-y center;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #DDD;
}

a:link {
	color: #FF1717;
	text-decoration: underline;
}
a:visited {
	color: #FF1717;
	text-decoration: none;
}
a:hover, a:active {
	color: #FF1717;
	text-decoration: underline;
}

p {
    margin-bottom: 1em;
}

pre {
    background: none;
}

blockquote {
    border: none;
    font-size: inherit;
    padding: 0;
    margin: 0 0 1em 0;
    font-style: italic;
}

#page-area {
    width: 669px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#page-header {
    background: url('/assets/images/page_header.jpg') no-repeat;
    height: 276px;
}

#page-navbar {
    float: left;
    width: 669px;
}

#page-navbar ul {
    list-style: none;
    margin: 171px 0 0 0;
    padding: 0;
}

#page-navbar li {
    float: left;
}

#page-navbar a {
    background-repeat: no-repeat;
    background-position: top;
    height: 0;
    padding: 90px 0 0 0;
    overflow: hidden;
    display: block;
}
#page-navbar a:hover, #page-navbar li.selected a {
    background-position: 0 -90px;
}

#navbar-home a {
    position: absolute;
    background: none;
    top: 0;
    width: 669px;
    height: 0;
    padding: 95px 0 0 0;
}
#navbar-home a:hover {
    background: url('/assets/images/page_header_rollover.jpg') no-repeat top right;
}

#navbar-buy a {
    background-image: url('/assets/images/navbar/buy.jpg');
    width: 68px;
    margin-left: 95px;
}

#navbar-characters a {
    background-image: url('/assets/images/navbar/meet.jpg');
    width: 73px;
    margin-left: 40px;
}

#navbar-media a {
    background-image: url('/assets/images/navbar/view.jpg');
    width: 74px;
    margin-left: 43px;
}

#navbar-info a {
    background-image: url('/assets/images/navbar/find.jpg');
    width: 73px;
    margin-left: 68px;
}

#navbar-watch a {
    background-image: url('/assets/images/navbar/watch.jpg');
    width: 111px;
    margin-left: 24px;
}



#page-body {
    padding: 20px 20px 40px;
    min-height: 421px;
    overflow: auto;
    clear: both;
    _position: absolute;
    _top: 276px;
}


.home { background: url('/assets/images/backgrounds/home.jpg') no-repeat; }
.characters { background: url('/assets/images/backgrounds/characters.jpg') no-repeat; }
	
    
/* CHARACTERS */    
.mannybadillo { background: url('/assets/images/backgrounds/characters/mannybadillo.jpg') no-repeat; }
.mannybadillo .mask {
    float: left;
    width: 310px;
    height: 400px;
}

.cynthiamckinney { background: url('/assets/images/backgrounds/characters/cynthiamckinney.jpg') no-repeat; }
.cynthiamckinney .mask {
    float: right;
    width: 380px;
    height: 380px;
}

.alforcier { background: url('/assets/images/backgrounds/characters/alforcier.jpg') no-repeat; }
.alforcier .mask {
    float: left;
    width: 350px;
    height: 420px;
}

.williamrodriguez { background: url('/assets/images/backgrounds/characters/williamrodriguez.jpg') no-repeat; }
.williamrodriguez .mask {
    float: right;
    width: 340px;
    height: 400px;
}

.kevinmcpadden { background: url('/assets/images/backgrounds/characters/kevinmcpadden.jpg') no-repeat; }
.kevinmcpadden .mask {
    float: right;
    width: 310px;
    height: 400px;
}

.lukerudkowski { background: url('/assets/images/backgrounds/characters/lukerudkowski.jpg') no-repeat; }
.lukerudkowski .mask {
    float: right;
    width: 310px;
    height: 400px;
}

.johnfeal { background: url('/assets/images/backgrounds/characters/johnfeal.jpg') no-repeat; }
.johnfeal .mask {
    float: right;
    width: 380px;
    height: 370px;
}

.alexjones { background: url('/assets/images/backgrounds/characters/alexjones.jpg') no-repeat; }
.alexjones .mask {
    float: right;
    width: 300px;
    height: 370px;
}

.richardgage { background: url('/assets/images/backgrounds/characters/richardgage.jpg') no-repeat; }
.richardgage .mask {
    float: right;
    width: 370px;
    height: 360px;
}

.davidmiller { background: url('/assets/images/backgrounds/characters/davidmiller.jpg') no-repeat; }
.davidmiller .mask {
    float: left;
    width: 320px;
    height: 335px;
}

.scottforbes { background: url('/assets/images/backgrounds/characters/scottforbes.jpg') no-repeat; }
.scottforbes .mask {
    float: left;
    width: 320px;
    height: 350px;
}


/* PAGES */

#home-aboutTheFilm {
    width: 400px;
}
#home-wreaths {
    margin: 2em 0;
    overflow: auto;
}
#home-wreaths img {
    float: left;
    margin-right: 9px;
}




ul.characterList {
	list-style: none;
	padding: 0;
	margin: 10px 0 0 0;
}

ul.characterList li {
	float: left;
	display: inline;
	margin: 14px 28px;
}

ul.characterList li a {
	width: 100px;
	height: 100px;
	display: block;
	text-align: left;
	font-size: 0em;
	color: #151515;
	line-height: 0em;
	content: '';
}
ul.characterList li a span {
	display: none;
}

li#character-mannybadillo {
	background: url('/assets/images/characters/mannybadillo.jpg') no-repeat;
}
li#character-cynthiamckinney {
	background: url('/assets/images/characters/cyntiamckinney.jpg') no-repeat;
}
li#character-alforcier {
	background: url('/assets/images/characters/alforcier.jpg') no-repeat;
}
li#character-williamrodriguez {
	background: url('/assets/images/characters/williamrodriguez.jpg') no-repeat;
}
li#character-kevinmcpadden {
	background: url('/assets/images/characters/kevinmcpadden.jpg') no-repeat;
}
li#character-lukerudkowski {
	background: url('/assets/images/characters/lukerudkowski.jpg') no-repeat;
}
li#character-johnfeal {
	background: url('/assets/images/characters/johnfeal.jpg') no-repeat;
}
li#character-alexjones {
	background: url('/assets/images/characters/alexjones.jpg') no-repeat;
}
li#character-richardgage {
	background: url('/assets/images/characters/richardgage.jpg') no-repeat;
}
li#character-davidmiller {
	background: url('/assets/images/characters/davidmiller.jpg') no-repeat;
}
li#character-scottforbes {
	background: url('/assets/images/characters/scottforbes.jpg') no-repeat;
}


.rightColumn {
    width: 200px; 
    float: right;
    background: #444;
    padding: 12px;
    margin-bottom: 1em;
}

.rightColumn img {
    margin-bottom: 1.5em;
}

.leftColumn {
    width: 390px; 
    float: left;
    margin-bottom: 1em;
}

.chipIn {
    float: left;
    margin-top: 4px;
}

.fealgoodDonate {
    display: block;
    float: right;
    margin-bottom: 1em;
}

.fealgoodDonateBuy {
    clear: left;
    padding-top: 1em;    
}


/* MAILING LIST */
#mailinglistBox {
    background: #444;
    padding: 0;
    width: 222px;
}
#mailinglistBox form {
    margin: 0;
    text-align: left;
    padding: 12px;
    overflow: hidden;
}
#mailinglistBox h2 {
    background-color: #666; 
    padding: 4px; 
    margin: 0;
    font-size: 1em;
}
#mailinglistBox label {
    width: auto;
    clear: none;
    float: none;
    display: inline;
}
#mailinglistBox br {
    display: block;
    margin-top: 0.6em;
}
#mailinglistBox input.text {
    width: 154px;
    border: 1px #555 solid;
    background: #222;
    color: #CCC;
    font: inherit;
}
#mailinglistBox .braveLink {
    clear: both;
    margin-top: 1.4em;
}