/* Any resets to declare? */

/* Just a test. */

h3			{
			font-size: 18px;
			font-weight: normal;
			text-align: left;
			}

/* Stuff! */

body		{
			width: 800px;
			margin: auto;
			//text-rendering: optimizeLegibility;
			}

.content	{
			padding-top: 125px;
			text-align: center;
			margin: auto;
			}
			
a			{
			margin-top: 0px;
			text-decoration: none;
			color: #7e7e7e;
			}
			
header a	{
			color: black;
			}
			
			
header		{
			font-size: 100px;
			margin-bottom: 0px;
			padding-bottom: 0px;
			}

nav			{
			font-size: 51px;
			margin-top: 0px;
			padding-top: 0px;
			line-height: .5;
			}

a:hover		{
			color: black;
			}
			
article		{
			width: 600px;
			margin: auto;
			margin-bottom: 50px;
			}
			
article h3	{
			width: 600px;
			margin: auto;
			}
			
p			{
			text-align: left;
			font-size: 14px;
			line-height: 2;
			}
			
article p	{
			width: 600px;
			margin: auto;
			margin-bottom: 14px;
			margin-top: 14px;
			}
			
/* ul			{
			text-align: left;
			font-size: 14px;
			line-height: 2;
			padding-left: 0px;
			list-style-type: none;
			}
			
li			{
			margin-bottom: 5px;
			} */

#footnotes	{
			font-size: 12px;
			width: 600px;
			margin: auto;
			margin-bottom: 50px;
			}
			
#footnotes p{
			font-size: 12px;
			margin: auto;
			margin-bottom: 12px;
			margin-top: 12px;
			}
			
.code		{
			font-size: 12px;
			}

/* Probably should just have classed these. Oh well. */

#tumbles		{
			margin-left: 10px;
			}
			
#thinks		{
			margin-left: 10px;
			}
			
/* I don't properly remember why this is done in two parts. */
			
/* #paragraph-text {
			width: 600px;
			margin: auto;
			} */
			
/* Social media icon placement. */
			
#social-com	{
			position: fixed;
			top: 0px;
			left: 0px;
			}
			
#social-net	{
			position: fixed;
			top: 0px;
			right: 0px;
			}
			
#social-com img	{
			margin-top: 10px;
			margin-left: 10px;
			}
			
#social-net img	{
			margin-top: 10px;
			margin-right: 10px;
			}

/* Colophon and navigation placement. */
#nav-menu	{
			width: 146px;
			position: fixed;
			left: 0px;
			bottom: -10px;
			}			

#colophon	{
			width: 146px;
			position: fixed;
			right: 0px;
			bottom: -10px;
			}
			
#nav-menu p	{
			text-align: center;
			}

.centerp	{
			text-align: center;
			}
			
#vcardlink	{
			margin-left: 2px;
			margin-bottom: -3px;
			}
			
#colophonhide{
			display: none;
			}
#navmenuhide{
			display: none;
			}
#colophonhide p{font-size: 12px;}

#navmenuhide p{font-size: 12px;}
			
/* Without these next lines, Firefox likes to render an appropriately-coloured border on the social media icons. */
			
#social-com a		{
			color:white;
			}

#social-com a:hover	{
			color:white;
			}
			
#social-net a		{
			color:white;
			}

#social-net a:hover	{
			color:white;
			}

#colophonhide a img	{
					color:white;
					}
			
/* Everything that has transpired has done so according to my design. -Emperor Palpatine */