/* CORE LAYOUT */
html {
margin:0;
padding:0;
}

body {
background-color:#fff;
background-image:url(/science/jameson.png);
background-repeat:repeat-x;
background-position:0px -20px;
margin:10px 0 25px 0;
font-family:arial,helvetica,sans-serif;
}

#navbar {
display:block;
list-style:none;
height:1px;
margin:0;
padding:0;
position:relative;
top:41px;
left:412px;
width:250px;
background-color:#666;
}

#navbar li {
float:left;
margin:1px 0 0 0;
padding:10px;
font-weight:bold;
background-color:#eee;
}

#resume,
#portfolio {
clear:both;
display:block;
margin:0;
padding:0;
width:800px;
}

#portfolio { 
width:850px;
}


#foot {
display:block;
height:25px;
width:100%;
text-align:right;
font-size:8pt;
line-height:30px;
color:#666;
padding:25px 0 0 10px;
clear:both;
}

h1 {
display:block;
width:850px;
height:200px;
text-indent:-9999px;
background-image:url(/science/head-page-boxer-new.jpg);
float:left;
background-repeat:no-repeat;
margin:0px; 
padding:0px;
z-index:15;
}

#tupperware {
display:block;
width:850px;
margin:0 auto;
}

#mast {
margin:0 0 33px 0;
}

#mast img {
border:1px solid #ccc;
}


h2 {
font-size:40pt;
letter-spacing:-1px;
width:650px;
clear:both;
margin:0;
padding:0 0 0 20px;
display:block;
height:5px;
position:relative;
top:-80px;
line-height:60pt;
font-size:50pt;
color:#583;
}

h3 {
display:block;
margin:0;
padding:0;
float:left;
line-height:50px;
height:50px;
color:#ccc;
font-size:16pt;
letter-spacing:-1px;
}

h4 {
margin:0 0 5px 0;
padding:0;
line-height:14pt;
font-size:12pt;
}


a:link { 
color:#137da4; 
}
a:hover { 
color:#1c4858; 
}
a:visited {
color:#1c4858;
}
a:visited:hover {
color:#2d5969;
}

#section-links {
display:block;
list-style:none;
width:300px;
clear:both;
margin:10px 0 10px 25px;
padding:0;
height:25px;
}

#section-links li {
display:block;
float:left;
font-size:12pt;
font-weight:bold;
margin:0;
padding:0 25px 0 0;
}


.rsection {
clear:left;
display:block;
margin:0 0 40px 0;
padding:5px 0 0 0;
border-top:1px dotted #ccc;
}


.rsection h3 {
display:block;
float:left;
width:150px;
margin:0;
padding:0;
color:#81623e;
line-height:20pt;
font-size:17pt;
}

.rcontent p {
margin:0;
padding:0;
}

.rcontent {
display:block;
margin:0 0 0 150px;
line-height:17pt;
font-size:11pt;
}

.rcontent ul {
margin:5px 0 15px 25px;
padding:0px;
font-size:10pt;
}

/* =========================== HOME ================================ */

body.home {
margin-top:50px;
}

.home h1 {
width:570px;
height:170px;
background-image:url(/science/head-home.png);
}

.home img {
display:block;
float:right;
border:1px solid #000;
}



.home h2 {
display:block;
line-height:50px;
color:#fff;
font-family:arial,helvetica,sans-serif;
letter-spacing:-1px;
height:50px;
width:150px;
margin:0;
padding:0;
float:left;
font-size:18pt;
}



/* =========================== PORTFOLIO ================================ */


.portfolio .rsection h3 {
font-size:20pt;
}

.portfolio .rcontent {
margin-left:170px;
}

.portfolio .rsection {
border:none;
padding:50px 0 0 0;
}

.portfolio .thumbs a {
background-color:#fff;
}
.portfolio .rsection img {
opacity:0.3;

}

.portfolio .rsection img:hover {
opacity:1;
}

/* =========================== THUMBNAILS =============================== */


.portfolio .rcontent {
display:block;
clear:right;
}

.portfolio .rcontent span {
display:block;
clear:both;
height:233px;
}


.portfolio .rcontent a {
margin:0 0 10px 10px;
padding:0;
display:block;
float:left;
}

.portfolio .rcontent img {
border:1px solid #000;
}

.portfolio .rcontent img:hover {
border:1px solid #9a7b55;
}


.preload {
visibility:hidden;
}

/* =========================== RESUME =============================== */


.resume .rsection { 
margin-bottom:25px; 
}

.resume .rcontent p {
font-size:10pt;
line-height:15pt;
}

.skills ul {
list-style:none;
margin:0;
padding:0 0 0 5px;
}
.skills li {
font-size:11pt;
clear:both;
}

.skills li li {
font-size:8pt;
display:block;
float:left;
clear:none;
padding-left:5px;
line-height:12pt;
color:#333;
}

.skills li li:after {
content:" .";
font-weight:bold;
color:#999;
letter-spacing:3px;
}

.skills li li.last:after {
content:"";
}

.skills td {
margin:0;
padding:0 20px 0 20px;
bordaer-right:1px solid #999;
border-left:1px dotted #999;
}

/* =========================== HOME PAGE =============================== */

#blurb { /* 310px */
display:block;
float:left;
color:#eee;
width:250px;
font-family:georgia;
margin:20px 0 0 10px;
padding:20px;
line-height:20pt;
background-color:#81623e;
border:1px dotted #999;
font-size:14pt;
}

#main-links {
list-style:none;
display:block;
margin:35px 0 0 30px;
padding:0;
float:left;
width:300px;
font-size:40pt;
font-weight:bold;
}

#main-links li {
margin:0 0 30px 0;
letter-spacing:-2px;
border-bottom:1px dotted #999;
}

#main-links li:hover {
border-bottom:1px dashed #ccc;
}

#main-links a:after {
content:" >>";
color:#003151;
}

#main-links a:hover:after {
color:#f90;
content:" >>";
}

#main-links a {
text-decoration:none;
}