p,
h1,
h2,
h3,
h4,
ul,
li,
img {
    margin: 0;
    padding: 0;
    border: 0;
}

ul,
div {
    margin: 0 0 25px 0;
}

li,
p {
    margin: 0 0 15px 0;
    font-size: 0.7em;
}

body {
    font-family: 'lucida grande', 'arial', 'trebuchet ms', sans-serif;
    margin: 0;
    padding: 0;
    font-size: 100%;
    line-height: 1.125em;
    background: #0c1825 url(../images/backgrounds/star-bg.jpg) left top repeat-x fixed;
}

/* Pre Header
############################################################################# */

#pre-header {
    margin: 0;
    background: #FFC;
}

#pre-header p {
    margin: 0;
    text-align: center;
    color: #5c4d34;
}

/* Header
############################################################################# */

#header {
    width: 600px;
    margin: 25px auto;
    color: #FFF;
    text-align: center;
    font-size: 1.3em;
}

#header #logo {
    margin-bottom: 15px;
}

#header #logo img {
    width: 330px;
    height: 60px;
}

/* Content
############################################################################# */

#content {
    width: 600px;
    margin: 0 auto;
}

/* Movie List
############################################################################# */

#movie-list {
    position: relative;
}

#imdb-rating-hint {
    position: absolute;
    right: -130px;
    top: 50%;
    margin-top: -4px;
}

.movie.dvd {
    background: #FFF url(../images/backgrounds/dvd.gif) right top no-repeat;
}

.movie {
    background: #FFF;
    padding: 25px;
    position: relative;
}

.movie h2 {
    margin: 0 150px 10px 0;
    font-size: 1.2em;
}

.movie h2 a {
    color: #EEE;
    text-decoration: none;    
}

.movie h2 a:hover {
    text-decoration: underline;
}

.movie h2 span.title {
    color: #94ba7d;    
}

.movie h2 span.year {
    font-size: 0.7em;
    color: #CCC;
}

.movie img.cover {
    position: absolute;
    background: url(../images/backgrounds/cover.png);
    top: 50%;
    padding: 0 1px 1px 0;
    margin-top: -36px;
    width: 50px;
    left: -84px;
}

.movie p.rating,
.movie p.no-rating {
    position: absolute;
    right: 15px;
    top: 50%;
    color: #CCC;
    line-height: normal;
    margin: 0;
}

.movie p.no-rating {
    font-size: 14px;
    height: 14px;
    margin-top: -10px;
    color: #AAA;
}

.movie p.rating {
    font-size: 60px;
    height: 60px;
    margin-top: -35px;
    z-index: 10000;
}

.movie .imdb-link {
    margin: 0;
}

.movie .imdb-link a {
    background: #425e66;
    font-weight: bold;
    padding: 6px;
    color: #FFF;
    text-decoration: none;
}

.movie .imdb-link a:hover {
    background: #80795c;
    text-decoration: underline;
}

.movie .data {
    margin: 0 150px 0 0;    
}

.movie .genres {
    margin-bottom: 10px;
    color: #444;
}

.movie .plot {
    color: #555;
}

/* Pagination
############################################################################# */

#pagination-header {
    color: #FFF;
    margin-bottom: 5px;
}

#pagination {
    font-size: 0.7em;
    margin: 0 0 35px 0;
}

#pagination span,
#pagination a {
    text-decoration: none;
    float: left;
    padding: 1px 8px;
    margin-right: 4px;
}

#pagination span {
    color: #FFF;
    font-weight: bold;
}

#pagination a {
    color: #FFF;
    background: #33484e;
}

#pagination a:hover {
    background: #80795c;
}

/* Pagination
---------------------------------------------------------------------------- */

.pagination {
    font-size: 0.7em;
    margin: 0 0 35px 0;
}

.pagination span,
.pagination a {
    display: inline-block;
    text-decoration: none;
    padding: 2px 8px;
    margin: 0 2px 0 0;
}

.pagination span {
    color: #FFF;
}

.pagination a {
    color: #FFF;
    background: #33484e;
}

.pagination a:hover {
    background: #80795c;
}

.pagination .disabled {
    display: none;
}

/* Footer
############################################################################# */

#footer {
    position: absolute;
    right: 0;
    text-align: right;
    padding: 10px;
}

#footer a,
#footer p {
    color: #FFF;
}

/* Misc
############################################################################# */

/* Cleafix
----------------------------------------------------------------------------- */

.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix { display: inline-block; }

/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */