﻿/* ============================
Title:		Microformats and Social Networks
URL:		webstandardsforskeptics.com/social

Author:	Michael Montgomery
URL:		montgomerystudios.com

Created:	October 27, 2008
Modified: October 31, 2008
=============================== */

.slide table {
	border-spacing: 0;
	border: 0;
	margin: .4em auto;
}
.slide td {
	padding: .4em 1.4em;
}
.slide pre code {
	display: inline;
	margin: 0;
	padding: 0;
}
li strong:first-child {
	font-weight: normal;
	color: #E97E00;
}
li.figure {
	float: right;
	margin-right: 0;
	list-style: none;
}
.building-block:link,
.building-block:visited {
	color: green;
	font-weight: bold;
}
.photocredit object, .photocredit img {
	background: #fff;
}
.photocredit {
	font-size: .5em;
}
.photocredit img {
	vertical-align: -0.15em;
}

/* Following are the presentation styles -- edit away! */
body {
	background: #000;
	color: #fff;
	font-size: 2em;
}
:link, :visited {
	text-decoration: none;
	color: #3AF; /*#27D;*/
}
a:hover {
	text-decoration: underline;
}
:link img,:visited img,abbr {
	border: 0;
}
#controls :active {
	color: #88A !important;
}
#controls :focus {
	outline: 1px dotted #227;
}
h1, h2, h3, h4 {
	font-size: 100%;
	margin: 0;
	padding: 0;
	font-weight: inherit;
}
ul, pre {
	margin: 0;
	line-height: 1em;
}
html, body {
	margin: 0;
	padding: 0;
	/* font-family: Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Arial, "Liberation Sans", FreeSans, sans-serif; */
	/* font-family: Cambria, Palatino, Georgia, "Lucida Bright", "Bitstream Vera Serif", "Times New Roman", serif; */
	font-family: "BaskervilleOldface", "Hoefler Text", Constantia, Garamond, "Times New Roman", serif;
}
blockquote, q, em, i, cite {
	font-family: "Baskerville Com", "BaskervilleOldface", "Hoefler Text", Constantia, Garamond, "Times New Roman", serif;
	font-style: italic;
}
blockquote {
	padding: 0 1em 0.5em;
	margin: 0 1em 0.5em;
	text-align: center;
	font-size: 1em;
}
blockquote p {
	margin: 0;
}
blockquote i {
	font-style: normal;
}
blockquote b {
	display: block;
	margin-top: 0.5em;
	font-weight: normal;
	font-size: smaller;
	font-style: normal;
}
blockquote b i {
	font-style: italic;
}
kbd {
	font-weight: bold;
	font-size: 1em;
}
sup {
	font-size: smaller;
	line-height: 1px;
}
code {
	padding: 2px 0.25em;
	font-weight: bold;
	color: green;
}
code.bad, code del {
	color: red;
}
code.good, code ins {
	color: #0c0;
}
code.old {
	color: silver;
}
pre {
	padding: 0;
	margin: 0.25em 0 0.5em 0.5em;
	color: #999;
	font-size: 90%;
}
li li pre {
	 margin:.12em 0 0;
	padding:.12em 0 0;
}
pre code {
	display: block;
	color:#999;
}
pre code.text,pre code span.text {
	 color:#333;
}
pre code .added,pre code ins {
	 color:#3C3;
}
pre code span.complete {
	 color:#33C;
}
pre code abbr {
	 border:0;
}
pre code del {
	 color:#C33;
}
ol.presentation {
	 margin:0;
	padding:0;
}
.slide ol,.slide ul {
	margin-left: 5%;
	margin-right: 7%;
}
.slide ul {
	list-style: disc;
}
.slide ul, .slide ul ul {
	list-style-image: url(images/bullet-alt.gif);
	}
	.slide blockquote ul, .slide blockquote ul ul {
		list-style-type: none;
		list-style-image: none;
	}
.slide li {
	margin-top: 0.5em;
	margin-right: 0;
}
.slide ul ul {
	line-height: 1;
}
.slide ul ul li {
	font-size: 85%;
	list-style-image: inherit;
	margin: .2em;
}
.slide img.leader {
	display: block;
	margin: 0 auto;
}
.slide.cc, .slide.cc h1, .slide1 {
	background:#fff;
}
.slide.history li {
	float: left;
	width: 11em;
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0;
	line-height: 1.1;
}
.slide.history ul {
	margin: 0;
	padding:0;
}
.slide.history li li {
	margin:.5em auto 0 auto;
	width:12em;
	border:1px solid;
	padding:.5em;
	text-align:center;
	font-size:.8em;
	background:none;
}
.slide.history li li li {
	float:none;
	width:auto;
	border:0;
	margin:0;
	padding:0;
	list-style: disc inside url(images/bullet-alt.gif);
	text-align:left;
}
.slide.history li li li.incremental,.slide.history li li.incremental li {
	list-style-image: none;
}
.history .bad {
	 text-decoration:line-through;
}
.history code {
	 margin:0;padding:0;
	font-size:.9em;
}
.history li>pre {
	 border-top:1px dashed;
}
.slide.microformatslist li {
	float:left;
	width:15.5em;
	list-style:none;
	text-align:center;
	padding:0;
	margin:0;
	line-height:1.1;
}
.slide.microformatslist ul {
	margin:0;padding:0;
}
.slide.microformatslist li li {
	float:none;
	width:auto;
	border:0;
	margin:0 0 .5em;
	padding:0;
	list-style: disc inside url(images/bullet-alt.gif);
	text-align:left;
}
.slide.microformatslist li li li {
	margin:0 0 0 1.5em;
}
.slide.microformatslist li li.incremental,.slide.microformatslist li.incremental li {
	list-style-image: none;
}

/* theme block */
div#header, div#footer,#controls #navLinks a {
	color: #fff;
	background: transparent;
} 
#controls #navLinks a {
	color: #000;
}
div#footer img {
	position:absolute;
	bottom:0;left:0;
	margin-bottom: .5em;
	margin-left: .5em;
	height:4em;
}
.slide h1 {
	background: #000;
	color: #fff;
	font-family: inherit;
	text-align:center;
}
.slide h2 {
	margin: 0;
	padding: 0;
	font-size:70%;
	color: #E97E00;
}
.slide li h2 {
	color:inherit;
	font-size:inherit;
}

/* hCard styling for preso contact info */
address.vcard {
	font-style:normal;
	margin:0;
}
address.vcard .fn,address.vcard .title {
	display:block;
	margin-top:.2em;
}

/* code builds */
.slide li code {
}
.slide li.code,
.slide ul.code,
.slide ul.code li {
	list-style:none;
}
.slide ul.code {
	margin-left:-1.5em;
	font-size: .7em;
}
.slide ul.code li {
	font-size: .7em;
	margin: 0;
	padding:0;
}
ul.code strong {
	color:lime;
}
/* div#header, div#footer {
	font-family: Helvetica, sans-serif;
} */
div#header {
	line-height: 1px;
}
div#footer {
	font-size: 0.5em;
	font-weight: bold;
	padding: 1em 0;
}
#footer h1, #footer h2 {
	display: block;
	padding: 0 1em;
}
#footer h2 {
	font-style: italic;
}
div.long {
	font-size: 0.75em;
}
.slide h1 {
	position: absolute;
	top: 0.3em;
	left: 0;
	z-index: 1;
	width:100%;
	margin:0;
	padding-top: 0.3em;
	white-space: nowrap;
	font-weight: bold;
	font-size:140%;
	line-height:1em;
	text-transform: capitalize;
}
.slide.oneliner h1 {
	top:33%;
	text-transform:none;
}
.slide.oneliner h1 a {
	color:inherit;
}
.slide h3 {
	font-size: 130%;
}
.slide li h3,.process em {
	font-size:1em;
	color: #E97E00;
}
h1 abbr {
	font-variant: small-caps;
}
div#controls {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 50%;
	text-align: right;
	font: bold 0.9em Verdana, Helvetica, sans-serif;
}
html>body div#controls {
	position: fixed;
	padding: 0 0 1em 0;
	top: auto;
}
div#controls form {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}
#controls #navLinks a {
	padding: 0;
	margin: 0 0.5em;
	border: 0;
	cursor: pointer;
}
#controls #navList {
	height: 1em;
}
#controls #navList #jumplist {
	position: absolute;
	bottom: 0;
	right: 0;
	background: #fbfbf1;
	color: #53584A;
}
#currentSlide {
	display:none;
	/* text-align: center;
	font-size: 0.5em;
	color: #000;
	visibility:hidden*/;
}

#slide0 {
	padding-top: 3.5em;
	font-size: 1em;
}
#slide0 h1 {
	position: static;
	margin: 1em 0;
	padding: 0;
	text-align:left;
	font-family: inherit;
	font-size: 2.3em;
	line-height:1.2em;
	white-space: normal;
	color: #fff;
	background: transparent;
	text-transform:none;
}
#slide0 address.vcard .fn {
	display:block;
}
#slide0 address.vcard {
	line-height:1.5;
}
#slide0 address.vcard .url {
	color:inherit;
}
#slide0 .event-details {
	font-size:0.75em;
}
#slide0.vevent a {
	color:inherit;
}

ul.urls {
	list-style: none;
	display: inline;
	margin: 0;
}
.urls li {
	display: inline;
	margin: 0;
}
.note {
	display: none;
}
.external {
	border-bottom: 1px dotted gray;
}
html>body .external {
	border-bottom: none;
}
.external:after {
	content: "";
	/* color: #77B;
	font-size: smaller; */
}
.slide .incremental,
.slide .incremental *,
.slide .incremental :link,
.slide .incremental :visited {
	color: #000;
	visibility: visible;
	list-style-image:none;
}
.incremental *:after {
	color: #000;
	visibility: visible;
}
.slide .incremental img,.slide img.incremental {
	visibility: hidden;
}
.slide .current {
	color: #fff;
}
/* diagnostics
li:after {
	content: " [" attr(class) "]";
	color: #F88;
} */
.alt {
	font-family: "Goudy Old Style",Palatino,"Book Antiqua",serif;
	/* font-size: 110%; */
	font-style: italic;
}