/* ----------
standard module/base styles for movie information on radio and social websites
using generic colours for text, lines, links etc ... DO NOT MODIFY THIS STYLE SHEET
each individual site will have a modifiable version that will load after this one
that is located in /theme/{$theme}/modules/css/movie.css
styles are commented to illustrate the changeable items and from top to bottom of page
authored : February 27, 2009
---------- */

/* there are three types of movie pages on radio and social sites ...
main movies view page, theatre pages, individual movie pages */

div#moviesPremoduleContent {overflow-x: hidden;}

/* title for sections */
h2.moviesSectionTitle {padding: 10px 0 0 0; margin:0; clear: both;}

/* movie theatre and movie listings UL/LI */
ul#moviesTheaterList, ul#moviesMovieList {margin:0; padding:0;}
ul#moviesTheaterList li {clear: both; padding: 10px 0 10px -15px; margin:0; list-style-type:none; list-style-position:outside;}
ul#moviesMovieList li {clear: both; padding: 0 10px 0 -15px; margin:0; list-style-type:none; list-style-position:outside;}
ul#moviesTheaterList li h3, ul#moviesMovieList li h3 {}

img.moviesGoogleMap {float: right; border: 1px solid black; margin: 5px;}
div.geo {display: none;} /* hide geographic information */

/* basic containers for movie info and images inside listings */
dl.moviesMovieInfo {margin: 5px 0 10px 0; clear: left; display: block;}
div#moviesMovieInfoDetailed, div#moviesMovieShowsContainer,
div#moviesMovieThumbsContainer, div#moviesMovieReviewsContainer {margin: 5px 0 10px 0; clear: both; display: block;}
div#moviesMovieThumbsWrapper {height: 85px; width: 100%;}

/* ----- specific styles for content items on main movies view page ----- */
ul#moviesTheaterList li.moviesMovieListItem, ul#moviesMovieList li.moviesMovieListItem {padding:10px 0 15px 0;}
dl.moviesMovieInfo {}
dl.moviesMovieInfo dt {
    float: left; clear: left; display: inline;
    width: 105px; padding: 3px 0 0 0;
    text-transform: uppercase; font-size: 9px; text-align:right;
}
dl.moviesMovieInfo dd {margin:0; padding: 0 0 2px 0; float: left; display: inline; white-space: normal; width: 190px; /* adjust as needed */}
li.moviesMovieListItem dl.moviesMovieInfo dd {width: 275px; padding-left: 25px;/* adjust as needed */}
div#moviesMovieCreditsContainer dl.moviesMovieInfo dd {width: 345px; /* adjust as needed */}
div#moviesMovieCreditsContainer dd.moviesMovieCast dt {width: 145px;}
div#moviesMovieCreditsContainer dd.moviesMovieCast dd {width: 200px;}
dl.moviesMovieInfo dd ol.moviesMovieShowtimesList li {list-style-type: none; padding:0 10px 0 0; margin: 0 10px 0 0;}



/* ----- following divs are on the theatre page ----- */
div#moviesTheaterContent{height:auto; clear: left; overflow-x: hide;}
form.moviesChangeDateForm label {float: left; margin: 3px 5px 10px 5px;}



/* -----  following divs are on the theatre pages and individual movie pages ----- */
ul#moviesMovieList ol.moviesMovieShowtimesList, 
dd.moviesMovieGenres ul#moviesMovieGenresList, 
div#moviesMovieShowsContainer ol.moviesMovieShowtimesList,
ul#moviesMovieList ul.moviesMovieTheatersList dd.moviesMovieShowtimes li {list-style-type: none; display: inline; padding: 0; margin: 0;}

#moviesMovieShowsContainer ul#moviesMovieShowList 
{clear: both; padding: 0; margin:0; list-style-type:none; list-style-position:outside;}

#moviesMovieTrailersContainer ul, ul#moviesMovieReviewsList
{clear: both; padding: 0; margin:0 0 0 -20px; list-style-type:none; list-style-position:outside;}

ul#moviesMovieReviewsList li, #moviesMovieTrailersContainer ul li, #moviesMovieShowsContainer ul#moviesMovieShowList li 
{clear: both; padding: 0 5px 0 5px; margin:0; list-style-type:none; list-style-position:outside;}

ul#moviesMovieGenresList li, 
ul#moviesMovieList ul.moviesMovieTheatersList li {display: inline; padding: 0 15px 0 0; margin:0;}

ul#moviesMovieShowList ol.moviesMovieShowtimesList li, 
div#moviesMovieShowsContainer ol.moviesMovieShowtimesList li 
{display: inline; margin:0; padding: 0; border-left: 1px solid black;}

ul#moviesMovieShowList ol.moviesMovieShowtimesList li.moviesMovieShowtimesListItem1,
div#moviesMovieShowsContainer ol.moviesMovieShowtimesList li.moviesMovieShowtimesListItem1 
{display: inline; margin:0; padding: 0; border-left: 0px solid black;}

/* ----- last div styles are only for the individual movie pages ----- */
img.moviesMoviesPoster {
    float: right;
    border: 5px solid white;
    width: 150px;
    position: relative; 
    z-index: 6;
}
ul#moviesMovieList img.moviesMoviesPoster {width: 100px; margin-right:15px;}
span.moviesMovieThumbsTrimmer {float: left; height: 72px; width: 72px;overflow: hidden; margin: 5px;}
	span.moviesMovieThumbsTrimmer img {height: auto; float: left;}

div#moviesMovieCreditsContainer{display: block; clear: both;}


.vcard {display: block; clear: both; padding: 10px 0;}

span.moivesMoviesShowsLabel, a.moviesMovieReviewSource, span.label {font-weight: bold;}

span.moviesTheaterMovies {padding-left: 15px;}

div#moviesFooterCredits {clear: both; padding: 20px 0 10px 0; text-align: left;}
div#moviesFooterCredits img {margin-right:10px;}