/* ~~~~~~~~~~~~~~~~~ HIDE THESE FROM PRINTED STYLE SHEET ~~~~~~~~~~~~~~~~~*/

img.printnone
{
display: none;
}

.flashhold,
.header .info,
.linkbar,
.spam
{
display: none;
visibility: hidden;
height: 0;
}

/* ~~~~~~~~~~~~~~~~~ GENERAL ~~~~~~~~~~~~~~~~~*/

body 
{
background: #fff;
color: #000;
font-family: arial,helvetica,sans-serif;
}

a:link,
a:visited
{
color: #000;
text-decoration: none;
}

img
{
border: 0;
}

.clear
{
clear: both;
}

.alignright
{
text-align: right;
}

img.floatright
{
float: right;
margin-left: 16px;
margin-bottom: 10px;
}


/* ~~~~~~~~~~~~~~~~~ TYPOGRAPHY~~~~~~~~~~~~~~~~~*/

.note
{
color: #000;
}

h2
{
font-size: 1.35em;
}

.top a:link,
.top a:visited
{
color: #000;
text-decoration: none;
}




/* ~~~~~~~~~~~~~~~~~ STRUCTURAL ~~~~~~~~~~~~~~~~~*/

.stage
{
width: 100%; 
text-align: left;
}


/* ~~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~*/

.header
{
position: relative;
}



/* ~~~~~~~~~~~~~~~~~ SUBLINKS ~~~~~~~~~~~~~~~~~*/

.sublinks
{
padding: 3px 0;
font-size: 0.75em;
color: #000;
}

.sublinks a.on
{
font-weight: bold;
}

.sublinks a:link,
.sublinks a:visited
{
color: #000;
text-decoration: none;
}

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

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

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



/* ~~~~~~~~~~~~~~~~~ MAIN SECTION ~~~~~~~~~~~~~~~~~*/

.mainsect
{
color: #000;
}

/* ~~~~~~~~~~~~~~~~~ NEWS ON HOME PAGE ~~~~~~~~~~~~~~~~~*/

.news
{
margin-top: 3em;
}

.newstit
{
font-weight: bold;
font-size: 1.3em;
color: #b74678;
line-height: 1.7em;
}

.newstit a:link,
.newstit a:visited
{
color: #b74678;
text-decoration: none;
}



/* ~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~*/

.footer
{
clear: both;
color: #000;
font-size: 0.85em;
}

.footer a:link,
.footer a:visited
{
color: #000;
text-decoration: none;
}



/* ~~~~~~~~~~~~~~~~~ PORTFOLIO STYLINGS ~~~~~~~~~~~~~~~~~*/

.pftitle
{
font-size: 1.5em;
}

.pfmain
{
background-color: #fff;
width: 100%;
}

.pfmain .left,
.pfmain .right
{
float: none;
width: 100%;
}

.pfmain .right .details a:link,
.pfmain .right .details a:visited
{
color: #000;
text-decoration: none;
width: 100%;
}

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

.pfvarious
{
background-color: #fff;
}

.pfvarious .one
{
width: 45%;
float: left;
}

.pfvarious .two
{
width: 45%;
float: right;
}

.pfvarious .three
{
clear:both;
width: 45%;
float: left;
margin-top: 1em;
}

.pfvarious .four
{
width: 45%;
float: right;
margin-top: 1em;
}

.pfvarious p
{
color: #000;
}

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

.pfvarious .credit
{
clear:both;
margin-top: 1em;
}

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

.pffoot,
.projects
{
display: none;
visibility: hidden;
}

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


/* ~~~~~~~~~~~~~~~~~ ACCESSIBLE TABLES~~~~~~~~~~~~~~~~~*/

caption
{
font-size: 1.35em;
}

table
{
width: 100%;
}

table a:link,
table a:visited
{
color: #000;
text-decoration: none;
}

tr
{
margin: 0;
padding: 0.2em;
}

tr.header
{
background: #fff;
}

th
{
background: #fff;
padding: 0.2em;
}

td
{
margin: 0;
padding: 0.2em;
border-bottom: 1px solid #eee;
}