/*
Theme Name:     Critical History
Version:        0.1.0
*/


body {
	font-family: 'Helvetica';
	font-size: 11px;
	color: white;
	background-color: #A9B3BC;
	line-height: 1.4;
	margin: 0;
	padding: 0;
}

/*
--------------------
HOME PAGE LAYOUT STRUCTURE
--------------------
*/


#content {

	position: relative;
	margin: 0 auto;
	width: 1140px;
	height: 900px;
	z-index: 2;

}


#banner {

	position: absolute;
	top: 220px;
	width: 100%;
	height: 250px;
	background-color: red;
	z-index: 1;

}

#thinkingThingsWrapper {

	position: relative;
	top: 235px;
	left: 10px;
	width: 250px;

}

#footer {

	position: absolute;
	top: 675px;
	left: 190px;
	width: 760px;
	text-align: center;
	
}

#project01 {
  
  	position: absolute;
  	display: block;
	top: 10px;
	left: 880px;
	width: 300px;
	height: 265px;
	background: url('images/pigeonturn_home.gif') no-repeat 0 0;
	cursor: pointer;
	background-position: 0 0;

}

#project01 span {

  position: absolute;
  top: -999em;

}


#project01Blurb {

	position: relative;
	width: 300px;
	top: 30px;
	height: 30px;
	display:none;
	z-index: 1;
	background-color: red;
	opacity: 0.9;
	text-align: right;

}


#rolloverproj01 {

	position: relative;
	margin-outside: red;
	
	

}


#project02 {

	position: absolute;
	top: 305px;
	left: 625px;
	width: 500px;
	height: 333px;
	background: url('images/pc_home.gif') no-repeat 0 0;
	cursor: pointer;
	background-position: 0 0;
	
}

#project02 span {

  position: absolute;
  top: -999em;

}

#project02Blurb {

	position: relative;
	top: 225px;
	width: 500px;
	height: 30px;
	display: none;
	z-index: 1;
	background-color: red;
	opacity: 0.9;
	text-align: right;


}


#project03Wrapper {

	position: absolute;
	top: 260px;
	left: 300px;
	width: 300px;
	height: 300px;
	cursor: pointer;

}
	

#project03 {

	position: absolute;
	width: 300px;
	height: 300px;
	background-image: url('images/ParryThumbnailSidebar.png');

}


#project03Blurb {
	
	position: absolute;
	width: 300px;
	height: 30px;
	top: 50px;
	display:none;
	z-index: 1;
	background-color: red;
	opacity: 0.9;
	text-align: right;
	
}



#project04 {

	position: absolute;
	top: 60px;
	left: 265px;
	width: 591px;
	height: 150px;
	background: url('images/sputnik_home.gif') no-repeat 0 0;
	cursor: pointer;
	background-position: 0 0;
	
}

#project04 span {

  position: absolute;
  top: -999em;

}


#project04Blurb {
	
	position:absolute;
	width: 592px;
	height: 30px;
	top: 100px;
	display:none;
	z-index: 1;
	background-color: red;
	opacity: 0.9;
	text-align: right;


}


.rollover {

	position: relative;
	margin-outside: red;
	

}  


/*
--------------------
ABOUT PAGE LAYOUT STRUCTURE
--------------------
*/

#about {

	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #F62817;
	opacity: .92;
	display: none;
	z-index: 5;

}

#aboutText {

	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 650px;
	top: 175px;
	background-color: transparent;
	font-size: 14px;
	color: white;

}

#close {

position: absolute;
top: 140px;
color: white;
font-size: 18px;
right: 400px;

}



/*
--------------------
NAVIGATION BAR
--------------------
*/

#wrapper {

	position: relative;
	margin: 0 auto;
	width: 900px;

}

#nav {

	position: relative;
	width: 200px;
	background-color: transparent;
	z-index: 2;
	float: left;

}

#homeButton {

	position: relative;
	left: 10px;
	top: 300px;
	width: 200px;
	background-color: #F62817;
	height: 50px;

}

#projectDescription {

	position: relative;
	top: 300px;
	left: 10px;
	width: 200px;

}

.icon {

	position: relative;
	text-align: center;
	top: 350px;
	padding: 5px;
	

}


/*
--------------------
PROJECT CONTENT
--------------------
*/

#projectContent {

	position: relative;
	width: 630px;
	padding: 10px;
	float: right;
	background-color: transparent;

}



/*
---------------------
PROJECT 01 CONTENT (SKINNER)
---------------------
*/

/*
--------------------
PROJECT 01 HOME PAGE CONTENT
--------------------
*/

#proj01ContentWrapper {

	position: relative;
	width: 230px;
	top: 110px;
	float: left;
	
}

.proj01subWrapper {

	position: relative;
	width: 230px;
	height: 100px;

}
	
.proj01CategWindow {

	position: relative;
	top:175px;
	left:50px;
	width: 380px;
	padding: 10px;
	text-align: justify;
	float: right;

}

.proj01Categ {

	position: relative;
	display: none;
	float: left;

}

.selected {

	
}

.handle {

	display: none;

}

.DescriptionBlurb {

	display: none;
	
}

.SpaceBlurb {

	display: none;
	
}

.PigeonBlurb {

	display: none;
	
}

.ControlBlurb {

	display: none;
	
}

.NothingBlurb {

	display: none;
	
}

.DescriptionLinkText {

	display: none;
	left: 50px;
	float: right;

}

.SpaceLinkText {

	display: none;
	left: 50px;
	float: right;

}

.PigeonLinkText {

	display: none;
	left: 50px;
	float: right;

}

.ControlLinkText {

	display: none;
	left: 50px;
	float: right;

}

.NothingLinkText {

	display: none;
	left: 50px;
	float: right;

}

.proj01Description {

  display: block;
  width: 150px;
  height: 94px;
  background: url("images/descripgif.gif") no-repeat 0 0;

}

.proj01Description:hover {

  background-position: 0 -94px;

}

.proj01Description span {

  position: absolute;
  top: -999em;

}

.proj01Space {

  display: block;
  width: 150px;
  height: 94px;
  background: url("images/spacegif.gif") no-repeat 0 0;

}

.proj01Space:hover {

  background-position: 0 -94px;

}

.proj01Space span {

  position: absolute;
  top: -999em;

}

.proj01Pigeon {

  display: block;
  width: 150px;
  height: 94px;
  background: url("images/pigeongif.gif") no-repeat 0 0;

}

.proj01Pigeon:hover {

  background-position: 0 -94px;

}

.proj01Pigeon span {

  position: absolute;
  top: -999em;

}

.proj01Control {

  display: block;
  width: 150px;
  height: 94px;
  background: url("images/controlgif.gif") no-repeat 0 0;

}

.proj01Control:hover {

  background-position: 0 -94px;

}

.proj01Control span {

  position: absolute;
  top: -999em;

}

.proj01Nothing {

  display: block;
  width: 150px;
  height: 94px;
  background: url("images/nothinggif.gif") no-repeat 0 0;

}

.proj01Nothing:hover {

  background-position: 0 -94px;

}

.proj01Nothing span {

  position: absolute;
  top: -999em;

}

/*
----------------------------
PROJECT 01 CONTENT (SKINNER)
----------------------------
*/

#proj01NavWrapper {

	position: relative;
	width: 200px;
	left: 250px;

}

#proj01NavIcon {
	
	position: relative;
	
}

#proj01PageTitle {

	position: relative;
	top: 110px;
	left: 75px;
	
}

#proj01PageContent {

	position: relative;
	width: 630px;
	top: 50px;
	padding: 10px;
	text-align: left;
	float: right;
	background-color: transparent;
	
}

#embedVideo {

	position: relative;
	text-align: left;
	
}

#embedAudio {
	position: relative;
	text-align: left;
	padding: 10px;
	
}



/*
---------------------
PROJECT 02 CONTENT (PERMANENT)
---------------------
*/


#proj02 {


}

#PutnamObjects {

padding: 10px;

}

#PutnamHall {

padding: 10px;

}
	
#zeegaEmbeds iframe {

margin-left: 10px;
margin-bottom: 20px;

}



/*
---------------------
PROJECT 03 CONTENT (PARRY)
---------------------
*/


.ParryElevatorImages {

	position: relative;
	float: left;
	padding-right: 20px;
}



/*
--------------------
PROJECT 04 (COLD WAR)
--------------------
*/

#proj04introImage {

	position: relative;
	text-align: center;
	
}

#proj04linkText {

	position: relative;
	text-align: left;
	padding-top: 100px;
	padding-top: 25px;
	
}




/*
--------------------
TYPOGRAPHY
--------------------
*/

p {
	font-family: 'Helvetica';
	font-size: 13px;
	color: white;
	background-color: transparent;

}


h1 {
	font-family: 'Helvetica';
	font-size: 15px;
	color: white;
	
}

h2 {
	font-family: 'Calibri';
	font-size: 12px;
	color: white;
	
}

h3 {
	font-family: 'Calibri';
	font-size: 45px;
	color: white;
	background-color: transparent;
	
}

h4 {
	font-family: 'Calibri';
	font-size: 15px;
	color: white;
	padding-top: 5px;
	padding-left: 5px;
	
}

h5 {
	font-family: 'Calibri';
	font-size: 11px;
	color: white;
	background-color: transparent;

}


/*
--------------------
LINKS
--------------------
*/

a:link {color: white; text-decoration: none;
}
a:visited {color: white;text-decoration: none;}
a:hover {color: #333333;text-decoration: none;}
a:focus {color: white;text-decoration: none;}
a:active {color: white;text-decoration: none;}