/* ~~~~~~~~~~~~~~~~~ TOP & STRUCTURAL ~~~~~~~~~~~~~~~~~*/

.pftitle
{
width: 760px;
margin: -18px 16px 0 17px;
padding: 2px 0;
background-color: #883459;
font-size: 1.1em;
}

.pftitle p
{
margin: 6px 0 8px 10px;
}

/* ~~~~~~~~~~~~~~~~~ INDIVIDUAL PORTFOLIO PIECES ~~~~~~~~~~~~~~~~~*/

.pfmain
{
width: 760px;
margin: 0 16px 0 17px;
padding: 0;
background-color: #fff;
}

.pfmain .left
{
float: left;
width: 382px;
text-align: center;
}

.pfmain .right
{
margin-left: 393px;
margin-right: 20px;
padding: 29px 0;
}

.pfmain .right .details
{
font-size: 0.7em;
color: #a5aaa0;
}

.pfmain .right .details a:link,
.pfmain .right .details a:visited,
.pfmain .right .details a:hover,
.pfmain .right .details a:active
{
color: #a5aaa0;
text-decoration: none;
}

.pfmain .right p
{
font-size: 0.8em;
line-height: 1.4em;
color: #e993b9;
}

.pfmain .right p a:link,
.pfmain .right p a:visited
{
color: #e993b9;
text-decoration: none;
}

.pfmain .right p a:hover,
.pfmain .right p a:active
{
color: #e993b9;
text-decoration: underline;
}

/* ~~~~~~~~~~~~~~~~~ VARIOUS PORTFOLIO PIECES ~~~~~~~~~~~~~~~~~*/

.pfvarious
{
position: relative;
width: 760px;
height: 296px;
margin: 0 16px 0 17px;
padding: 0;
background-color: #fff;
}

.pfvarious .one
{
position: absolute;
top: 29px;
left: 5px;
width: 180px;
height: 247px;
}

.pfvarious .two
{
position: absolute;
top: 29px;
left: 195px;
width: 180px;
height: 247px;
}

.pfvarious .three
{
position: absolute;
top: 29px;
left: 385px;
width: 180px;
height: 247px;
}

.pfvarious .four
{
position: absolute;
top: 29px;
left: 575px;
width: 180px;
height: 247px;
}

.pfvarious p
{
font-size: 0.7em;
color: #a5aaa0;
margin-top: 0px;
margin-left: 10px;
}

.pfvarious p a:link,
.pfvarious p a:visited,
.pfvarious p a:hover,
.pfvarious p a:active
{
color: #a5aaa0;
text-decoration: none;
}

.pfvarious .credit
{
position: absolute;
bottom: 10px;
left: 10px;
font-size: 0.7em;
color: #e993b9;
font-weight: bold;
}

.pfvarious .credit a:link,
.pfvarious .credit a:visited
{
color: #e993b9;
text-decoration: none;
}

.pfvarious .credit a:hover,
.pfvarious .credit a:active
{
color: #e993b9;
text-decoration: underline;
}



/* ~~~~~~~~~~~~~~~~~ FOOTER & BELOW ~~~~~~~~~~~~~~~~~*/


.pffoot
{
width: 760px;
margin: 0 16px 10px 17px;
padding: 7px 0;
background-color: #883459;
text-align: right;
}

.pffoot a:link,
.pffoot a:visited
{
color: #fec2dc;
text-decoration: none;
}

.pffoot a:hover,
.pffoot a:active
{
color: #fec2dc;
text-decoration: underline;
}

.pffoot ul
{
margin-left: 0;
padding: 0;
display: inline;
}

.pffoot ul li
{
margin-left: 0;
padding: 0 7px;
border-right: 1px solid #b74678;
list-style: none;
display: inline;
}

.pffoot ul li.last
{
margin-left: 0;
padding: 0 15px 0 7px;
border: 0;
list-style: none;
display: inline;
}

.projects
{
width: 760px; 
margin: 0 16px 10px 17px;
font-size: 0.8em;
}

.projects a:link,
.projects a:visited
{
color: #fec2dc;
text-decoration: none;
}

.projects a:active,
.projects a:hover
{
color: #fec2dc;
text-decoration: underline;
}

.projects ul
{
margin-left: 0;
padding: 0;
display: inline;
line-height: 1.5em;
}

.projects ul li
{
margin-left: 0;
margin-right: 0.5em;
border: 0;
padding: 0;
list-style: none;
display: inline;
}

.projects ul li.first
{
margin-left: 0;
border: 0;
padding: 0;
list-style: none;
display: inline;
}

.projects ul li a.on
{
color: #fff;
font-weight: bold;
}