/*
Theme Name: AlanBellows.com
Version:    3.0
Author:     Alan Bellows
Author URI: http://alanbellows.com
*/



html, body 
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}


body 
{
	background-image: url(images/bg-blue.jpg);
	background-repeat: repeat;
	background-color: #8383bf;
	font-family: 'Helvetica','Arial', sans-serif;
	overflow-x: hidden;
}

	h1, h2
	{
		display: none;
	}
	
	h3
	{
		font-weight: bold;
		font-size: 17px;
		margin: 0px;
		padding: 0px;
	}
	
		h3 .sublink
		{
			font-weight: normal;
			font-size: 12px;
		}
	
	ul
	{
		margin: 0px;
	}
	
	.big
	{
		font-size: 32px;
	}
	
	.blueText
	{
		color: #8383bf;
	}
	
	.tinyText
	{
		font-size: 50%;
	}
	
	div.horizontalRule
	{
		border-top: 1px dashed #8383bf;
		height: 0px;
	}
	
	div#content
	{
		min-width: 480px;
		max-width: 960px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	
	
		.colorSprite 
		{
			background-image: url(images/color-sprites-2011-11-10.png);
			background-repeat: no-repeat;
			
		}
		
		
		.graySprite 
		{
			background-image: url(images/gray-sprites-2010-10-25.png);
			background-repeat: no-repeat;
		}
	
		
		div#splatter
		{
			width: 815px;
			height: 489px;
			background-position: 0px -192px;
			position: absolute;
			top: 0px;
			left: -290px;
			z-index: 1;
		}
	
		div#pageTitle
		{
			display: none;
			width: 461px;
			height: 190px;
			background-position: -318px -468px;
			position: absolute;
			top: 10px;
			left: 0px;			
			z-index: 2;
		}

		div#pageTitleSmall
		{
			width: 332px;
			height: 131px;
			background-position: -0px -681px;
			position: absolute;
			top: 10px;
			left: 0px;			
			z-index: 2;
		}
		
		div#topArrowLarge 
		{
			width: 171px;
			height: 130px;
			background-position: -265px 0px;
			position: absolute;
			top: 39px;
			left: 470px;			
			z-index: 2;			
			display: none;
		}
		
		
		div#starburst 
		{
			position: absolute;
			top: 94px;
			right: -32px;			
			width: 242px;
			height: 196px;
			z-index: 1;
			background-position: -265px -129px;
			display: none;
		}
		
		div#paperContainer 
		{
			position: absolute;
			top: 150px;
			left: 0px;
			z-index: 2;
			width: 100%;
		}
		
			div#paperTop
			{
				position: absolute;
				left: 0px;
				width: 100%;
				height: 27px;
				background-position: 0px 0px;
				z-index: 5;
			}
			
			div#paper 
			{
				position: absolute;
				top: 27px;
				left: 0px;
				background-image: url(images/bg-paper.png);
				background-repeat: repeat-y;
				background-position 6px 0px; 
				padding: 50px 68px 50px 68px;
				z-index: 6;
			}
			
				div#paperInner
				{
					line-height: 1.3em;
				}
		
				div#paperBottom
				{
					position: absolute;
					width: 100%;
					height: 165px;
					margin-top: 50px;
					margin-left: -68px;
					background-position: 0px -27px;
					z-index: 5;
				}		
		

		div#tabsContainer 
		{
			position: absolute;
			top: 115px;
			left: 19px;
			height: 75px;
			z-index: 3;
			width: 100%;
		}
		
			div.tab 
			{
				float: left !important;
				height: 64px;
				cursor: pointer;
			}
		
			div#resumeTab 
			{
				width: 117px;
				background-position: 0px -850px;
			}
			
				div#resumeTab:hover, div#resumeTabActive
				{
					width: 117px;
					background-position: 0px -914px;
				}
				
			
			div#samplesTab 
			{
				width: 113px;
				background-position: -117px -850px;
			}

				div#samplesTab:hover, div#samplesTabActive
				{
					width: 113px;
					background-position: -117px -914px;
				}


			div#referencesTab 
			{
				width: 116px;
				background-position: -230px -850px;
			}

				div#referencesTab:hover, div#referencesTabActive
				{
					width: 116px;
					background-position: -230px -914px;
				}


			div#contactTab 
			{
				width: 115px;
				background-position: -346px -850px;
			}

				div#contactTab:hover, div#contactTabActive
				{
					width: 115px;
					background-position: -346px -914px;
				}
				

		h2.spriteHeading
		{
			display: block;
			margin: 50px 0px 0px -76px;
			width: 265px;
			height: 84px;
		}
		
			h2.spriteHeading:first-child
			{
				margin-top: 0px;
			}
		
			h2#summaryHeading
			{
				background-position: 0px 0px;
			}

			h2#skillsHeading
			{
				background-position: 0px -85px;
			}

			h2#experienceHeading
			{
				background-position: 0px -170px;
			}

			h2#educationHeading
			{
				background-position: 0px -255px;
			}

			h2#interestsHeading
			{
				background-position: 0px -340px;
			}

			h2#websitesHeading
			{
				background-position: 0px -425px;
			}

			h2#writingHeading
			{
				background-position: 0px -510px;
			}
			
			h2#graphicsHeading
			{
				background-position: 0px -595px;
			}

			h2#referencesHeading
			{
				background-position: 0px -680px;
			}
			
			h2#contactHeading
			{
				background-position: 0px -765px;
			}
			
			
		
			div.position,
			div.sample
			{
				padding: 12px 0 12px 0;
			}


				div.position div.name,
				div.sample div.name
				{
					
					font-weight: bold;
					font-size: 18px;
				}

				div.position div.name,
				div.position div.thumb
				{
					float: left;
					padding: 10px 0 10px 0;
					clear: left;
					width: 295px;
				}


					div.position div.titlesAndDates
					{
						font-size: 13px;
						font-weight: normal;
					}
	
				div.position div.details,
				div.sample div.details
				{
					float: left;
					width: 430px;
					padding: 10px 0 10px 0;
					font-size: 14px;
				}
				
					div.sample div.details
					{
						font-size: 12px;
					}				



			
		div#bottomLinks,
		div#random-fact
		{
			margin-top: 36px;
			padding: 0 200px 0 200px;
			line-height: 1.4em;
			text-align: center;
			font-size: 12px;
		}
		
div.resumeColumn
{
	float: left;
	width: 50%;
}