/* CSS Document */

*			{	padding:0;
				margin:0;
				border:0;
				font-weight:normal;
				font-family:"Open Sans", Helvetica, Arial, sans-serif;
			}

body		{	background-color:#310;
				color:#fff;
				margin:0;
				padding:0;
				font-size:14px;
			}

a			{	text-decoration:none;
				font-weight:bold;
			} 
a:link		{	color:#DA7237;	}
a:visited	{	color:#DA7237;	}
a:hover		{	color:#B15A06;	}
a:active	{	color:#B15A06;	}
a:focus		{	color:#B15A06;	}

#wrapper	{	margin:0 auto;
			}

h1, h2		{	font-family:'Arbutus Slab', serif;
				margin:0.5em;
			}
h1			{	font-size:2em;	}
p			{	margin:1em;	}

.bubble		{	padding:0.5em;
				margin:0;
				background-repeat:repeat-y;
				display:block;
				border-bottom: 0.25em solid #310;
				position:relative;
			}
.slide		{	width:100%;
				box-sizing: border-box;
				padding:1em;
				margin:0em 1em;
			}
			
img.slideitem	{	max-height:24em;	
					width:auto;
					margin:0em 1em 1em;
					max-width:100%;
				}
@media only screen and (min-width: 768px) {
    /* For desktop: */
#wrapper	{	max-width:900px;	}
.bubble		{	padding:0.5em 3em;	}
img.slideitem	{	max-width:40%;
					float:right;
				}
.slide		{	width:80%;	
				min-height:26em;
			}
}

#sup			{	background-color:#33c;
					background-image:url("../i/bg-01.jpg");
					padding-bottom:0;
					height:16em;
				}

#bio			{	background-color:#630;
					background-image:url("../i/bg-02.jpg");
					padding-bottom:0.5em;
					font-size:1.2em;
				}

#socialmedia	{	background-color:#039;
					background-image:url("../i/bg-03.jpg");
					padding-bottom:0.5em;
				}
#socialmedia .slide		{	background-color:rgb(00,22,88);
							background-color:rgba(00,22,88,0.50);
						}

#branding		{	background-color:#930;
					background-image:url("../i/bg-04.jpg");
					padding-bottom:0.5em;
				}
#branding .slide		{	background-color:rgb(77,22,00);
							background-color:rgba(77,22,00,0.50);
						}

#printmedia		{	background-color:#036;
					background-image:url("../i/bg-05.jpg");
					padding-bottom:0.5em;
				}
#printmedia .slide		{	background-color:rgb(00,22,44);
							background-color:rgba(00,22,44,0.50);
						}

#graphicarts	{	background-color:#c63;
					background-image:url("../i/bg-06.jpg");
					padding-bottom:0.5em;
				}
#graphicarts .slide		{	background-color:rgb(99,66,33);
							background-color:rgba(99,66,33,0.50);
						}

#deets			{	background-color:#33c;
					background-image:url("../i/bg-01.jpg");
					padding-bottom:0.5em;
				}

#portrait		{	position:absolute;
    				right:8em;
					max-height:100%;
					margin:0;
				}
				
/* Heretofore follows accordion-related styling */
.accordion		{	cursor:pointer;
					padding:0.5em;
					border:none;
					text-align:left;
					outline:none;
					transition:0.4s;
					display:block;
				}

.accordion:after	{	content:'\002B';
						font-weight:bold;
						float:right;
						margin-left:0.5em;
					}

.active:after		{	content:"\2212";	}

.slider				{	max-height:0;
						overflow:hidden;
						transition:max-height 0.2s ease-out;
					}