* { margin: 0px; padding: 0px; }

body { background: #daf2fd; border-top: 5px solid #1E1E20; }

h1 { font: 40px Georgia, serif ; }
h1 > a { text-decoration: none; color: #069ECD; }
h5 { text-align: center; font: 14px sans-serif; padding: 5px 0 5px; /*background: #069ECD;*/ }

#wrap { width: 710px; margin-left: auto; margin-right: auto; margin-bottom: 20px; }

#header { background: url(img/ffflix-filmreel.jpg) no-repeat; min-height: 80px; background-position: 25px 0px; overflow: hidden; }
#header a.home { display: block; width: 100%; margin: 10px 200px 10px 200px; height: 50px; text-indent: -99999px;}

a.logout { float: right; margin: 0; padding: 3px 10px 5px 10px; font: Calibri sans-serif; text-decoration: none; color: #daf2fd; background: #1E1E20; }
a.logout:hover { text-decoration: underline; color: #fff; }

#nav { clear: both; }
#nav ul { text-align: center; font: bold 18px sans-serif; }
#nav li  { width: 32%; list-style-type: none; padding: 5px 0 5px 0; float: left; margin-left: 1.7%; background: rgba(255, 255, 255, 0.85); border-right: 1px solid rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgba(0, 0, 0, 0.3);  }
#nav li:first-child { margin-left: 0;  }
#nav li a { display: block; text-decoration: none; color: #000; }
#nav li.current { background: #538dd5; color: ; font-weight: bold;  }
#nav li:hover { background: #1E1E20; }
#nav li:hover a { color: #fff }


/* 480 | 180 */
#content { width: 480px; min-height: 500px; margin-top: 10px; float: left; padding: 10px 10px 0 10px; background: rgba(255, 255, 255, 0.8); border-right: 1px solid rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

#content.nolog { clear: both; float: none; margin-left: auto; margin-right: auto; min-height: 0px; padding: 20px 0 20px 0;}

#entform { clear: both; margin-left: 100px; }
#entform a { color: #1E1E20; }
#entform tr.focus { background: rgba(0, 0, 0, 0.10); font-weight: bold; }

#sidebar { width: 180px; min-height: 500px; margin-top: 10px; float: right; padding: 10px 10px 0 10px; background: rgba(255, 255, 255, 0.75); border-right: 1px solid rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

#footer { background: #1E1E20; margin: 10px 0; padding: 5px; }
#footer p { width: 710px; margin-left: auto; margin-right: auto; color: #90daf8; font-size: 12px; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { border-bottom: 1px dashed #fff; }
#footer span { text-align: center; }

label { padding: 0 0 0 5px; }
tr:hover  { background: rgba(0, 0, 0, 0.10); }


input[type="submit"] { background: #90daf8; border: 1px solid #879DFF; padding: 2px 5px 2px 5px; margin-left: 5px; }
input[type="submit"].reg { margin-left: 100px; }
input[type="submit"]:hover { background: #879DFF; }

#displaytype { clear: both; width: 100%; }
#displaytype.review { margin: 20px 0; }
#displaytype ul { text-align: center; font: 14px sans-serif; border-bottom: 1px dashed #1E1E20;}
#displaytype li  { width: 25%; list-style-type: none; float: left; padding: 5px 0 5px; }
#displaytype li a { display: block; text-decoration: none; }
#displaytype li a.current { font-weight: bold;  }
#displaytype li:hover { background: #90daf8 }

a.current { font-weight: bold;  }

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

/*
#displaytype { clear: both; border-bottom: 1px dashed #1E1E20; width: 100%; }
#displaytype p { float: left; display: inline-block; color: #1E1E20; }
*/
#displayinfo { clear: both; width: 100%; padding: 10px 0; }

#sideheader { border-bottom: 1px dashed #1E1E20; margin: 0 0 10px; }

ul.genre { margin: 0 0 20px; }
ul.genre > li { list-style-type: none; margin: 5px; }
ul.genre > li a { background: #90daf8; padding: 2px 5px 2px 5px; color: #1E1E20; text-decoration: none;  }
ul.genre > li:hover a { text-decoration: underline;}
ul.genre > li:hover  span { font-weight: bold; }

/* CONTENT */
#movie.container { clear: both; }
/*#movie.movieimg { float: left; }*/

#movie.movieimg { width: 200px; height: 150px; float: left; margin: 0 3px 0; }
#movie.movieimg a { width: 200px; height: 150px; overflow: hidden; display: block; position: relative; font-size: 14px; color: #1E1E20; text-decoration: none; text-align: center; }
#movie.movieimg img{ position:absolute; top: 0; left: 0; }
#movie.movieimg a span { position:absolute; bottom: 0; right: 0; display: block; width: 25%; background: #90daf8; padding: 3px 5px 3px 5px; }
#movie.movieimg a:hover {  }
#movie.movieimg a:hover span { background: #6bcdf6; }

#movie.text { height: 50px; width: 55%; float: left; margin: 0 0 0 3px; }
#movie.text a { color: #1E1E20; }
#movie.text span { text-transform: uppercase; font: bold 20px sans-serif; }
#movie.text span a { text-decoration: none; color: #1E1E20; }

#movie.title {  }
#movie.title strong { color: #1E1E20; text-transform: uppercase; font: bold 20px sans-serif; }
#movie.title strong a { color: #1E1E20; text-decoration: none; }
#movie.title span { background: #90daf8; padding: 3px 5px 3px 5px; margin: 0 0 0 5px; }

#movie.feature { float: left; width: 115px; height: 100px; margin: 0 3px; }
#movie.feature a { width: 115px; height: 100px; overflow: hidden; display: block; position: relative; font-size: 14px; color: #fff; text-decoration: none; text-align: center; }
#movie.feature img{ position:absolute; top: 0; left: 0; }
#movie.feature a span { position:absolute; bottom: 0; display: block; width: 100%; background: rgba(0, 0, 0, 0.3); padding: 2px; }
#movie.feature a:hover { text-decoration: underline; }
#movie.feature a:hover span { background: rgba(0, 0, 0, 0.75); }

#feature  { padding: 0 0 5px; margin: 0 0 5px; border-bottom: 1px dashed rgba(0, 0, 0, 0.3); }
#feature h4 { font: bold 14px sans-serif; margin: 0 0 5px; }
#feature a { font-size: 18px; color: #1E1E20; }
#feature span { background: #90daf8; padding: 3px 5px 3px 5px; color: #1E1E20; }