/* ---------------------------------------------------------
Thewmatt
thewmatt.com

Author(s): Matt Wetzler, thewmatt.com

Created: 01/2011
------------------------------------------------------------ */

* {
	margin: 0;
	padding: 0;
	}
html, body, div, p, ul, li, form, input, textarea, select {
	font: 13px/19px Georgia, "Times New Roman", Times, serif;
	color: #808080;
	}
body {
	background: #303030;
	}
a {
	color: #999;
	text-decoration: none;
	}
a:hover {
	color: #ccc;
	}
img {
	border: none;
	}
.center {
	text-align: center;
	}
.clear {
	clear: both;
	}
.imgswap {
	display: block;
	text-decoration: none;
	text-indent: -29999px;
	outline: none;
	}
	/* hide from Mac IE 5 \*/
	.imgswap { overflow: hidden; }
	/* End Mac IE 5 hack */


/* BASIC STRUCTURE
------------------------------------------------------------------------------------------ */
#wrapper {
	width: 628px;
	margin: 72px auto;
	}
	body.index #wrapper {
		width: 600px;
		margin: 24px auto;
		}

#logo-container {
	float: left;
	width: 200px;
	}
	#logo-container p {
		margin: 6px 6px 0 12px;
		}
	
#site-menu {
	float: right;
	}

#four-oh-four {
	padding: 12px 18px 12px 8px;
	text-align: left;
	}
	#four-oh-four h1 {
		padding: 0;
		margin: 18px 0;
		text-align: left;
		}

/* TYPOGRAPHY
------------------------------------------------------------------------------------------ */

.boxcaption h1 {
	font-weight: normal;
	font-size: 24px;
	margin: 12px;
	}
.boxcaption p {
	margin: 12px;
	}

.intro {
	font-size: 22px;
	line-height: 26px;
	margin: 18px 0;
	}

p {
	margin-bottom: 12px;
	}

.wf-loading h1, .wf-loading p {
	font-family: "sorts-mill-goudy-1","sorts-mill-goudy-2";
	visibility: hidden;
	}
.wf-active h1, .wf-active p {
	font-family: "sorts-mill-goudy-1","sorts-mill-goudy-2";
	visibility: visible;
	}


/* SLIDING BOXES
------------------------------------------------------------------------------------------ */
.boxgrid {  
    width: 200px;
    height: 150px;
    margin: 2px 0 0 12px;
    float:left;
    background:#303030;
    border: solid 1px #606060;
    overflow: hidden;
    position: relative;
}  
.boxgrid img {  
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}

img.cover {
	top: 40px;
	}


/* FOOTER
------------------------------------------------------------------------------------------ */
#footer {
	float: right;
	margin: 24px 0;
	width: 416px;
	padding-bottom: 24px;
	}
	#footer p {
		text-align: left;
		font-size: 12px;
		line-height: 16px;
		margin: 0px;
		}


/* Responsive Styles
------------------------------------------------------------------------------------------ */