body {

		background: #000 url('images/background.png') no-repeat fixed top right;		
		font-family: georgia, serif;
		font-size: 10pt; 
		color: #888;
		letter-spacing: 1.3pt;
		line-height: 15pt;
		margin: 0;

	}
	
a {
		color: #fff;
		font-style: italic;
		text-decoration: none;
		}
		
a:hover {
		color: #ff0;
		text-decoration: none;

}	

a:active {
  		outline: none;
}



div.menubar {
	position: fixed;
	width: 100%;
	height: 32px;
	background: #000;
	opacity: .85;
	top: 30px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	z-index: 2;
		}
		
	div.menubarsquirrel{
		width: 717px;
		padding-top: 8px;
		margin-left: auto;
		margin-right: auto;

	}

	.topnavlinks {
		font-family: georgia, serif;
		font-variant: normal;
		font-style: italic;
		line-height: 1pt;
		margin-right: 40px;
		color: #fff;
		letter-spacing: 1.2pt;
		text-decoration: none;
	}
	
	.topnavlinks:hover {	
		color: #ff0;
	}
		

div.container{
		margin-left: auto;
		margin-right: auto;
		width: 717px;
		margin-top: 85px;
		
	}
		
	div.first {
		float: left;
		width: 225px;
	}
		
	div.secondandthird {
		float: right;
		width: 471px;
		padding-bottom: 20px;

		}
		
	div.second {
		float: left;
		width: 225px;
		}
		
	div.third {
		float: right;
		margin-left: 8px;
		width: 225px;
		}
		




h1 {
	position: relative;
	font-style: italic;
	font-weight: normal;
	font-size: 16pt;
	top: 10px;
	margin-bottom: 30px;
	color: #fff;	
	z-index: 0;
	line-height: 22pt;
}

.attribute {
	color: #666;
	font-style: normal;
}
		
/* ===========================
==============================
== modules be below, yarrrr ==
==============================		
==============================
============ */	

	div.huge {
		height:500px;
		margin-bottom: 20px;
		padding: 10px;
		border: 1px solid #111;
		}
	
	div.big:hover .nametag{
		color: #000;
		
	}
	
	div.big {
		display: block;
		height:300px;
		margin-bottom: 20px;
		padding-left: 10px;		
		border: 1px solid #111;
		}

	div.medium:hover .nametag{
		color: #000;
		
	}
		
	div.medium {
		height:180px;
		margin-bottom: 20px;	
		padding-left: 10px;		
		border: 1px solid #111;
		}

	div.small:hover .nametag{
		color: #000;
		
	}
		
	div.small {
		height:60px;
		margin-bottom: 20px;
		padding-left: 10px;		
		border: 1px solid #111;
		}
		
	.nametag {
		top: 10px;
		padding: 6pt 7pt 6.5pt 7pt;	
		background: #000;
		opacity: .7;
		text-transform: uppercase;
		font-size: 7pt;
		font-family: georgia, serif;
		font-style: italic;
		color: #fff;
		line-height: 1.5em;
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
		text-decoration: none;
		font-variant: normal;
		letter-spacing: 2.5pt;
		z-index: 3;
			
		}
	
	.nametag:hover {
		color: #333;
	}
	
	.moduletext {
		margin-left: 5px;	
		margin-right: 10px;
		padding-top: 5px;
		line-height: 15pt;
	}
		
/* ===========================
==============================
=== main backgrounds =========
==============================		
==============================
============ */			

/* =========== big =========*/

#atlas {
	background: url(images/splashpage/atlas.jpg) no-repeat ;
}

#flex {
	background: url(images/splashpage/flex.jpg) no-repeat ;
}

#left {
	background: url(images/splashpage/left.jpg) no-repeat ;
}

#redvblue {
	background: url(images/splashpage/redvblue.jpg) no-repeat ;
}

#vitalita {
	background: url(images/splashpage/vitalita.jpg) no-repeat ;
}

/* =========== med =========*/

#confluence {
	background: url(images/splashpage/confluence.jpg) no-repeat ;
}

#cmupress {
	background: url(images/splashpage/cmupress.jpg) no-repeat ;
}

#photography {
	background: url(images/splashpage/photo.jpg) no-repeat ;
}

#codeandtheory {
	background: url(images/splashpage/codeandtheory.jpg) no-repeat ;
}

/* =========== small =======*/

#sustainability {
	background: url(images/splashpage/sustainability.jpg) no-repeat ;
}

#spring {
	background: url(images/splashpage/spring.jpg) no-repeat ;
}

#dover {
	background: url(images/splashpage/dover.jpg) no-repeat ;
}

#atari {
	background: url(images/splashpage/atari.jpg) no-repeat ;
}

#soundbytes {
	background: url(images/splashpage/soundbytes.jpg) no-repeat ;
}

#processing {
	background: url(images/splashpage/processing.jpg) no-repeat ;
}

#zippgo {
	background: url(images/splashpage/zippgo.jpg) no-repeat ;
}

/* ===========================
==============================
==== contact backgrounds =====
==============================		
==============================
============ */	

#resume {
	background: url(images/splashpage/resume.jpg) no-repeat ;
}

#blog {
	background: url(images/splashpage/blog.jpg) no-repeat ;
}

#contact {
	background: url(images/splashpage/contact.jpg) no-repeat ;
}

#me {
	background: url(images/splashpage/me.jpg) no-repeat ;
}

#links {
	background: url(images/splashpage/friends.jpg) no-repeat ;
}

/* ===========================
==============================
==== project menu things =====
==============================		
==============================
============ */	
.northeast {
	position: fixed;
	margin-left: 100px;
	text-align: right;
}

.newyork {
	margin-top: 16px;
	min-height: 20px;
}


.newyork a {
	margin-left: 0;
	margin-right: 5px;
	}
	
#indexmenu {
	background: #ff0;
}

/* ===========================
==============================
==== js accordian things =====
==============================		
==============================
============ */

.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:200px;
}

.AccordionTitle
{
  height:30px;

  font-style: italic;
  color: #fff;
  padding-right: 15px;
  overflow:hidden;
  cursor:pointer;
  vertical-align:middle;
  text-align:right;
  background-repeat:repeat-x;
  display:table-cell;
  background-image:url('title_repeater.jpg');
  -moz-user-select:none;
}

.AccordionContent
{
  height:0px;
  overflow:hidden;
  display:none; 
}

.AccordionContainer
{

}