/*
* Author: 		Trevor Morris
* Contact:		trovster@gmail.com
* Version:		0.1
* Updated:		03/05/2011
* Notes:		Presents section stylesheet
*
*/


/* = General
--------------------------------------------------------------------------------------------------*/
body.presents #branding h2 {
	display: none;
}
body.presents.default #branding h2 {
	display: block;
}
body.presents #content ul.photos li {
	display: block;
	border: 3px solid #ccc7c3;
}
body.presents #content ul.photos li a {
	border: 0;
}
body.presents #content ul.photos li img {
	border: 1px solid #f9f8f7;
}
body.presents #content .vevent.last {
	border: 0;
}
body.presents #content .vevent h4.event-date {
	margin: -8px 0 5px;
}

body.presents .speakers .vcard {
	margin-bottom: 10px; padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
body.presents .speakers .vcard.l {
	border-bottom: 0;
}
body.presents .speakers .vcard img {
	display: block;
}
body.presents .speakers .vcard h2.fn {
	float: none;
	margin-top: 0; padding: 0;
	color: #069;
	border: 0;
}
body.presents div.map #map {
	height: 240px; width: 389px;
}


/* = Emerging Standards
--------------------------------------------------------------------------------------------------*/
body.presents.emerging-standards #navigation {
	border-top-color: #BA1A51;
}
body.presents.emerging-standards h2,
body.presents.emerging-standards .section h3 {
	color: #BA1A51;
}
body.presents.emerging-standards #branding h1 {
	padding-bottom: 110px;
	background: url(images/presents/emerging-standards.gif) no-repeat 0 100%;
}
body.presents.emerging-standards #branding h1 a {
	height: 70px; width: 171px;
	padding-top: 50px;
	background: url(images/presents/logo.gif) no-repeat 0 100%;
}


/* = Being Green
--------------------------------------------------------------------------------------------------*/
body.presents.being-green #navigation {
	border-top-color: #6a4;
}
body.presents.being-green h2,
body.presents.being-green .section h3 {
	color: #6a4;
}
body.presents.being-green #branding h1 {
	padding-bottom: 110px;
	background: url(images/presents/being-green/tagline.gif) no-repeat 0 100%;
}
body.presents.being-green #branding h1 a {
	height: 70px; width: 171px;
	padding-top: 50px;
	background: url(images/presents/being-green/logo.gif) no-repeat 0 100%;
}


/* = Being Green
--------------------------------------------------------------------------------------------------*/
body.presents.coding-standards #navigation {
	border-top-color: #06c;
}
body.presents.coding-standards h2,
body.presents.coding-standards .section h3 {
	color: #06c;
}
body.presents.coding-standards #branding h1 {
	padding-bottom: 110px;
	background: url(images/presents/coding-standards/tagline.gif) no-repeat 0 100%;
}
body.presents.coding-standards #branding h1 a {
	height: 70px; width: 171px;
	padding-top: 50px;
	background: url(images/presents/coding-standards/logo.gif) no-repeat 0 100%;
}


/* = Rich Internet Applications
--------------------------------------------------------------------------------------------------*/
body.presents.rich-internet-applications #navigation {
	border-top-color: #F60;
}
body.presents.rich-internet-applications h2,
body.presents.rich-internet-applications .section h3 {
	color: #F60;
}
body.presents.rich-internet-applications #branding h1 {
	padding-bottom: 110px;
	background: url(images/presents/rich-internet-applications/tagline.gif) no-repeat 0 100%;
}
body.presents.rich-internet-applications #branding h1 a {
	height: 70px; width: 171px;
	padding-top: 50px;
	background: url(images/presents/rich-internet-applications/logo.gif) no-repeat 0 100%;
}


/* = The Design Process
--------------------------------------------------------------------------------------------------*/
body.presents.the-design-process #navigation {
	border-top-color: #006363;
}
body.presents.the-design-process h2,
body.presents.the-design-process .section h3,
body.presents.the-design-process .speakers .vcard h2.fn {
	color: #006363;
}
body.presents.the-design-process #branding h1 {
	padding-bottom: 110px;
	background: url(images/presents/the-design-process/tagline.gif) no-repeat 0 100%;
}
body.presents.the-design-process #branding h1 a {
	height: 70px; width: 171px;
	padding-top: 50px;
	background: url(images/presents/the-design-process/logo.gif) no-repeat 0 100%;
}
body.presents.the-design-process .section .by {
	margin-top: -0.75em;
}
body.presents.the-design-process .speakers .vcard {
	overflow: hidden;
}
body.presents.the-design-process .speakers .vcard h2.fn {
	margin-bottom: 10px;
}
body.presents.the-design-process .speakers .vcard p {
	margin-left: 90px;
}
body.presents.the-design-process .speakers .vcard img {
	float: left;
	display: block;
	padding: 1px; margin: 0 15px 15px 0;
	background: #fff;
	border: 3px solid #CCC7C3;
}


/* = Show and Tell
--------------------------------------------------------------------------------------------------*/
body.presents.show-and-tell #navigation {
	border-top-color: #4858A6;
}
body.presents.show-and-tell h2,
body.presents.show-and-tell .section h3 {
	color: #4858A6;
}
body.presents.show-and-tell #branding h1 {
	padding-bottom: 110px;
	background: url(images/presents/show-and-tell/tagline.gif) no-repeat 0 100%;
}
body.presents.show-and-tell #branding h1 a {
	height: 70px; width: 171px;
	padding-top: 50px;
	background: url(images/presents/show-and-tell/logo.gif) no-repeat 0 100%;
}


/* = Mobile Development
--------------------------------------------------------------------------------------------------*/
body.presents.mobile-development #navigation {
	border-top-color: #EE3128;
}
body.presents.mobile-development h2,
body.presents.mobile-development .section h3 {
	color: #EE3128;
}
body.presents.mobile-development #branding h1 {
	padding-bottom: 110px;
	background: url(images/presents/mobile-development/tagline.gif) no-repeat 0 100%;
}
body.presents.mobile-development #branding h1 a {
	height: 70px; width: 171px;
	padding-top: 70px;
	background: url(images/presents/mobile-development/logo.gif) no-repeat 0 100%;
}

/* = Responsive Web Design
--------------------------------------------------------------------------------------------------*/
body.presents.responsive-web-design #navigation {
	border-top-color: #FF3399;
}
body.presents.responsive-web-design h2,
body.presents.responsive-web-design .section h3 {
	color: #FF3399;
}
body.presents.responsive-web-design #branding h1 {
	padding-bottom: 110px;
	background: url(images/presents/responsive-web-design/tagline.png) no-repeat 0 100%;
}
body.presents.responsive-web-design #branding h1 a {
	height: 70px; width: 171px;
	padding-top: 70px;
	background: url(images/presents/responsive-web-design/logo.gif) no-repeat 0 100%;
}