/***********************************************************************************************************************
DOCUMENT: style/format.css
DEVELOPED BY: Ryan Stemkoski
COMPANY: Zipline Interactive
EMAIL: ryan@gozipline.com
PHONE: 509-321-2849
DATE: 2/26/2009
DESCRIPTION: This document contains the structural formatting files for the accordion style menu.
************************************************************************************************************************/
#wrapper {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	}

.accordionButton {	
	width: 900px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	cursor: pointer;
	}
	
.accordionContent {	
	width: 900px;
	float: left;
	padding-left:25px;
	_float: none; /* Float works in all browsers but IE6 */
	/*background: #95B1CE;*/

	}

.accordionContent p {
	font-size:17px;
	line-height:26px;
	width:700px;	
}	
.accordionContent img {
	padding-top:30px;
	padding-bottom:20px;
	bottom:200px;
	width:900px;
}
.vid{
	padding-top:30px;
	padding-bottom:20px;
}
	
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	/*background: #990000;*/
	}
	
.over {
	/*background: #CCCCCC;*/
	}
	
	
	/*
	Description: The Wu portfolio
	Author: Ken Wu
	Version: 1.0
	*/

	/* ------------------------------------------------------
		CSS Reset

		Based in part on Eric Meyer's CSS Reset and
		Thierry Koblentz's Base CSS

		Last updated: 2010.07.31
	-------------------------------------------------------*/

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
	}

	html {
		height: 100%;
	}

	body {
		font-family: Georgia, Times, Serif;
		font-size: 20px;
		font-weight: normal;
		line-height: 40px;
		color: #666;
		background-image:url('../images/sky.jpg'); 
		font-weight: normal;
	}

	h1 {
		font-size: 60px;
		font-weight: normal;
		letter-spacing: -2px;
		line-height: 60px;
	}

	h2{
		font-weight : normal;
		line-height: 40px;

	}

	/* Form elements don't inherit font styles by default */
	input, select, textarea {
		font-family: inherit;	/* Copy font-family from body for IE6/IE7 compatibility */
		font-size:1em;	/*font-size: 1em; Works for IE6*/
		font-weight: inherit;
	}

	a { text-decoration: none; outline: none; color: #f06; }
	a:link {  }
	a:visited {  }	/* SET */
	a:hover { text-decoration: underline; }
	a:active {  }	/* SET */

	/* Remember to remove the margin when using ul for navigation or other semantic uses */
	ul, ol {
		/*margin-left: 1.5em;*/
	}

	blockquote {
		margin-left: 1em;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}

	img {
		vertical-align: bottom;
		border: 0;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	/* Remove outline on flash objects */
	object { outline: none; }

	/* Courtesy of Mzajac of Wikipedia: http://en.wikipedia.org/wiki/User:Mzajac/monobook.css/Superscript_fix */
	sup, sub {
		vertical-align: baseline;
		position: relative;
	}
	sup { bottom: 0.33em; }
	sub { bottom: -0.25em; }

	label { cursor: pointer; }

	/* this is to fix IE 6 and 7 which create extra right/left padding on buttons
	 * IMPORTANT: because IE 6 does not understand the first selector below, you need to apply the class "inputButton" to all input of type="button" in your documents
	 * the first declaration is for IE 6 and 7, the second one for IE 6 only, the third one is for all browsers.
	 */
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.inputButton {
	  *overflow: visible;
	  _width: 0;
	  padding: .2em .4em;
	}

	/* CLEAR FIX*/
	.clearfix:after {content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;}
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

	#container{
		width: 1000px;
		margin:0 auto;	
	}

	#primary_navigation li{
		margin: 0;
		padding-right: 30px;
		padding-bottom: 50px;
		list-style: none;
		display: inline; 
	}


	#header{
		padding-top:80px;
		padding-bottom:80px;
	}
	#header h1{
		padding-top:40px;
		padding-bottom:40px;
	}

	.project{
		width:500px;
	}

	.project h1{
		position:relative;
		top:200px;
		font-size:80px;
		padding-bottom:40px;
	}

	.project p{
		position:relative;
		top:190px;
		font-size:16px;
		line-height:23px;
		width:380px;
	}

	.project img{

		padding-left:30px;
	}
/*
	.detail {
		padding-top:80px;
		padding-bottom:100px;
	}

	.detail p {
		line-height:23px;
	}

	.detail img{
		padding-top:30px;
	}
*/
#footer h1{
	top:100px;
	padding-bottom:15px;
}

#footer{
	float: left;
	position:relative;
	top:170px;
	padding-bottom:200px;
	
}