/*******************************************************************************
*	#0C0C0B	- background
*	#C2C0BF - font and accent
*	#868381 - highlight
*
*	#1A1918 - alternate
*	#262523 - alternate borders
*
*	OMG RAINBOWS
*	background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
*******************************************************************************/

body
{
	color: #C2C0BF;
	background: #0C0C0B url("../../images/site/bg.jpg") top left repeat;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3
{
	font-weight: bold;
	font-variant: small-caps;
	text-shadow: 0.2em 0.2em black;
}

h1	{ font-size: 2em;	}
h2	{ font-size: 1.5em;	}
h3	{ font-size: 1.2em;	}

em	{ font-style: italic;	}

/********************************************************************/
/*	BOX SHADOWS														*/
/********************************************************************/
nav ul,
aside,
article,
footer#footer
{
	background-color: #1A1918;
	border: 2px solid black;
	
	box-shadow: 5px 5px 5px #1A1918;
	-moz-box-shadow: 5px 5px 5px #1A1918;
	-webkit-box-shadow: 5px 5px 5px #1A1918;
}

/********************************************************************/
/*	HEADER															*/
/********************************************************************/
header#header p
{
	margin: 0;
	padding: 0 0 0 0.5%;
	font-size: 3em;
	font-weight: bold;
	line-height: 150%;
}

/********************************************************************/
/*	SOCIAL MEDIA ICONS												*/
/********************************************************************/
.socmed a img
{
	box-shadow: 3px 3px 3px black;
	-moz-box-shadow: 3px 3px 3px black;
	-webkit-box-shadow: 3px 3px 3px black;
	
	background-color: white;
}

.socmed a:hover img
{
	box-shadow: 3px 3px 3px #C2C0BF;
	-moz-box-shadow: 3px 3px 3px #C2C0BF;
	-webkit-box-shadow: 3px 3px 3px #C2C0BF;
}

/********************************************************************/
/*	SIDEBAR	- main menu												*/
/********************************************************************/
nav ul li
{
	font-size: 1.3em;
	border-bottom: 1px solid #262523;
}

	nav ul li:last-child
	{
		border-bottom: none;
	}

nav ul li a:link,
nav ul li a:visited
{
	color: #C2C0BF;
	background-color: #1A1918;
	text-decoration: none;
}

nav ul li a:hover
{
	color: #C2C0BF;
	background-color: #262523;
}

/********************************************************************/
/*	SIDEBAR	- asides												*/
/********************************************************************/
strong
{
	font-weight: bold;
}

/********************************************************************/
/*	CONTENT															*/
/********************************************************************/
article a:link,
article a:visited,
aside.clientpage a:link,
aside.clientpage a:visited
{
	color: #C2C0BF;
	border-bottom: 1px dotted #C2C0BF !important;
	text-decoration: none;
}

article a:hover,
aside.clientpage a:hover
{
	color: #C2C0BF;
	border-bottom: 1px solid #C2C0BF;
}

article h2,
article dl dt
{
	font-weight: bold;
	font-size: larger;
	border-bottom: 5px dotted #262523;
}

/********************************************************************/
/*	CONTENT - portfolio page										*/
/********************************************************************/
.portfolio a:link
{
	border-bottom: none !important;
}

.portfolio figure img
{
	border: 5px solid #262523;
}

/********************************************************************/
/*	CONTENT - client/code galleries									*/
/********************************************************************/
.clientpage a[class*="lightbox"]
{
	border-bottom: none !important;
}

.clientpage figure img,
figure.clientpage img
{
	border: 5px solid #262523;
}

blockquote
{	
	font-family: monospace;
	font-size: 1.3em;
	
	border: 1px solid black;
	background-color: #262523;
}

pre code
{
	font-family: monospace;
	font-size: 1.2em;
}

code.no-highlight
{
	color: white;
}

/********************************************************************/
/*	CONTENT	- generator details										*/
/********************************************************************/
section.genpage
{
	background-color: #262523;
}

	section.genpage code
	{
		font-family: monospace;
		font-size: 1.2em;
	}
	
	section.genpage blockquote.patternlist
	{
		white-space: pre;
	}
	
		section.genpage blockquote.patternlist span.patterntitle
		{
			display: block;
			padding: 0.25em;
			margin-bottom: 0;
			text-align: center;
			background-color: #0C0C0B;
		}
		
		section.genpage blockquote.patternlist span.etc
		{
			font-style: italic;
			font-size: x-small;
		}
	
	section.genpage table
	{
		border: 1px solid #0C0C0B;
	}
	
		section.genpage table tr.alt
		{
			background-color: #0C0C0B;
		}
		
		section.genpage table thead tr
		{
			font-weight: bold;
			background-color: #0C0C0B;
		}

/********************************************************************/
/*	FOOTER															*/
/********************************************************************/
footer div
{
	font-size: x-small;
	text-align: center;
}

	footer div a:link,
	footer div a:visited
	{
		color: #C2C0BF;
		text-decoration: none;
	}
	
	footer div a:hover
	{
		text-decoration: underline;
	}