/*
*************************************************

MATT PENSWORTH
Master Screen Styles

Authored by Matt Pensworth
http://www.mattpensworth.com

*************************************************
*/


/*-------------------------------------------    
    Basic Browser Settings
-------------------------------------------*/

blockquote,body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,label,legend,li,ol,p,textarea,ul { border: 0;margin: 0;padding: 0;}
html,input,select,textarea { font-size: 100%; }

body {
	background: #fff url(/assets/img/css/bg_body.gif) 0 0 repeat;
	color: #383838;
	font: 75%/1.5 Helvetica, Arial, sans-serif;
	}
		

/*-------------------------------------------    
    Structure
-------------------------------------------*/

#wrapper {
	margin: auto;
	position: relative;
    width: 960px;
	}
	
#masthead {
    font-family: Georgia, Times, serif;
    font-size: 1.5em;
    padding: 2em 0 0 0;
	position: relative;
	}
	
#tweet {
	float: left;
	width: 960px;
	}
	
#main, #about {
	float: left;
	width: 960px;
	}
	
.column {
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
	}
	.column.wide {
		padding: 0 30px 0 30px;
		width: 300px;
		}
	
#footer {
	clear: both;
	float: left;
	position: relative;
	width: 960px;
	}
	
	
/*-------------------------------------------    
    Links
-------------------------------------------*/

a, a:visited		{ border-bottom: 1px dotted #7e7e7e; color: #b2b2b2; text-decoration: none; }
a:hover, a:focus 	{ border-bottom: 1px dotted #ec72e5; color: #ec72e5; }

img, a img { border: none; }

#main li a { 
	background: transparent url(../img/css/arrow.gif) right -12px no-repeat;
	font-weight: bold;
	padding-right: 15px;
	}
	#main li a:hover { background-position: right 0; }
	
#footer a { color: #383838; }

ul#credits a {
	background: transparent url(/assets/img/css/credits.png) 0 0 no-repeat;
	border: none;
	display: block;
	height: 22px;
	text-decoration: none;
	text-indent: -9999em;
	width: auto;
	}
	
	ul#credits li#mac a {
		width: 17px;
		}
	ul#credits li#mt a {
		background-position: -17px 0;
		width: 46px;
		}
		
#tweet a#twitter {
		background: transparent url(/assets/img/css/twitter-bird.png) right 0 no-repeat;
		border: none;
		display: block;
		float: right;
		height: 55px;
		text-indent: -9999em;
		width: 80px;
		}

	
/*-------------------------------------------    
    Typography & Styling
-------------------------------------------*/

.hide {
	left: -9999em;
	position: absolute;
	}

p { margin-bottom: 1em; }

small { text-decoration: line-through; }

hr {
	background: #e0e0e0;
	clear: both;
	float: left;
	height: 1px;
	margin: 2em 0 2em 0;
	width: 960px;
	}

h1 {
	font-size: 2.5em;
	font-weight: bold;
	letter-spacing: -1px;
	}

h2 {
	font-size: 2em;
	font-weight: bold;
	letter-spacing: -1px;
	}
	#masthead h2 { font-size: 1em; font-weight: normal; letter-spacing: normal; }
	
h3 {
	color: #666;
	font-family: Georgia, Times, serif;
	font-size: 1.25em;
	font-style: italic;
	font-weight: normal;
	margin: .5em 0 .3em 0;
	}

h1#logo, a#logo {
    background: transparent url(/assets/img/css/mp_logo.png) 0 0 no-repeat;
    border: none;
	display: block;
	float: left;
	height: 57px;
	margin-right: 50px;
	text-indent: -9999em;
	width: 236px;
	}
	#error #masthead h1 { background: none; }
	#error #main h1 { color: #ec72e5; }
	
#tweet p {
	color: #a1a1a1;
	float: left;
	font-family: Georgia, Times, serif;
	font-size: 2.5em;
	font-weight: normal;
	letter-spacing: normal;
	margin: 0;
	width: 860px;
	}
	
#masthead p {
	font-style: italic;
	margin-bottom: .3em;
	}
	
#masthead ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#masthead li {
	display: inline;
	float: left;
	margin-right: 25px;
	}
	
#main ul { 
	float: left; 
	list-style: none;
	}
		
#main ul li {
	background: transparent url(/assets/img/css/bg_work.png) left top no-repeat;
	float: left;
	margin: 0 21px 0 0;
	padding: 7px;
	width: 210px;
	}
	#main ul li.last { margin: 0; }
	
#main ul li img {
	height: 140px;
	width: 210px;
	}
	
#main ul li strong { display: block; }
	
.column ul {
	clear: none;
	color: #555;
	float: left;
	font-size: 1.25em;
	list-style: none;
	width: 150px;
	}
	
ul#credits {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: -4px;
	}
	
ul#credits li {
	display: inline;
	float: left;
	margin-left: 20px;
	}
	
#footer .vcard {
	height: 0;
	left: -9999em;
	line-height: 0;
	position: absolute;
	text-indent: -9999em;
	}