/* DEFAULTS - RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a:link,
a:visited
{
	color: #787878;
	text-decoration: none;
}

a:hover,
a:active
{
	color: #142343;
	text-decoration: none;
}

body
{
	background: #FFF url('../images/texture.png') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/texture.png', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/texture.png', sizingMethod='scale')";
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.125em;  /* 16x1.125=18 */
	color: #404041;
}

/* TYPOGRAPHY */

ul { margin: 0 2.5em 1em; list-style: disc outside; }

ul li { margin: 0 0 0.25em 0; list-style: disc outside; }

ul li li { margin: 0 0 0.25em 0; list-style: circle outside; }

.first { border: 0 !important; background: none !important; }

ol { margin: 0 2.5em 1em; list-style: decimal outside; }

hr { height: 1px; background-color: #CCC; border: 0; margin: 20px 0; clear: both; }

strong { font-weight: bold; }

.small { font-size: 0.825em; /* 12x0.825=10 */ }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

h1 { font-size: 1.8em; margin: 0 0 15px 0; }

h2 { font-size: 1.6em; margin: 0 0 8px 0; }

h3 { font-size: 1.4em; margin: 0 0 8px 0; }

h4 { font-size: 1.2em; margin: 0 0 8px 0; }

p { margin: 0 0 1em; }

em { font-style: italic; }

.center { text-align: center; }

.error, .required { color: #900; }

.hideme { display: none; }

abbr, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, meter, nav, output, progress, section, summary, time, video
{
	display: block;
}

/*
background-color: #FF0;
opacity: 0.4;
filter:alpha(opacity=40);
*/

/* LAYOUT */

div#wrapper::before {
	content: '';
	background-color: rgba(255,255,255,0.5);
	position: absolute;
	width: 100%;
	height: 100%;
}

div#outer
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 250px;
	height: 227px;
	margin-left: -125px; /* half of width */
	margin-top: -113px;  /* half of height */
}


div#inner
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 250px;
	height: 227px;
	margin-left: -125px; /* half of width */
	margin-top: -113px;  /* half of height */
	text-align: center;
}


footer {
	display: none;
}

header h1 {
	background: transparent url('../images/logo_w_social.png') -137px -6px no-repeat;
	background-size: 432px 272px;
	width: 147px;
	height: 177px;
	text-indent: -1000em;
	margin: 0 auto;
}

ul
{
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: table;
}

	ul li
	{
		display: table-cell;
		list-style: none;
		margin: 0;
		padding: 0;
	}

		ul li a
		{
			background: transparent url('../images/logo_w_social.png') 0 0 no-repeat;
			background-size: 432px 272px;
			display: block;
			float: left;
			margin: 0;
			padding: 0;
			width: 50px;
			height: 50px;
			text-indent: -1000em;
		}

		ul li#facebook a { background-position: -60px -219px; }
		ul li#linkedin a { background-position: -128px -219px; }
		ul li#resume a { background-position: -191px -219px; }
		ul li#email a { background-position: -254px -219px; }
		ul li#twitter a { background-position: -319px -219px; }
		ul li#flickr a { background-position: -382px -219px; }

.if-your-reading {
	display: none;
}