html
{
	height: 100%;
}

body
{
	margin: 0;
	padding: 0;
	/*height: 100%;*/

	color: silver;
	background-color: black;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;

	background-image:url('./graphics/black-paper.png');
}

a
{
	color: silver;
	outline: none;
	text-decoration: underline;
}

a:link .big-link, a:visited .big-link
{
	text-decoration: none;
	display: inline-block;
	/*font-style:italic*/
}

/* On some browsers, hover must be defined between visited and active for it to work */
a:hover .big-link
{
	color: white;
	text-decoration: none;
	display: inline-block;
	/*font-style:italic*/
}

a:active .big-link
{
	text-decoration: none;
	display: inline-block;
	/*font-style:italic*/
}

a:link .small-link, a:visited .small-link
{
	text-decoration: underline;
	display: inline-block;
	font-size: 80%;
}

/* On some browsers, hover must be defined between visited and active for it to work */
a:hover .small-link
{
	color: white;
	text-decoration: underline;
	display: inline-block;
	font-size: 80%;
}

a:active .small-link
{
	text-decoration: underline;
	display: inline-block;
	font-size: 80%;
}

a:link .icon-link-text, a:visited .icon-link-text, a:hover .icon-link-text, a:active .icon-link-text
{
	color: white;
	text-decoration: underline;
	display: inline-block;
	font-weight: normal;
}

a:link .link-text, a:visited .link-text
{
	color: silver;
	text-decoration: none;
	display: inline-block;
	padding-bottom: 15px;
	font-weight: normal;
}

/* On some browsers, hover must be defined between visited and active for it to work */
a:hover .link-text
{
	color: white;
	text-decoration: none;
	display: inline-block;
	font-weight: normal;
}

a:active .link-text
{
	color: silver;
	text-decoration: none;
	display: inline-block;
	font-weight: normal;
}

img
{
	border-width: 0;
	padding: 0px;
	margin: 0px; 
	vertical-align: middle;
}

img.main-link
{
	/*height: 48px;*/
	/*width: 210px;*/
	width: 100%;
	/*max-width: 210px;*/
	max-width: 400px;
	height: auto;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

img.main-link:hover
{
	/*height: 48px;*/
	/*width: 210px;*/
	width: 100%;
	/*max-width: 210px;*/
	max-width: 400px;
	height: auto;
	opacity: 1.0;
	filter:alpha(opacity=100);
}

img.scalable-banner
{
	width: 100%;
}

img.home-icon-small
{
	height: 20px;
	width: 20px;
	margin-right: 3px;
}

img.top-icon-small
{
	height: 20px;
	width: 20px;
	margin-right: 3px;
}

img.frontpage
{
	/*width: 300px;*/
	width: 100%;
	max-width: 300px;
	height: auto;
	margin-left: 0px;
}

img.email-icon
{
	/*width: 4%;*/
	width: 35px;
	height: auto;
	/*margin-left: 0%;*/
	margin-right: 4%;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

img.email-icon:hover
{
	opacity: 1.0;
	filter:alpha(opacity=100);
}

img.instagram-icon
{
	/*width: 15%;*/
	width: 10%;
	max-width: 40px;
	height: auto;
	margin-right: 3%;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

img.instagram-icon:hover
{
	opacity: 1.0;
	filter:alpha(opacity=100);
}

img.redbubble-icon
{
	/*width: 3%;*/
	width: 25px;
	height: auto;
	/*margin-left: 0%;*/
	margin-right: 4%;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

img.redbubble-icon:hover
{
	opacity: 1.0;
	filter:alpha(opacity=100);
}

img.question-mark
{
	height: 18px;
	width: 18px;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

.question-mark:hover
{
	opacity: 1.0;
	filter:alpha(opacity=100);
}

.page-title
{
	color: white;
	text-align: center;
	font-size: 125%;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
	letter-spacing: 5px;
}

.section-title
{
	color: white;
	font-size: 100%;
}

.text-left
{
	color: Silver;
	/*background-color: DarkBlue;*/
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 15px;
	margin-bottom: 5px;
}

.text-left-links
{
	font-size: 125%;
	color: Silver;
	/*background-color: DarkBlue;*/
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 40px;
	margin-bottom: 5px;
}

/* Not currently used, but may be useful in future */
.text-item-title
{
	font-weight: bold;
	font-size: 125%;
	display: inline-block;
	float: left;
}

.rounded-corners-10
{
	/* Rounded corners */
	-moz-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	border-radius: 10px;
}

.info-content
{
	/* Rounded corners */
	-moz-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	border-radius: 10px;

	display: none; /* Hidden by default */
	z-index: 1; /* Sit on top */
	position: absolute;

	text-align: left;
	width: 80%; /* Full width */
	margin-left: 5%;
	padding: 15px;
	padding-top: 0px;
	padding-bottom: 10px;
	border: 1px solid silver;
	background-color: black;
	background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

/* The Close Button */
.info-close
{
	opacity: 0.8;
	filter:alpha(opacity=80);
	font-size: 200%;
	float: right;
}

.info-close:hover,
.info-close:focus
{
	opacity: 1.0;
	filter:alpha(opacity=100);
}

.link-home
{
	opacity: 0.8;
	filter:alpha(opacity=80);
	font-size: 93%;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}

.link-home:hover
{
	opacity: 1.0;
	filter:alpha(opacity=100);
}

.link-top
{
	opacity: 0.8;
	filter:alpha(opacity=80);
	font-size: 93%;
	float: right;
	margin-top: 0px;
	display: none;
}

.link-top:hover
{
	opacity: 1.0;
	filter:alpha(opacity=100);
}

.link-redbubble
{
	opacity: 0.8;
	filter:alpha(opacity=80);
}

.link-redbubble:hover
{
	opacity: 1.0;
	filter:alpha(opacity=100);
}

.name-pair {
  display: inline-block;
}

.thumbnail
{
	display: inline-block;
	text-align: center;
}

.thumbnails
{
	display: inline-block;
}

#header
{

	width: 100%;
	display: inline-block;
}

#mainlinks
{

	width: 100%;
	text-align: center;
}

#footer
{

	/*width: 100%;*/
	/*font-size: 100%;*/
	text-align: center;
}


/* Override PhotoSwipe: Don't hide captions (even during slideshow */
.ps-caption
{
	opacity: 0.8 !important;
	filter:alpha(opacity=80) !important;
}

/* Override PhotoSwipe: Don't hide toolbar (even during slideshow */
.ps-toolbar
{
	opacity: 0.8 !important;
	filter: alpha(opacity=80) !important;
}

/*.fadein { position:relative; top: 15px; height:450px; width:300px; outline: 0px solid white; }*/
.fadein { position:relative; top: 0px; left: 15%; height:auto; width:100%; outline: 0px solid white; }
.fadein img { position:absolute; left:0px; top:0px; transition:opacity 1s; opacity:1; }
.fadein img.is-hidden { opacity:0; }

/* Override FancyBox: Move arrows underneath picture */
.fancybox-button--arrow_right {
    right: 10% !important;
    bottom: -15px !important;
    top: auto !important;
}

.fancybox-button--arrow_left {
    left: 10% !important;
    bottom: -15px !important;
    top: auto !important;
}