/*
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: #868c7c;
		font-size:12px;
		line-height:18px;
		margin:0;
		padding:0;
		min-width:1024px;
	}
	
	.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
	{
		color:#4b4b4b;
	}

	/* General links */
	a
	{
		color:#868c7c;
		text-decoration:underline;
		outline:none;
	}
	
	h1 a, h2 a, h3 a
	{
		color:#4b4b4b;
		text-decoration:none;
		outline:none;
	}
	
	
	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;
		text-align:justified;
	}

	/* Clear all bullets */
	ul, ol
	{
		list-style: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;
	}




	/****************************
	Header                     */

		#pageheader
		{
			display:block;
			height:400px;
			width:300px;
			float:left;
		}
		
		#pageheader h1
		{
			text-indent:-9000px;
			background:url(images/header.gif);
			height:50px;
			width:106px;
			margin:90px 90px 0 75px;
			display:block;
			float:left;
		}



	/****************************
	Metadata                   */
	
		.metadata
		{
			display:block;
			color:#bbb;
			font-size:10px;
			line-height:14px;
		}

	/****************************
	Nav                        */

		#pagenav
		{
			display:block;
			padding:20px 0 0 94px;
			float:left;
		}

		#pagenav ul
		{
			display:block;
			width:72px;
			height:238px;
		}

		.pagenavsection a 
		{
			width:72px;
			height:26px;
			text-indent:-9999px;
			display:block;
		}

		#nav_home	{ background:url(images/nav_home.png);		}
		#nav_posts	{ background:url(images/nav_posts.png);		}
		#nav_projects	{ background:url(images/nav_projects.png);	}
		#nav_labs	{ background:url(images/nav_labs.png);		}
		#nav_sketches	{ background:url(images/nav_sketches.png);	}
		#nav_resume	{ background:url(images/nav_resume.png); margin-top:30px; }
		#nav_contact	{ background:url(images/nav_contact.png);	}
		#nav_rss	{ background:url(images/nav_rss.png);		}
		

	/****************************
	Search                     */
	
		#searchform
		{
			float:left;
		}

		#searchform #s
		{
			width:113px;
		}

		#searchsubmit {
			width:18px;
			height:18px;
			border:none;
			text-indent:-9000px;
			background:url(images/btn_search.gif);
			margin:0;
			padding:0;
		}
		
		.widget_search h3 {
			background:url(images/title_search.gif) no-repeat;
		}



	/****************************
	Article Space              */

		article, #postnav, #comments
		{
			width:700px;
			margin:90px 0 0 0;
			display:block;
			float:left;
		}



	/****************************
	Post                       */

		.post header
		{
			display:block;
			width:400px;
			padding:20px 0 0 0;
			float:left;
		}

		.post header h1
		{
			font-size:22px;
		}

		#postmetadata
		{
			display:block;
			max-width:250px;
			padding:0 0 0 0;
			float:right;
			text-align:right;
			margin-top:20px;
		}

		.post .content
		{
			display:block;
			padding:12px 20px 0 20px;
			clear:both;
		}

		.post h1
		{
			font-size:14px;
			margin:20px 0 10px 0;
			color:#666;
		}

		.images
		{
			margin:15px 0 15px 0;
		}

		.images img
		{
			padding:10px;
			margin:0 auto;
			display:block;
			border:dotted 1px #aaa;
		}

		.caption
		{
			font-size:10px;
			text-align:center;
		}



	/****************************
	Project                    */

		.project
		{
			display:block;
			width:700px;
			float:left;
		}

		.project header
		{
			display:block;
			width:400px;
			padding:20px 0 0 0;
			float:left;
			clear:both;
		}

		.project header h1
		{
			font-size:22px;
		}

		.project .content
		{
			clear:both;
			display:block;
			padding:12px 20px 0 20px;
			width:500px;
		}

		.post h1
		{
			font-size:14px;
			margin:20px 0 10px 0;
			color:#666;
		}


	/****************************
	Footer                     */		


		footer a {
			color: #999;
			text-decoration:none;
		}
		
		footer a:hover {
			text-decoration:underline;
		}
		
		footer {
			display:block;
			background:url(images/footer_bg.png) repeat-x #ccc;
			margin-top:50px;
			padding:30px 0 50px 296px;
			clear: both;
			color: #999;
			font-size:10px;
			min-height:60px;
		}
		
		footer ul {
			float:left;
			margin:20px 40px 0 0px;
		}
		
		copyright {
			background:url(images/logo_footer.gif) no-repeat;
			background-position:0px 20px;
			height:35px;
			width:175px;
		}


	/****************************
	Front page                 */

		#latestproject
		{
			width:700px;  
		}
		
		article.index section h2
		{
			display:none;
		}
		
		article.index section#latestproject h3                               {  float:left;  }
		article.index section#latestproject                                  {  float:left;  }
		article.index section#latestproject .more                            {  float:right;  }
		
		article.index section h3, article.index section#latestposts header {  margin-bottom:5px;  }
		article.index section#latestposts h3                               {  margin-bottom:0px;  }
		article.index section#latestposts .more                               {  float:right;  }


		#latestproject img
		{
			width:700px;
			height:200px;
			display:block;
			background:#ccc;
		}


		#intro, #latestposts, #latestmicro
		{
			float:left;
			display:block;
			margin-top:30px;
			font-size:11px;
			line-height:16px;
		}

		#intro       { width:200px; margin-right:30px; }
		#latestposts { width:240px; margin-right:30px; }	
		#latestmicro { width:200px; margin-right:0; }

		#latestposts
		{
			margin-right:30px;
		}
		
		#social a
		{
			width:20px;
			height:20px;
			text-indent:-9000px;
			display:block;
			float:left;
			margin-right:12px;
		}
		
		#social-linkedin {  background:url("images/logo_linkedin.png");  }
		#social-twitter  {  background:url("images/logo_twitter.png");  }
		#social-reader   {  background:url("images/logo_reader.png");  }
		#social-rss      {  background:url("images/logo_rss.png");  }
		#social-lastfm   {  background:url("images/logo_lastfm.png");  }
		

		#intro ul li, #latestposts ul li, #latestmicro ul li
		{
			border-top: 1px solid #999;
			padding-top:12px;
			margin-bottom:12px
		}


		#intro ul li       { border-top-color:#c4d539; }
		#latestposts ul li { border-top-color:#981e5d }
		#latestmicro ul li { border-top-color:#a25420; }

		#latestposts .content 
		{
			height:350px;
			width:250px;
			overflow:hidden;
		}
		
		#latestposts header
		{
			float:left;
			width:200px;
		}
		
		#twitter h3
		{
			background:url("images/twitter_logo.png");
			float:right;
			display:block;
			width:50px;
			height:30px;
			text-indent:-9000px;
		}
		
		#tweets ul li
		{
			border-top:none;
			padding-top:0;
		}
		
		#latestmicro img
		{
			height:50px;
			width:80px;
			display:block;
			background:#ccc;
		}
		




	/****************************
	Forms                      */

		label {
			font-size:10px;
		}
		
		input, textarea {
			background:#666;
			border:1px inset #666;
			padding:2px 4px;
			font:12px monospace;
			color:#fff;
			margin:0 0 5px 0;
		}
		
		textarea {
			background:#66665a;
		}
		
		#respondform #submit,
		#content.contact #contactsubmit
		{
			width:112px;
			height:26px;
			background:url(images/btn_submit.gif);
			border:none;
			text-indent:-0px;
			margin-top:10px;
			padding:0;
			font-family: 'Arial', Sans-Serif;
			font-size:12px;
			color:#b8bfac;
		}


	/****************************
	Pagination                 */

		.wp-pagenavi {
			clear:both;
			padding:15px 0 0 0;
			width:730px;
		}
		
		.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
			margin:0 6px 0 0;
		}
		
		.wp-pagenavi span.pages {
			color:#585B52;
			margin:0 10px 0 0;
		}
		
		.wp-pagenavi span.current {
			margin:0 6px 0 0;
}
	/****************************
	Comments                   */

		
		#comments header
		{
			display:none;
		}
		
		#commentlist
		{
			display:block;
			padding-top:20px;
		}

		dd
		{
			margin-left:140px;
			width:280px;
		}

		
		.nocomments
		{
			text-align: center;
			margin: 0;
			padding: 0;
		}

		dt
		{
			float:left;
			width:125px;
			margin:0 15px 0 0;
			text-align:left;
		}

		dt p
		{
			color: #868c7c;
			margin:0
		}

		#comments .metadata li
		{
			margin:0;
			padding:0;
			border-top:none;
		}

		.admin
		{
			background:url(images/logo_comments.gif);
			width:30px;
			height:15px;
			text-indent:-9000px;
		}


	/****************************
	Response                   */

		#respond {
			padding:10px 0 0 0;
			width:300x;
			float:left;
			margin-top:20px;
		}
		
		#respond h3 {
			background-image:url(images/title_addcomment.gif);
			text-indent:-9000px;
			margin:0 0 10px 0;
			display:none;
		}
		
		#respondform p {
			margin:0 0 10px 0;
		}
		
		#respondform input {
			width: 268px;
		}
		
		#respondform textarea {
			width: 268px;
			padding: 5px;
			margin: 10px 0 0 0;
}



	/****************************
	Project Gallery            */

		#gallery {
			display:block;
			margin-bottom:30px;
		}

		.project #gallerycanvas {
			display:block;
			width:700px;
			height:400px;
			margin-bottom:20px;
			background: #ddd;
		}

		.labs #gallerycanvas {
			display:block;
			width:540px;
			height:400px;
			margin-bottom:20px;
			background: #ddd;
		}

		#gallerythumbs {
			display:block;
			width:700px;
			height:40px;
		}

		.gallerythumb {
			display:block;
			width:70px;
			height:40px;
			margin-right:20px;
			background: #ddd;
			float:left;
		}



	/****************************
	Slideshow                  */

		#slideshow {
			display:block;
			margin-bottom:30px;
			height:250px;
			width:700px;
			background:#ddd;
		}




	/****************************
	404                        */

		#fourohfour {
			width:895px;
			text-align:center;	
			color:#585b52;
			border-top:1px solid #c4d539;
			margin:34px 0 0 0;
			padding:15px 0 0 0;
		}
		
		#fourohfour h2 {
			float:none;
			max-width:none;
		}