@CHARSET "ISO-8859-1";

/* SHORTHANDS: 

border: width style color;

*/

/*
Palettes:
Grey
	000 333 666 bbb ccc ddd eee fff
Blue/Orange

	colorschemedesigner.com: Hue: 225°opposite RGB: 0090FF, Max contrast

	000 033e6b 25567b 0b61a4 3f92d2 66a3d2 fff   (blues)
	a65f00 bf8230 ff9200 ffad40 ffc373 (oranges)
	
	000 -> 000
	333 -> 
	666 -> 033e6b
	bbb ->
	ccc -> 3f92d2
	ddd ->
	eee -> 66a3d2
	fff -> fff
	
	(combined)

*/

body {
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%;
	
	background-color: #8FB9D9/*#CCC*/ /*#3F92D2*/;
}

#container {
	width: 640px;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
}

#content {
	padding: 10px;
	
	border: 3px;
	border-color: #666/*#033e6b*/;
	border-style: solid;
	
	font-size: .8em;
	text-align: left;
	
	background-color: /*#8FB9D9*/ #E6F4FF; /*#eee*/
}


/****************/
/* HEADER       */
/****************/

#header_container {
	margin-left: auto;
	margin-right: auto;
	
	width: 600px;
/*	height: 120px;*/
}

#header {
	margin: 0px 0px 10px 0px;
	
	
/*	border-style: solid;*/
/*	border-width: 2px;*/
/*	border-color: #666;*/
	
	border-bottom: 2px solid #4D2C00;
	
	overflow: auto;
	
/*	background-color: #ddd;*/
	background-color: transparent;
}	

h1 {
	margin: 0px 0px 0px 10px;
	font-family: "Coda", Impact, sans-serif;
	font-size: 5em;
	
	text-align: center;
	
	/*color: #333;*/
/*	color: #033E6B;*/
	color: #FFC880;
	
/*	text-shadow: -1px -1px 0px #999, 1px -1px 0px #999, 1px 1px 0px #999, -1px 1px 0px #999;*/
	/*text-shadow: -1px -1px 0px #66A3D2, 1px -1px 0px #66A3D2, 1px 1px 0px #66A3D2, -1px 1px 0px #66A3D2;*/
	text-shadow: -3px -3px 0px #4D2C00, 3px -3px 0px #4D2C00, 3px 3px 0px #4D2C00, -3px 3px 0px #4D2C00;
}

.subtitle {
	margin: 0px 20px 0px 10px;

	text-align: right;
	
	font-family: "Tangerine", cursive, sans-serif;
/*	font-style: italic;*/
	font-size: 2em;
	
/*	background-color: #ddd;*/
	background-color: transparent;
}	

.myname {
	font-size: 2em;
	font-weight: normal;
	color: #002B4D; /*#4D2C00;*/ /*#A65F00;*/
}

.navigation {
	margin: 5px;
		
	/*text-align: center;*/
	
/*	font-family: "Coda", sans-serif;*/
	font-size: 1.2em;
	
	color: #FF9200;
}





a {
/*	color: #333;*/
	color: #4D2C00;
	font-weight: bold;
	/*text-decoration: none;*/
}
a:hover { text-decoration: underline; }
	
.project_set {
	margin: 0px;
	padding: 0px;
}

h2 {
	margin: 20px 0px 0px 0px;
	
	text-align: center;
	
	font-family: Coda, Impact, sans-serif;
	font-size: 2.5em;
	
	/*color: #333;*/
	color: #033E6B;

	text-shadow: 0px 0px 4px #ccc;
}

ul {
	margin-top: 10px;
	margin-right: 10px;
}

li {
	margin-bottom: 10px;
	
}

.icon { 
	margin: 0px;
	height: 16px;
	width: 16px; 
/*	vertical-align: text-bottom;*/
/*	vertical-align: middle;*/
	vertical-align: text-top;
	
	border-style: none;
}

.extlink {}

strong {
	font-weight: bold;
	color: #7B4804;
}

.project_block {
	margin-bottom: 40px;
	border: none;
	/*border-style: groove;*/
	overflow: auto;
}
	
.banner {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	
	width: 600px;
	
	font-size: 2em;
	
	text-align: center;
	
	border: 1px;
	border-style: solid;
	border-color: #666;
}
.banner h2 {
	display: none;
/*	text-indent: -9999px;*/
	margin: 0px;
}
.banner p {
	display: none;
	margin: 0px;
}

.project_description {
	width: 598px;
	margin: 0px auto 10px auto;	
	overflow: auto;
	
	border-style: solid;
	border-width: 2px;
	border-color: #666;
	
/*	background-color: #ddd;*/
/*	background-color: #66A3D2;*/
	background-color: #FFF4E6;
}

.overview {
	font-size: 1.2em;
	font-weight: bold;
	/*background-color: #bbb;*/
	background-color: #25567B;
}

h4 {
/*	margin: 10px;*/
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-indent: 10px;
	
	
	font-weight: bold;
	font-size: 1em;	
	
	/*color: #000;*/
/*	color: #FFC373;*/
	color: #F6B762;
/*	color: #8FB9D9;*/
}


.contribution {
	margin: 0px;
	text-align: right;
	/*background-color: #ccc;*/
	background-color: #8FB9D9;
}

h3 {
	margin: 0px 10px 0px 10px;
	
	font-family: Coda, Impact, sans-serif;
	font-size: 1.5em;
	
/*	color: #333;*/
	color: #25567B;
	/*background-color: #ccc;*/
	background-color: transparent;
}




.project_description p {
	margin: 10px;
}


.screens_highlights {
	padding-bottom: 10px;
	overflow: auto;
}
.screens_block {
	float: left;
	margin: 10px 0px 10px 10px;
	padding: 0px;
	
	width: 300px;

	display: inline-block;
}

.screenshot {
	margin: 0px 0px 10px 0px;

	border-style: solid;
	border-color: #666;
	border-width: 2px;
	
	box-shadow: 2px 2px 2px #999;
	
}

.screens_block h4 {
	margin: 10px;
	color: #042F4F;
}
.screens_block ul {
	margin: 10px;
}


.highlights_block {
	float: right;
	margin: 10px 10px 0px 10px;
	padding: 0px;
	display: inline-block;
	
	width: 260px;

	border-style: solid;
	border-color: #666;
	border-width: 2px;
		
	background-color: #ccc;
	box-shadow: 2px 2px 2px #999;
}

.highlights_block h4 {
/*	background-color: #bbb;*/
	background-color: #25567B;
}	

.parenthetical {
	font-weight: bold;
}

#footer {
	margin: 5px 0px 0px 0px;
	overflow: auto;
	
	font-size: .65em;
	color: #fff;
	text-align: right;
}

#footer p { 
/*	width: 70%;*/
	margin: 0px; 
}

.strike {
	text-decoration: line-through;
}

/**********************/
/* Audio Player Stuff */
/**********************/

#audio_player {
	margin: 0px 0px 0px 624px;
	position: fixed;
	
	width: 200px;
	height: 100px;

	top: 36px;
	
	border-top: 3px solid #666;
	border-right: 3px solid #666;
	border-bottom: 3px solid #666;
		
	background-color: #eee;
		
	display: none;
}

#audio_player_left_stuff {
	width: 180px;
	float: left;
/*	border-style: dashed;*/
/*	border-width: 1px;*/
	
	display: inline-block;
}

#audio_player_right_stuff {
	float: right;
	display: inline-block;
	
	width: 10px;
	height: 100px;
	
	background-image: url('images/button_drawer_close.png');
	background-repeat: no-repeat;
	cursor: pointer;

}

#audio_drawer_handle {
	margin: 0px 0px 0px 624px;
	position: fixed;
	
	width: 10px;
	height: 100px;

	top: 36px;
	
	border-top: 3px double;
	border-right: 3px double;
	border-bottom: 3px double;
	
	background-color: #eee;
	background-image: url('images/button_drawer_open.png');
	background-repeat: no-repeat;
	
	cursor: pointer;
	
}

#audio_drawer_handler button {
	width: 100%;
	height: 100%;
}

.module {
/*	border-width: 1px;*/
	border-color: black;	
}

.toggle_link {
	text-decoration: underline;
	margin-left: 10px;
}
.toggle_link:hover {
	cursor: pointer;
}
	
.open {}
.closed { display: none; }

.popped {
	visibility: none;
}

/**********************/
/* Debug              */
/**********************/

#debug {
	margin: 0px 0px 0px 624px;
	overflow: scroll;

	position: fixed;
	width: 200px;
	height: 600px;

	top: 280px;
	
	background-color: #eee;
	
	border-top: 3px solid #666;
	border-right: 3px solid #666;
	border-bottom: 3px solid #666;
	border-left: none;
	
	display: none;
}	



/**********************/
/* Utility            */
/**********************/

.clear { clear: both; }