@import "http://fonts.googleapis.com/css?family=Raleway";
/*----------------------------------------------
CSS settings for HTML div Exact Center
------------------------------------------------*/

.body {
background-image: url('../images/background.jpg');
background-color: #000000;
background-repeat: no-repeat;
background-position: center top;
background-size: 100%;
overflow: hidden;
}

.body a:link {
color: #cdac8f;
}

.body a:visited {
color: #cdac8f;
}

.body a:hover {
color: #fff;
}

.header {
border: solid 0px white;
display: table;
text-align: center;
line-height: 0px;
width: 100%;
}

.header p {
display: table-cell;
padding-top: 6%;
font-size: 6vw;
color: #FFFFFF;
font-family: Garamond,'EB Garamond',serif;
text-shadow: -1px -1px 0 #69492d, 1px -1px 0 #69492d, -1px 1px 0 #69492d, 1px 1px 0 #69492d;
}

.subheader {
border: solid 0px white;
display: table;
text-align: center;
line-height: 0px;
padding-left: 68.5%;
}

.subheader p {
display: table-cell;
padding-top: 23%;
font-size: 3vw;
color: #FFFFFF;
font-family: Garamond,'EB Garamond',serif;
}

.container {
}


.latestproject {
width: 18%;
background-color: rgba(196,164,137,0.6);
border: solid 1px #6d493c;
border-top-left-radius: 20%;
border-top-right-radius: 20%;
margin-left: 1%;
}

.latestproject p {
width: 100%;
border: solid 0px white;
text-align: center;
padding:5px;
margin: 0px;
font-size: 1.4vw;
color: white;
font-family: Courier,'Cousine',monospace;
}

.contentbox-left {
width: 35%;
background-color: rgba(72,47,39,0.6);
border: solid 1px #48291f;
border-radius: 15px;
overflow: hidden;
float: left;
}

.poster {
float: left;
width: 52%;
border: solid 0px #666;
border-radius: 15px;
margin-left: 2%;
margin-top: 2%;
margin-bottom: 2%;
}

.poster img {
border-radius: 15px;
width: 100%;
}

.contentbox-left-text-container {
float: left;
width: 41%;
border: solid 0px white;
padding-top: 1%;
padding-left: 2%;
font-family: Courier,'Cousine',monospace;
color: white;
}

.movie-title {
font-size: 1.4vw;
font-weight: bold;
padding: 0;
margin: 0;
}

.movie-genre {
font-size: .7vw;
padding: 0;
padding-bottom: 5%;
margin: 0;
}

.movie-desc {
font-size: .95vw;
line-height: 1.5;
padding: 0;
padding-bottom: 10%;
margin: 0;
}

.movie-links {
font-size: 1.1vw;
padding: 0;
margin: 0;
font-weight: bold;
}

.movie-password {
font-size: .9vw;
padding: 0;
margin: 0;
}

.contentbox-right {
width: 31%;
background-color: rgba(72,47,39,0.6);
border: solid 1px #48291f;
border-radius: 15px;
overflow: hidden;
float: left;
margin-left: 33.5%;
}

.contentbox-right-text-container {
margin-left: 2%;
margin-top: 2%;
margin-right: 2%;
font-family: Courier,'Cousine',monospace;
color: white;
}

.bio-image-container {
float: right;
border: solid 1px #666;
width: 35%;
margin-left: 1%;
border-radius: 15px;
}

.bio-image-container img {
width: 100%;
vertical-align: top;
border-radius: 15px;
}

.bio-header {
font-size: 1.4vw;
font-weight: bold;
padding: 0;
margin: 0;
}

.bio-desc {
font-size: .95vw;
line-height: 1.5;
padding: 0;
padding-bottom: 3%;
margin: 0;
}

.bio-links {
font-size: 1.1vw;
font-weight: bold;
text-align: center;
padding: 0;
padding-bottom: 3%;
margin: 0;
}

.reader-header {
border: solid 0px white;
display: table;
text-align: center;
line-height: 0;
width: 100%;
font-family: Courier,'Cousine',monospace;
font-size: 1.5vw	;
color: #CCC;
-webkit-animation: fadein 3s;
-moz-animation: fadein 3s;
-o-transition: animation fadein 3s;
-ms-animation: fadein 3s;
animation: fadein 5s;
}

.reader-header p {
display: table-cell;
}

#quotes {
border: solid 0px white; 
text-align: center; 
width: 100%;
}

#quotes p {
margin:0;
margin-top: 1%;
padding:0;
}

#quotes h3 {
color: #FFF;
font-style: italic;
font-family: Garamond,'EB Garamond', serif;
font-size: 2.5vw;
width: 100%;
line-height: 1;
padding: 0;
margin: 0;
display: none;
}


#abc {
width:100%;
height:100%;
background-color: rgba(49,49,49,0.6);
top:0;
left:0;
display:none;
position:fixed;
overflow:auto
}

#abc2 {
width:100%;
height:100%;
background-color: rgba(49,49,49,0.6);
top:0;
left:0;
display:none;
position:fixed;
overflow:auto
}

img#close {
position:absolute;
right:-14px;
top:-14px;
cursor:pointer
}

div#popupContact {
position:absolute;
opacity:.9;
left:50%;
top:10%;
margin-left:-202px;
font-family:'Raleway',sans-serif
}

form {
max-width:300px;
min-width:250px;
padding:10px 50px;
border:2px solid #ccc;
border-radius:10px;
font-family:raleway;
background-color:#fff
}

p {
margin-top:30px
}

h2 {
background-color:#EEE;
padding:20px 35px;
margin:-10px -50px;
text-align:center;
border-radius:10px 10px 0 0
}

hr {
margin:10px -50px;
border:0;
border-top:1px solid #c0a586
}

input[type=text] {
width:82%;
padding:10px;
margin-top:15px;
border:1px solid #c0a586;
padding-left:40px;
font-size:14px;
font-family:raleway
}

#name {
background-image:url(../images/name.jpg);
background-repeat:no-repeat;
background-position:5px 7px
}

#name2 {
background-image:url(../images/name.jpg);
background-repeat:no-repeat;
background-position:5px 7px
}

#email {
background-image:url(../images/email.png);
background-repeat:no-repeat;
background-position:5px 7px
}

#email2 {
background-image:url(../images/email.png);
background-repeat:no-repeat;
background-position:5px 7px
}

textarea {
background-image:url(../images/msg.png);
background-repeat:no-repeat;
background-position:5px 7px;
width:100%;
height:95px;
padding:10px;
resize:none;
margin-top:15px;
border:1px solid #c0a586;
padding-left:40px;
font-size:16px;
font-family:raleway;
margin-bottom:30px
}

#submit {
text-decoration:none;
width:100%;
text-align:center;
display:block;
background-color:#f2d0a9;
color:#000;
border:1px solid #c0a586;
padding:10px 0;
font-size:20px;
cursor:pointer;
border-radius:5px
}

span {
color:red;
font-weight:700
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}