/*
                                __      _ _                   _   
                               / _|    | (_)                 | |  
 _ __ ___   __ _ _ __ ___ ___ | |_ ___ | |_  ___   _ __   ___| |_ 
| '_ ` _ \ / _` | '__/ __/ _ \|  _/ _ \| | |/ _ \ | '_ \ / _ \ __|
| | | | | | (_| | | | (_| (_) | || (_) | | | (_) || | | |  __/ |_ 
|_| |_| |_|\__,_|_|  \___\___/|_| \___/|_|_|\___(_)_| |_|\___|\__|
                                                                  
*/


/* COMMON CLASSES */
.break { clear:both; }


/* MOVIE POSTERS */
#movieposters { list-style:none; margin:0 auto; height:600px; width:1040px; padding: 100px 0 50px 0; }
#movieposters li { display:inline; float:left; margin: 0 18px; padding: 0 20px;
	-webkit-perspective: 500; -webkit-transform-style: preserve-3d;
	-webkit-transition-property: perspective; -webkit-transition-duration: 0.5s; }
#movieposters li:hover { -webkit-perspective: 5000; }
	
#movieposters li img { border:5px solid #fcfafa; -webkit-transform: rotateY(30deg); border-radius: 10px;
	-moz-box-shadow:0 3px 10px rgba(0,0,0,0.5); -webkit-box-shadow:0 3px 10px rgba(0,0,0,0.5);
	-webkit-transition-property: transform; -webkit-transition-duration: 0.5s; }
#movieposters li:hover img { -webkit-transform: rotateY(0deg); }

.movieinfo { border:3px solid rgba(252,250,250,0.5); border-radius: 20px; padding:20px; width:200px; height:180px; background-color:rgba(0,0,0,0.5); margin:-195px 0 0 55px; position:absolute;
	-moz-box-shadow:0 20px 40px rgba(0,0,0,0.5); -webkit-box-shadow:0 20px 40px rgba(0,0,0,0.5);
	-webkit-transform: translateZ(30px) rotateY(30deg);
	-webkit-transition-property: transform, box-shadow, margin; -webkit-transition-duration: 0.5s; }
	
#movieposters li:hover .movieinfo { -webkit-transform: rotateY(0deg); -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.5); margin:-175px 0 0 30px; }
	
.movieinfo h3 { color: #Fcfafa; font-family: Menuet_script,Georgia,serif,Times; padding-bottom: 15px; padding: 0; margin: 0; font-size: 28px; text-align: center; }
.movieinfo p { font-size:12px; color: #fcfafa; margin: 0; height: 120px; }
.movieinfo a { background-color:#3A7B00; padding:5px 10px; color:#eee; text-decoration:none; display:block; width:90px; text-align:center; margin:0 auto;
	-moz-border-radius:5px; -webkit-border-radius:5px; }     
.movieinfo a, .movieinfo a:link, .movieinfo a:visited { color: #eee; }
.movieinfo a:hover, .movieinfo a:focus { background-color:#54A50B; color:#fff; }