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

body{margin:0;padding:0;background:#393939; background-image: url(../images/shared/greywood3.png);}
div.container{margin:10px;padding:0;overflow: hidden; width: 100%;border: 1px solid #000000;}

/*Navigation
-----------------------------------------------------------------------------*/
div#navcolwrap {margin:0px;padding:20px;float: left;width: 100%; position:fixed;background: url(../images/shared/greywood_header3.png) repeat-x top left; z-index:10; }
div#navcol{margin:0px;padding:0;float: left;width: 100%;}
div#navcol{ border-bottom:1px solid #CC3300;}

div#nav div.title {margin:0 100px 0 0; padding:0; display: block; float: left; height: 50px; width:181px;}

div#nav {margin:0; padding:0px;}
div#nav a {margin:0; padding:0; height: 40px; text-decoration: none; display: block; float: left; width:780px; font-size:1.75em; color:#CC3300;letter-spacing: .05em; text-align:center;}
div#nav a.btn_ui, div#nav a.btn_gameart, div#nav a.btn_resume {background: url(../images/shared/btn_roll.gif) no-repeat top left; width: 140px;}
div#nav a:hover {background-position: 0 -40px;color:#FF3300;}


   
 .userArt #navbar #userArt a {background-position: 0 -80px; color:#FFFFFF;}
 .userArt #navbar #userArt a:hover {background-position: 0 -40px;color:#FF3300;}
 .userArt #navbar #userArt a:active {background-position: 0 -120px;color:#666666;}
 
 .gameArt #navbar #gameArt a {background-position: 0 -80px; color:#FFFFFF;}
 .gameArt #navbar #gameArt a:hover {background-position: 0 -40px;color:#FF3300;}
 .gameArt #navbar #gameArt a:active {background-position: 0 -120px;color:#666666;}
 
 .resume #navbar #resume  a {background-position: 0 -80px; color:#FFFFFF;}
 .resume  #navbar #resume  a:hover {background-position: 0 -40px;color:#FF3300;}
 .resume  #navbar #resume  a:active {background-position: 0 -120px;color:#666666;}


#nav ul {overflow:auto;margin:0; padding:10px 0 0 0; line-height:40px; }
#nav li {display: inline;}
#nav li a {display: block; text-align:center; }

/* Content
-----------------------------------------------------------------------------*/
.content {margin:80px 0 0 -390px;;padding:0; width:780px; position: absolute;left:50%; float:left;}

* html .content {}

div#resume {background-color: #FFFFFF; color: #333;padding-left:20px; border: solid 2px;}

div#octoplace {float:left; margin:0;padding:0; position:relative;top:-345px;left:560px;width:200px;}
* html div#octoplace {}

div#pl_worddrop {float:left; margin:0;padding:0; position:relative;top:-1150px;left:475px; width:200px;}
div#pl_worddrop img {border: none;}
div#pl_worddrop2 {float:left; margin:0;padding:0; position:relative;top:-975px;left:275px; width:400px;}
div#pl_worddrop2 img {border: none;}

div#pl_frogger {float:left; margin:0;padding:0; position:relative;top:-570px;left:550px; width:200px;}
div#pl_frogger img {border: none;}
div#pl_frogger2 {float:left; margin:0;padding:0; position:relative;top:-230px;left:-150px; width:400px;}
div#pl_frogger2 img {border: none;}

/*  Gallery
-----------------------------------------------------------------------------*/

.gallrow {float:left; position: relative; width:780px; height:auto; margin:20px 0px 20px 0px;overflow:hidden;}
.gallrow img {border: solid 2px; color:#221f22; background-color:#FFFFFF;}
* html .gallrow img {margin-bottom:20px;}

.gallrow#hamsterhunt {height:480px;}
.gallrow#frogger {height:600px;}

.col {float:right;width:288px;margin:20px 95px 20px 0px;font-size:120%;}
* html .col {margin:20px 55px 20px 0px;}

.float_left {float:left; position: relative; top:10px; left:-200px; width:200px;}
 img .noborder {border:none;}

/*Resume
-----------------------------------------------------------------------------------------------------*/
#katherineroe{font-size:16px;padding-top:10px;font-weight:bold;letter-spacing:.1em;}
.contractor_border{padding:10px;margin:5px 15px 0px 0px;border:1px solid #666666;}
.resume_heading {letter-spacing: .1em;font:bold 100%;text-transform:uppercase;padding: 16px 0 5px 0;margin:0 15px 12px 0;border-bottom:1px solid;}
.company{padding:0 5px 0 0;font-weight:bold;line-height:40px;letter-spacing:.1em;}
.position_title{margin:0 15px 0px 0;display:block;line-height:20px;letter-spacing: .1em;font-style:italic;}
.location{font-size: 90%;}
.position_desc{display:block;padding:0 5px 0 10px;letter-spacing:.1em;}
#contactlist li {display: inline;list-style-type:none;padding:0 35px 0 0;left:0px;margin:0px;letter-spacing:.2em;}
#publicationslist li {letter-spacing:.1em;padding-right: 20px;line-height:15px;}


/*  Footer 
-----------------------------------------------------------------------------*/
div#footer {margin:20px 0 0 0;padding:0;border-top:1px dashed #8e808e;text-align:center;clear:both;width:780px; position:relative;left:50%;margin-left:-390px;}
div#footer p { margin: 0; padding: 5px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #858585; line-height: 2em;}
div#footer p a { padding: 0 5px; color: #707183; text-decoration: none; font-weight: normal }
div#footer p a:hover { color: #fbfbfa; text-decoration: underline; }