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

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


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


#branding {
	position: absolute; top: 0; right: -70px; z-index: 50;
	height: 490px; width: 667px;
	background: url(images/flowers.png) no-repeat 100% -15px;
}
	#branding h1 {
		margin-left: 40px;
		padding-bottom: 150px;
		background: url(images/butterflies.gif) no-repeat 0 100%;
	}
	#branding h1 a {
		height: 145px; width: 304px;
		background-image: url(images/gitp-logo.gif);
	}
	#branding h2 {
		display: none;
	}
		
		#branding .presents {
			position: relative; z-index: 40;
			border-top: 7px solid #480;
			margin: 0 93px 20px 0; padding-top: 20px;
			height: 14px;
			background: url(images/presents.gif) no-repeat 0 20px;
		}

#content {
	padding-top: 490px;
}

#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 .feed {
		padding-left: 16px;
		background: url(images/icon.feed.gif) no-repeat 0 50%;
	}
	#footer p {
		float: left;
	}
	#footer p strong.vcard {
		font-weight: normal;
	}
	


.section *,
#the-discussion .vcard,
#footer,
#see-you-there {
	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;
}
p.more {
	margin-top: -0.25em;
	font-size: 0.9167em; /* 11px */
}
p.note {
	margin-top: -0.65em;
	font-size: 0.9167em; /* 11px */ color: #8c8c8c;
}



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

#see-you-there {
	padding: 10px 0 25px;
}
#get-there {
	padding-bottom: 0;
}
#thanks-to {
	width: 170px;
	margin-top: 5px;
}
#thanks-to li {
	position: relative;
	margin-bottom: 20px;
	text-align: center;
	zoom: 1;
}
#thanks-to li a,
#thanks-to li a img {
	border: 0;
}
#thanks-to li a img {
	margin: 0 auto;
	text-align: center;
}


/* newsletter */
#newsletter form {}
#newsletter form div input {
	display: block;
	width: 374px;
	padding: 3px;
	background-color: #efefef !important;
	border: 1px solid #ccc;
}
#newsletter form div input:focus {
	background-color: #fff !important;
}
#newsletter form input.submit {
	float: right; 
	width: auto;
	margin: 7px 7px 0 0; padding: 6px 10px 3px;
	color: #fff; text-transform: uppercase;
	background-color: #480 !important;
	border: 0;
	cursor: pointer;
}
#newsletter p.note {
	float: right;
	margin-right: 7px;
	text-align: right;
}
#newsletter form input {
	margin-top: -4px;
}
body.js #newsletter form input.submit {
	display: inline;
	width: auto;
	background-color: #480 !important;
}


body.launch #about,
body.launch #footer {
	float: none;
	margin-left: 0;
}
body.launch #about p {
	float: none;
	width: auto;
}
body.launch #container {
	background-image: none;
}



/* the picnic */
#weather {
	min-height: 50px;
	padding-left: 44px;
	background: url(images/umbrella.gif) no-repeat 0 0;
}


/* the discussion */
#the-discussion .vcard * {
	margin-left: 85px;
}
#the-discussion .vcard span.photo,
#the-discussion .vcard * * {
	margin-left: 0;
}
#the-discussion .vcard {
	overflow: hidden;
	margin-bottom: 15px;
}
#the-discussion .vcard span.photo {
	float: left;
	display: block;
	width: 67px;
	margin-top: 4px;
	border: 4px solid #ccc;
}
#the-discussion .vcard span.photo img.photo {
	border: 1px solid #f9f8f7;
	background-color: #ccc;
	text-align: center;
}
#the-discussion p.note {
	font-size: 1em; color: #3f3930;
}
#jon-hicks {
	margin-top: 2em;
}
#drew-mclellan {}

/* getting there */
#get-there-map {
	width: 385px; height: 310px;
	margin-bottom: 1em;
	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;
}