@charset "utf-8";
/* CSS Document */
body{background:#48433F; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}
/* link */
a {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; font-weight: bold;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none; color: #FFFFFF;}
a:active {text-decoration: none; color: #CCCCCC;}
/* layout */
.container{ width:960px; margin:0px; position:relative; margin-right:auto; margin-left:0px; }
.top{ height:120px; width:960px; margin-right:auto; margin-left:auto;}
.logo{ height:120px; width:650px; margin-left:100px; background:url(img/logo_650x120_1.jpg) no-repeat;}

.side{ width:135px; height:422px; background:url(img/sidelg3.jpg); margin-right:auto; float:left; }


/* main content */
.maincontent{width:820px; float:right;}
.title{width:819px; float:right; margin-bottom:20px; color:#FF66CC; margin-top:10px;}

/* navigation */
.navi{width:150px; text-transform:uppercase; float:left;}

.navi ul{ list-style:none; margin:0px; padding-left:0px; float:left;}

.navi ul li#home a{ color:#FFFFFF; text-decoration:none;}
.navi ul li#resume a{ color:#FFFFFF; text-decoration:none;}
.navi ul li#portfolio a{ color:#FFFFFF; text-decoration:none;}
.navi ul li#link a{ color:#FFFFFF; text-decoration:none;}
.navi ul li#contact a{ color:#FFFFFF; text-decoration:none;}

.navi ul li#home a:hover{ color:#FF66CC; text-decoration:none;}
.navi ul li#resume a:hover{ color:#FF66CC; text-decoration:none;}
.navi ul li#portfolio a:hover{ color:#FF66CC; text-decoration:none;}
.navi ul li#link a:hover{ color:#FF66CC; text-decoration:none;}
.navi ul li#contact a:hover{ color:#FF66CC; text-decoration:none;}

.content{ width:669px; float:right;}

/* links */
#link ul{list-style:none; }

#link a{color:#FF66CC; text-decoration:none;}
#link a:hover{color:#FFFFFF; text-decoration:none;}

/* resume */
#media{ color:#FF66CC; font-weight:bold; font-size:14px;}
#year{float:left; margin-top:5px; width:80px;}
#position{float:left; margin-left:30px; margin-top:5px; width:230px;}
#movie{ margin-left:30px; margin-top:5px; clear:right; }

/* form */
.form{ border:solid #FF66CC 1px; background:#48433F; color:#999999;} 

/* movie */
.pic{border:#FFFFFF solid 3px; float:left; margin-right:10px; margin-bottom:10px; height:120px;}