/* Base */
	
	* {
		
		border-width: 0;
		
		margin: 0;
		
		outline: 0;
		
		padding: 0;
		
	}
	
	body {
		
		background-color: rgb(66, 74, 52);
		
		color: #000000;
		
	}
	
	.page {
		
		background-color: rgb(112, 124, 87);
		
			/* was rgb(77, 85, 60) */
			
			/* Stupid Linux: rgb(102, 118, 67) */
		
		box-shadow: #222 1px 1px 2px;
		
		margin: auto;
		
		margin-top: 1%;
		
		margin-bottom: 1%;
		
		padding: 1.5em 3.5em;
		
		width: 800px;
		
	}
	
	#head {
		
		margin-top: 0.5em;
		
		position: relative;
		
	}
	
	#head h1 {
		
		font-family: Times, serif;
		
		font-size: 2em;
		
		font-style: italic;
		
		font-weight: normal;
		
		margin-left: 1em;
		
	}
	
	#head h1 a {
		
		color: rgb(192, 179, 50);
		
		text-decoration: none;
		
	}
	
	#head h1 a:hover {
		
		text-decoration: underline;
		
	}
	
	#head h2 {
		
		background-color: inherit;
		
		display: block;
		
		clear: left;
		
		margin-left: 0.6em;
		
		width: 12em;
		
		color: rgb(192, 179, 50);
		
		font-family: Times, serif;
		
		font-size: 1.2em;
		
		font-style: italic;
		
		font-weight: 100;
		
		text-align: right;
		
	}
	
	#head h2 a {
		
		color: rgb(192, 179, 50);
		
		text-decoration: none;
		
	}
	
	#head ul {
		
		font-family: Times, serif;
		
		font-size: 1.157em;
		
		list-style-type: none;
		
		margin-top: 1.5em;
		
		margin-right: 3em;
		
		position: absolute;
		
		top: 0em;
		
		right: 0em;
		
	}
	
	#head ul li {
		
		float: left;
		
		margin: auto 0.5em;
		
		/* font-variant: small-caps; */
		
	}
	
	#head ul li a {
		
		color: rgb(192, 179, 50);
		
		text-decoration: none;
		
		font-size: 1em;
		
	}
	
	#head ul li a:hover {
		
		text-decoration: underline;
		
	}
	
	#head ul li a.here {
		
		font-weight: bold;
		
		color: rgb(223, 203, 7);
		
	}
	
	#content {
		
		margin: 0.25em 1em 0em 1em;
		
		min-height: 16em;
		
		/* This keeps the content area tall enough,
		even if there isn't anything in it. */
		
	}
	
	
/* Link Effects */
	
	#content a {
		
		color: #303030;
		
		text-decoration: none;
		
	}
	
	#content a:hover {
		
		text-decoration: underline;
		
	}
	
	#content p {
		
		display: block;
		
		line-height: 2.5em;
		
		margin: 2em;
		
	}
	
	
/* Menus */
	
	#content ul {
		
		margin: 0;
		
		padding: 0;
		
	}
	
	#content ul.list {
		
		list-style-type: none;
		
		margin-top: 2em;
		
		margin-left: 0;
		
		margin-right: 0;
		
		width: 10em;
		
	}
	
	#content ul.list-left {
		
		float: left;
		
		list-style-type: none;
		
		margin-top: 2em;
		
		margin-left: 2em;
		
		text-align: right;
		
		width: 12em;
		
	}
	
	#content ul.list-left li.space {
		
		margin-top: 1em;
		
	}
	
	#content ul.list-left li, #content ul.list-left li * {
		
		font-size: 13pt;
		
		line-height: 2.75em;
		
	}
	
	#content #artists {
		
		list-style-type: none;
		
		display: inline-block;
		
		position: relative;
		
		top: -9em;
		
		margin: 0;
		
		padding: 0;
		
	}
	
	#content #artists li a {
		
		color: #555555;
		
	}
	
	
/* Extras */
	
	span.twitter {
		
		background-image: url('../images/other/twitter-logo.jpg');
		
		border: 0;
		
		display: inline-block;
		
		outline: 0;
		
		margin: 0;
		
		padding: 0;
		
		position: relative;
		
		top: 0.5em;
		
		width: 30px;
		
		height: 30px;
		
		z-index: 2;
		
	}
	
	span.wordpress {
		
		background-image: url('../images/other/wordpress-logo.jpg');
		
		border: 0;
		
		display: inline-block;
		
		outline: 0;
		
		margin: 0;
		
		padding: 0;
		
		position: relative;
		
		top: 0.1em;
		
		width: 15px;
		
		height: 15px;
		
		z-index: 2;
		
	}
	
	#focus {
		
		margin: 0em 12em;
		
	}
	
	#hero {
		
		display: inline-block;
		
	}
	
	#footer {
		
		background-color: #f5f5f0;/* This is for the colored footer. */
		
		margin-top: 2em;
		
		margin-right: auto;
		
		margin-bottom: auto;
		
		margin-left: auto;
		
		padding: 0.2em;
		
		float: none;
		
		/* Fonts */
		
		color: #777777;
		
		font-family: Times, serif;
		
		font-size: 9pt;
		
		font-style: italic;
		
		font-weight: 100;
		
		font-variant: normal;
		
		text-align: center;
		
		width: auto;
		
	}
	
	
/* #main-page */
	
	#main-page #main-image {
		
		background-color: inherit;
		
		color: #303030;
		
		font-family: Times, serif;
		
		font-style: italic;
		
		font-weight: 100;
		
		font-variant: normal;
		
		text-decoration: none;
		
		font-size: 18pt;
		
		display: block;
		
		margin-top: 1em;
		
		text-align: center;
		
	}
	
	#main-page #main-image img {
		
		width: 90%;
		
		border: 1px solid black;
		
		margin-bottom: 0.5em;
		
	}
	
	#main-page #main-image span {
		
		display: block;
		
		margin-bottom: 0.25em;
		
	}
	
	#main-page #main-image:hover {
		
		text-decoration: none;
		
	}
	
	#main-page #main-image:hover .title {
		
		text-decoration: underline;
		
	}
	
	#main-page #main-image .size {
		
		font-size: 0.65em;
		
		margin-top: 0.35em;
		
	}
	
	
/* #biography-page */
	
	#biography-page .page {
		
		background-color: rgb(113, 124, 90);
		
	}
	
	#biography-page #content p {
		
		line-height: 1.5em;
		
		font-size: 1.25em;
		
	}
	
	
/* #contact-page */
	
	#contact-page .page {
		
		background-color: rgb(113, 124, 90);
		
	}
	
	#contact-page #robyn-contact {
		
		margin: auto;
		
		margin-top: 2em;
		
	}
	
	#contact-page #robyn-contact th {
		
		padding: 0.5em;
		
		background-color: inherit;
		
		color: #303030;
		
		font-family: Times, serif;
		
		font-weight: 100;
		
		font-size: 1.25em;
		
		text-align: left;
		
	}
	
	#contact-page #robyn-contact td {
		
		padding: 0.5em;
		
		background-color: inherit;
		
		color: #303030;
		
		font-family: Times, serif;
		
		font-style: italic;
		
		font-weight: 100;
		
		font-variant: normal;
		
		text-decoration: none;
		
	}
	
	#contact-page #robyn-contact a {
		
		background-color: inherit;
		
		color: #303030;
		
		font-family: Times, serif;
		
		font-style: italic;
		
		font-weight: 100;
		
		font-variant: normal;
		
		text-decoration: none;
		
		font-size: 18pt;
		
	}
	
	
/* #gallery-page */
	
	#gallery-page #content {
		
		margin-top: 2em;
		
	}
	
	#gallery-page #content a {
		
		background-color: inherit;
		
		color: #303030;
		
		font-family: Times, serif;
		
		font-style: italic;
		
		font-weight: 100;
		
		font-variant: normal;
		
		text-decoration: none;
		
		font-size: 18pt;
		
	}
	
	#gallery-page #content a img {
		
		display: block;
		
		margin: auto;
		
		border: 1px solid black;
		
	}
	
	#gallery-page #content a.small {
		
		display: inline-block;
		
		width: 10em;
		
		height: 10em;
		
		margin-top: 0.5em;
		
	}
	
	#gallery-page #content a.small .image-holder {
		
		position: relative;
		
		width: 100%;
		
		height: 80%;
		
	}
	
	#gallery-page #content a.small .image-holder img {
		
		max-width: 90%;
		
		max-height: 90%;
		
		top: 0;
		
		left: 0;
		
		right: 0;
		
		bottom: 0;
		
		position: absolute;
		
	}
	
	#gallery-page #content a.small span {
		
		margin-top: 0.125em;
		
		text-align: center;
		
		font-size: 0.65em;
		
		color: rgb( 54, 54, 54 );
		
		display: block;
		
	}
	
	#gallery-page #content a.small .size {
		
		font-size: 0.55em;
		
		margin-top: 0.1em;
		
	}
	
	#gallery-page #content a.large {
		
		display: block;
		
		margin: auto;
		
		width: inherit;
		
		margin-top: 2.5em;
		
		margin-bottom: 1.5em;
		
		text-align: center;
		
		line-height: 1.25em;
		
		font-style: normal;
		
		font-size: 15pt;
		
	}
	
	#gallery-page #content a.large img {
	
		margin-bottom: 2em;
	
	}
	
	#gallery-page #content a.large span {
		
		font-size: 12pt;
		
		display: block;
		
	}
	
	#gallery-page #content a:hover {
		
		text-decoration: none;
		
	}
	
	#gallery-page #content a:hover .title {
		
		text-decoration: underline;
		
	}
	
	
/* #resume-page */
	
	#resume-page .page {
		
		background-color: rgb(113, 124, 90);
		
	}
	
	#resume-page #content p {
		
		display: block;
		
		line-height: 1.75em;
		
		margin: 3em;
		
	}
	
	#resume-page #content br {}
	
	#resume-page #content {
		
		font-size: 1.125em;
		
	}
	
	#resume-page #content {
		
		margin: 2em 3em 2em 3em;
		
	}
	
	#resume-page #content > span {
		
		margin-top: 1em;
		
		display: block;
		
	}
	
	#resume-page #content td {
		
		padding-bottom: 1em;
		
		vertical-align: top;
		
	}
	
	#resume-page #content h3 {
		
		margin-top: 0.75em;
		
	}
	
	#resume-page #content td:first-child {
		
		white-space: nowrap;
		
		padding-right: 1em;
		
		font-size: 0.9em;
		
		vertical-align: middle;
		
	}
	
	
/* #store-page */
	
	#store-page #store-back {
		
		margin-top: 1.5em;
		
		display: block;
		
		font-size: 1.5em;
		
		margin-bottom: 1em;
		
		background-color: inherit;
		
		color: #C12D2D;
		
		font-family: Times, serif;
		
		font-size: 12pt;
		
		font-style: normal;
		
		font-weight: normal;
		
		font-variant: small-caps;
		
		text-decoration: none;
		
		position: absolute;
		
		left: 0%;
		
	}
	
	#store-page #store-title {
		
		margin-top: 1.5em;
		
		display: block;
		
		font-size: 1.5em;
		
		margin-bottom: 1em;
		
		background-color: inherit;
		
		font-family: Times, serif;
		
		font-size: 12pt;
		
		font-style: normal;
		
		font-weight: normal;
		
		font-variant: small-caps;
		
		text-decoration: none;
		
		position: absolute;
		
		left: 45%;
		
	}
	
	#store-page #content {
		
		margin-top: 6em;
		
	}
	
	#store-page .category {
		
		display: inline-block;
		
		width: 33%;
		
		margin-left: 11%;
		
		text-align: center;
		
	}
	
	#store-page .category img {}
	
	#store-page .item {
		
		display: inline-block;
		
		width: 33%;
		
		margin-left: 11%;
		
		text-align: center;
		
	}
	
	#store-page .single-item {
		
		margin-top: 2em;
		
	}
	
	#store-page .single-item img {
		
		max-width: 50%;
		
		display: inline-block;
		
	}
	
	#store-page .single-item .about-item {
		
		width: 50%;
		
		display: inline-block;
		
		vertical-align: top;
		
		margin-left: 2em;
		
	}
	
	#store-page .single-item .about-item strong {
		
		font-size: 1.5em;
		
		display: block;
		
	}
	
	#store-page .single-item .about-item p {
		
		font-size: 1.25em;
		
		display: block;
		
	}
	
	
/* Mobile? */
	
	@media (max-width: 360px) {
		
		.page {
			
			margin: auto;
			
			margin-top: 1%;
			
			margin-bottom: 1%;
			
			padding: 0.5em 1.5em;
			
			width: 80%;
			
		}
		
		#head {
			
			margin-top: 0.5em;
			
			position: relative;
			
		}
		
		#head h1 {
			
			margin-left: 0em;
			
		}
		
		#head h2 {
			
			display: block;
			
			clear: both;
			
			margin-left: 0;
			
			width: initial;
			
			text-align: left;
			
		}
		
		#head ul {
			
			margin-top: 0.65em;
			
			margin-right: 0em;
			
			position: initial;
			
			top: initial;
			
			right: initial;
			
		}
		
		#head ul li:nth-child(1) {
			
			margin-left: 1.5em;
			
		}
		
		#head ul li:nth-child(1),
		#head ul li:nth-child(2) {
			
			width: 38%;
			
		}

		#head ul li {
			
			display: inline-block;
			
			float: none;
			
			text-align: center;
			
			margin-top: 0.5em;
			
			margin-right: 0;
			
			margin-left: 0;
			
			width: 31%;
			
			min-width: 3em;
			
		}
		
		#head ul li a {
			
			font-size: 0.89em;
			
		}
		
		#content {
			
			margin: 0.25em 0em 0em 0em;
			
			min-height: 16em;
			
		}
		
		#content p,
		#biography-page #content p {
			
			line-height: 1.5em;
			
			font-size: 1em;
			
			margin: 0;
			
			margin-top: 1em;
			
		}
		
		
		#main-page #main-image img {
			
			width: 100%;
			
		}
		
	}