/*
YellowBlack CSS
*/

/*
Root Layouts
*/
html, body
{
	width: 100%;
	height: 100%;
	min-height: 760px;
	padding: 0px;
	margin: 0px;
}

/*
Typography
*/
body 
{ 
	font-family: "Lucida Sans";
	font-size: 16px;
}

p
{
	padding: 0px;
	margin: 0px 0px 1em 0px;
}

a
{
	text-decoration: none;
}

/*
WP Thumbnails
*/
div#header .alignleft
{
	text-align: left;
	float: left;
	clear: none;
}

div#header .size-thumbnail
{
	padding: 10px 10px 10px 0px;
}

div#mainContent .alignleft
{
	text-align: left;
	float: left;
	clear: none;
}

div#mainContent .size-thumbnail
{
	padding: 0px 10px 10px 0px;
}

pre
{
	font-family: "Courier New";
	font-size: 12pt;
	color: #000;
}

/*
Link Effects
*/
a:hover
{
	cursor: pointer;
}

table.bubbletip
{
	z-index: 3000;
}

/*
wrapper
*/
div#wrapper
{
	min-width: 1000px;
	min-height: 760px;
	width: 100%;
	height: 100%;
	padding: 0px;
	position: relative;
}

/*
Header
*/
div#headerWrapper
{
	width: 100%;
	background-color: #252525;
}

div#headerWrapper div#header
{
	width: 1000px;
	height: 400px;
	margin: 0px auto;
	background-color: #252525;
	color: #FFFFFF;
	position: relative;
}

	div#headerWrapper div#header div#headerContent
	{
		position:relative;
		max-height: 300px;
		padding: 50px;
	}
		/* HOME HEADER */
		div#headerWrapper div#header div#headerContent div.home
		{
			color: #FFF;
			font-size: 1.8em;
			font-weight: normal;
		}
		
		div#headerWrapper div#header div#headerContent div.home p
		{
			text-align: justify;
		}
		
		div#headerWrapper div#header div#headerContent span.highlight
		{
			color: #9bf01b;
		}
		
		/* ABOUT HEADER */
		div#headerWrapper div#header div#headerContent div.about
		{
			color: #FFF;
			font-size: 1.8em;
			font-weight: normal;
		}
		
		div#headerWrapper div#header div#headerContent div.about p
		{
			text-align: justify;
		}
		
		div#headerWrapper div#header div#headerContent div.about span.highlight
		{
			color: #9bf01b;
		}

	div#headerWrapper div#header div.yellowBlackLogo
	{
		position:absolute;
		width: 249px;
		height: 116px;
		top: 342px;
		right: 200px;
		z-index: 1000;
	}
	
	div#headerWrapper div#header div.menubar
	{
		position: absolute;
		max-width: 580px;
		bottom: -1.5em;
	}
	
		div#headerWrapper div#header div.menubar div.menubarItem
		{
			float: left;
			height: 50px;
			position: relative;
			font-size: 1.5em;
			font-variant: small-caps;
			margin: 0px 5px;
			color: #506252;
		}
		
		div#headerWrapper div#header div.menubar div.menubarItem a.down
		{
			color: #506252;
		}
		
		div#headerWrapper div#header div.menubar div.menubarItem a.up
		{
			color: #FFFFFF;
		}

		div#headerWrapper div#header div.menubar div.down
		{
			float: left;
			height: 25px;
			margin-top: 25px;
		}
		
		div#headerWrapper div#header div.menubar div.up
		{
			float: left;
			height: 50px;
		}
		
	/* BLOG HEADER */
	div#headerContent div.post h2
	{
		font-size: 2em;
	}
	
	div#headerContent div.post a
	{
		color: #888;
		text-decoration: none;
	}
	
	div#headerContent div.post p.timeAndAuthor
	{
		font-size: 1em;
		color: #555;
	}
	
	div#headerContent div.post p.title
	{
		margin: 0px;
	}
	
	div#headerContent div.post div.entry
	{
		padding: 5px;
	}
	
	div#headerContent div.post div.entry p
	{
		line-height: 1.5em;
		text-align: justify;
	}
	
	div#headerContent div.post div.entry p.readMore a
	{
		color: #cccccc;
	}
	
	div#headerContent div.post div.meta
	{
		position: absolute;
		bottom: -20px;
		padding-left: 0px;
	}
	
	/* PROJECTS HEADER */
	div#headerContent div.project h2
	{
		font-size: 2em;
	}
	
	div#headerContent div.project a
	{
		color: #888;
		text-decoration: none;
	}
	
	div#headerContent div.project p.projectHighlight
	{
		font-size: 1em;
		color: #9bf01b;
	}
	
	div#headerContent div.project p.title
	{
		margin: 0px;
	}
	
	div#headerContent div.project div.entry
	{
		padding: 5px;
	}
	
	div#headerContent div.project div.entry p
	{
		line-height: 1.5em;
		text-align: justify;
	}
	
	div#headerContent div.project div.entry p.readMore a
	{
		color: #cccccc;
	}
	
	div#headerContent div.project div.meta
	{
		position: absolute;
		bottom: -20px;
		padding-left: 0px;
	}

	
	/*contact section*/
	div#contactHeaderWrapper ul li
	{
		display: inline;
		float: left;
		text-align: center;
		width: 33%;
	}
	
	div#contactHeaderWrapper h1
	{
		font-size: 2.2em;
		margin-bottom: 1em;
	}
	
	div#contactHeaderWrapper p
	{
		margin-top: 1em;
	}
	
	div#contactHeaderWrapper p a
	{
		color: #FFFFFF;
		text-decoration: none;
	}
	
	div#contactHeaderWrapper p span.title
	{
		color: #777;
		font-size: .8em;
	}
	
/*
Footer
*/
div#footerWrapper
{
	width: 100%;
	background-color: #363636;
	bottom: 0px;
	height: 120px;
}

div#footerContent
{
	width: 1000px;
	height: 120px;
	margin: 0px auto;
	padding: 0px;
	background-color: #363636;
	color: #FFFFFF;
	position: relative;
}
	div#footerContent div.footerLinks
	{
		position:absolute;
		top: 100px;
		right: 0px;
		width: auto;
		font-style: italic;
		color: #b0b000;
	}
	
	div#footerContent div.footerLinks ul
	{
	}
	
		div#footerContent div.footerLinks ul li
		{
			display: inline;
			margin:0px 5px;
		}
	
			div#footerContent div.footerLinks ul li a
			{
				color: #b0b000;
				float: left;
				margin: 0em 0.5em 0em 0em;
			}

/*
Main
*/
div#mainWrapper
{
	background-color: #FFFFFF;
	min-width: 100%;
	padding: 0px 0px 0px 0px;
}

div#mainContent
{
	width: 1000px;
	margin: 0px auto;
	padding-top: 5em;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	color: #333333;
}
	
	div#mainContent div.post
	{
		clear: both;
		overflow: auto;
		padding-bottom: 20px;
		padding-top: 20px;
		border-bottom: 1px solid #CCC;
	}
	
		div#mainContent div.post div#comments
		{
			padding: 10px;
			border: 1px solid #CCC;
			width: 100%;
		}
		
			div#mainContent div.post div#comments p.loggedIn
			{
				margin: 30px 0px 0px 0px;
				text-align: right;
			}
		
			div#mainContent div.post div#comments h4#comments
			{
				visibility: hidden;
				display: none;
			}
			
			div#mainContent div.post div#comments div.commentEntry
			{
				padding: 10px;
			}
			
			div#mainContent div.post div#comments div.commentEntry:nth-of-type(odd)
			{
				background-color: #EEE;
			}
			
			div#mainContent div.post div#comments div.commentEntry:nth-of-type(even)
			{
				background-color: #FFFFFF;
			}
			
				div#mainContent div.post div#comments div.commentEntry img.avatar, div#mainContent div.post div#comments div.commentEntry img.photo
				{
					float: left;
				}
	
	div#mainContent div.post ul.postList li
	{
		display: inline;
		float: left;
	}

		div#mainContent div.post ul.postList li.left
		{
			margin-right: 20px;
			margin-left: 50px;
			width: 100px;
		}
			div#mainContent div.post ul.postList li.left>p
			{
				margin-bottom: 5px;
			}
			
			div#mainContent div.post ul.postList li.left p.author
			{
				color: #333;
			}
			
			div#mainContent div.post ul.postList li.left p.time
			{
				font-size: 0.8em;
				color: #AAA;
			}
			
			div#mainContent div.post ul.postList li.left p.catTag
			{
				font-size: 8px;
				color: #AAA;
			}
			
			div#mainContent div.post ul.postList li.left ul.catTag
			{
				font-size: 12px;
				color: #AAA;
			}
			
				div#mainContent div.post ul.postList li.left ul.catTag li
				{
				display: block;
				float: none;
				}
				
				div#mainContent div.post ul.postList li.left ul.catTag li ul.categories li
				{
					padding-left: 10px;
				}
					div#mainContent div.post ul.postList li.left ul.catTag li ul.categories li a
					{
						font-size: 12px;
						color: #AAA;
						text-decoration: none;
					}
				
				div#mainContent div.post ul.postList li.left ul.catTag li ul.tags li
				{
					padding-left: 10px;
				}
					div#mainContent div.post ul.postList li.left ul.catTag li ul.tags li a
					{
						font-size: 12px;
						color: #AAA;
						text-decoration: none;
					}
		
		div#mainContent div.post ul.postList li.right
		{
			width: 700px;
			color: #999;
		}
		
			div#mainContent div.post ul.postList li.right h2
			{
				font-size: 1.5em;
				padding-bottom: 5px;
			}
			
			div#mainContent div.post ul.postList li.right h3
			{
				font-size: 0.8em;
				padding-bottom: 1em;
				color: #AAA;
			}
				div#mainContent div.post ul.postList li.right h3 a
				{
					font-size: 1em;
					padding-bottom: 1em;
					color: #AAA;
					text-decoration: none;
				}
				div#mainContent div.post ul.postList li.right h3 a:hover
				{
					color: #222;
				}
			
			div#mainContent div.post ul.postList li.right a
			{
				color: #333;
				text-decoration: none;
			}
			
			div#mainContent div.post ul.postList li.right p
			{
				text-align: justify;
				line-height: 1.2em;
			}

		/* About main Content */
		div#mainContent div.about p
		{
			margin: 0px 0px 10px 0px;
			text-align: justify;
			line-height: 1.2em;
			color: #999;
		}
	
			div#mainContent div.about p.sectionTitle
			{
				font-size: 1.8em;
				margin: 30px 0px 5px 0px;
				color: #444;
			}
			
			div#mainContent div.about p.name
			{
				font-size: 1.5em;
				color: #888;
				margin: 0px 0px 10px 0px;
			}
			
	/* projects main content */
	div#mainContent ol.projects
	{
		list-style-type: decimal;
		margin-left: 30px;
	}
		div#mainContent ol.projects li
		{
			list-style-type: decimal;
			margin-left: 30px;
		}
	
	div#mainContent div.projectList
	{
		clear: both;
		overflow: auto;
		padding-bottom: 20px;
		padding-top: 20px;
	}
	
	div#mainContent .bottomBorder
	{
		border-bottom: 1px solid #CCC;
	} 
	
	div#mainContent div.projectList a
	{
		color: #333;
		text-decoration: none;
	}
	
	div#mainContent div.projectList p
	{
			text-align: justify;
			line-height: 1.2em;
	}
	
	div#mainContent div.projectList h2
	{
		font-size: 1.5em;
		padding-bottom: 5px;
	}
	
	div#mainContent div.projectList h3
	{
		font-size: 0.8em;
		padding-bottom: 1em;
		color: #AAA;
	}
		div#mainContent div.projectList h3 a
		{
			font-size: 1em;
			padding-bottom: 1em;
			color: #AAA;
			text-decoration: none;
		}
		div#mainContent div.post ul.projectList h3 a:hover
		{
			color: #222;
		}