/*
* Author: 		Trevor Morris
* Contact:		trovster@gmail.com
* Version:		0.5
* Updated:		14/01/2008
* Notes:		This is the core file for the entire site.
*
* CONTENTS
* -------------------------
* == includes
* =l layout
* 
*
* COLOURS
* -------------------------
* green	- #480;
* blue	- #069
* brown - #3f3930;
* 
*/

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


/* =l layout
--------------------------------------------------------------------------------------------------*/
#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-color: #f9f8f7;
}

#branding {
	float: left;
	width: 170px;
	margin-bottom: 30px;
}
	#branding h1 {}
		#branding h1 a {
			padding-top: 42px;
			height: 108px; width: 170px;
			background: url(images/multipack-logo.gif) no-repeat 0 100%;
			border-top: 3px solid #ccc;
		}
		#branding h2 {
			height: 85px; width: 170px;
			margin: 0;
			background: url(images/multipack-tagline.gif) no-repeat 0 0;
		}

#content {
	padding-top: 131px;
	border-top: 1px solid #ccc;
}
	#content .introduction {
		font-size: 1.25em; /* 15px */
	}

#footer {
	overflow: hidden; clear: both;
	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.copyright {
		float: left;
	}
	#footer p.feed {
		float: right;
	}


.section *,
#about,
#footer {
	margin-left: 185px;
}
.section * * {
	margin-left: 0;
}
.section {
	clear: left;
	padding: 16px 0 40px;
	border-top: 1px solid #ccc;
}
#about {
	margin-bottom: 40px;
}
* html .section {
	height: 1%; /* IE6 - yay */
}
.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 event
--------------------------------------------------------------------------------------------------*/
#next-event {}


/* =sn newsletter
--------------------------------------------------------------------------------------------------*/
#newsletter {}
	#newsletter fieldset {
		position: relative;
	}
	#newsletter dl {
		margin: 0;
	}
	#newsletter dl label {
		display: block;
		padding-bottom: 1em;
	}
	#newsletter dl input {
		float: left;
		height: 16px; width: 244px;
		margin-right: 3px; padding: 2px 3px 0;
		color: #aaa;
		background-color: #F9F8F7 !important;
		border: 2px solid #ccc;
	}
	#newsletter dl input:focus,
	#newsletter dl input.focus {
		color: #000;
	}
	#newsletter dl input.error,
	#newsletter dl input.error:focus {
		color: #900;
	}
	
	#newsletter input.button {
		height: 22px; width: 75px;
		background: url(images/form.signup.gif) no-repeat 0 0;
		cursor: pointer;
	}


/* =sc connected / social networks
--------------------------------------------------------------------------------------------------*/
#stay-connected {}
	#stay-connected ul {
		overflow: hidden;
	}
		#stay-connected ul li {
			float: left;
			width: 100px;
			margin: 0 5px 5px 0; padding: 4px 0 2px 20px;
			background: url(images/icons.services.png) no-repeat 0 0;
		}
		#stay-connected ul li a {
			position: relative;
			font-weight: bold;
		}
		#stay-connected ul li.facebook {
			background-position: 0 5px;
		}
		#stay-connected ul li.upcoming {
			background-position: 0 -25px;
		}
		#stay-connected ul li.lastfm {
			background-position: 0 -55px;
		}
		#stay-connected ul li.twitter {
			background-position: 0 -85px;
		}
		#stay-connected ul li.flickr {
			background-position: 0 -115px;
		}
		#stay-connected ul li.vimeo {
			background-position: 0 -145px;
		}
		#stay-connected ul li.irc {
			width: 330px;
			background-position: 0 -175px;
		}
		#stay-connected ul li.irc a {
			font-weight: normal;
		}
		#stay-connected ul li.irc a strong {
			font-weight: bold;
		}
		
		
/* =sp photos
--------------------------------------------------------------------------------------------------*/
.photos ul,
ul.photos {
	overflow: hidden;
}
	.photos ul li,
	ul.photos li {
		float: left;
		margin: 0 4px 4px 0;
	}
	.photos p.more {
		margin-top: -1em;
	}
	
#content .photos ul li a,
#content .photos ul li span,
.vcard div.photo {
	display: block;
	border: 3px solid #ccc7c3;
}
#content .photos ul li a img,
#content .photos ul li span img,
.vcard img.photo {
	border: 1px solid #f9f8f7;
}
.vcard div.photo {
	width: 67px; height: 67px;
}


/* =se events
--------------------------------------------------------------------------------------------------*/
.vevent p.summary,
.vevent address {
	font-size: 1.25em; /* 15px */
	margin-bottom: 0;
}
.vevent abbr.dtstart {
	font-weight: bold;
}
.vevent address {
	margin-bottom: 1em;
}
#previous-events .vevent {
	margin-bottom: 2em; padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
}
#previous-events .l {
	margin-bottom: 1em; padding-bottom: 0;
	border-bottom: 0;
}


/* =sp profiles
--------------------------------------------------------------------------------------------------*/
body.regulars .profile *,
body.blog .profile div *,
body.presents .speakers div * {
	margin-left: 85px;
}
body.regulars .profile div.photo,
body.regulars .profile * *,
body.blog .profile div.photo,
body.blog .profile div * *,
body.presents .speakers div div.photo,
body.presents .speakers div * * {
	margin-left: 0;
}
body.regulars .profile div.photo,
body.blog .profile div.photo,
body.presents .speakers div div.photo {
	float: left;
}
body.regulars #content .vcard {}
body.presents .speakers .vcard {
	overflow: hidden;
}



/* =sbf Shared between the Blog & Forum
--------------------------------------------------------------------------------------------------*/
h2.entry-title a {
	color: #480; text-decoration: none;
	border-width: 0;
}
h2.entry-title a:hover {
	border-bottom-width: 1px; border-bottom-color: #480;
}
.entry-datetime {
	clear: left; float: left;
	margin: 0 0 0 3px;
	font-size: 0.8333em; color: #aaa;
}

/* comment form */
#commentform div.input input,
#commentform textarea {
	margin-right: 3px; padding: 3px 3px;
	color: #aaa;
	border: 1px solid #aaa;
}
#commentform div.input input {
	width: 157px;
	margin-bottom: 1em;
}
#commentform textarea {
	height: 150px; width: 380px;
}
#commentform div.input input:focus,
#commentform textarea:focus {
	color: #000;
}
#submit_comment {
	float: right;
	margin: 1.5em 0;
}