@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Serif'), local('DroidSerif'), url(http://themes.googleusercontent.com/static/fonts/droidserif/v4/0AKsP294HTD-nvJgucYTaIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
  font-family: 'Droid Serif';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url(http://themes.googleusercontent.com/static/fonts/droidserif/v4/QQt14e8dY39u-eYBZmppwTqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');
}


* {font-family: 'Droid Serif', serif; margin:0}
#logo {width:127px; height: 72px; display: block; background-image: url('img/movies_logo.png')}

form {margin-top: 30px; font-size: 20px}

.bg {background-color: #00B4FF; padding: 20px; color: #fff; border-bottom: 5px solid #00a4ef;}

body {background-color: #fff}

#year, #votes_to, #rank {margin-right: 30px}

input {font-size: 20px}

#year {width: 70px}
#votes_from, #votes_to {width: 90px}
#rank {width: 50px}

td {text-align: left; padding: 5px 40px 5px 5px; font-size: 14px; color: #555; vertical-align: top }
th {text-align: left; padding: 5px 40px 5px 5px; font-size: 20px; color: #555; vertical-align: top ; border-bottom: 1px solid #eee; color:#f07}

table {padding: 20px}
tr:hover td {background-color: #ffffe0}
tr a {color: #555; font-weight:  bold; font-size: 20px;}
tr:hover a {color: #00B4FF; text-decoration: underline}
a {text-decoration: none; }

td div {
	text-overflow: ellipsis;
	max-width: 200px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}

td div:hover {
	white-space: normal;
	padding: 10px;
	background-color:#fff;

}


#imdb_logo {
	float: right;
	width: 111px;
	height: 64px;
	background-image: url('./img/imdb.png');
}

div.mz {
	float: left; 
	margin: 10px; 
	width: 320px; 
	overflow: hidden;
	height: 670px;
}

div.mz img {
	width: 300px;
	height: 445px;
}

div.mz h2 {
	color: #444;
	height: 56px;
}

div.mz p {font-size: 12px; margin-top: 10px;}