/* General */
* {
    font-size: 100%;
    line-height: 1.125em;
    font-family: Verdana, sans-serif;
    text-align: left;
}

body {
    margin: 0 0px 0px 0;
    background-color: gray;
}

div#container {
    width: 952px;
    margin: auto;
    background-color: #FFF;
    border-left: 5px solid #000;
    border-right: 5px solid #000;
    border-bottom: 5px solid #900;
}

div#main {
    margin: 0 11px 0 11px;
    padding: 0 0 0 0;
}

div#navigation {
    clear: left;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc; padding-top : 0.5em;
    height: 135px;
    overflow: hidden;
    padding-top: 0.2em;
}

h1,h2,h3,h4,h5,h6,caption {
    text-align: left;
    font-family: Georgia, serif;
    display: block;
    width: 100%;
    color: #900;
}

p.branding {
    font-family: Georgia, serif;
    font-size: 3.2em;
    color: #900;
    float: left;
}

h1 {
    font-size: 2em;
    clear: none;
    font-weight: normal;
}

h2 {
    font-size: 1.4em;
    clear: left;
    padding: 10px 0 0 0;
    font-weight: normal;
}

div#central h2.previously {
    padding: 15px 0 0 0;
}

h3 {
    clear: left;
    font-size: 1.2em;
    font-style: italic;
    border-top: 1px solid #ccc;
    font-weight: normal;
}

h3 a {
    font-family: Georgia, serif;
}

p.intro {
    clear: both;
    color: #666;
    padding: 5px 0 5px 0;
    font-size: 0.75em;
    line-height: 1.5em;
}

a {
    color: #000;
}

a:hover {
    color: #900;
    text-decoration: none;
}

em {
    font: inherit;
    color: inherit;
    font-style: italic;
    font-family: Georgia, serif;
}

strong {
    font: inherit;
    font-weight: bold;
    color: #900;
}

dl {
    margin: 0 0 10px 0;
}

dt {
    clear: left;
    float: left;
    text-align: left;
    font-family: Georgia, serif;
    color: #900;
    font-size: 1em;
    width: 90px;
    margin: 0 0 5px 0;
    padding: 5px 0 0 0;
    font-style: italic;
}

dt a {
    font-family: Georgia, serif;
}

dt.imdb,dd.imdb-link {
    padding: 10px 0 0 0;
}

img.boxart {
    padding: 3px;
    border: 1px solid #ddd;
    float: right;
    margin: -10px 0 0 0;
}

dd.nfimage {
    float: right;
    width: 120px
}

dd.nfinfo {
    width: 300px;
}

dd.nfterms {
    width: 515px;
    clear: both;
    border-top: 1px solid #ccc;
    padding: 10px 0 0 0;
    margin-top: 75px;
}

dd.nfterms a {
    float: right;
    margin-left: 5px;
}

dd {
    margin: 0 0 0px 0;
    padding: 5px 0 0 0;
    float: left;
    width: 425px;
    font-size: 0.875em;
}

dl.now-next dt {
    clear: both;
    float: none;
    width: 100%;
    font-size: 1.4em;
    margin: 15px 0 3px 0;
    padding: 0 0 0 0;
    font-style: normal;
}

dl.now-next dd {
    clear: both;
    float: none;
    margin: 0px 0 0 10px;
    padding: 0 0 0 0;
}

dd.imdb-link form {
    padding: 5px 0 0 0;
    vertical-align: top;
}

dd.add-cal a {
    background: transparent url(../calendar_add.png) no-repeat left 90%;
    padding: 5px 0 0 22px;
    color: #666;
    font-size: 0.875em;
    display: block;
}

span.time {
    font-size: 1em;
}

span.amp {
    font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif;
    font-style: italic;
    font-size: 1.2em;
    color: inherit;
}

/* Header */
form#search {
    float: right;
}

/* Nav */
#navigation div {
    float: left;
    margin-right: 1em;
}

#genres {
    width: 510px;
}

#genres li a,#languages li a {
    font-size: 0.8em;
    line-height:1em;
}

#navigation #datesearch {
    float: right;
}

#genres strong,#languages strong,#datesearch label {
    font-size: 1.2em;
    line-height: 1em;;
    font-weight: bold;
    font-family: Georgia, serif;
    color: #900;
    text-align: right;
}

#navigation #genres li {
    float: left;
    width: 33%;
}

/* Central Column */
div#central { /*background-color:yellow;*/
    clear: both;
    border-left: 1px solid #900;
    border-right: 1px solid #900;
    float: left;
    margin: 0pt 0pt 0pt 186px;
    padding: 10px 15px;
    width: 520px;
    display: inline; /* dirty ie */
}

div#central h1 {
    margin: 7px 0 4px 0;
}

div#central h2 {
    margin: 0px 0 3px 0;
    padding: 10px 0 0 0;
}

div#central h2 a {
    margin: 0 0 0 0;
    font-family: Georgia, serif;
}

span.year {
    font-style: italic;
    font-size: 1.1em;
    color: #666;
    font-family: Georgia, serif;
}

div#central h3 {
    padding: 3px 0 0 0;
    margin: 0 0 0 0px;
}

ol.listings li {
    font-size: 1.1em;
}

ol.listings li span.channel,ol.listings li span.location {
    font-weight: bold;
}

dl.now-next,ol.person-films,ol.date-list {
    padding: 0 0 10px 0;
    margin-top: -10px;
}

ol.date-list li.film,ol.person-films li.film {
    clear: both;
    width: 100%;
    padding: 10px 0 0 0;
}

/* Side Columns */
div#film-charts { /*background-color: red;*/
    float: left;
    margin: 0 0 0 -745px;
    width: 180px;
    padding: 5px 5px;
    /* background: transparent url(../new.png) no-repeat 133% -6%; */
}

div#people-charts { /*background-color:blue;*/
    float: right;
    width: 180px;
    padding: 5px 5px;
}

table.chart {
    margin: 0 0px 10px 5px;
    width: 170px;
}

table.chart th {
    font-family: Georgia, serif;
    font-size: 1em;
    font-style: italic;
    color: #000;
    border-bottom: 1px solid #900;
    padding: 5px 0px 0 5px;
}

table.chart tr.even {
    background-color: #fee;
}

table.chart tr {

}

table.chart td {
    font-size: 0.7em;
    height: 16px;
    padding: 2px 2px 2px 3px;
    vertical-align: middle;
    display: table-cell;
}

table.chart td.count,table.chart td.year,table.chart td.rating {
    font-family: Georgia, serif;
    font-style: italic;
    color: #000;
    font-size: 0.875em;
    text-align: right;
}

caption {
    width: 100%;
    font-size: 1.2em;
    margin: 7px 0px 0 0px;
}

ul.actors,ul.directors,ul.people,ul.genretags {
    font-size: 0.875em;
    display: inline;
}

ul.genretags {
    float: left;
    width: 300px;
}

ul.actors li,ul.directors li,ul.people li,ul.genretags li {
    display: inline;
    float: left;
    margin: 0 8px 0 0;
}

/* Footer */
div#footer {
    clear: both;
    color: #fff;
    background-color: #000;
    border: 4px solid #000;
    margin: 5px 0 10px 0;
    height: 35px;
    font-size: 0.875em;
}

div#footer ul {
    width: 99%;
}

div#footer a {
    color: #fff;
    font-family: Georgia, serif;
}

div#footer ul li {
    float: right;
    padding: 2px 5px 2px 0;
    vertical-align: bottom;
    font-family: Georgia, serif;
}

/*
FORMS
*/
form#quick-search {
    margin: 15px 0 0 200px;
    float: right;
    text-align: right;
}

form#quick-search input#search-string {
    border: 1px solid #666;
    height: 25px;
    width: 150px;
    font-size: 1.5em;
    padding: 3px;
    color: #900;
}

h2.tabbed {
    width: 25%;
    float: left;
}

ul.ui-tabs-nav {
    height: 30px;
    width: 100%;
}

ul.ui-tabs-nav li {
    width: 100px;
    height: 30px;
    float: left;
    padding: 0;
    background: #ffffff url(../ui-tabs-nav.gif) no-repeat bottom left;
    margin: 0 1px 0 0;
    text-align: center;
}

ul.ui-tabs-nav li a {
    padding: 5px 0px 7px 0px;
    margin: 2px 0 0 0;
    text-decoration: none;
    font-family: Georgia, serif;
    text-align: center;
    font-size: 1em;
    float: left;
    display: block;
    width: 100%;
    color: #333;
}

ul.ui-tabs-nav li.ui-tabs-selected {
    background-color: #000;
    background: #ffffff url(../ui-tabs-selected.gif) no-repeat bottom left;
}

div.ui-tabs-panel {
    padding: 10px 10px 20px 10px;
    border: 1px solid #900;
    margin: 0 0 0 0;
}

div#central div.ui-tabs-panel h2 {
    margin: 0;
}

div.ui-tabs-hide {
    display: none;
}

ul.ui-tabs-nav li.ui-tabs-selected a {
    color: #fff;
}

#result-box {
    font-size: 0.875em;
}

ul.search-results {
    margin: 0 0px 0 5px;
}

ul.search-results li a {

}

/*
Rating form stuff
*/
ul.rating li {
    float: left;
    margin: 3px 0 7px 10px;
}

ul.rating label {
    float: left;
    font-weight: 300;
    font-size: 0.875em;
    color: #900;
    margin: 0 5px 0 0;
}


ul.rating li.current {
    margin-left:0;
}

ul.rating li.hold-rating-submit {
    width: 50px;
}

ul.rating li.current label {
    display: none;
}

span.vote-count {
    padding: 0 0px 0 0px;
    margin: 0 35px 0 0;
    color: #666;
    font-size: 0.9em;
    float: right;
}

/* User Top Ten */
table.chart td.rating {
    text-align: right;
    color: #900;
    vertical-align: top;
}

span.out-of {
    padding-top: 5px;
    font-size: 1.1em;
    color: #000;
    font-style: italic;
    font-family: Georgia, serif;
    vertical-align: baseline;
}

p.more-dates {
    background-color: #fee;
    font-size: 1.2em;
    text-align: center;
    width: 94%;
    padding: 5px 3% 0 3%;
    margin: 0 0 0 0;
    border-top: 1px solid #900;
    border-bottom: 1px solid #900;
    height: 30px;
}

p.more-dates a {
    font-family: Georgia, serif;
    width: 48%;
}

p.more-dates a.prev {
    float: left;
}

p.more-dates a.next {
    float: right;
    text-align: right;
}