/*
* Author: 		Trevor Morris
* Contact:		trovster@gmail.com
* Version:		0.1
* Updated:		09/09/2008
* Notes:		This is the core file for the entire site.
*
* CONTENTS
* -------------------------
* == includes
* =l layout
* =s specifics
* 
*/

/* == includes
--------------------------------------------------------------------------------------------------*/
@import url(reset.css);
@import url(techniques.css);
@import url(typography.css);
@import url(navigation.css);


/* =l layout
--------------------------------------------------------------------------------------------------*/
body {
	background: url(img/flourish.gif) no-repeat 50% 0;
}
#container {
	position: relative;
	width: 574px; /* 620px */
	margin: 0 auto; padding: 40px 23px 0;
	font-size: 1.2em; /* base-size of 12px - use http://riddle.pl/emcalc/ */
	background: #fff;
}

#branding {
	position: absolute;
	margin-bottom: 30px;
	width: 170px;
	border-top: 3px solid #ccc;
	_border: 0;
}
	#branding h1 {
		width: 300px;
		padding-top: 110px;
		background: url(img/butterflies.gif) no-repeat 135px 20px;
		_padding-top: 150px; _background-position: 135px 55px;
	}
	#branding h1 a {
		width: 176px; height: 87px;
		background-image: url(img/gitp.gif);
	}

#content {
	border-top: 1px solid #ccc;
	padding-top: 160px;
}

#footer {
	overflow: hidden; clear: both;
	width: 390px;
	padding: 8px 0 0;
	font-size: 0.9167em; /* 11px */ color: #8c8c8c;
	border-top: 1px solid #ccc;
}
	#footer a:link, #footer a:visited, #footer a:focus, #footer a:hover, #footer a:active {
		color: #8c8c8c;
		border-bottom-color: #8c8c8c;
	}
	#footer a:hover {
		border-bottom-color: #f9f8f7;
	}
	#footer p {
		float: left;
	}
	#footer p strong.vcard {
		font-weight: normal;
	}
	


.section *, body.transcript blockquote,
#footer {
	margin-left: 185px;
}
.section * * {
	margin-left: 0;
}
.section {
	clear: left;
	padding: 16px 0 40px;
	border-top: 1px solid #ccc;
}
.section h2,
.section p.time {
	float: left;
	width: 170px; 
	margin: -16px 0 0;
	border-top: 2px solid #ccc;
}
.section p.time {
	clear: left;
	border-top: 0;
	margin: 0; padding-top: 5px;
}
.second {
	margin-top: 2em;
}



/* =s specifics
--------------------------------------------------------------------------------------------------*/
/* about */
#about {
	overflow: hidden;
	margin-bottom: 40px; padding-top: 3px;
}
#about p {
	float: right; clear: right;
	width: 389px;
	margin-left: 0;
}

/* images */
div.vcard span.photo,
div.photos ul li a {
	float: left;
	display: block;
	width: 67px;
	margin-top: 4px;
	border: 4px solid #ccc;
}
div.vcard span.photo img.photo,
div.photos ul li a img {
	border: 1px solid #f9f8f7;
	background-color: #ccc;
	text-align: center;
}


/* discussion */
div.vcard * {
	margin-left: 85px;
}
div.vcard span.photo,
div.vcard * * {
	margin-left: 0;
}
div.vcard object {
	margin: 5px 0 10px 10px;
}
div.vcard {
	overflow: hidden;
	margin-bottom: 15px;
}
div.vcard p.note {
	font-size: 1em; color: #3f3930;
}
div.vcard h3,
div.vcard h4 {
	margin-top: 3px; margin-bottom: 3px;
}
div.vcard h4 {
	margin-top: 0; font-weight: normal;
}
body.transcript div.vcard h3 {
	color: #444;
}
body.transcript .slides {
	overflow: hidden;
}
body.transcript .slides object {
	float: right;
}
.audio a {
	height: 24px; width: 73px;
	margin: 9px 0 12px;
	border: 0;
	background-image: url(img/audio.gif);
}
#year-2009 h4.fn {
	margin-bottom: 10px;
}
ins {
	text-decoration: none;
}

/* photos section */
div.photos {
	position: relative;
	width: 395px;
	margin-right: -6px; margin-bottom: 3em;
}
div.photos .more {
	clear: left;
}
div.photos ul {
	overflow: hidden; zoom: 1;
}
div.photos ul li {
	float: left;
	margin-right: 4px;
}
div.photos ul li.l {
	margin-right: 0;
}
div.photos ul li a img {
	height: 65px; width: 65px;
	background-color: #efefef;
}



* html .section {
	height: 1%; /* IE6 - yay */
}
* html #branding {
	position: absolute; top: 0; left: 25px; right: auto; z-index: 50;
	height: 490px; width: 667px;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/images/flowers.png);
}
* html #branding h1 {
	margin-left: 0;
}
* html #footer {
	padding-bottom: 10px;
}