/* --- PORTFOLIO --- */

@media only screen and (max-width: 479px) {
	section#portfolio ul li {padding: 10px 0; margin: 0 0 5px 0; width: 100%;}
	section#portfolio ul li {background: #bbbbaa; color: black;}
}

@media only screen and (max-width: 479px) {

	section#portfolio ul li img
	{
		display: none;
	}
}

/* --- SECTION SUB --- */

section#sub
{
width:85%;
max-width: 1440px;
margin: 0 auto;
overflow: hidden;
}

@media only screen and (max-width: 479px) {
	section#sub
	{
	width: 95%;
	}
}

section#sub p
{
text-align: left;
font-size: 1.125em;
line-height: 22px;
margin: 0 0 10px 0;
}

section#sub p em
{
color: #bbbbaa;
}

section#sub a
{
text-decoration: underline;
}

section#sub a:hover
{
text-decoration: none;
}

section#sub img.inset
{
width: 50%;
max-width: 400px;
float: left;
margin: 0 15px 15px 0;
}


@media only screen and (max-width: 479px) {
	
	section#sub img.inset
	{
	width: 100%;
	max-width: none;
	float: none;
	margin: 0 0 15px 0;
	}
}

section#sub img.portrait
{
width: 40%;
max-width: 200px;
margin: 0 0 15px 0;
}


section#sub figure.comic
{
margin: 0 auto 30px auto;
width: 100%;
max-width: 695px;
}

section#sub figure.comic img
{
width: 100%;
}

section#sub figure.screenshot
{
margin: 0 auto 30px auto;
width: 100%;
max-width: 800px;
}

section#sub figure.screenshot img
{
width: 100%;
}

section#sub figure.largesample
{
margin: 0 auto 30px auto;
width: 100%;
max-width: 950px;
}

section#sub figure.largesample img
{
width: 100%;
}


section#sub h1
{
font-size: 2.625em;
margin: 0 0 10px 0;
text-align: left;
}

section#sub h2
{
font-size: 1.750em;
margin: 0 0 10px 0;
text-align: left;
}

section#sub ul.resume
{
font-size: 1.125em;
line-height: 22px;
margin: 0 0 10px 0;
list-style-type: square;
list-style-position: inside;
text-align: left;
}

section.statement,
section.exhibits
{
	line-height: 22px;
	text-align: left;
}

section.exhibits ul li em

{
color: #bbbbaa;
}

@media only screen and (max-width: 500px) {

	section.exhibits ul li em:before {
	    content: '\A';
	    white-space: pre;
	}
	
}


/* --- FOOTNOTE --- */

section#sub p.footnote
{
color: bbbbaa;
font-size: 0.875em;
line-height: 16px;
}


/* --- BUTTON --- */

section#sub p.button a
{
color: white;
background: #bbbbaa;
padding: 5px 15px;
width: 85%;
margin: 10px auto;
border-radius: 15px;
font-size: 1.250em;
text-decoration: none;
}

section#sub p.button a:after
{ 
content:" \00bb";
}