@charset "UTF-8";
/*  
Theme Name: Web Directions East
Description: The Web Directions East Wordpress theme.
Version: 1.3
Author: 1.0 by Ben Webster, 1.2 by Guy Leech, 1.3 (changes for Web Directions East) by Oli Studholme
Author URI: http://oli-studio.com/
Tags: web directions, WDE, em-based
created: 2009-07-31
changed: 2010-06-03
version: 1.3ß0.91

Color scheme:
#50ad6f	logo green; base color (80,173,111)
#236037	dark green—a:links, .separator background (35,96,55)
#601b19	red-brown—a:visited (96,27,25)
#AD5250	flesh—a:hover (173,82,80)
#9168BA	purple—a:active (145,104,186)
#7A5B2C	brown—titles (122,91,44)
#fcffdb	highlight yellow (249, 253, 162, 0.4)

Em-based liquid layout:
* 960px base; at 15px = 64em wide
* 60px columns (12px margin + 48px content); 0.8em + 3.2em = 4em
* 660px main content; 44em (0.8em margin-left + 43.2em content)
** 2 x 300px columns (300px + 60px + 300px); 20em + 4em + 20em
*** 300px = 0.8em LHS margin-left + 19.2em content
** 3 x 180px columns (180px + 60px + 180px + 60px + 180px); 12em + 4em + 12em + 4em + 12em
*** 180px = 0.8em LHS margin-left + 11.2em content
* 60px column break; 4em
* 240px sidebar; 16em

Baseline of 15px/24px (1em/1.6). For 1em type:
12px = 0.8em (0.5)
24px = 1.6em (line height)
36px = 2.4em (1.5)
48px = 3.2em (2)
max-width: (1152/960) = 1.2 x width
min-width: (768/960) = 0.8 x width
12px/24px = 0.8em/2
13px/18px = 0.8667em/1.3846 (matches every 4th line)
13px/24px = 0.8667em/1.8462
18px/24px = 1.2em/1.3333
21px/24px = 1.4em/1.1429
21px/36px = 1.4em/1.7143 (half rhythm)
24px/24px = 1.6em/1 (zero leading)
24px/36px = 1.6em/1.5 (half rhythm)
*/

/* @group Global reset, thanks to Eric Meyer */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;}
ul {list-style: none;}
ol {list-style-type: decimal;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* @end Reset */
/* @group HTML5 declarations */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,.footer address {
	display: block;
}
/* @end HTML5 */
/* @group Gobal elements */
body {
	min-width: 768px;
	margin: 0 auto;
	font-size: 93.75%; /* =15px */
	line-height: 1.6; /* =24px baseline grid */
	font-family: "Helvetica Neue","Bitstream Vera Sans",Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #333;
	background: url(images/shuji10.png) no-repeat top center #fff;
}
/* being safe + preventing inheritance shrinkage in IE */
p, ul, ol, dl, blockquote, pre, div, address, table, th, td, form, fieldset, input, select {
	font-size: 1em;  /* 15px */
}
p, ul, ol, dl, blockquote, pre, table, th, td, label {
	margin-bottom: 1.6em;
}
/* @group Links */
 /* note: h3/h4 for .speaker-list */
a, .speaker-list a h3 {
	text-decoration: underline;
}
a, a h3, a h4 {
	color: #236037;
}
a:visited, a:visited h3, a:visited h4 {
	color: #601b19;
}
a:hover, a:hover h3, a:hover h4 {
	color: #ad5250;
}
a:active, a:active h3, a:active h4 {
	color: #9168ba;
}
a:visited, a:hover, a:hover h3, .speaker-list a, .register-button a {
	text-decoration: none;
}
/* @group default elements */
/* @group titles */
h1, h2, h3, h4, h5, h6 {
	color: #7a5b2c;
}
h1, h4, h5 {
	font-weight: bold;
}
h2,  h3, h6 {
	font-weight: normal;
}
h1, h2 {
	font-size: 1.6em;
	line-height: 1.5;
}
.lang-en .main h1, .lang-en .main h2, .lang-en .article h2 { /* ff-nuvo=TypeKit */
	font-family: "ff-nuvo-web-pro-1","ff-nuvo-web-pro-2","Helvetica Neue","Bitstream Vera Sans",Arial,sans-serif;
	font-weight: normal;
}
h2 {
	/*padding-bottom: .125em; [3px]
		border-bottom: 1px dotted #d8d8d8;
		margin-top: -1px;*/
}
h3 {
	font-size: 1.4em;
	line-height: 1.1429;
	margin: 2.2857em 0 .5714em; /* 48px 12px */
	clear: left;
	padding-top: 1.0952em; /* =23px (+1 from border-top) */
	border-top: 1px dotted #d8d8d8;
}
h4, #intro h3 {
	font-size: 1.2em;
	line-height: 1.3333;
	margin-top: 1.3333em; /* =24px */
}
h5 {
	font-size: 1em;
	margin: 3.2em 0 0 0; /* =48px */
}
h6 {
	margin: 0 0 1.8462em 0; /* =24px */
	border-bottom: 1px dotted #d8d8d8;
}
h2 a, h2 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited, h6 a, h6 a:visited {
	text-decoration: none;
}
h2 + h3, h6 + h3, .session-list + h3, .spotlight + h3, table + h3, h2 + .current h3, h2 + .venue h3 {
	border-top: none;
	padding-top: 0;
}
.page-id-17 h2, .page-id-2212 h2 {
	margin-top: 1.5em;
}
ul.events h5 {
	text-align: right;
}
ul.news h5 { /* ?? todo */
	font: normal 0.9em Arial, Verdana, sans-serif;
	padding: 4px 0 2px 0;
	margin-bottom: 1em;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
}
#footer h5 {
	margin-top: 1.6em;
}
.sidebar h6 {
	margin: -1px 0 0;
}
h6, .small, div#coming-soon p, ul.meta, .commentlist ul.meta, .note, .sidebar p, #upcoming-events p, .vcalendar .bracket .summary, .register-button em, .vcalendar tbody th, #wde09-conference-prices em, .recent-posts .date, .older-posts .meta {
	font-size: 0.8667em;
	line-height: 1.8462;
}
/* @end titles */
.small {
	margin-bottom: 1.8462em; /* =24px */
}
em {
	font-style: italic;
}
.register-button em, .recent-posts .date {
	font-style: normal;
}
.recent-posts .date {
	font-weight: normal;
}
.register-button em:hover {
	text-shadow: 2px 2px 3px rgba(0,0,0,0.9);
}
.ss-required-asterisk em {
	font-size: 0.8em;
	line-height: 2;
	font-style: normal;
}
strong {
	font-weight: bold;
}
.kana {letter-spacing: -1px;}
.nobr {white-space: nowrap;}
/* @group text */
#coming-soon p {
	text-transform: uppercase;
	margin: 0 0 1.8462em 0;
}
blockquote {
	margin: 1.6em 0;
	padding: 0 1.6em 0 1em;
	color: #000;
	background: url(images/bg-blockquote.gif) no-repeat right bottom;
	font-style: italic;
}
.intro {
	color: #474c4e;
	font-weight: bold;
	margin-bottom: 1.1429em; /* =24px */
}
#content p {
	clear: none;
}
h2 .meta {
	float: right;
	font-weight: normal;
}
/* @end text */
/* @group lists */
.main li {
	margin-left: 1.6em;
}
.main ul li {
	list-style: url(images/bullet-entry.gif) disc;
}
.main ol li {
	list-style-type: decimal;
}
.main ol.adr li {
	margin-left: 0;
	list-style: none;
}
ul.compact-list {
	border-bottom: none;
	overflow: hidden;
}
ul.compact-list li {
	float: left;
	width: 40%;
	margin: 0 1.6em 0 0;
}
ul.compact-list li a, ul.compact-list li a:visited {
	text-decoration: none;
}

ul.meta, .commentlist ul.meta {
	margin: 0.9231em 0; /* 12px */
	text-transform: uppercase;
}
ul.meta li, .commentlist ul.meta li {
	display: inline;
	margin: 0 0.75em 0 0;
	padding: 0 0.75em 0 0;
	border-right: 1px solid #ccc;
	list-style: none;
}
ul.meta cite, .commentlist ul.meta cite {
	font-style: normal;
}
ul.meta li.comments, .commentlist ul.meta li.comments, ul.meta li:last-child, .commentlist ul.meta li:last-child {
	border-right: none;
}
ul.meta li.comments a, .commentlist ul.meta li.comments a {
	padding-left: 15px;
	background: url(images/icon-comment.gif) no-repeat left 40%;
}
.commentlist ul.meta {
	margin-top: 1.8em;
}
.commentlist ul.meta li {
	border-top: 0;
}
/* @end lists */
/* @group definition lists */
dt {font-weight: bold;}
dt, dd {display: block;}
/* @end Links*/
/* blog comments */
.comments #comment {
	display: block;
	width: 99%;
	height: 7.5em;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
/* @group WP default styles */
.alignleft{
	display: block;
	float: left;
	margin: 0 14px 7px 0;
}
.alignright{
	display: block;
	float: right;
	margin: 0 0 7px 14px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* @end WP defaults */
#wpstats { /* Hide the stupid smiley face */
	display: none;
}
/* @group Structure */
.wrapper, .strip-home img, .strip img {
	width: 64em; /* = 960px@default */
	max-width: 1152px;
	min-width: 768px;
} /* see .separator for min/max heights */
.wrapper { /* used for #header, #content, #footer */
	margin: 0 auto;
	position: relative;
}
#content .wrapper {
	margin-top: 3.2em;
	background: url(images/faux-liquid-transparent.png) repeat-y 72.1875% 48px;
}
/*#content #sponsors .wrapper, #content #footer .wrapper {
	background: transparent;
}*/
 /* easy clearing—makes .wrapper expand to contain floats */
.wrapper:after, .group:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.cleared-list li {
	clear: left;
	overflow: auto;
}
 /* move content in so it’s not flush in <960px viewport */
#header .logo, #header ul, #content .main, #sponsors .wrapper2 {
	margin-left: 0.8em; /* =12px */
} /* #footer done via .section */
#sponsors h2 {
	margin-left: 0.5em; /* =12px */
}
 /* @group #header */
#header {
	padding-top: 48px; /* absolute b/c we don’t want this to scale */
}
.logo {
	display: block;
	width: 275px;
	height: 85px;
	background: url(images/logo.png) no-repeat left center;
	text-indent: -999em;
	overflow: hidden;
	padding-bottom: 11px; /* brings .logo height to 96px */
}
#upcoming-events {
	position: absolute;
	top: 0;
	right: 0;
	width: 16em; /* =240px */
	margin: 0 0 0.8em;
}
#upcoming-events h4 {
	margin: 0;
}
#upcoming-events p {
	margin-bottom: 0;
}
/* language tabs */
#upcoming-events ul {
	overflow: auto;
}
#upcoming-events li {
	float: left;
	width: 49%;
}
#upcoming-events li a {
	display: block;
	width: 4.8em;
	margin-top: 6px;
	border: 1px solid #AD5250;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 0.1em 0;
	background: #601b19;
	color: #fff;
	text-decoration: underline;
	text-align: center;
}
#upcoming-events li a:hover {
	background: #AD5250;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.8);
	text-decoration: none;
}
#upcoming-events li a.current {
	border: 1px solid transparent;
	background: transparent;
	color: #333;
}
#upcoming-events li a.current:hover {
	text-shadow: 0 0 1px rgba(96,27,25,0.7);
}
 /* @group #header .nav bar */
#header .nav {
	margin-bottom: 0;
	overflow: hidden;
}
#header .nav li {
	float: left;
	background: url(images/bullet-nav.gif) no-repeat left 65%;
}
#header .nav a {
	display: block;
	font-size: 1.2em; /* =18px */
	line-height: 1.3333; /* =24px */
	padding: 48px 0 24px; /* px for enso sprite */
	margin: 0 1.3333em; /* =24px */
	text-decoration: none;
	-webkit-transition: text-shadow .3s;
}
#header .nav .active a {
/*	border-bottom: 0.1111em solid;  =2px */
	background: url(images/fat-enso-sprite.png) no-repeat 50% 24px;
}
#header .nav a:visited {
	color: #236037;
}
#header .nav a:visited:hover {
	background: url(images/fat-enso-sprite.png) no-repeat 50% -96px;
	color: #601b19;
	text-shadow: 0 0 1px rgba(96,27,25,0.7);
}
#header .nav a:hover {
	background: url(images/fat-enso-sprite.png) no-repeat 50% -216px;
	text-shadow: 0 0 1px rgba(96,27,25,0.7);
}
#header .nav a:active, #header .nav a:hover:active {
	background: url(images/fat-enso-sprite.png) no-repeat 50% -336px;
	color: #9168ba;
	text-shadow: 0 0 1px rgba(145,104,186,0.7);
}
#header .first a {
	margin-left: 0;
}
#header #skip-link {
	position: absolute;
	top: -9999px;
}
 /* @end .nav */
/* @end #header */
/* @group #intro on /wde/2009 */
#intro img {
	float: right;
	margin: 1.6em 0 3.2em 1%;
}
#intro img[src*="andy"]{
	margin-right: 0.8em;
	-moz-transform: rotate(2deg) translate(0,1.6em);
	-webkit-transform: rotate(2deg) translate(0,1.6em);
	z-index: 10;
}
#intro img[src*="dan"]{
	-moz-transform: rotate(-5deg) translate(3em,1.6em);
	-webkit-transform: rotate(-5deg) translate(3em,1.6em);
	z-index: 5;
}
#intro .register-button {
	margin-bottom: 1.6em;
}
/* @end #intro */
#content {
	margin: 0 auto;
}
.main {
	float: left;
	width: 43.2em; /* =648px */
	max-width: 778px;
	min-width: 518px;
}
.category-blog .main {
	margin-top: -3.2em; /* to compensate for h3’s margin-top; todo: fix */
}
/* Recent blog posts on the WDE2009 HP */
.main .recent-posts li {
	margin-left: 0;
	list-style: none;
}
.recent-posts h5 {
	margin-top: 1.6em;
}
.sidebar {
	float: right;
	width: 16em; /* =240px */
	max-width: 288px;
	min-width: 192px;
}
.main, .sidebar {
	padding-bottom: 1.6em;
	overflow: hidden; 
}
#sponsors, #footer {
	clear: both;
	overflow: hidden;
}
/* @group #sponsors */
#sponsors {
	margin-top: 1.6em;
	background: #e3e3e3;
}
#sponsors .wrapper {
	padding-top: 1.6em;
}
#sponsors ol {
	margin: 1.6em 0;
}
#sponsors li {
	margin: 0 1.6em 1.6em 0;
	float: left;
	list-style-type: none;
}
#sponsors li.web-tanto-forum, #sponsors li.web-creators {
	margin-right: 0;
} /* the last in the row */
.level1 li {
	width: 272px;
}
.level1 a {
	height: 120px;
}
.level2 li {
	width: 216px;
}
.level2 a {
	height: 94px;
}
.level3 li {
	width: 136px;
}
.level3 a {
	height: 60px;
}
#sponsors ol a {
	display: block;
}
#sponsors ol a, #sponsors ol a:visited {
	border: 1px solid #fff;
}
#sponsors ol a:hover {
	border-color: #ad5250;
}
#sponsors ol a:active {
	border-color: #9168ba;
}
#sponsors a {
	text-indent: -999em;
	margin-bottom: 0;
}
#sponsors a:hover {
	text-indent: 0;
}
#sponsors .label {
	text-align: center;
}
 /* rollovers, by slug */
.level1 a {
	background: url(/images/sponsors/level1-sprite.png) no-repeat top left;
}
.level1 li.yahoo-jp a {background-position: 0 0;}
.level1 li.ydn-jp a {background-position: 0 -130px;}
.level1 li.ydn a {background-position: 0 -260px;}
.level1 li.yahoo-jp a:hover, .level1 li.ydn-jp a:hover, .level1 li.ydn a:hover {background: #fff;}

  /* .level2=medium */
#sponsors .mitsue-links {
	background: url(/images/sponsors/mitsue-links-sprite.png) no-repeat 1px 1px #e3e3e3;
}
#sponsors .mitsue-links a:hover {
	background: url(/images/sponsors/mitsue-links-sprite.png) no-repeat -214px 0 #fff;
}
#sponsors .mozilla {
	background: url(/images/sponsors/firefox-sprite.png) no-repeat 1px 1px #e3e3e3;
}
#sponsors .mozilla a:hover {
	background: url(/images/sponsors/firefox-sprite.png) no-repeat -214px 0 #fff;
}
  /* .level3=small;
CSS sprite for non-hover, HTML img for :hover */
.level3 li a {
	background: url(/images/sponsors/level3-sprite.png) no-repeat top left;
}
.level3 li.atmark-it a {background-position: 0 0;}
.level3 li.business-wire a {background-position: 0 -70px;}
.level3 li.cms-solutions a {background-position: 0 -140px;}
.level3 li.diamond-online a {background-position: 0 -210px;}
.level3 li.gihyo a {background-position: 0 -280px;}
.level3 li.global-daigaku a {background-position: 0 -350px;}
.level3 li.happy-digital a {background-position: 0 -420px;}
.level3 li.jwda a {background-position: 0 -490px;}
.level3 li.makumaga a {background-position: 0 -560px;}
.level3 li.mdn-interactive a {background-position: 0 -630px;}
.level3 li.mycom-journal a {background-position: 0 -700px;}
.level3 li.mycom a {background-position: 0 -770px;}
.level3 li.mygengo a {background-position: 0 -840px;}
.level3 li.oreilly-japan a {background-position: 0 -910px;}
.level3 li.sponsor-office a {background-position: 0 -980px;}
.level3 li.tokyo-it-newspaper a {background-position: 0 -1050px;}
.level3 li.ultrasupernew a {background-position: 0 -1120px;}
.level3 li.wais-japan a {background-position: 0 -1190px;}
.level3 li.web-creators a {background-position: 0 -1260px;}
.level3 li.web-design-note a {background-position: 0 -1330px;}
.level3 li.web-designing a {background-position: 0 -1400px;}
.level3 li.web-professional a {background-position: 0 -1470px;}
.level3 li.web-tanto-forum a {background-position: 0 -1540px;}
.level3 li.atmark-it a:hover, .level3 li.business-wire a:hover, .level3 li.cms-solutions a:hover, .level3 li.diamond-online a:hover, .level3 li.gihyo a:hover, .level3 li.global-daigaku a:hover, .level3 li.happy-digital a:hover, .level3 li.jwda a:hover, .level3 li.makumaga a:hover, .level3 li.mdn-interactive a:hover, .level3 li.mycom-journal a:hover, .level3 li.mycom a:hover, .level3 li.mygengo a:hover, .level3 li.oreilly-japan a:hover, .level3 li.sponsor-office a:hover, .level3 li.tokyo-it-newspaper a:hover, .level3 li.ultrasupernew a:hover, .level3 li.wais-japan a:hover, .level3 li.web-creators a:hover, .level3 li.web-design-note a:hover, .level3 li.web-designing a:hover, .level3 li.web-professional a:hover, .level3 li.web-tanto-forum a:hover  {background: #fff;}
/* @end #sponsors*/
#footer {
	background: #601b19;
	color: #fff;
}
#footer a {
	color: #fff;
	text-decoration: underline;
}
#footer h5 {
	color: #fff;
}
#footer .section {
	float: left;
	width: 14.4em;
	margin: 1.6em 0.8em 1.6em 0.8em;
}
#footer .mailing-list {
	width: 16em;
}
/* @group .vcard */
.vcard ol {
	margin-bottom: 0;
}
.main .vcard li, #footer .vcard li {
	list-style: none;
	margin-left: 0;
}
:lang(ja) #footer .country {
	display: none;
}
/* @end .vcard */
div.post {
	clear: both;
	margin: 1em 0 2em 0;
}
div.post img {
	float: left;
	margin: 0 20px 25px 0}
/*Maxine put this in here to stop some images - eg banners - from floating */
div.post img.nofloat {
	float: none;
	margin: 0 20px 25px 0}
div.post a img, div.post-archive a:visited img {
	padding: 5px;
	border: 1px solid #efefef;
	background: #fff;
	margin-top: 3px;
}
div.post a:hover img, div.post-archive a:visited:hover img {
	padding: 5px;
	border: 1px solid #efefef;
	background: #ed1c24;
}
div.author img {
	float: left;
	margin: 0 20px 25px 0;
	padding: 5px;
	border: 1px solid #efefef;
	background: #fff;
	margin-top: 3px;
}
.main .photo, .main .entry p .photo, .main .avatar, .main .speaker {
	margin: .25em 21px 1.5em 0;
/*	max-width: 33%;*/
}
div#footer div.more-link {
	margin-top: -1.5em;
}
.main img.avatar, .main iframe, .main a img, #intro img, .page-id-140 .main img, .page-id-1390 .main img, .sidebar .speaker-list img /* 140/1390=ja/en speaker list page */ {
	margin: 0 12px 6px 0;
	background: #fff;
	border: 1px solid #efefef;
	padding: 3px;
}
.main img.avatar {
	margin-bottom: 11px; /* 11px makes 65px avatar 84px high */
}
.main a:hover img {
	border-color: #ccc;
}
.main img.avatar, .page-id-140 .main img {
	display: block;
	float: left;
}
.page-id-192 .alignleft {
	margin-right: 0;
} /* for wde/2009/venue photos at bottom */
.page-nav {
	margin-top: 3.2em;
}
.page-nav a + a {
	float: right;
	margin-top: -1.6em;
}
/* speaker page */
.page-id-140 .article img, .page-id-1390 .article img {
	float: left;
}
/* Blog main page */
.older-posts h2 {
	margin-top: 1em;
	margin-bottom: 0.375em; /* 9px for 3px padding*/
}
.main .older-posts li {
	margin-left: 0;
	list-style: none;
}
.older-posts .meta, .recent-posts .date {
	color: #999;
}
.older-posts a {
	text-decoration: none;
}
/* @group Objects*/
 /* @group .speaker-list on /wde/2009 */
.speaker-list {
/*	margin-left: -3.2em;*/
}
.speaker-list a {
	display: block;
	padding: 0.4em 0.4em 0;
	background: #fff;
	border-bottom: 1px solid #fff;
	-webkit-transition: background .4s;
	-webkit-transition: outline .4s;
}
.speaker-list a:hover {
	border-bottom: 1px solid #eee;
	background: rgba(249, 253, 162, 0.4);
	background: #fcffdb;
}
.main .speaker-list li {
	position: relative;
	float: left;
	width: 20em;
	height: 9.6em;
	margin: 0 1.6em 0.8em 0;
	list-style: none;
}
.speaker-list img {
	float: left;
}
.speaker-list h3 {
	clear: none;
	margin: 0 0 0 75px;
	border-top: none;
	padding-top: 0;
	font-size: 1.0667em;
	line-height: 1.5;
}
.speaker-list h4 {
	margin: 0 0 0 75px;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.6;
}
#content .speaker-list p {
	clear: left;
	color: #333;
}
 /* Fixes for FF vomit bug */
.speaker-list h3 a, .speaker-list h4 a {
	padding: 0;
}
.sidebar .speaker-list h5 {
	margin-top: 0;
}
.sidebar .speaker-list li {
	padding: 0;
	background: transparent;
}
.sidebar .speaker-list a {
	display: block;
	overflow: auto;
	clear: both;
	padding-bottom: 0.8em;
}
.sidebar .speaker-list img {
	margin-right: 6px;
	margin-bottom: 0;
}
.sidebar .speaker-list .small {
	display: block;
	margin-bottom: 0;
}
 /* @end .speaker-list */
 /* @group .pop object (dropshadow) */
.pop, .pop:visited {
	box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	border: 1px solid #236037;
	border: 1px solid rgba(35,96,55,0.9);
}
.pop:hover {
	box-shadow: 2px 2px 4px rgba(0,0,0,0.9);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.9);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.9);
	border: 1px solid #333;
	border: 1px solid rgba(0,0,0,0.9);
}
.pop:active {
	border: 1px solid #9168ba;
	border: 1px solid rgba(0,0,0,0.5);
}
 /* @end .pop */
 /* @group .register-button object */
.register-button a {
	display: block;
	margin-top: 0.4em;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	padding: 0.3333em 0.7333em; /* =5px 11px (then borders) */
	background: #236037 url(images/glass.png) repeat-x 0 50%;
	color: #fff;
	text-align: center;
}
.register-button a:hover {
	background: #ad5250  url(images/glass.png) repeat-x 0 50%;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.8);
}
.register-button a:active {
	background: #9168ba  url(images/glass.png) repeat-x 0 50%;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.8);
}
#intro .register-button a {
	margin-left: 5.6em;
	width: 16em;
}
 /* @end .register button */
 /* @group .call-to-action box object (header and catch copy) */
.call-to-action {
	background: #7a5b2c;
}
.call-to-action .inner {
	padding: 0.8em;
}
.call-to-action, .call-to-action p {
	color: #fff;
}
.call-to-action a, .call-to-action a:visited {
	color: #fff;
	text-decoration: underline;
}
.call-to-action a:hover {
	text-decoration: none;
}
.call-to-action a:active {
	color: #9168ba;
}
.call-to-action h2 {
	margin: 0 0 1.1429em; /* =24px */
	padding-bottom: 0;
	font-size: 1.4em; 
	line-height: 1.1429;
}
.call-to-action h3 {
	margin: 0 0 0.6667em; /* =12px */
	font-size: 1.2em; /* =standard h4 size */
	line-height: 1.3333;
	padding-top: 0;
}
.call-to-action h2, .call-to-action h3, .call-to-action h4 {
	border: 0;
	font-weight: normal;
	color: #fff;
}
 /* @end .call-to-action */
 /* @group .separator strip (between nav and content) */
.separator {
	background: #236037;
	margin: 0 auto;
	padding: 0;
}
.separator .section {
	position: relative;
	overflow: hidden;
	border-left: 6px solid #fff;
	border-right: 6px solid #fff;
	margin: 0 auto;
}
.strip-home, .strip-home img, .separator .call-to-action, .strip, .strip img {
	width: 64em; /* = 960px */
	max-width: 1152px;
	min-width: 768px;
}
.strip-home, .strip-home img { /* image sized in ems */
	top: 0;
	height: 9.6em;
	max-height: 173px;
	min-height: 115px;
}
.strip, .strip img {
	height: 24px;
}
 /* @end .separator */
/* @end Objects*/
/* @group Page-specific styles… */
 /* @group /wde/2009/banner list of banners */
.page-id-1696 .cleared-list a {
	display: block;
}
.page-id-1696 .cleared-list p {
	margin-bottom: 0;
}
.page-id-1696 .cleared-list li {
	list-style: none;
	overflow: visible;
	padding-top: 0.8em;
	margin-left: 0;
}
 /* @end group */
 /* @group workshop in-page nav boxes */
  /* note: events boxes use .pop for box-shadow */
#workshop-nav {
	width: 468px; /* 48.7342%=462px (of 948px) */
	float: right;
}
.events {
	margin-top: 1.6em;
	margin-bottom: 0;
	list-style: none;
}
.events li {
	float: left;
	margin: 0;
}
.events .pop {
	margin: 0 0 1.6em;
}
.events a {
	display: block;
	width: 15.2em; /* =214px (+2px border=216px) */
	height: 9.6em; /* =144px */
	text-decoration: none;
}
.events a.pop {
	border: 1px solid #601b19;
	border: 1px solid rgba(96,27,25,0.9);
}
.events .alignleft {
	margin: 12px 12px 0;
}
.events h3 {
	margin: 0;
	padding: 0.4615em 0; /* =6px */
	background: #601b19;
	font-size: 0.8667em;
	line-height: 1.8462;
	text-align: center;
}
.events h3, .events a:visited h3 {
	color: #fff;
}
.events h3, .events h5 {
	margin-top: 0;
	border-top: 0;
}
.events h4, .events h5 {
	color: #000;
	font-weight: normal;
}
.events h4 {
	font-size: 1.2em;
	line-height: 1.3333;
	margin: 0.6667em 0.6667em 0; /* =12px */
	color: #236037;
	text-decoration: underline;
}
.events a:hover h4 {
	text-decoration: none;
}
.events h5 {
	font-size: 1em;
	margin: 0 0.8em;
	text-transform: none;
}
.events .andy, .events .christian {
	float: left;
}
.events .douglas, .events .nicole {
	float: right;
}
  /* @group Fixing .events when Firefox vomit bug strikes:
http://boblet.tumblr.com/post/178852468/block-level-links
(still happening occasionally) */
.events a + div {display: block; width: 10.2em; margin-top: -0.01em; margin-left: 77px; overflow: hidden;}
.events div a {width: auto; height: auto;}
.events div a.pop, .events div a.pop:visited {border: 0; -moz-box-shadow: none;}
.events h3 a, .events h3 a:visited {color: #fff;}
.events h4 a.pop {color: #601b19; text-decoration: underline;}
  /* @end Fixes */
 /* @end group workshop in-page nav */
 /* @group worpshop top-of-page links */
.top-link { /* move from content to sidebar */
	position: absolute;
	margin-left: 47.2em;
	margin-top: 5px;
}
.top-link a::before {
	content: "↑ ";
}
#sponsors .top-link {
	margin-left: 48em;
	margin-top: -24px;
}
 /* @end group top-of-page links */
/* @eng group page-specific */
/* @group testing */
.promo {
	margin-top: 1.6em;
	border: 1px solid #333;
}
.page-id-188 .promo, .page-id-1380 .promo { /* Conference */
	background: url(http://east.webdirections.org/images/wde/call-faux-bg.gif) 31.5% 0 repeat-y; /* 31.7125% left 1px gap on RHS in FF, and Safari when zoomed */
}
.page-id-190 .promo, .page-id-1384 .promo { /* Workshop */
	width: 418px;
	float: left;
	background: transparent;
}
.page-id-188 .promo .call-to-action, .page-id-1380 .promo .call-to-action {
	float: left;
	width: 31.7125%;
}
.call-to-action .register-button {
	margin: 1.6em 0 12px;
}
.page-id-188 .call-to-action .register-button, .page-id-1380 .call-to-action .register-button {
	margin-top: 3.2em; /* conference page */
}
.page-id-190 .promo .register-button a, .page-id-1384 .promo .register-button a { /* workshop */
	width: 18em;
	margin: 0.4em auto 0;
}
.call-to-action strong {
	padding: 0.1em 0.2em;
	background: #614823; /* darker brown */
	background: rgba(0,0,0,0.2);
	font-weight: normal;
}
.promo .call-to-action p {
	margin-bottom: 0;
}
.promo .speaker-photo {
	float: left;
	width: 38.055%;
	display: block;
/*	height: 18em;*/
	max-height: 100%;
}
.page-id-188 .promo .prices, .page-id-1380 .promo .prices { /* conference */
	width: 25.37%;
	float: right;
}
.page-id-190 .promo .prices, .page-id-1384 .promo .prices { /* workshop */
	width: auto;
	float: none;
	margin: 0 0.4em;
}
.promo .prices h3 {
	margin-top: 0.5714em;
	border-top: 0;
	padding-top: 0;
	color: #000;
}
.promo .prices ol {
	list-style: none;
}
.promo .prices ol strong {
	display: inline-block;
	width: 4em;
	text-align: right;
}
.promo .prices ol em {
	margin-left: 0.4em;
	font-style: normal;
}
.promo .prices ul {
	margin-bottom: 0;
}
.promo .price-list thead {
	display: none;
}
.promo #early-bird, .page-id-190 .promo #standard, .page-id-1384 .promo #standard {
	background: #fffbcc;
}
.promo del {
	text-decoration: line-through;
	color: #999;
}
.promo .price-list th {
	padding-left: 0.4em;
	background: transparent;
	white-space: nowrap;
}
.promo .price-list th, .promo .price-list td {
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}
.promo .price-list .term {
	font-size: 0.8667em;
	line-height: 1.8462;
}
/* @group Amazon Showcase .amzshcs */
.main .amzshcs li {
	margin-left: 0;
	list-style: none;
}
.amzshcs .pop {
	display: block;
	float: left;
	width: 45%;
	margin-right: 24px;
	margin-bottom: 24px;
	overflow: auto;
}
.amzshcs a img {
	float: left;
	margin-bottom: 0;
	border: 0;
}
.amzshcs span {
	display: block;
	margin-right: 3px;
}
/* @end Amazon Showcase */
/* inelegant hack for Andy’s book blog post */
.block-book-link {
	text-decoration: none;
}
.block-book-link span {
	text-decoration: underline;
}
.sidebar ul li {
	padding: 0.2em 0.2em 0.2em 24px;
/*	border-bottom: 1px dotted #d8d8d8;*/
	color:#333;
	background: url(images/bullet-sidebar.gif) no-repeat left .6em;
}
div.sidebar ul li a {
	text-decoration: none;
}
div.sidebar ul li a:hover {
	text-decoration: none;
}
#footer div.explore ul {
	width: 98%;
	border-top: 1px solid #E5E5E5;
	margin-top: 0.5em;
}
#footer div.explore ul li {
	text-align: right;
	border-bottom: 1px dotted #E5E5E5;
	color: #333;
	width: 100%;
	padding: 0.15em 0;
	font-size: 1em;
	overflow: hidden;
}
#footer div.explore ul li a, #footer div.explore ul li a:visited {
	float: left;
	text-align: left;
	color: #39c;
	padding: 0;
	padding-right: 0.25em;
	padding-left: 0;
	text-decoration: none;
	color: #39c;
	width: 55%;
}
#footer div.explore ul li a, #footer div.explore ul li a:visited {
	display: block;
}
#footer div.explore ul li a:hover, #footer div.explore ul li a:visited:hover {
	display: block;
	text-decoration: none;
	color: #ed1c24;
}
.note {
	margin-bottom: 1.8462em; /* =24px */
	padding: .9231em; /* =12px */
	margin-top: 1.8462em;
	background: #f2f2f2;
}
.sidebar .wp-tag-cloud {
	color: #ccc;
}
.sidebar .wp-tag-cloud li {
	display: inline;
	border: none;
	margin: 0 1em 0 0;
	padding: 0;
	background: none;
}
ol.commentlist {
	margin-top: 1.6em;
}
ol.commentlist li {
	border-top: 1px dotted #d8d8d8;
	overflow: hidden;
	list-style: none;
}
ol.commentlist li.emphasised-comment {
	padding-right: 2em;
	background: #fefefe url(images/bg-blockquote.gif) no-repeat right bottom;
}
.sidebar p {
	margin-bottom: 1.8462em;
}
.caps {
	letter-spacing: .07em;
}
h1 .caps, h2 .caps {
	letter-spacing: 0;
}
/* @group Icons */
a.rss, a.audio, a.twitter {
	margin-left: 0.5em;
	padding-left: 1.1em;
}
a.rss, a.rss:visited, a.rss:hover, a.rss:visited:hover {
	background: url(images/icon-rss.gif) no-repeat 0 50%;
}
a.audio, a.audio:visited, a.audio:hover, a.audio:visited:hover {
	background: url(images/icon-music.png) no-repeat 0 50%;
}
a.twitter, a.twitter:visited, a.twitter:hover, a.twitter:visited:hover {
	background: url(images/tiny-twitter.png) no-repeat 0 50%;
}
/* @end Icons*/
/* @group forms */
fieldset {
	overflow: hidden;
}
legend {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}
label {
	clear: left;
	font-weight: normal;
	cursor: pointer;
	margin-top: 0.8em;
}
input, textarea {
	vertical-align: middle;
	margin-top: 0.4em;
}
input:focus, textarea:focus {
	border-color: #bababa;
	background: rgba(249, 253, 162, 0.4);
	color: #333;
}
button {
	background: #fcfcfc;
	border: 1px solid #dadada;
	padding: .5em .5em .25em .5em;
	display: block;
	color: #ed1c24;
	font-weight: bold;
	font-family: "Lucida Grande", "Helvetica Neue", Arial, Helvetica, Verdana, sans-serif;
	font-size: .9em;
}
button:hover {
	background: #f5f5f5;
	color: #3399cc;
	border-color: #cacaca;
}
 /* for banner page code snippets */
.copy-paste-code {
	float: left;
	width: auto;
}
/* @group Yahoo.jp #srchBox */
#srchBox
{
/*width:148px;
_width:146px;*/
margin-bottom:10px;
background-color:#FFFFFF;
border-style:solid;
border-width:1px;
border-color:#ffffff;
color:#000000;
text-align:center;
}
#srchBox *
{
margin:0;
padding:0;
/*font-size:13px;
*font-size:small;
*font:x-small;*/
}
#srchBox a img
{
border:none;
}
#srchBox #srch
{
padding:6px;
}
#srchBox #srchInput
{
width:98%;
_width:130px;
}
#srchBox #srchBtn
{
width:115px;
}
*html #srchBox #srchBtn
{
padding-top:2px;
}
*:first-child+html #srchBox #srchBtn
{
padding-top:2px;
}
#srchBox ul
{
margin-top:6px;
margin-bottom:6px;
text-align:left;
}
#srchBox li
{
list-style-type:none;
display:block;
}
#srchBox li input
{
zoom:1;
margin-right:2px;
_margin:-4px 0 -4px -4px;
vertical-align:middle;
border:0;
}
*:+html #srchBox li input
{
margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo
{
margin:6px 6px 6px 0;
text-align:center;
}
#srchBox #srchLogo a
{
color:#666666;
text-decoration:none;
font-size:85%;
}
#srchBox #srchLogo a:hover
{
text-decoration:underline;
}
#srchBox.watermark
{
padding-bottom: 6px;
}
#srchBox.watermark #srchInput
{
padding:1px 1px 2px 1px;
border:1px solid #a5acb2;
background: #fff url(http://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}
#srchBox.watermark #srchInput.nomark
{
background: #fff;
}
#srchBox.watermark #srchLogo
{
display: none;
}
/* @end #srchBox */
/* @group Apple-style #search-form */
/* ref apple-search.css and apple-search.js */
#search-form fieldset {
	margin-bottom: 0;
}
#search-form legend {
	display: none;
}
#search-form legend label {
	font-weight: bold;
}
#search-form input {
	border: none;
	margin: 0;
	padding: 0;
	color: #333!important;
}
#search-form input#query {
	border: 1px solid #dadada;
	padding: 6px 3px; /* todo: check for ie box model fix */
	width: 81%;
}
#search-form input#search-submit {
	float: right;
	width: 5em;
	margin: 5px 0 10px;
}
/* @end #search-form */
/* @group .mailing-list */
.mailing-list {
	margin-bottom: 3.2em;
}
.mailing-list label.error {/* for jQuery Validate */
	display: block;
	width: 14em;;
	padding: 0.4em 0 0.4em 0.4em;
	background: #F9FDA2;
	color: #601b19;
}
.mailing-list input.error {
	background: rgba(249, 253, 162, 0.4);
}
.mailing-list input.ss-q-short {
	width: 14em; /* 12px+210+12px = 234px */
	margin: 0 0 0.4em 0;
	border: 1px solid #333;
	padding: 0.2em 0.7333em; /* 0.733em=11px+border=12px */
}
.mailing-list .ss-required-asterisk {
	color: red;
}
.mailing-list .submit {
	width: 5em; /* 12px+75px+12px = 99px */
	margin-left: 10.6em;
	color: #333;
}
#footer div.mailing-list {
	margin: 1.6em 0 3.2em;
}
.mailing-list .submitted {
	display: none;
} /* revealed on form submission */
/* @end .mailing-list */
#footer fieldset {
	margin: -1.5em 0 0 0;
}
#footer fieldset label {
	float: left;
	width: 90px;
	margin: .4em 10px 0 0;
	text-align: right;
}
#footer fieldset input {
	margin-top: 0;
	width: 150px;
}
#footer input:focus, #footer textarea:focus {
	background: #fff;
}
#footer fieldset button {
	margin-left: 100px;
	width: auto;
}
#footer button:hover {
	background: #fff;
}
/* @end forms */
/* @group tables */
table {
	width: 100%;
	border-collapse: collapse;
}
th {
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	padding: .2em .2em .2em .4em;
	color: #555;
	background: #ddd;
}
td {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 0.2em 0.8em;
	background: #fff;
}
th, td {
	vertical-align: top;
}
table.vcalendar {
	border-collapse: separate;
	border: 1px solid #444;
	border-radius: 8px 8px 0 0;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius: 8px 8px 0 0;
	background: #444;
	box-shadow: 0 0 6px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.5);
}
.vcalendar thead th {
	border: none;
	background: transparent;
	color: #fff;
	text-align: center;
}
.vcalendar th, .vcalendar td {
	border-bottom: none;
	-webkit-transition: background 0.2s linear;
}
.vcalendar th {
	padding: 0.4em;
}
.vcalendar td {
	border-left: 1px solid #ddd;
	padding: 0.4em 0.8em;
}
.vcalendar .bracket td {
	background: #eee;
}
/* row and cell hover effects */
.vcalendar tbody tr:hover th, .vcalendar tbody tr:hover td {
	background: #ffe;
}
.vcalendar tbody tr td:hover {
	background: #fffbcc;
}
.vcalendar td.global {text-align: center;}
.vcalendar dl.summary {
	text-align: left;
}
.vcalendar dl.summary dt {
	float: left;
	width: 45%;
	text-align: right;
	font-weight: normal;
}
.vcalendar dl.summary dd {float:left; margin-left: 3em;}
.page-template-wide-php #content .wrapper {
	background: transparent;
}
.page-template-wide-php .article {
	margin-left: 0.8em;
}
.vcalendar #session-time {
	width: 10%;
}
.vcalendar #location-1, .vcalendar #location-2 {
	width: 45%;
}
/* @end tables */
/* hacks */
.yahoo-wde-iframe {height: 50em;}
.slideshare {width: 425px;}