@charset "utf-8";
/* CSS Document */


body {
 font-family:Arial, Helvetica, sans-serif;
 font-size:1em;
 padding:0;
 margin:0;
			}
			
img {
max-width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
}

a {
text-decoration:none;
color:#0000FF;
}

a:hover {
text-decoration:underline;
}			
			
#menu_box {
background-color:#000000;
float:left;
width:96%;
padding:2%;
}

#red_bar {
width:90%;
background:#FF0000;
height:10px;
}			


#ivan-reitman {
float:left;
width:30%;
}

#menu_links {
float:left;
width:70%;
color:#FFFFFF;
}

#menu_links a {
color:#FFFFFF;
font-size:1.5em;
text-decoration:none;
border-left:1px solid #ff0000;
padding-right:1%;
}

#menu_links a:hover {
color:#ff0000;
}

#footer_box {
background-color:#000000;
float:left;
width:96%;
padding:2%;
}


#footer_box a {
color:#FFFFFF;
border-left:1px solid #ff0000;
padding-right:1%;
}

#content_left {
width:28%;
padding:1%;
float:left;
}

#content_right {
width:68%;
padding:1%;
float:left;
}

#ivan_movies {
float:left;
width:74%;
padding-left:26%;
padding-bottom:1%;
padding-top:2%;
}

#biography {
float:left;
width:80%;
padding-left:10%;
padding-right:10%;
padding-bottom:1%;
padding-top:2%;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#movie_left {
float:left;
width:18%;
padding:1%;
}

#movie_right {
float:left;
width:60%;
padding-top:1%;
padding-bottom:1%;
padding-left:10%;
padding-right:10%;
}

#comment {
float:left;
width:90%;
padding-left:5%;
padding-right:5%;
padding-top:1%;
padding-bottom:1%;
}

#nc, #fn {
Width: 80%;
min-width: 100px;
font-size:1em;
border-radius:0px;
}

.iner_comment {
width:96%;
padding:2%;
border-bottom:1px solid #ff0000;
}



@media screen and (max-width: 640px) {

#ivan-reitman {
width:96%;
padding:2%;
}

#menu_links {
width:100%;
}

#menu_links a {
font-size:1.2em;
}

#content_left {
width:98%;
padding:1%;
}

#content_right {
width:98%;
padding:1%;
}

#ivan_movies {
width:98%;
padding:1%;
}

#biography {
width:98%;
padding:1%;
}

#movie_left {
width:98%;
padding:1%;
}

#movie_right {
width:98%;
padding:1%;
}

#comment {
width:100%;
padding:0;
}

#lc {
font-size:1.5em;
}

#nc, #fn {
margin-left:2%;
}

}

.comcom {
width:100%;
float:left;
}

.comtitle {
width:100%;
float:left
}

.trailerbox {
width:30%;
float:left;
}

.commentbox {
width:68%;
padding:1%;
float:left;
}