/*css file made by lindsay marie jones*/

/*main stuff*/
#wrapper 
{	background-image:url(images/lmj.png);
	background-repeat:no-repeat;
	width:648px;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:auto;
	padding-top:410px;
	padding-right:10px;
	padding-bottom:50px;
	padding-left:10px;
}
body
{	background:#000;
	color:#fff;
	line-height:18px;
	font:14px Helvetica, sans-serif;
}
*
{	padding:0;
	margin:0;
}
a 
{	color: #ffffff;
	text-decoration:underline;
}
a:hover 
{	color: #c0c0c0;
	text-decoration:underline;
}

/*header general info*/
h2, h3, p, .projectContainer img  
{	display: block;
	margin-bottom: 18px;
}

/*website name off the page*/
h1 
{	position: absolute;
	top: -100px;
}

/*header top info*/
h2 
{	font-size: 15px;
	line-height: 36px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top:2px;
	padding-left: 488px;
}
#home h2 
{	background-image: url(images/home.png);	}
#about h2 
{	background-image: url(images/about.png); }
#tnails h2 
{	background-image: url(images/portfolio.png); }
#portfolio h2 
{	background-image: url(images/portfolio.png); }
#resume h2 
{	background-image: url(images/resume.png); }
#contact h2 
{ background-image: url(images/contact.png); }

/*thumbnail info*/
#thumbnails-web
{	height: 330px;
	width: 670px;
}

#thumbnails-proj
{	height: 220px;
	width: 670px;
}

#thumbnails-illus
{	height: 120px;
	width: 670px;
}

#thumbnails-web img, #thumbnails-proj img, #thumbnails-illus img 
{	float: left;
	margin-right: 18px;
	margin-bottom: 18px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

/*project header*/
h3 
{	font-size: 36px;
	font-weight: normal;
}

/*navigation info*/
#nav 
{	text-align:center;
	font-size:35px;
	padding:10px;
	padding-bottom:20px;
	font-weight:bold;
}
#nav a.about, #nav a.portfolio, #nav a.resume, #nav a.contact, #nav a.home
{	text-decoration:none;
	color:white;
}
#nav a.about:hover
{	color:#d703a9;
	text-decoration:none;
}
#nav a.portfolio:hover
{	color:#035db2; 
	text-decoration:none;
}
#nav a.resume:hover
{	color:#0a9385; 
	text-decoration:none;
}
#nav a.contact:hover
{	color:#ffba50; 
	text-decoration:none;
}
#nav a.home:hover
{	color:#820dae; 
	text-decoration:none;
}

.pink 
{	color:#d703a9; }
.blue 
{	color:#035db2; }
.green 
{	color:#0a9385; }
.yellow 
{	color:#ffba50; }
.purple 
{	color:#820dae; }


/*sub navigation*/
/*#subnav
{	text-align:left;
	font-size:25px;
	padding-left:120px;
	padding-bottom:5px;
	font-weight:bold;
}*/
#subnav
{	text-align:center;
	font-size:25px;
	font-weight:bold;
}
#subnav a.web, #subnav a.illus
{	text-decoration:none;
	color:white;
}
#subnav a.illus:hover, #subnav a.web:hover
{	color:#035db2; 
	text-decoration:none;
}

/*header bottom info*/
h4 
{	line-height: 18px;
	margin-top:2px;
	padding-left: 488px;
}
#home h4 
{	background-image: url(images/homeend.png); }
#about h4 
{	background-image: url(images/aboutend.png); }
#tnails h4 
{	background-image: url(images/portfolioend.png); }
#portfolio h4 
{	background-image: url(images/portfolioend.png); }
#resume h4 
{	background-image: url(images/resumeend.png); }
#contact h4 
{	background-image: url(images/contactend.png); }

/*table info*/
table
{	margin-left:40px; }
td
{	vertical-align:top; 
	padding:10px;
}

/*table for resume titles*/
table.titles
{	margin-left:40px; 
	font-variant:small-caps;
}

table.titles td
{	vertical-align:top;
	padding-right:5px;
}


/*list info*/
ul,ol
{	margin-left:50px; }

/*misc classes*/
.projectContainer 
{	padding-top: 18px;
	padding-bottom: 17px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaaaaa;
}
.projectContainer img
{	border:0;
	padding-left:65px;
}

.backTothumbnails
{	font-size: 12px;
	text-align: right;
}
.backTothumbnails, #portfolio h2 
{	margin: 0px; }

:target 
{	background-image: url(images/selecthigh.png);
	background-repeat: no-repeat;
	background-position: 100% 36px;
}
#portfolio :target 
{	background-image: url(images/selectproj.png);
	background-position: 100% 0px;
}
.strike
{	text-decoration:line-through; }
.right
{	text-align:right; }

/*resume title*/
h5
{	font-size:20px; 
	padding:10px;
	text-align:center;
}

/*resume heading*/
h6
{	font-size:18px;
	font-variant:small-caps;
}

/*emphasis*/
b
{	font-decoration:bold;
	font-style:italic;
}