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

body { margin:70px 0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:13px; color:#bbb; line-height:18px; background:/*url(../images/pagebg.jpg) no-repeat */#333;}

p { margin:0 0 20px 0;}

h1 { font-size:18px; font-weight:normal; margin-bottom:24px; color:#0099CC; text-transform:uppercase;}
h2 {font-size:19px; font-weight:normal; margin-bottom:18px; color:#ccc;}
h3 { font-size:18px; color:#eee; font-weight:normal; margin:0 0 10px 0;}
h4 {font-size:11px; color:#ddd; margin:0;}

hr { border:none; border-bottom:1px #454545 solid; margin:30px 0 0 0;}
.clearfix { clear:both;}

a { color:#fff; font-weight:normal; text-decoration:none; border-bottom:#555 1px solid;}
a:hover { color:#0099CC; border-bottom:#225566 1px solid;}

.wrapper { width:600px; margin:0 auto;}

.logo { margin-bottom:30px;}

ul#mop-tabs { list-style:none; margin:0; padding:0; height:40px; margin-bottom:30px;}
ul#mop-tabs li { float:left; margin-right:10px;}
ul#mop-tabs li a { position:relative; display:block; font-size:12px;color:#333; padding:3px 30px 3px 10px; border:none; background:#ddd; outline:none; text-decoration:none;}
ul#mop-tabs li a:hover {text-decoration:none;background:#fff; color:#0066CC;}
ul#mop-tabs li a.current, ul#mop-tabs li a.current:hover, ul#mop-tabs li.current  {background:#fff; color:#0066CC;}


div#mop-panes { position:relative;/*padding:40px; width:900px; height:100%; background:#eee;*/}
div#mop-panes div.pane {display:none; position:absolute;}
	
#projects h1 { margin-bottom:34px;}

.movie {margin-bottom:40px;}
.movieposter { float:left; width:180px; margin-right:30px;}
.movieposter img { background:#ddd; padding:6px;}
.movieinfo { float:right; width:378px;}