/* HTML5 Template Styles for HTML5Template page */
/* Help older browsers with HTML5 layout elements */
header, nav, aside, article, footer, section, figure, figcaption {
 display: block;
}
/* Get rid of white border around browser window */
body {
 margin: 0;
 padding: 0;
}
/* Get rid of large margins on headings */
h1, h2, h3, h4, h5, h6 {
 margin: 0;
}
#wrapper {
 /* Set your own widths, % for fluid, px for fixed */
 width: 100%;
 min-width: 780px;
 max-width: 1000px; /* Vertical margins, and auto to center */
 margin: 0 auto;
 /*background-color:#FFF;*/
 background: rgba(0,0,0,0.1);
}
/* Sample styles for 3-column layout */
/* Section containing multiple columns */
.columns {
 display: table;
 border-collapse: collapse;
 width: 100%; /* border is optional, style to taste */
 border: solid 1px silver;
}
/* Aside columns in columns div */
.columns aside {
 display: table-cell; /* Use any width and padding you like */
 width: 18%;
 padding: 1%;
}
/* Main article in the columns */
.columns article {
 padding: 1%;
 color:#FFF;
}
/*Optional, style to taste */
.columns .left {
 background-color: #ddd;
 border-right: solid 1px gray;
}
.columns .right {
 background-color: #ddd;
 border-left: solid 1px gray;
}
/* Style rules for formal, captioned figures */
figure {
 width: 50%;
 max-width: 200px;
 clear: both;
 margin: 1em auto;
 border: solid 1px gray;
 border-radius: 4px;
 box-shadow: 3px 3px 3px 3px silver;
}
figure img {
 width: 100%;
 display: block;
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
}
figcaption {
 font: 10pt/10pt Verdana, Tahoma, Sans-serif;
 padding: 2px 4px;
}
/* Left-floating pictures */
figure.floatleft {
 float: left;
 width: 33%;
 max-width: 400px;
 margin: 0 10px 0 0;
}
/* Right-floating pictures */
figure.floatright {
 float: right;
 width: 33%;
 max-width: 400px;
 margin: 0 0 0 10px;
}
/* Pictures with no caption */
figure.nocaption figcaption {
 display: none;
}
/* Pictures in the side columns */
.columns aside img {
 display: block;
 width: 90%;
 margin: 0.5em auto;
 border: solid 1px gray;
 border-radius: 4px;
 box-shadow: 3px 3px 3px 3px silver;
}
/* Frame for picture that looks like a photo snapshot */
 figure.snapshot {
 padding: 4%;
 background: white;
 border-radius: 0;
 /*margin: 10px auto;*/
 width: 57%; margin-left:18%;
 border: solid 1px gray;
 box-shadow: 3px 3px 3px 3px silver;
 }
 /* Picture inside photo snapshot */
 figure.snapshot img {
 width: 100%;
 display: block;
 border-radius: 0;
 }
 /* Caption for photo snapshot */
 figure.snapshot figcaption {
 padding: none;
 font: 12pt/14pt Lucida Handwriting, Lucida Calligraphy, Comic Sans MS, Cursive;
 }
 /* Left-tilted photo */ 
figure.tiltleft {
 transform: rotate(-8deg);
} 
/* Right-tilted photo */ 
figure.tiltright {
 transform: rotate(6deg); color:#000; /*color change color of status text of the movie*/
}
/* Left-tilted photo */ 
figure.tiltleft {
 -moz-transform: rotate(-8deg);
 -ms-transform: rotate(-8deg);
 -o-transform: rotate(-8deg);
 -webkit-transform: rotate(-8deg);
 transform: rotate(-8deg);
} 
/* Right-tilted photo */ 
figure.tiltright {
 -moz-transform: rotate(6deg);
 -ms-transform: rotate(6deg);
 -o-transform: rotate(6deg);
 -webkit-transform: rotate(6deg);
 transform: rotate(6deg);
}
--------------------------------------------------------------------------
figure.eva-about {
 width: 100%;
 display: block;
 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
}
 /* Frame for picture that looks like a photo snapshot */
 figure.eva-about {
 padding: 2%;
 background: white;
 border-radius: 0;
 /*margin: 10px auto;*/
 width: 57%; 
 border: solid 1px gray;
 box-shadow: 3px 3px 3px 3px silver;
 }
  /* Picture inside photo snapshot */
 figure.eva-about img {
 width: 100%;
 display: block;
 border-radius: 0;
 }