/*==============================================================
	website:	http://www.jenniferprevatt.com/
	version:	1.0
	updated:	01/25/09
	authour:	joseph a. torre iv
	contact:	hello@makingdayslonger.com

	color palette:
	white:			#fff
	black:			#000
	grey:			#b2b2b2
	pink:			#dd9fc5
=============================================================*/

/* (1) Reset
--------------------------------------------------------------*/
html, body, form, fieldset,
h1, h2, h3, h4, h5, h6, p,
pre, ul, li, ol, dl {
margin: 0;
padding: 0;
}

html {
overflow-x: hidden;
}

blockquote, address {
margin: 1em 0;
padding: 0;
}

dd, blockquote {
margin-left: 1em;
}

a:link, a:visited, a:hover, a:active {
text-decoration: none;
}

a img {
border: 0;
}

form label {
cursor: pointer;
}
fieldset {
border: none;
}

input, select, textarea {
font-size: 100%;
}

/* (2) Typography, Lists, etc.
--------------------------------------------------------------*/
body {
color: #000;
background-color: #fff;
font: 11px/14px Helvetica, Arial, Geneva, sans-serif;
background: url(../images/background.gif) no-repeat;
}

h1 {
font: bold 10px/14px Helvetica, Arial, Geneva, sans-serif;
}

p {
margin-bottom: 14px;
}

ul {
list-style-type: none;
padding-bottom: 14px;
}

#navlist li {
list-style-type: none;
float: left;
margin-right: 15px;
}

/* (3) Links + Images
--------------------------------------------------------------*/
a:link, a:visited {
color: #000;
}

a:hover, a:active {
color: #000;
}

#navlist a:link,
#navlist a:visited{
color: #b2b2b2;
font-weight: bold;
font-size: 10px;
}

#navlist a:hover,
#navlist a:active{
color: #dd9fc5;
font-weight: bold;
font-size: 10px;
}

body#home a#homenav,
body#portfolio a#portnav,
body#sci a#scinav,

body#bio a#bionav,
body#statement a#statenav,
body#resume a#resumenav,
body#contact a#contactnav {
color: #fff;
background-color: #dd9fc5;
border-right: 3px solid #dd9fc5;
border-left: 3px solid #dd9fc5;
border-bottom: 3px solid #dd9fc5;
border-top: 2px solid #dd9fc5;
}

#displayWrap li a:link,
#displayWrap li a:visited {
color: #000;
font-weight: bold;
text-decoration: underline;
}

#displayWrap li a:hover,
#displayWrap li a:active {
color: #dd9fc5;
text-decoration: underline;
}

a:link img,
a:visited img {
border: 1px solid #b2b2b2;
}

a:hover img,
a:active img {
border: 1px solid #dd9fc5;
}

#thumbsWrap1 img,
#thumbsWrap2 img {
margin: 0 5px 5px 0;
}

/* (4) Layout
--------------------------------------------------------------*/
#wrapper {
width: 614px;
float: left;
margin-left: 329px;
}

#navWrap {
width: 9999px;
margin-top: 152px;
border-bottom: 2px solid #dd9fc5;
}

#displayWrap {
width: 302px;
margin-top: 13px;
padding-right: 15px;
}

#galleryWrap {
width: 450px;
margin-top: 13px;
}

#thumbsWrap1 {
width: 402px;
padding-bottom: 5px;
}

#thumbsWrap2 {
width: 397px;
padding-top: 13px;
}

.divider {
width: 381px;
border-top: 2px solid #dd9fc5;
}

#footer {
width: 614px;
clear: both;
border-top: 5px solid #fff;
padding-top: 15px;
}