/*
Theme Name: PFS
Description: Styling for pfspear.net.
Version: 3.0
Author: Patrick Spear
Author URI: http://www.pfspear.net/


/************************************
 GENERAL 
 ***********************************/

	/* Zero margins */
	* 
	{
		margin:0;
		padding:0;
	}
	
	/* Default style */
	body
	{
		font-family: 'Arial', Sans-Serif;
		background:url(images/body_bg.gif) repeat-x;
		color: #565c4c;
		font-size:12px;
		line-height:18px;
		margin:0 auto;
		padding:0;
		width:835px;
		
	}
	
	.command
	{
		font-family: 'Mono';
		background:#555;
		border:1px solid: #777;
		padding:1px;
		margin:5px 0 5px 0;
		display:block;
	}
	
	.highlight
	{
		color:#c4d539;
	}
	
	h1, h2, h3
	{
		font-family: "DIN", Georgia, serif; 
		color:#2e2e2e;
		text-transform:uppercase;
		font-weight:normal;
	}

	/* General links */
	a
	{
		color:#868c7c;
		text-decoration:underline;
		outline:none;
	}
	
	h1 a, h2 a, h3 a
	{
		color:#4b4b4b;
		text-decoration:none;
		outline:none;
		font-weight:normal;
	}
	
	
	a:hover, h1 a:hover, h2 a:hover, h3 a:hover
	{
		color: #000;
		text-decoration: underline;
	}

	a img
	{
		border:none;
	}
	
	/* Default paragraph spacing */
	p
	{
		margin:0 0 10px 0;
	}

	/* Clear all bullets */
	ul, ol
	{
		list-style:none;
	}

	/* Remove nav/metadata link underlining  */
	.metadata a, #pagenav a
	{
		text-decoration:none
	}

	/* Use divs as hrs for more consistent behavior. */
	.hr
	{
		line-height: 1px; /*needed for IE/win*/
		font-size: 1px; /*needed for IE/win*/
		height: 1px;
		clear:both;
	}
	
	/* Put disabled hrs in the hr divs for semantic correctness. */
	hr
	{
		display:none;
	}

	blockquote
	{
		margin-left:20px;
		padding-left:10px;
		margin-right:50px;
		border-left:3px solid #777;
		font-style:italic;
	}



	@font-face 
	{
  		font-family: "DIN";
 		src: url("type/DIN.ttf");
  		url("type/DIN.ttf") format("ttf"),
 	 }





/************************************
 HEADER
 ***********************************/


	#pageheader
	{
		height:50px;
		padding-top:75px;
		padding-bottom:45px;
	}

	#pageheader h1 a
	{
		height:50px;
		width:106px;
		background:url(images/logo-header.jpg) no-repeat;
		text-indent:-9000px;
		display:block;
	}


/************************************
 NAV
 ***********************************/

	#pagenav
	{
		width:180px;
		float:left;
	}

	#pagenav h2
	{
		margin-bottom:8px;
		font-size:14px;
		width:140px;
	}

	#pagenav ul
	{
		margin-left:10px;
		margin-bottom:30px;
	}

	#pagenav li
	{
		text-size:10px;
		padding:4px 0;
		width:130px;
		height:16px;
		margin-bottom:0px;
	}

	#pagenav .topic
	{
		padding:3px 6px;
		border-radius:5px;
		font-family: "DIN", Georgia, serif; 
		text-transform:uppercase;
	}


	#topic-architecture:hover,
        #topic-architecture.selected 
        { background:#bf7f40; }

	#topic-healthcare:hover,
	#topic-healthcare.selected
	{ background:#40bf82; }

	#topic-technology:hover,
	#topic-technology.selected
	{ background:#2868d7; }
	
	#topic-design:hover,
	#topic-design.selected
	{ background:#7f40bf; }

	.topic:hover
	{
		color:#fff;
		background:#6e6e6e;
	}

	.selected
	{
		color:#fff;
		background:#6e6e6e;
	}

	.topic img
	{
		float:left;
	}

	.rss
	{
		float:right;
		background:url(images/rss-icon.png);
		margin-top:3px;
		width:14px;
		height:14px;
		text-indent:-9000px;
		display:none;
	}

/************************************
 CONTENT
 ***********************************/

	.pagecontent
	{
		width:655px;
		float:right;
		min-height:600px;
	}

	.pagination
	{
		clear:both;
		padding-top:25px;
		text-align:center;
		width:639px
	}

	.pagination .pages
	{
		font-weight:bold;
		margin-right:20px;
		display:none;
	}
	
	.pagination .page, .pagination .current
	{
		margin:2px;
		border:1px solid #999;
		padding:3px 6px;
		border-radius:5px;
	}

	.pagination .current
	{
		color:#fff;
		background:#6e6e6e;
		border:1px solid #6e6e6e;
	}

	.pagination a
	{
		text-decoration:none;
	}

/************************************
 FRONT PAGE
 ***********************************/

	#quickintro 
	{
		font-size:14px;
		font-weight:bold;
		color:#2e2e2e;
		margin-bottom:30px;
		width:500px;
	}

	.postlist h3
	{
		width:500px;
		font-size:14px;
		font-weight:bold;
		color:#2e2e2e;
		border-top:1px #aaa solid;
		padding-top:15px
	}

	.postlist li
	{
		margin-bottom:45px;
		clear:both;
	}

	.post header
	{
		width:655px;
		margin-bottom:15px;
	}

	.post .content
	{
		width:500px;
	}

	.post .metadata
	{
		float:right;
		width:105px;
		font-size:9px;
		color:#999;
	}

	.metadata li
	{
		margin-bottom:3px;
	}

	.wp-caption
	{
		padding:10px 10px 3px 10px;
		border:1px solid #ddd;
		margin:10px auto 15px auto;
		display:block;
	}

	.wp-caption-text
	{
		text-size:10px;
		text-style:italic;
		text-align:center;
		color:#666;
		margin:0;
	}



/************************************
 FOOTER
 ***********************************/

	#pagefooter
	{
		font-weight:bold;
		font-size:10px;
		color:#2e2e2e;
		padding:50px 0 50px 0;
		clear:both;
	}

	#pagefooter ul
	{
		float:left;
		margin-right:40px;
	}

	#copyright
	{
		width:140px;
	}


/************************************
 ABOUT
 ***********************************/

	#headshot
	{
		width:300px;
	}

	.resume
	{
		float:right;
		width:300px;
	}

	.bio
	{
		float:left;
		width:300px;
	}


/************************************
 PORTFOLIO
 ***********************************/

	.portfolio .post
	{
		float:left;
		width:312px;
		height:150px;
		background:#eee;
		margin:0 15px 15px 0;
	}

	.portfolio .post a img
	{
		width:312px;
		height:150px;
	}

	.portfolio .project-title
	{
		width:312px;
		height:18px;
		background:#fff;
		opacity:.7;
		position:absolute;
		padding:2px 6px;
		font-size:11px;
		margin-top:128px;
	}

	.portfolio .project-title h3
	{
		max-height:18px;
		width:300px;
		display:block;
		overflow:hidden;
	}

/************************************
 CONTACT
 ***********************************/

	#contact-form
	{
		width:362px;
		float:left;
margin-right:15px;
	}

	#social-links
	{
		width:262px;
		float:left;
	}

	#social-links li
	{
		height: 50px;
		margin-bottom: 30px;
	}

	.social-icon
	{
		width:40px;
		height:40px;
		float:left;
		text-indent:-9000px;
		margin-right:15px;
	}

	#social-gplus { background:url(images/social-gplus.jpg) }
	#social-linkedin { background:url(images/social-linkedin.jpg) }
	#social-lastfm { background:url(images/social-lastfm.jpg) }

	#social-gplus:hover { background:url(images/social-gplus_hover.jpg) }
	#social-linkedin:hover { background:url(images/social-linkedin_hover.jpg) }
	#social-lastfm:hover { background:url(images/social-lastfm_hover.jpg) }