@charset "UTF-8";
/**

MakotoFujimura.com Designed and Developed by Ty Fujimura: tyfujimura.com
All content, design and code copyright 2010 Makoto Fujimura. All rights reserved unless otherwise specified.

**/


@font-face {
  font-family: "SSStandard";
  src: url('/mako_resources/fonts/ss-standard.eot');
  src: url('/mako_resources/fonts/ss-standard.eot?#iefix') format('embedded-opentype'),
       url('/mako_resources/fonts/ss-standard.woff') format('woff'),
       url('/mako_resources/fonts/ss-standard.ttf')  format('truetype'),
       url('/mako_resources/fonts/ss-standard.svg#SSStandard') format('svg');
  font-weight: normal;
  font-style: normal;
}




/***************************************************************/
/*** CSS Reset by http://meyerweb.com/eric/tools/css/reset/ ****/
/********************** v1.0 | 20080212 ************************/

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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

html { -webkit-text-size-adjust: none; -webkit-appearance-none; }


/********************************************************/
/********************* Icons ********************/
/********************************************************/

html:hover [class^="ss-"]{-ms-zoom: 1;}

.ss-icon, .ss-icon.ss-standard,
[class^="ss-"]:before, [class*=" ss-"]:before,
[class^="ss-"].ss-standard:before, [class*=" ss-"].ss-standard:before,
[class^="ss-"].right:after, [class*=" ss-"].right:after,
[class^="ss-"].ss-standard.right:after, [class*=" ss-"].ss-standard.right:after {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

[class^="ss-"].right:before,
[class*=" ss-"].right:before{display:none;content:'';}

.ss-cursor:before,.ss-cursor.right:after{content:''}.ss-crosshair:before,.ss-crosshair.right:after{content:'⌖'}.ss-search:before,.ss-search.right:after{content:'🔎'}.ss-zoomin:before,.ss-zoomin.right:after{content:''}.ss-zoomout:before,.ss-zoomout.right:after{content:''}.ss-view:before,.ss-view.right:after{content:'👀'}.ss-attach:before,.ss-attach.right:after{content:'📎'}.ss-link:before,.ss-link.right:after{content:'🔗'}.ss-move:before,.ss-move.right:after{content:''}.ss-write:before,.ss-write.right:after{content:'✎'}.ss-writingdisabled:before,.ss-writingdisabled.right:after{content:''}.ss-erase:before,.ss-erase.right:after{content:'✐'}.ss-compose:before,.ss-compose.right:after{content:'📝'}.ss-lock:before,.ss-lock.right:after{content:'🔒'}.ss-unlock:before,.ss-unlock.right:after{content:'🔓'}.ss-key:before,.ss-key.right:after{content:'🔑'}.ss-backspace:before,.ss-backspace.right:after{content:'⌫'}.ss-ban:before,.ss-ban.right:after{content:'🚫'}.ss-trash:before,.ss-trash.right:after{content:''}.ss-target:before,.ss-target.right:after{content:'◎'}.ss-tag:before,.ss-tag.right:after{content:''}.ss-bookmark:before,.ss-bookmark.right:after{content:'🔖'}.ss-flag:before,.ss-flag.right:after{content:'⚑'}.ss-like:before,.ss-like.right:after{content:'👍'}.ss-dislike:before,.ss-dislike.right:after{content:'👎'}.ss-heart:before,.ss-heart.right:after{content:'♥'}.ss-halfheart:before,.ss-halfheart.right:after{content:''}.ss-star:before,.ss-star.right:after{content:'⋆'}.ss-halfstar:before,.ss-halfstar.right:after{content:''}.ss-sample:before,.ss-sample.right:after{content:''}.ss-crop:before,.ss-crop.right:after{content:''}.ss-layers:before,.ss-layers.right:after{content:''}.ss-fill:before,.ss-fill.right:after{content:''}.ss-stroke:before,.ss-stroke.right:after{content:''}.ss-phone:before,.ss-phone.right:after{content:'📞'}.ss-phonedisabled:before,.ss-phonedisabled.right:after{content:''}.ss-rss:before,.ss-rss.right:after{content:''}.ss-facetime:before,.ss-facetime.right:after{content:''}.ss-reply:before,.ss-reply.right:after{content:'↩'}.ss-send:before,.ss-send.right:after{content:''}.ss-mail:before,.ss-mail.right:after{content:'✉'}.ss-inbox:before,.ss-inbox.right:after{content:'📥'}.ss-chat:before,.ss-chat.right:after{content:'💬'}.ss-ellipsischat:before,.ss-ellipsischat.right:after{content:''}.ss-ellipsis:before,.ss-ellipsis.right:after{content:'…'}.ss-user:before,.ss-user.right:after{content:'👤'}.ss-femaleuser:before,.ss-femaleuser.right:after{content:'👧'}.ss-users:before,.ss-users.right:after{content:'👥'}.ss-cart:before,.ss-cart.right:after{content:''}.ss-creditcard:before,.ss-creditcard.right:after{content:'💳'}.ss-dollarsign:before,.ss-dollarsign.right:after{content:'💲'}.ss-barchart:before,.ss-barchart.right:after{content:'📊'}.ss-piechart:before,.ss-piechart.right:after{content:''}.ss-box:before,.ss-box.right:after{content:'📦'}.ss-home:before,.ss-home.right:after{content:'⌂'}.ss-buildings:before,.ss-buildings.right:after{content:'🏢'}.ss-warehouse:before,.ss-warehouse.right:after{content:''}.ss-globe:before,.ss-globe.right:after{content:'🌎'}.ss-navigate:before,.ss-navigate.right:after{content:''}.ss-compass:before,.ss-compass.right:after{content:''}.ss-signpost:before,.ss-signpost.right:after{content:''}.ss-map:before,.ss-map.right:after{content:''}.ss-location:before,.ss-location.right:after{content:''}.ss-pin:before,.ss-pin.right:after{content:'📍'}.ss-database:before,.ss-database.right:after{content:''}.ss-hdd:before,.ss-hdd.right:after{content:''}.ss-music:before,.ss-music.right:after{content:'♫'}.ss-mic:before,.ss-mic.right:after{content:'🎤'}.ss-volume:before,.ss-volume.right:after{content:'🔈'}.ss-lowvolume:before,.ss-lowvolume.right:after{content:'🔉'}.ss-highvolume:before,.ss-highvolume.right:after{content:'🔊'}.ss-airplay:before,.ss-airplay.right:after{content:''}.ss-camera:before,.ss-camera.right:after{content:'📷'}.ss-picture:before,.ss-picture.right:after{content:'🌄'}.ss-video:before,.ss-video.right:after{content:'📹'}.ss-play:before,.ss-play.right:after{content:'▶'}.ss-pause:before,.ss-pause.right:after{content:''}.ss-stop:before,.ss-stop.right:after{content:'■'}.ss-record:before,.ss-record.right:after{content:'●'}.ss-rewind:before,.ss-rewind.right:after{content:'⏪'}.ss-fastforward:before,.ss-fastforward.right:after{content:'⏩'}.ss-skipback:before,.ss-skipback.right:after{content:'⏮'}.ss-skipforward:before,.ss-skipforward.right:after{content:'⏭'}.ss-eject:before,.ss-eject.right:after{content:'⏏'}.ss-repeat:before,.ss-repeat.right:after{content:'🔁'}.ss-replay:before,.ss-replay.right:after{content:'↺'}.ss-shuffle:before,.ss-shuffle.right:after{content:'🔀'}.ss-book:before,.ss-book.right:after{content:'📕'}.ss-openbook:before,.ss-openbook.right:after{content:'📖'}.ss-notebook:before,.ss-notebook.right:after{content:'📓'}.ss-newspaper:before,.ss-newspaper.right:after{content:'📰'}.ss-grid:before,.ss-grid.right:after{content:''}.ss-rows:before,.ss-rows.right:after{content:''}.ss-columns:before,.ss-columns.right:after{content:''}.ss-thumbnails:before,.ss-thumbnails.right:after{content:''}.ss-filter:before,.ss-filter.right:after{content:''}.ss-desktop:before,.ss-desktop.right:after{content:'💻'}.ss-laptop:before,.ss-laptop.right:after{content:''}.ss-tablet:before,.ss-tablet.right:after{content:''}.ss-cell:before,.ss-cell.right:after{content:'📱'}.ss-battery:before,.ss-battery.right:after{content:'🔋'}.ss-highbattery:before,.ss-highbattery.right:after{content:''}.ss-mediumbattery:before,.ss-mediumbattery.right:after{content:''}.ss-lowbattery:before,.ss-lowbattery.right:after{content:''}.ss-emptybattery:before,.ss-emptybattery.right:after{content:''}.ss-lightbulb:before,.ss-lightbulb.right:after{content:'💡'}.ss-downloadcloud:before,.ss-downloadcloud.right:after{content:''}.ss-download:before,.ss-download.right:after{content:''}.ss-uploadcloud:before,.ss-uploadcloud.right:after{content:''}.ss-upload:before,.ss-upload.right:after{content:''}.ss-fork:before,.ss-fork.right:after{content:''}.ss-merge:before,.ss-merge.right:after{content:''}.ss-transfer:before,.ss-transfer.right:after{content:'⇆'}.ss-refresh:before,.ss-refresh.right:after{content:'↻'}.ss-sync:before,.ss-sync.right:after{content:''}.ss-loading:before,.ss-loading.right:after{content:''}.ss-wifi:before,.ss-wifi.right:after{content:''}.ss-connection:before,.ss-connection.right:after{content:''}.ss-file:before,.ss-file.right:after{content:'📄'}.ss-folder:before,.ss-folder.right:after{content:'📁'}.ss-quote:before,.ss-quote.right:after{content:'“'}.ss-text:before,.ss-text.right:after{content:''}.ss-font:before,.ss-font.right:after{content:''}.ss-print:before,.ss-print.right:after{content:'⎙'}.ss-fax:before,.ss-fax.right:after{content:'📠'}.ss-list:before,.ss-list.right:after{content:''}.ss-layout:before,.ss-layout.right:after{content:''}.ss-action:before,.ss-action.right:after{content:''}.ss-redirect:before,.ss-redirect.right:after{content:'↪'}.ss-expand:before,.ss-expand.right:after{content:'⤢'}.ss-contract:before,.ss-contract.right:after{content:''}.ss-help:before,.ss-help.right:after{content:'❓'}.ss-info:before,.ss-info.right:after{content:'ℹ'}.ss-alert:before,.ss-alert.right:after{content:'⚠'}.ss-caution:before,.ss-caution.right:after{content:'⛔'}.ss-logout:before,.ss-logout.right:after{content:''}.ss-plus:before,.ss-plus.right:after{content:'+'}.ss-hyphen:before,.ss-hyphen.right:after{content:'-'}.ss-check:before,.ss-check.right:after{content:'✓'}.ss-delete:before,.ss-delete.right:after{content:'␡'}.ss-settings:before,.ss-settings.right:after{content:'⚙'}.ss-dashboard:before,.ss-dashboard.right:after{content:''}.ss-notifications:before,.ss-notifications.right:after{content:'🔔'}.ss-notificationsdisabled:before,.ss-notificationsdisabled.right:after{content:'🔕'}.ss-clock:before,.ss-clock.right:after{content:'⏲'}.ss-stopwatch:before,.ss-stopwatch.right:after{content:'⏱'}.ss-calendar:before,.ss-calendar.right:after{content:'📅'}.ss-addcalendar:before,.ss-addcalendar.right:after{content:''}.ss-removecalendar:before,.ss-removecalendar.right:after{content:''}.ss-checkcalendar:before,.ss-checkcalendar.right:after{content:''}.ss-deletecalendar:before,.ss-deletecalendar.right:after{content:''}.ss-briefcase:before,.ss-briefcase.right:after{content:'💼'}.ss-cloud:before,.ss-cloud.right:after{content:'☁'}.ss-droplet:before,.ss-droplet.right:after{content:'💧'}.ss-flask:before,.ss-flask.right:after{content:''}.ss-up:before,.ss-up.right:after{content:'⬆'}.ss-upright:before,.ss-upright.right:after{content:'⬈'}.ss-right:before,.ss-right.right:after{content:'➡'}.ss-downright:before,.ss-downright.right:after{content:'⬊'}.ss-down:before,.ss-down.right:after{content:'⬇'}.ss-downleft:before,.ss-downleft.right:after{content:'⬋'}.ss-left:before,.ss-left.right:after{content:'⬅'}.ss-upleft:before,.ss-upleft.right:after{content:'⬉'}.ss-navigateup:before,.ss-navigateup.right:after{content:''}.ss-navigateright:before,.ss-navigateright.right:after{content:'▻'}.ss-navigatedown:before,.ss-navigatedown.right:after{content:''}.ss-navigateleft:before,.ss-navigateleft.right:after{content:'◅'}.ss-directup:before,.ss-directup.right:after{content:'▴'}.ss-directright:before,.ss-directright.right:after{content:'▹'}.ss-dropdown:before,.ss-dropdown.right:after{content:'▾'}.ss-directleft:before,.ss-directleft.right:after{content:'◃'}.ss-retweet:before,.ss-retweet.right:after{content:''}

/* Legacy classes */
.ss-volumelow:before,.ss-volumelow.right:after{content:'🔉'}.ss-volumehigh:before,.ss-volumehigh.right:after{content:'🔊'}.ss-batteryhigh:before,.ss-batteryhigh.right:after{content:''}.ss-batterymedium:before,.ss-batterymedium.right:after{content:''}.ss-batterylow:before,.ss-batterylow.right:after{content:''}.ss-batteryempty:before,.ss-batteryempty.right:after{content:''}.ss-clouddownload:before,.ss-clouddownload.right:after{content:''}.ss-cloudupload:before,.ss-cloudupload.right:after{content:''}.ss-calendaradd:before,.ss-calendaradd.right:after{content:''}.ss-calendarremove:before,.ss-calendarremove.right:after{content:''}.ss-calendarcheck:before,.ss-calendarcheck.right:after{content:''}.ss-calendardelete:before,.ss-calendardelete.right:after{content:''}


/********************************************************/
/********************* Global Styles ********************/
/********************************************************/

html{ position: relative; }
html, body { height:auto; min-height:100% !important;  }
body {background:#f1f1f1; color:#666; font-size:15px; line-height:20px; font-family:'Adobe Garamond Pro', 'Times New Roman', Times, Georgia, serif; }

h1 { font-size:60px; line-height:48px; margin:0 0 20px 0; font-weight:normal; color:#494949; }
h2 { font-size:15px; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; color:#666; font-weight:100; padding:0 0 2px 0; border-bottom:1px solid #acacac; margin: 0 0 2px 0; }
h3 { font-size:20px; font-family:'Adobe Garamond Pro', 'Times New Roman', Times, Georgia, serif; font-style:italic; font-weight:normal; }

body a {color:#494949; text-decoration:none; }
body a:hover {color:#666; }

#wrapper { width:960px; margin:0 auto; padding:100px 0 50px 0; }

.shadowed { box-shadow:0px 6px 10px #ccc; -webkit-box-shadow: 0px 6px 10px #ccc; -moz-box-shadow:0px 6px 10px #ccc; }
.clear {clear:both;}

/********************************************************/
/********************* Unified Styles *********************/
/********************************************************/

/* Grid */
.row.outset { margin-left: -16px; margin-right: -16px; } /* if we've got rows in old page layouts, we want mods inside, so this hacks it out */
.row:after{
	content:"";
    display:table;
    clear:both;
}
.row-relative { position: relative; }
.row-overflow { overflow: hidden; }
.row-push-bottom { margin-bottom: 30px; }

.unit{float:left;}
.unit[data-size="1of1"]{float:none;}
.unit[data-size="1of2"]{width:50%;}
.unit[data-size="1of3"]{width:33.33333%;}
.unit[data-size="2of3"]{width:66.66666%;}
.unit[data-size="1of4"]{width:25%;}
.unit[data-size="3of4"]{width:75%;}
.unit[data-size="1of5"]{width:20%;}
.unit[data-size="2of5"]{width:40%;}
.unit[data-size="3of5"]{width:60%;}
.unit[data-size="4of5"]{width:80%;}

.mod { margin: 16px; }
.mod > .hd { margin-bottom: 16px; }
.mod > .hd.hd-push-bottom { margin-bottom: 20px; }
.mod > .ft { margin-top: 16px; }

.mod.mod-inset { margin:0 0 16px 0; }
.mod.mod-relative { position: relative; }
.mod.mod-push-right { margin-right: 36px; }
.mod + .mod { margin-top: 64px; }

/* Objects */
.list-bare { list-style-type: none; padding: 0;}
.list-bare > li { padding: 0;}

.list-bordered {}
.list-bordered > li {}
.list-bordered > li + li { margin-top: 16px; border-top: solid 1px #acacac; }

.list-icon {}
.list-icon > li { padding-left: 28px; position: relative; }
.list-icon > li[class^="ss-"]:before {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    font-size: 12px;
    color: #c4c4c4;
    top: 0;
    left: 0;
    line-height: 24px;
}

.button { 
	display: inline-block;
	background: #ddd; 
	font-family: 'Gill Sans', AppleGothic, helvetica, arial, sans-serif; 
	color: #666;
	font-weight: 100; 
	letter-spacing: 2px; 
	text-transform: uppercase; 
	font-size: 13px; 
	padding: 8px 16px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-ms-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

.button:hover {
	background: #d4d4d4;
	color: #222 !important;
}

.button.alt {
	background: #fff;
	color: #6d6c6c;
}
.button.alt:hover {
	background: #eee;
}



.container {
	width: 576px;
}

.section { margin-bottom: 32px; }
.section.section-bordered { border-top: solid 1px #acacac; border-bottom: solid 1px #acacac; }

/*
 * Sidebar Background
 * .sidebar-bg doesn't contain any content, it just creates a background at a fixed point.
 */
.sidebar-bg {
	position: absolute;
	left: 50%;
	margin-left: 96px; /* wrapper(960)/2 - menu-width(384) */
	top: 68px;
	bottom: 41px; /* footer-wrapper height */
	right: 0;
	background-color: #f8f8f8;
	z-index: -1;
}

@media (max-width: 960px) {
	.sidebar-bg {
		left: 579px;
		margin-left: 0;
	}
}

.page-title { margin-bottom: 48px; }

.event { padding: 80px 0 0; font-size: 16px; line-height: 1.2; }
.event .event-title { 
	font-size: 28px;
	font-style: normal; 
}
.event .event-title a { 
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	color: #666; 
}
.event .event-title a:hover { color: #c4c4c4; }
.event .event-venue-1 { font-style: italic; font-size: 22px; }
.event .event-venue-2 { font-size: 22px; }
.event .event-venue-3 { font-size: 22px; }
.event .list-icon { margin-top: 32px; font-family: 'Gill Sans', AppleGothic, helvetica, arial, sans-serif; font-weight: 100; letter-spacing: 2px; text-transform: uppercase; }
.event .list-icon > li { line-height: 1.4; }
.event .list-icon > li + li { margin-top: 8px; }
.event .meta { font-family: 'Adobe Garamond Pro', 'Times New Roman', Times, Georgia, serif; text-transform: none; letter-spacing: normal; font-style: italic; font-size: 18px; }
.event .event-more { margin-top: 48px; }
.event .no-results {  font-size: 22px; margin: 0 40px 80px;}
.event-info { font-size: 22px; line-height: 1.2; }
.event-related {}
.event-related li a { font-size: 22px; line-height: 1.2; text-decoration: underline; font-style: italic; }
.event-related li + li { margin-top: 8px; }

.related-merch img {
	-webkit-box-shadow: 0px 1px 3px #666;
	-moz-box-shadow: 0px 1px 3px #666;
	-ms-box-shadow: 0px 1px 3px #666;
	-o-box-shadow: 0px 1px 3px #666;
	box-shadow: 0px 1px 3px #666;
	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.related-merch a:hover img {
	-webkit-box-shadow: 0px 1px 3px #333;
	-moz-box-shadow: 0px 1px 3px #333;
	-ms-box-shadow: 0px 1px 3px #333;
	-o-box-shadow: 0px 1px 3px #333;
	box-shadow: 0px 1px 3px #333;
}


.single-event .event { padding: 48px 0; }
.single-event .event .event-title { font-size: 36px; margin-bottom:8px;}
.single-event .prev { display: inline-block; font-size: 22px; font-family: 'Gill Sans', AppleGothic, helvetica, arial, sans-serif; font-weight: 100; padding-bottom: 12px; }
.single-event .h3 { font-family: 'Gill Sans', AppleGothic, helvetica, arial, sans-serif; font-weight: 100; font-style: normal; color: #b4b4b4; }
.single-event .related-merch { font-size: 16px; }
.single-event .related-merch img { max-width: 100%; height: auto; }
.single-event .related-merch td { width: 50%; }
.single-event .event-map {
	position: absolute;
	top: 0;
	left: 60%;
	right: 16px;
	bottom: 0;
	margin-left: 16px;
	overflow: hidden;
	border-left: solid 1px #acacac;
}

.single-event .event-map .button {
	position: absolute;
	width: 200px;
	bottom: 16px;
	left: 50%;
	margin-left: -100px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.event-map img {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -320px;
	left: 50%;
	margin-left: -250px;
}

.announcement, .tweet { 
	padding: 48px 0 0; 
	font-family: 'Gill Sans', AppleGothic, helvetica, arial, sans-serif; 
	font-weight: 100; 
	font-size: 18px; 
}

.announcement .meta {
	font-size: 14px; font-family: 'Gill Sans', AppleGothic, helvetica, arial, sans-serif; color: #aaa; 
}

.announcement .announcement-link { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.announcement .announcement-link a { 
	color: #aaa; 
	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.announcement .announcement-link a:hover{color:#666;
}

.announcement .announcement-content {
	font-family: 'Adobe Garamond Pro', 'Times New Roman', Times, Georgia, serif; font-size: 22px;
	margin-bottom: 8px;	
}

.announcement .announcement-date {
	margin-top: 24px;
}

.link-block > span {
	display: block;
}



.tweet .tweet-username { font-family: 'Adobe Garamond Pro', 'Times New Roman', Times, Georgia, serif; font-size: 22px; line-height: 1.2; }
.tweet .row { margin-top: 16px; }

a.prev, a.next {
	position: relative;
}
a.prev:hover, a.next:hover {
	text-decoration: underline;
}

a.prev {
	padding-left: 16px;
}

a.prev:before { 
	position: absolute;
	left: 0;
	top: 6px;
	display: inline-block; 
	content: ""; 
	background: url('/images/design-assistance/arrow-prev.png') 0 0 no-repeat; 
	width: 6px; 
	height: 12px; 
	padding-right: 8px; 
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
a.prev:hover:before {
	left: -6px; 
}

a.next {
	padding-right: 16px;
}

a.next:after { 
	position: absolute;
	right: 0;
	top: 6px;
	display: inline-block; 
	content: ""; 
	background: url('/images/design-assistance/arrow-next.png') 0 0 no-repeat; 
	width: 6px; 
	height: 12px; 
	margin-left: 8px; 
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
a.next:hover:after {
	right: -6px; 
}


[data-context="text"] img.float-left { float: left; margin: 0 32px 16px 0; clear: both; }
[data-context="text"] img.float-right { float: right; margin: 0 0 16px 32px; clear: both; }

[data-context="text"] h1, 
[data-context="text"] h2, 
[data-context="text"] h3, 
[data-context="text"] h4, 
[data-context="text"] h5, 
[data-context="text"] h6 {
	margin-bottom: 8px;
}

[data-context="text"] ul + p { margin-top: 20px; }

[data-context="text"] p+p, 
[data-context="text"] blockquote+p, 
[data-context="text"] p + ul { margin-top: 16px; }

[data-context="text"] p + h2, 
[data-context="text"] p + h3, 
[data-context="text"] p + h4, 
[data-context="text"] p + h5, 
[data-context="text"] p + h6, 
[data-context="text"] h3 + h4, 
[data-context="text"] h3 + h5 { 
	margin-top: 20px;
}


/********************************************************/
/************************ iStyles ***********************/
/********************************************************/

body.ipad #footerwrapper, body.iphone #footerwrapper, body.ipod #footerwrapper {position:static;}

body.iphone.home #wrapper {display:none;}

body.iphone.home #footerwrapper { position:fixed; width:440px; height:80px; padding:20px; }
body.iphone.home #footer { font-size:20px; line-height:20px; width:440px; }
body.iphone #latest {font-size:20px;}

body.ipad.portrait #wrapper { min-height:1037px !important; }
body.ipad.landscape #wrapper { min-height:490px !important; }



/********************************************************/
/********************* Header Styles ********************/
/********************************************************/

#headerwrapper { border-bottom:1px solid #ccc; background:url('/mako_resources/bg.png'); padding:15px 0; position:fixed; top:0; left:0; z-index:100; width:100%; }
#header { width:960px; margin: 0 auto; padding:0; text-transform:uppercase; }

#header #logo { width:960px; letter-spacing:2px; font-color:#494949; }

#header #menu {font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; font-weight:100; float:left; font-size:13px; margin:0 0 -3px 0; }
#header #menu a { float:left; margin: 0 16px 0 0; color:#666; }
#header #menu a.current, #header #menu a:hover {color:#494949; }



/********************************************************/
/********************* Works Styles *********************/
/********************************************************/

body.works .gallery_preview { border-top: 1px solid #f1f1f1; float:left; width:960px; min-height:180px; margin:0 0 50px 0; }
body.works img { float:right; padding:10px; background:#f6f6f6; }
body.works .even img {float:left;}
body.works .copy { float:left; width:700px; }
body.works .copy p { margin:0 0 10px 0; }
body.works .even .copy {float:right;}
body.works h1 { width: 700px; float:right; text-align:right; margin:0px; }
body.works .even h1 {text-align:left;}
body.works .excerpt { width:700px; text-align:justify; float:right; margin:10px 0 0 0; }
body.works .even .excerpt {float:left;}

body.gallery #wrapper { min-height:500px; width:100%; }
body.gallery #header { width:940px; padding:0 20px; }

body.gallery #title { width:940px; margin:-30px auto 0px auto; padding:0 20px; }
body.gallery #title h1 { font-style:italic; font-size:20px;  float:left; color:#666; margin:0; }
body.gallery #title a { margin:16px 0 0 10px; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; font-weight:100; float:left; font-size:11px; text-transform:uppercase; }

body.gallery #submenu { margin: 0 20px; padding:0 0 5px 0; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; text-transform:uppercase; font-size:11px; font-weight:100; min-width:960px; }
body.gallery #submenu a {color:#666; }
body.gallery #submenu a.active {color:#494949; }
body.gallery #prev { position:absolute; z-index:100; left:0; top:0; width:30%; height:100%; cursor:pointer; background:url('/mako_resources/prev.png') no-repeat 2% center; }
body.gallery #next { position:absolute; z-index:100; right:0; top:0; width:30%; height:100%; cursor:pointer; background:url('/mako_resources/next.png') no-repeat 98% center; }
body.gallery #prev.disabled, body.gallery #next.disabled {display:none;}

body.gallery #submenu a, body.gallery #prev_next a {text-decoration:none;}
body.gallery #submenu .works_single_image.shortcut, body.gallery #submenu .works_image_group.shortcut { padding: 0 14px 0 0; background:url('/mako_resources/brush.png') no-repeat center right; }
body.gallery #submenu .works_text.shortcut { padding: 0 14px 0 0; background:url('/mako_resources/text.png') no-repeat center right; }
body.gallery #submenu .works_video.shortcut { padding: 2px 14px 0 0; background:url('/mako_resources/video.png') no-repeat center right; }

body.gallery #main { width:100%; height:415px; position:relative; overflow:hidden; padding:10px 0; }
body.gallery #main.tall {height:650px;}
body.gallery #main #walls { width:20000px; position:absolute; }
body.gallery .wall {float:left;}
body.gallery #main .wall.works_single_image, body.gallery #main .wall.works_image_group, body.gallery #main .wall.works_video { padding:10px; background:#f6f6f6; }
body.gallery #main div.works_single_image img.toobig, body.gallery #main.tall div.works_single_image img.toobig { width:700px !important; height:auto !important; }
body.gallery #main div.works_single_image img.toobig_noinfo, body.gallery #main.tall div.works_single_image img.toobig_noinfo { width:940px !important; height:auto !important; }

body.gallery #main .image_group { float:left; width:auto; }
body.gallery #main .image_group img {float:left;}
body.gallery #main .image_group.horizontal img { margin:0 1px 0 0; height:100%; width:auto; }
body.gallery #main .image_group.vertical img { margin:0 0 1px 0; clear:both; }

body.gallery #main .works_single_image img { float:left; height:385px; width:auto; }
body.gallery #main.tall .works_single_image img {height:630px;}

body.gallery #main .info { float:left; width:220px; margin: 0 0 0 20px; font-size:12px; line-height:16px; }
body.gallery #main .title { border-top:1px solid #f1f1f1; padding:5px 0 0 0; font-size:15px; }
body.gallery #main .details {font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; font-weight:100; padding:0 0 5px 0; margin: 0 0 5px 0; border-bottom:1px solid #f1f1f1; }

body.gallery #main .works_text { width:960px; font-size:32px; line-height:42px; text-align:justify; }

body.gallery #main .works_video {width:940px;}
body.gallery #main .video { width:700px; height:394px; float:left; }




/********************************************************/
/******************** Writings Styles *******************/
/********************************************************/

body.writings .article_preview { width:960px; margin: 0 0 50px 0; float:left;}
body.writings .odd h1, .article_preview.odd .meta { float:left; width:700px; text-align:right; margin:0; }
body.writings .excerpt {text-align:justify;}
body.writings .odd .excerpt { float:right; width:240px; }
body.writings .even h1, .article_preview.even .meta { float:right; width:700px; margin:0; }
body.writings .even .excerpt { float:left; width:240px; }

body.writings #top { margin:-20px 0 40px 0;  font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; line-height:11px; font-size:11px; font-weight:100; text-transform:uppercase; }
body.writings #top #search { float:right; width:240px; }
body.writings #top input { float:left; padding:4px; background:white; color:#666; border:none; width:172px; height:16px; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; line-height:15px; font-size:15px; font-weight:100; }
body.writings #top #submit { padding:4px; float:right; width:56px; margin: 0 0 0 4px; height:24px; border:none; background:#666; color:#f1f1f1; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; font-size:13px; font-weight:100; padding:0; }

body.writings #results_count h2 {border:none;}

body.writings #results_count {font-family:'Adobe Garamond Pro', 'Times New Roman', Times, Georgia, serif; text-transform:none; width:700px; margin:5px 0 -25px 0; float:left; }

body.writings #topics { width:700px; float:left; }
body.writings #top #topics .tag { padding:4px 4px 3px 4px; margin:0 4px 4px 0; float:left; background:#666; color:#f1f1f1; border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
body.writings #top #topics .tag.current {background:#494949; }

body.single #right p { margin: 0 0 10px 0; text-align:justify; }

body.single #meta {font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; color:#666; float:right; width: 460px; margin:0 -60px 85px 0; text-align:right; }

body.single #right { float:right; width:480px; margin:60px 0 0 0; }
body.single #right #copy { margin:-180px 0 0 0; padding:120px 0 0 0; }
body.single #right h1 { width:690px; margin:25px 40px 20px -480px; float:left; text-align:right; }
body.single #right sup { font-size:8px; position:relative; bottom:5px; }

body.single #appendix { position:absolute; bottom:0; }
body.single #appendix #share img { margin: 0 0 -3px 0; }
body.single #appendix .FBConnectButton_Simple, body.single #appendix .FBConnectButton_RTL_Simple { background-image:none !important; }
body.single #appendix .FBConnectButton_Text_Simple { margin:0 !important; }

body.single #left { position:relative; float:left; width:400px; font-weight:100; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; color:#666; }
body.single #images {float:left;}
body.single #left .image { margin: 0 0 30px 0; width:380px; font-size:11px; padding:10px; background:#f6f6f6; }
body.single #left .image img { margin: 0 0 -5px 0; width:380px; height:auto; }
body.single #left .image .caption { margin: 0 0 -5px 0; }

body.single #bottom { position: relative; z-index: 1; float:left; width:960px; margin: 50px 0 0 0; }

body.single #about { margin: 0 0 20px 0; float:left; width:460px; height:200px;}
body.single #about p { margin:10px 0 -5px 0;}

body.single #similar { margin: 0 0 20px 0; float:left; width:460px; }
body.single #similar a { margin: 10px 0 0 0; float:left; line-height:15px; }

body.single #related { margin: 0 0 20px 0; float:left; width:460px; }
body.single #related a { margin: 10px 20px 0 0; float:left; }
body.single #related a.even { margin-right: 0;}

body.single #disqus_thread { margin: 0 0 20px 0; float:right; width:480px; }
body.single #disqus_thread h3 { font-size:15px; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; color:#666; font-style:normal !important; font-weight:100; padding:0 0 2px 0; border-bottom:1px solid #acacac; margin: 0 0 2px 0; }
body.single #dsq-authenticate, body.single #dsq-form-area { font-size:15px !important; }
body.single #dsq-global-toolbar, body.single #dsq-content .dsq-options, body.single #dsq-comments-title, body.single .dsq-header-avatar, body.single .dsq-brlink { display:none !important; }
body.single .dsq-subscribe-menu { font-size:12px !important; }
body.single .dsq-request-user-info { padding-bottom:0 !important; }
body.single #dsq-content .dsq-comment-header { font-size:15px; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; font-weight:100 !important; background:none !important; padding-top:2px; border:none; border-top:1px solid #acacac; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
body.single .dsq-post-footer { margin-bottom:10px !important; }
body.single .dsq-comment-header-meta { padding:0 !important; }
body.single #dsq-content .dsq-post-footer .dsq-button {margin-bottom:10px;}
body.single #dsq-content .dsq-textarea .dsq-textarea-wrapper, #dsq-content .dsq-input-wrapper { -moz-border-radius:0 0 0 0; }
body.single #dsq-content .dsq-comment-header cite { font-weight:100 !important; }
body.single #dsq-content .dsq-comment-message { font-size:15px !important; line-height:20px; }
body.single button.dsq-button, body.single button.dsq-button-small { -moz-border-radius:0px; background:#666; border:none; color:white; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; font-weight:100 !important; text-transform:uppercase; font-size:14px; }
body.single #dsq-content .dsq-request-user-name { font-size:15px; font-weight:normal; padding:4px 0 0 0; }
body.single #dsq-content .dsq-request-user-stats { font-weight:normal; padding:0 0 0 0; }
body.single #dsq-content .dsq-request-user-info td a {font-weight:normal;}
body.single #dsq-content .dsq-request-user-stats span.dsq-request-user-stat big { font-size:1em; font-weight:normal !important; }
body.single #footnotes { font-size:11px; margin:0 0 60px 0; }



/********************************************************/
/********************** Home Styles *********************/
/********************************************************/

body.home #slideshow { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:-100; }
body.home #slideshow.small img { width:1440px !important; height:900px !important; position:absolute; top:50% !important; left:50% !important; margin: -450px 0 0 -720px; }
body.home #slideshow.big img { height:1200px !important; width:1920px !important; position:absolute; top:50% !important; left:50% !important; margin: -600px 0 0 -960px; }

body.home #video_wrapper { position:absolute; overflow:hidden; width:100%; height:100%; top:0; left:0; z-index:-10; }
body.home #controls { width:100px; height:100px; position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; z-index:100; }

body.home #home_video { position:absolute; z-index:-10; }
body.home #home_video.tall { width:auto; height:100%; left:50%; }
body.home #home_video.wide { width:100%; height:auto; top:50%; }



/********************************************************/
/*********************** Bio Styles *********************/
/********************************************************/

body.bio #video { width:440px; float:left; padding:10px; background:#f6f6f6; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; }
body.bio #video img {float:left;}

body.bio #bio { width:480px; float:right; margin:60px 0 0 0; }
body.bio #bio h1 { float:left; padding:20px 40px 10px 0; margin:0; }
body.bio #bio #copy { margin:-180px 0 0 0; padding: 120px 0 0 0; }
body.bio #bio #copy p + p { margin-top: 20px; }

body.bio #cv { margin:20px 0 0 0; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; font-weight:100; font-size:12px; line-height:15px;  }
body.bio #cv h1 {font-family:'Adobe Garamond Pro', 'Times New Roman', Times, Georgia, serif; }
body.bio #cv .category { margin:0 0 20px 0; }
body.bio #cv .category li { margin:0 0 5px 0; }

body.bio #cv #left { float:left; width: 460px; }
body.bio #cv #right { float:right; width:480px; }
body.bio #cv .label { width:80px; float:left; }
body.bio #cv .value { width:380px; float:right; }

body.bio #player video { width:440px; height:248px; }



/********************************************************/
/******************** Contact Styles ********************/
/********************************************************/

body.contact p, body.contact h2 { margin: 0 0 8px 0; }
body.contact .col { float:left; margin: 0 20px 20px 0; }
body.contact .form {width:460px;}
body.contact #info {width:230px;}
body.contact #rep { width:230px; margin:0; }
body.contact #list { width:480px; margin:0; }
body.contact #list input {width:470px;}
body.contact #list .submit {width:480px;}

body.contact .form textarea, body.contact .form input { padding:5px; background:white; color:#666; border:none; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; font-weight:100; width:450px; font-size:14px; }
body.contact .form .submit { width:460px; background:#666; color:#f1f1f1; text-transform:uppercase; font-family:'Gill Sans', AppleGothic, helvetica, arial, sans-serif; font-weight:100; font-size:14px; }
body.contact .form .message {height:200px;}



/********************************************************/
/******************** Contact Styles ********************/
/********************************************************/

body.four-holy-gospels #video { padding:10px; background:white; }
body.four-holy-gospels #video iframe {display:block;}
body.four-holy-gospels h2 {margin-bottom:20px;}
body.four-holy-gospels .left { float:left; width:470px; margin: 50px 20px 0 0; }
body.four-holy-gospels .right { float:left; width:470px; margin: 50px 0 0; }
body.four-holy-gospels #wrapper {margin-bottom:50px;}


/********************************************************/
/********************* Press Styles *********************/
/********************************************************/

body.press .col {float:left;}
body.press #reviews { margin:0 20px 0 0; width:460px; }
body.press #other {width:480px;}

body.press .title { font-style:italic; margin: 0 0 0 -15px; padding:0 0 0 15px; }
body.press .review { margin:10px 0 10px 15px; float:left; }
body.press .review p { margin:0 0 8px 0; }

body.press .download .title { background:url("/mako_resources/download.png") 0px 2px no-repeat; }
body.press .external .title { background:url("/mako_resources/arrow.png") 0px 2px no-repeat; }

body.press .text .title { background:url("/mako_resources/triangleoff.png") 0px 2px no-repeat; }
body.press .text .main { margin: 10px 0 0 0; }
body.press .text .title.active { background:url("/mako_resources/triangleon.png") 0px 2px no-repeat; }

/********************************************************/
/********************* Calendar Styles *********************/
/********************************************************/

body.calendar #wrapper {
	clear: both;
}

body.calendar h2 { font-size: 24px; padding-bottom: 12px; font-weight: 100; }
body.calendar h2 a.next { float: right; margin-left: 16px; }
body.calendar .sidebar .hd { margin-top: 36px; }
body.calendar .sidebar h2 { color: #aaa; border-bottom-color: #d2d2d2 }
body.calendar .sidebar .list-bordered > li + li { border-top-color: #d2d2d2; }

body.calendar a {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	color: inherit; 
}
body.calendar a:hover { color: #c4c4c4; }

body.calendar .pagination { 
	margin-top: 16px; 
	border-top: solid 1px #acacac; 
	padding: 64px 0;
	
	font-family: 'Gill Sans', AppleGothic, helvetica, arial, sans-serif;
	font-size: 20px;
	font-weight: 100;
}


/********************************************************/
/********************* Footer Styles ********************/
/********************************************************/

#footerwrapper { position:fixed; bottom:0; left:0; font-family: 'Gill Sans', AppleGothic, helvetica, arial, sans-serif; font-weight:100; border-top:1px solid #ccc; padding:10px 0; background:url('/mako_resources/bg.png'); width:100%; height:20px; margin:-20px 0 0 0; font-size:13px; z-index:100; }
#footer { width:960px; margin: 0 auto; }
#footer #social, #footer #copyright { width:480px; float:left; }
#footer #copyright {text-align:right;}
.noscript { position:absolute; z-index:100; width:100%; height:100%; text-align:center; padding:100px 0 0 0;  top:0; left:0; background:url('/mako_resources/bg.png'); }

body.home #footer h3 { font-size:24px; font-weight:normal; font-family:'Adobe Garamond Pro', 'Times New Roman', Times, Georgia, serif; color:#494949; font-style:italic; }
body.home #footer { line-height:24px; font-size:18px; font-family:'Adobe Garamond Pro', 'Times New Roman', Times, Georgia, serif; }
body.home #footerwrapper { height:40px; padding:13px 0 17px 0; }