/* 
Theme Name: Baz Deas
Theme URI: http://www.bazdeas.com
Description: Baz Deas
Author: Baz Deas
Author URI: http://www.bazdeas.com
Version: 1.0
*/

body { background: #f4f4f4 url("images/body-bg.jpg") repeat-x; }

* { margin: 0; padding: 0; outline: none; list-style-type: none; border: none; outline: none; }

#wrapper { width: 960px; margin: 0 auto; position: relative; }

#header
	{
	position: relative; height: 142px; 
	}
	#branding
		{
		background: url("images/branding.png") no-repeat;
		text-indent: -9999px; width: 148px; height: 37px;
		position: absolute; top: 39px; left: 0;
		}
		#branding a
			{
			display: block; width: 148px; height: 37px; cursor: pointer;
			}
	#rss-feed
		{
		display: block; position: absolute; top: 55px; left: 154px;
		width: 16px; height: 16px; background: url("images/rss.png") no-repeat;
		text-indent: -9999px;
		}
			
	#navigation
		{
		position: absolute; top: 55px; right: 0; 
		}
		#navigation li
			{
			display: inline;
			}
		#navigation li a
			{
			float: left; height: 22px; display: block; margin: 0 10px;
			background: url("images/navigation.png") no-repeat; text-indent: -9999px; text-decoration: none;
			}
			
			
			#navigation #welcome a
				{
				width: 88px; background-position: 0 0;
				}
				#welcome-page li#welcome a
					{
					background-position: 0 -44px; 
					}
				#navigation #welcome a:hover, #navigation #welcome a:active, #navigation #welcome a:focus
					{
					background-position: 0 -22px;
					}
			#navigation #portfolio a
				{
				width: 95px; background-position: -91px 0;
				}
				#portfolio-page li#portfolio a
					{
					background-position: -91px -44px; 
					}
				#navigation li#portfolio a:hover, #navigation li#portfolio a:active, #navigation li#portfolio a:focus
					{
					background-position: -91px -22px;
					}
			#navigation #about-me a
				{
				width: 90px; background-position: -189px 0;
				}
				#about-me-page li#about-me a
					{
					background-position: -189px -44px; 
					}
				#navigation li#about-me a:hover, #navigation li#about-me a:active, #navigation li#about-me a:focus
					{
					background-position: -189px -22px;
					}
			#navigation #hire-me a
				{
				width: 70px; background-position: -281px 0;
				}
				#hire-me-page li#hire-me a
					{
					background-position: -281px -44px; 
					}
				#navigation li#hire-me a:hover, #navigation li#hire-me a:active, #navigation li#hire-me a:focus
					{
					background-position: -281px -22px;
					}
			#navigation #blog a
				{
				width: 51px; background-position: -353px 0; margin: 0;
				}
				#blog-page li#blog a
					{
					background-position: -353px -44px; 
					}
				#navigation li#blog a:hover, #navigation li#blog a:active, #navigation li#blog a:focus
					{
					background-position: -353px -22px;
					}
			
				
			
			
			
	#container
		{
		position: relative; width: 100%; float: left; 
		}
		#intro { float: left; width: 312px; }
		
		#intro p
			{
			position: absolute; top: 0; left: -4px;
			background: url("images/intro.png") no-repeat;
			text-indent: -9999px;
			width: 331px; height: 94px;
			}
		h2.i-design
			{
			position: absolute; top: 113px; left: 0;
			background: url("images/i-design-h2.png") no-repeat;
			text-indent: -9999px;
			width: 68px; height: 15px;
			}
		h2.you-code
			{
			position: absolute; top: 165px; left: 0;
			background: url("images/you-code-h2.png") no-repeat;
			text-indent: -9999px;
			width: 86px; height: 15px;
			}
		h2.we-profit
			{
			position: absolute; top: 218px; left: 0;
			background: url("images/we-profit-h2.png") no-repeat;
			text-indent: -9999px;
			width: 89px; height: 15px;
			}
		cite.i-design
			{
			position: absolute; top: 134px; left: 0;
			background: url("images/i-design-cite.png") no-repeat;
			text-indent: -9999px;
			width: 296px; height: 13px;
			}
		cite.you-code
			{
			position: absolute; top: 186px; left: 0;
			background: url("images/you-code-cite.png") no-repeat;
			text-indent: -9999px;
			width: 264px; height: 13px;
			}
		cite.we-profit
			{
			position: absolute; top: 238px; left: 0;
			background: url("images/we-profit-cite.png") no-repeat;
			text-indent: -9999px;
			width: 143px; height: 13px;
			}
		#intro a
			{
			position: absolute; top: 270px; left: -9px;
			background: url("images/lets-work-together.png") no-repeat;
			text-indent: -9999px;
			width: 159px; height: 30px;
			}
			#intro a:hover
				{
				background-position: bottom;
				}
		
		#projects
			{
			float: right; width: 648px; position: relative; right: -10px; top: -8px;
			}
			#projects li
				{
				background: url("images/featured-project-bg.png") no-repeat;
				width: 640px;
				font-family: Helvetica, Arial, Verdana, Sans-Serif; color: #9d9d9d;
				margin-bottom: 24px; 
				}
				#projects li cite
					{
					font-size: 14px; color: #9d9d9d; font-style: normal;
					}
				#projects li img
					{
					position: relative; top: 5px; left: 5px;
					}
				#projects li ul
					{
					background: url("images/featured-project-middle.png") repeat-y; height: 67px;
					}
				#projects li ul li
					{
					background: none; margin: 0;
					}
					#projects li span.project-bottom
						{
						background: url("images/featured-project-bottom.png") bottom left no-repeat;
						width: 640px; height: 15px; display: block;
						}
					#projects li ul li.client
						{
						position: relative; top: 10px; left: 12px; width: 320px;
						}
						#projects li ul li.client h3
							{ 
							background: url("images/project-client.png") no-repeat; text-indent: -9999px;
							}
						#projects li ul li.client cite
							{
							position: relative; top: -28px; left: 56px;
							}
					#projects li ul li.url
						{
						position: relative; top: -32px; left: 320px; width: 320px;
						}
						#projects li ul li.url h3
							{ 
							background: url("images/project-url.png") no-repeat; text-indent: -9999px;
							}
						#projects li ul li.url cite
							{
							position: relative; top: -27px; left: 33px;
							}
							#projects li ul li.url cite a
								{
								text-decoration: none; color: #9d9d9d;
								}
					#projects li ul li.started
						{
						position: relative; top: -51px; left: 12px; width: 320px;
						}
						#projects li ul li.started h3
							{ 
							background: url("images/project-started.png") no-repeat; text-indent: -9999px;
							}
						#projects li ul li.started cite
							{
							position: relative; top: -27px; left: 68px;
							}
					#projects li ul li.finished
						{
						position: relative; top: -93px; left: 320px; width: 320px;
						}
						#projects li ul li.finished h3
							{ 
							background: url("images/project-finished.png") no-repeat; text-indent: -9999px;
							}
						#projects li ul li.finished cite
							{
							position: relative; top: -27px; left: 68px;
							}
					#projects li ul li.what-i-did
						{
						position: relative; top: -112px; left: 12px; width: 640px;
						}
						#projects li ul li.what-i-did h3
							{ 
							background: url("images/project-what-i-did.png") no-repeat; text-indent: -9999px;
							}
						#projects li ul li.what-i-did cite
							{
							position: relative; top: -27px; left: 84px;
							}
					#welcome-page #projects .featured
						{
						margin-bottom: 0;
						}
					#welcome-page #projects li
						{
						float: left;
						}
					#projects .thumbnail
						{
						background: url("images/thumbnail-bg.png") no-repeat;
						width: 208px;
						font-family: Helvetica, Arial, Verdana, Sans-Serif; color: #9d9d9d;
						margin-bottom: 8px; margin-right: 8px;
						}
						#projects .thumbnail ul
							{
							background: url("images/thumbnail-middle.png") repeat-y; height: 22px; width: 208px;
							}
							#projects .thumbnail span.project-bottom
								{
								background: url("images/thumbnail-bottom.png") bottom left no-repeat;
								width: 208px; height: 12px; display: block;
								}
						
						
						
				/* #projects li
				{
				background: url("images/featured-project-bg.png") no-repeat;
				width: 640px;
				font-family: Helvetica, Arial, Verdana, Sans-Serif; color: #9d9d9d;
				margin-bottom: 24px; 
				}
				#projects li cite
					{
					font-size: 14px; color: #9d9d9d; font-style: normal;
					}
				#projects li img
					{
					position: relative; top: 5px; left: 5px;
					}
				#projects li ul
					{
					background: url("images/featured-project-middle.png") repeat-y; height: 67px;
					}
				#projects li ul li
					{
					background: none; margin: 0;
					}
					#projects li span.project-bottom
						{
						background: url("images/featured-project-bottom.png") bottom left no-repeat;
						width: 640px; height: 15px; display: block;
						}
					*/
						
						
						
		#welcome-page #projects .featured ul
			{
			height: 20px;
			}
			
		
		
		#secondary-content
			{
			width: 312px; position: relative; top: -6px; left: 324px; float: left;
			font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; color: #3f4751; line-height: 1.8;
			}
			#secondary-content h2.inline-header
				{
				display: inline; text-transform: uppercase; margin: 0; font-size: 12px; padding: 0; margin-right: 4px; color: #3a5ec7;
				}
			#secondary-content p.unsemantic-para
				{
				margin-top: 20px;
				}
				#secondary-content a
					{
					text-decoration: none; color: #0468a9;
					}
					#secondary-content a:hover, #secondary-content a:active, #secondary-content a:focus
						{
						color: #e32c5f;
						}
		
		#tertiary-content
			{
			width: 312px; position: relative; top: -6px; left: 324px; float: left; margin-left: 12px;
			font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; color: #3f4751; line-height: 1.8;
			}
			#tertiary-content li
				{
				margin-bottom: 24px;
				}
			#tertiary-content h3
				{
				font-size: 16px; font-weight: bold; color: #3a5ec7;
				}
			#tertiary-content cite
				{
				font-size: 12px; font-style: normal; color: #9e9e9e; position: relative; top: -8px;
				}
			
			#contact-methods
				{
				position: relative;
				}
				#contact-methods .msn-messenger
					{
					position: absolute; top: 20px; width: 156px;
					background: url("images/msn-messenger.png") no-repeat;
					}
					#contact-methods .msn-messenger h3
						{
						text-indent: -9999px
						}
					#contact-methods .msn-messenger cite
						{
						position: relative; top: -14px; color: #3f4751; font-style: normal;
						}
				#contact-methods .yahoo-messenger
					{
					position: absolute; top: 20px; left: 156px; width: 156px;
					background: url("images/yahoo-messenger.png") no-repeat;
					}
					#contact-methods .yahoo-messenger h3
						{
						text-indent: -9999px
						}
					#contact-methods .yahoo-messenger cite
						{
						position: relative; top: -14px; color: #3f4751; font-style: normal;
						}
				#contact-methods .aol-aim
					{
					position: absolute; top: 76px; width: 156px;
					background: url("images/aol-aim.png") no-repeat;
					}
					#contact-methods .aol-aim h3
						{
						text-indent: -9999px
						}
					#contact-methods .aol-aim cite
						{
						position: relative; top: -14px; color: #3f4751; font-style: normal;
						}
				#contact-methods .email
					{
					position: absolute; top: 76px; left: 156px; width: 156px;
					background: url("images/email.png") no-repeat;
					}
					#contact-methods .email h3
						{
						text-indent: -9999px
						}
					#contact-methods .email cite
						{
						position: relative; top: -14px; color: #3f4751; font-style: normal;
						}
						#contact-methods .email cite a
							{
							color: #3f4751; text-decoration: none;
							}
							#contact-methods .email cite a:hover
								{
								color: #2279a1; border-bottom: 1px solid #2279a1;
								}
		#two-column
			{
			width: 636px; float: left; position: relative; left: 324px; top: -6px;
			font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; color: #3f4751; line-height: 1.8; 
			}
			#two-column a:link, #two-column a:visited
				{
				text-decoration: none; color: #3455b3;
				}
				#two-column li a:hover, #two-column li a:active, #two-column li a:focus 
					{
					text-decoration: none; color: #e32c5f; border-bottom: 1px solid #e32c5f;
					}
			#two-column .entry ol
				{
				margin: 10px 0 26px 26px;
				}
				#two-column .entry ol li
					{
					list-style-type: decimal-leading-zero;
					}
			#two-column .entry
				{
				border-bottom: 1px solid #dddddd; margin-bottom: 1.2em;
				}
			#two-column .entry h2
				{
				display: inline; float: left; font-size: 12px; color: #3a5ec7; margin-right: 12px; text-transform: uppercase; 
				}
				#two-column .entry h2 a
					{
					color: #3455b3; text-decoration: none;
					}
					#two-column .entry h2 a:hover
						{
						color: #e32c5f; text-decoration: none;
						}
			#two-column .entry p
				{
				margin-bottom: 1.2em;
				}
			#two-column .entry cite.continue-reading
				{
				display: inline; font-size: 11px; color: #3f4751; font-weight: bold; font-style: normal; text-transform: uppercase;
				}
				#two-column .entry cite.continue-reading a:link, #two-column .entry cite.continue-reading a:visited
					{
					text-decoration: none; color: #3f4751;
					}
				#two-column .entry cite.continue-reading a:hover, #two-column .entry cite.continue-reading a:active, #two-column .entry cite.continue-reading a:focus
					{
					color: #3a5ec7;
					}
			#two-column .entry cite.meta
				{
				font-size: 12px; display: block; font-weight: bold; font-style: normal; color: #a3a3a3; position: relative; top: -1.2em; margin-bottom: 0.2em;
				}
				#two-column .entry cite.meta a:link, #two-column .entry cite.meta a:visited
					{
					color: #a3a3a3;
					text-decoration: none;
					}
				#two-column .entry cite.meta a:hover, #two-column .entry cite.meta a:active, #two-column .entry cite.meta a:focus
					{
					color: #3a5ec7;
					}
		#single
			{
			width: 636px; float: left; top: -6px;
			font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; color: #3f4751; line-height: 1.8;
			}
		#two-column .entry h3
			{
			font-size: 14px; color: #3a5ec7;	
			}
		#two-column .entry ul
			{
			margin-bottom: 18px;
			}
		#two-column .entry .flush-left-list li p
			{
			margin-bottom: 0px;
			}
		#two-column .entry ul.flush-left-list li h4
			{
			display: inline; float: left; margin-right: 6px; font-size: 12px;
			}
		#two-column .entry .flush-left-list li cite.shortcut
			{
			color: #3a5ec7; font-weight: bold; font-style: normal;
			}
		
				
							
							
							
							
							
								
						

			
		
		#footer
			{
			clear: both; float: left; width: 100%; height: 367px; position: relative; margin-top: 83px;
			background: url("images/footer-bg.png") repeat-x;
			}
			#footer #from-the-blog
				{
				background: url("images/from-the-blog-bg.png");
				height: 248px; width: 312px; float: left; margin-right: 12px;
				}
			#footer #from-the-blog li
				{
				height: 40px; width: 312px; display: block;
				background: url("images/from-the-blog-row-bg.png") repeat-x;
				}
				#footer #from-the-blog li h3 a
					{
					font-family: Helvetica, Arial, Sans-Serif; font-size: 14px; font-weight: bold; color: #f2f2f2; letter-spacing: -0.04em;
					text-decoration: none; position: relative; top: 0px; left: 8px;
					}
					#footer #from-the-blog li h3 a:hover
						{
						color: #fae501;
						}
				
				#footer #from-the-blog li cite
					{
					font-family: Helvetica, Arial, Sans-Serif; font-size: 11px; font-style: normal; font-weight: bold; color: #035182; 
					position: relative; top: -8px; left: 9px;
					}
					#footer #from-the-blog li cite a:link, #footer #from-the-blog li cite a:visited
						{
						text-decoration: none; color: #035182;
						}
					#footer #from-the-blog li cite a:hover, #footer #from-the-blog li cite a:active, #footer #from-the-blog li cite a:focus
						{
						color: #fae501;
						}
			#footer #from-the-blog h2
				{
				width: 312px; height: 28px; display: block; position: absolute; top: -28px; left: 0; text-indent: -9999px;
				background: url("images/from-the-blog-h2.png") no-repeat;
				}
			
			#footer #twitter_div #twitter_update_list
				{
				background: url("images/twitter-bg.png");
				height: 248px; width: 312px; float: left; margin-right: 12px;
				}
				#footer #twitter_div #twitter_update_list li a
					{
					background: url("images/twitter-cite-bg.png") repeat-x; display: block; padding: 4px 8px;
					font-family: Helvetica, Arial, Sans-Serif; font-weight: bold; font-style: normal; color: #c1e4f4;
					position: relative; top: 1px; text-decoration: none;
					font-size: 11px !important; 
					}
				#footer #twitter_div #twitter_update_list li span
					{
					width: 295px; display: block; padding: 0; position: inherit; 
					background: url("images/twitter-row-bg.png") repeat-x; color: #f3f3f3;
					font-family: Helvetica, Arial, Sans-Serif; font-size: 11px; font-weight: bold; padding: 6px 8px; line-height: 1.3;
					}
					#footer #twitter_div #twitter_update_list li span a
						{
						text-decoration: none; color: #f3f3f3; background: none; padding: 0; display: inline;
						}
						#footer #twitter_div #twitter_update_list li span a:hover
							{
							color: #00628f;
							}
						
					
					
				#footer #twitter_div h2
					{
					width: 312px; height: 28px; display: block; position: absolute; top: -28px; left: 324px; text-indent: -9999px;
					background: url("images/twitter-h2.png") no-repeat;
					}
			#footer #flickr
				{
				background: url("images/flickr-bg.png") no-repeat;
				height: 248px; width: 312px; float: left;
				}
				#footer #flickr h2
					{
					width: 312px; height: 28px; display: block; position: absolute; top: -28px; left: 648px; text-indent: -9999px;
					background: url("images/flickr-h2.png") no-repeat;
					}
				#footer #flickr div
					{
					width: 68px; height: 68px; display: inline; float: left; margin: 4px; position: relative; top: 0; left: 4px;
					background: url("images/flickr-image-border.png") no-repeat;
					}
				#footer #flickr img
					{
					display: block; position: relative; top: 6px; left: 6px; height: 56px; width: 56px;
					}
					#footer #flickr a
						{
						display: block; width: 68px; height: 68px;
						}
		#not-so-semantic-footer-wrap
			{
			background: url("images/footer-bg.png") repeat-x;
			width: 100%; height: 367px; float: left; margin-top: -367px;
			}
		#footer #copyright
			{
			position: absolute; top: 262px; left: 0; width: 50%; text-align: left;
			font-family: Helvetica, Arial, Sans-Serif; font-size: 11px; font-weight: bold; font-style: normal; color: #272727; 
			}
			#footer #copyright li
				{
				display: inline; margin: 3px 3px 3px 0px; padding-left: 8px;
				background: url("images/list-bullet.png") center left no-repeat; 
				}
				#footer #copyright li.first
					{
					background: none; margin-left: 0; padding-left: 0;
					}
			#footer #copyright a
				{
				text-decoration: none;
				}
				#footer #copyright a:link
					{
					color: #272727;
					}
				#footer #copyright a:visited
					{
					color: #a4a4a4;
					}
				#footer #copyright a:hover, #footer #copyright a:active, #footer #copyright a:focus
					{
					color: #f5742e;
					}
			#footer #copyright cite
				{
				font-style: normal;
				}
		#footer #footer-nav
			{
			position: absolute; top: 262px; right: 0; width: 50%; text-align: right;
			font-family: Helvetica, Arial, Sans-Serif; font-size: 11px; font-weight: bold; font-style: normal; color: #272727; 
			}
		#footer #footer-nav li
			{
			display: inline; margin: 3px 3px 3px 0px; padding-left: 8px;
			background: url("images/list-bullet.png") center left no-repeat; 
			}
			#footer #footer-nav li.first
				{
				background: none; margin-left: 0; padding-left: 0;
				}
		#footer #footer-nav a
			{
			text-decoration: none;
			}
			#footer #footer-nav a:link
				{
				color: #272727;
				}
			#footer #footer-nav a:visited
				{
				color: #a4a4a4;
				}
			#footer #footer-nav a:hover, #footer #copyright a:active, #footer #copyright a:focus
				{
				color: #f5742e;
				}
		#footer #footer-nav cite
			{
			font-style: normal;
			}

#comments li
	{
	position: relative;
	}

#comments-template .gravatar
	{
	width: 74px; height: 74px; position: absolute; top: 50px;
	background: url("images/gravatar-border.png") no-repeat; padding: 5px 0 0 5px;
	}
	
#comments h3
	{
	font-size: 12px; font-weight: bold; color: #3253af;
	}
	#comments h3 a:link, #comments h3 a:visited
		{
		color: #3253af; text-decoration: none;
		}
	#comments h3 a:hover, #comments h3 a:active, #comments h3 a:focus
		{
		color: #e32c5f; text-decoration: none;
		}
#comments .comment-time
	{
	position: relative; top: -6px;
	font-size: 12px; font-style: normal; font-weight: bold; color: #c4c4c4;
	}
	
#comments .the-comment
	{
	width: 528px; position: relative; top: -8px; left: 96px; min-height: 80px; height: auto !important; height: 80px;
	}
#comments li
	{
	padding-bottom: 10px; padding-top: 10px;
	background: url("images/comment-footer.png") bottom left repeat-x;
	}
	#comments li p
		{
		margin-bottom: 12px;
		}
	
#comments-template .comment-author, #comments-template .comment-email, #comments-template .comment-url
	{
	margin: 12px 0;
	}
#comments-template .comment-author label cite, #comments-template .comment-email label cite, #comments-template .comment-url label cite, #comments-template .comment-message label cite
	{
	position: absolute; left: 0;
	font-size: 12px; text-transform: uppercase; color: #3253af; font-weight: bold; font-style: normal;
	}
#comments-template .comment-author input, #comments-template .comment-email input, #comments-template .comment-url input
	{
	border: 1px solid #d8d8d8;
	width: 204px; position: relative; left: 108px; padding: 3px 2px;
	font-size: 12px; color: #3253af;
	font-family: Helvetica, Arial, Sans-Serif;
	}
	#comments-template input:hover, #comments-template input:active, #comments-template input:focus, #comments-template #data:hover, #comments-template #data:active, #comments-template #data:focus
		{
		border: 1px solid #e32c5f;
		}
#comments-template .comment-author cite, #comments-template .comment-email cite, #comments-template .comment-url cite
	{
	position: relative; left: 129px;
	font-weight: bold; font-style: normal; color: #c9c9c9;
	}
	
#comments-template .comment-message textarea
	{
	border: 1px solid #d8d8d8;
	width: 528px; position: relative; left: 108px; padding: 3px 2px;
	font-size: 12px; color: #3253af;
	font-family: Helvetica, Arial, Sans-Serif;
	}
#comments-template #submit
	{
	width: 70px; height: 38px; text-indent: -9999px; position: relative; left: 108px;
	background: url("images/comment-send.png") no-repeat; margin-top: 24px;
	}
	#comments-template #submit:hover
		{
		background-position: bottom left;
		border: none; cursor: pointer;
		}
	#comments-template #submit:focus, #comments-template #submit:active
		{
		border: none;
		}
#comments-template .comment-submit cite
	{
	font-weight: bold; font-style: normal; color: #c9c9c9;
	position: relative; top: -1px; left: 130px;
	}
	
#comments-template .comment-author
	{
	margin-top: 24px;
	}