/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}


	/* main (mostly basic styles) CSS file for slippyd.com version 2
 * 
 * author: Slippy Douglas <{ES-EL-EYE-PEA-PEA-WHY-DEE} -webdesign-2 {at} {['d','y','p','p','i','l','s'].reverse.join} .com>
 * creation date: 2007-05-28
 */

/* NOTE: I use single quotes ('') inside url()s because it feels safer (parentheses are allowed in urls) and double-quotes cause problems in HTML style="" declarations */


body {
	font: 13px/1.5em Helvetica, Verdana, sans-serif;
	-webkit-text-size-adjust: none;
}

table { border: none; border-collapse: collapse; border-spacing: 0; }
td { padding: 0; vertical-align: top; }

.clear { clear: both; }

#base a { text-decoration: none !important; color: #98a5b9; }
#page a { color: #069; border-bottom: 1px dotted transparent; }
#page .tag a, #page a.tag { color: #fff; border: 1px solid transparent; }
#base a { border-color: #000; border-color: rgba(0, 0, 0, 0.25); }
#base a:hover { border-color: #000; border-color: rgba(0, 0, 0, 0.5); }
#base a:active { border-color: #000; border-color: rgba(0, 0, 0, 0.75); }
#base a img { border: none; }

#base .red a { color: #600; }
#base .red a:hover { border-color: #900; }

#base .brown a { color: #640; }
#base .brown a:hover { border-color: #960; }

#base .yellow a { color: #660; }
#base .yellow a:hover { border-color: #990; }

#base .green a { color: #460; }
#base .green a:hover { border-color: #690; }

#base .blue a { color: #046; }
#base .blue a:hover { border-color: #069; }

i, i *, em, em * { -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)'; filter: alpha(opacity=75); opacity: 0.75; }
b, b *, strong, strong * { font-weight: bold; }

.header:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; /* contain-float-after-inline-block */ }
.header { display: inline-block; /* contain-float-after-inline-block */ }
.header { display: block; /* contain-float-after-inline-block */ }

.header, h1, h2, h3, h4, h5, h6 {
	margin-top: 1em; /* margin-top is sooooo evil, but necessary: reactive over predictive! */
	margin-bottom: 0.5em;
}
.header:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
	margin-top: 0;
}
.header h1, .header h2, .header h3, .header h4, .header h5, .header h6 {
	margin-top: 0; margin-bottom: 0;
}

.block { display: block; }
.inline { display: inline; }
.inline-block { display: inline-block; }
.right { float: right; }
.left { float: left; }
.nowrap { whitespace: nowrap; }

h1, h1 *,
h2, h2 *,
h3, h3 *,
h4, h4 *,
h5, h5 *,
h6, h6 * {
	font-weight: bold;
	font-family: 'Helvetica Neue', Helvetica, Verdana, sans-serif;
	line-height: 1.5em;
}

h6, .h6 { font-size: 12px; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)'; filter: alpha(opacity=75); opacity: 0.75; }
h5, .h5 { font-size: 13px; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; filter: alpha(opacity=90); opacity: 0.90; }
h4, .h4 { font-size: 15px; }
h3, .h3 { font-size: 18px; }
h2, .h2 { font-size: 21px; }
h1, .h1 { font-size: 26px; margin-top: 0; margin-bottom: 1em; }


.sub { font-size: 80%; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)'; filter: alpha(opacity=75); opacity: 0.75; }
.sub, .sub *, .sub a { text-transform: none; font-weight: bold; }
/*h1.sub, h2.sub, h3.sub, h4.sub, h5.sub, h6.sub { font-size: 100%; }*/

.lead { font-size: 100%; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)'; filter: alpha(opacity=75); opacity: 0.75; }
.lead:after { content:": "; }
.lead, .lead *, .lead a { text-transform: uppercase; font-weight: bold; }
span.lead { margin-right: 0.5em; }

.tag {
	font-size: 12px;
	line-height: 1em; height: 1em;
	background-color: #069;
	        border-radius: 3px;
	   -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 1px 4px;
	margin: 0 1px;
	        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	   -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}
#base .tag, #base .tag *, #base .tag a { text-transform: uppercase; font-weight: bolder; color: #fff; }
a.tag { border-size: 1px; }
.normal.tag, .normal.tag *, .normal.tag a { text-transform: none; }

.red .tag, body .red.tag { background-color: #900; }
.brown .tag, body .brown.tag { background-color: #960; }
.yellow .tag, body .yellow.tag { background-color: #990; }
.green .tag, body .green.tag { background-color: #690; }
.blue .tag, body .blue.tag { background-color: #069; }
.gray .tag, body .gray.tag { background-color: #666; }
.black .tag, body .black.tag { background-color: #000; }
.white .tag, body .white.tag { background-color: #fff; color: #000 }

.trail { font-size: 80%; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)'; filter: alpha(opacity=75); opacity: 0.75; }
.trail, .trail *, .trail a { text-transform: none; font-weight: bold; }
span.trail { margin-left: 0.5em; }

.ruled { border-bottom: 2px solid #000; }

hr { border: none; border-bottom: 2px solid #069; }


sub, sub * { vertical-align: bottom; }
sub { font-size: 0.75em; }

sup, sup * { vertical-align: top; }
sup { font-size: 0.75em; }


code, .code {
	background: url('/assets/84/checkerboard.05op-tr.s16.png') repeat;
	border: 1px solid #999;
	padding: 2px;
	font-weight: bold;
	font-size: 0.85em;
	overflow-x: auto;
}

pre > code, code > pre { display: block; }


a .url-tip { display: none; }


.line { display: block; white-space: nowrap; }

p, ul, ol, dl, pre, blockquote, q { margin-top: 0; margin-bottom: 1em; }

blockquote, q { margin-left: 2em; font-style: oblique; }

ul ul, ul ol, ol ol, ol ul { padding-left: 4em; margin-bottom: 0; }
body ul, body ol { padding-left: 1.5em; }
ul { list-style: disc outside; }
ol { list-style: decimal outside; }

dt, dd { display: inline; }
dt { font-weight: bold; color: #069; margin-right: 0.5em; float: left; clear: left; }
dd { display: block; margin-left: 2em; }

.red dt { color: #900; }
.brown dt { color: #960; }
.yellow dt { color: #990; }
.green dt { color: #690; }
.blue dt { color: #069; }
/* @end */

/*ul { margin: 0; padding: 0; }*/

ul.feature { margin-bottom: 1em; }
ul.feature li { margin-bottom: 1em; margin-left: 0.5em; list-style: none; }
ul.feature li h1, ul.feature li h2, ul.feature li h3, ul.feature li h4, ul.feature li h5, ul.feature li h6 { position: relative; left: -0.5em; /* I believe margin-left: -1em; clips in IE 6 */ }


input {
	background: url('/assets/16/patch.25bk.s16.png') repeat;
	color: #000;
	border: 1px solid #069;
	/*height: 1em;*/
	padding: 1px;
}


	/* base-level layout element CSS file for slippyd.com v5
 * 
 * author: Slippy Douglas <{ES-EL-EYE-PEA-PEA-WHY-DEE} -webdesign-2 {at} {['d','y','p','p','i','l','s'].reverse.join} .com>
 * creation date: 2007-06-06
 */

html {
	height: 100%;
}
body {
	margin: 0; padding: 0;
	height: 100%;
}

#base {
	position: relative;
	height: auto; min-height: 100%;
	/*_height: 100%; /* IE 4-6 fix */
	color: #fff;
	/*overflow: hidden; /* (for scrolling backdrop) */
}

/* content div */
#base > .cont {
	/*height: 100%; /* why? */
	/*overflow: auto; zoom: 1;*/ /* TODO figure out a way to do this without overflow */
	position: relative;
	z-index: 2;
}

/* background element divs */
#base > .back {
	position: absolute;
	width: 100%; height: 100%; /* _height: expression(this.parentNode.offsetHeight + 'px'); /* IE 6 hack; needed until better solution found */
	/*top: 0; left: 0; bottom: 0; right: 0;*/
}

body,
#base > .back.fill { background-color: #181512; }
#base > .back.fill { z-index: 0; }

#base > .back.pattern {
	z-index: 1;
	background-image: url('/assets/141/patch.grid.wh-tr.6x12.png');
}

#base > .back.shadows { z-index: 2; }
#base > .back.shadows > .t,
#base > .back.shadows > .b { left: 0; right: 0; }
#base > .back.shadows > .t {
	background-image: url('/assets/142/pane.grid.shadows.t.16x256.png');
	height: 256px;
}
#base > .back.shadows > .b {
	background-image: url('/assets/143/pane.grid.shadows.b.16x56.png');
	height: 56px;
}
#base > .back.shadows > .l,
#base > .back.shadows > .r { top: 0; bottom: 0; }
#base > .back.shadows > .l {
	background-image: url('/assets/144/pane.grid.shadows.l.60x16.png');
	width: 60px;
}
#base > .back.shadows > .r {
	background-image: url('/assets/145/pane.grid.shadows.r.60x16.png');
	width: 60px;
}

#base > #page { z-index: 10; }


#logo {
	height: 1264px;
	overflow-x: hidden;
}

#logo > .r,
#logo > .g,
#logo > .b {
	position: fixed;
	background: none no-repeat top left;
	top: 0; left: 0;
	width: 4712px; height: 1264px;
	
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: -moz-crisp-edges;
}

#logo > .r { z-index: 5; background-image: url('/assets/154/logo.slippydouglas.huge-rgb.sli.r.png'); }
#logo > .g { z-index: 6; background-image: url('/assets/153/logo.slippydouglas.huge-rgb.sli.g.png'); }
#logo > .b { z-index: 7; background-image: url('/assets/152/logo.slippydouglas.huge-rgb.sli.b.png'); }


#page {
	position: relative;
	width: 1024px;
	margin-top: -32px; padding-top: 32px; /* so that the #page anchor will have spacing at the top of the window */
}
#page > .cont {
	margin-left: 32px; margin-right: 32px;
	color: #000;
}


#head {
	position: absolute; z-index: 20;
	top: 32px;
	left: 32px;
	/*padding: 4px 0 0;
	height: 64px;*/
}

#head .tagline {
	margin: 8px 0;
	font: 16px/26px 'HelveticaNeue-Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 4px;
	color: #98a5b9;
	/*width: 7em;*/
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 1.0);
}
#head .tagline a {
	/*-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)'; filter: alpha(opacity=75); opacity: 0.75;*/
}
#head .tagline .sym {
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=25)'; filter: alpha(opacity=25); opacity: 0.25;
	color: #fff;
}

#head .enter {
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter: alpha(opacity=50); opacity: 0.5;
	text-align: center; margin: 32px;
}
#head .enter > * { margin: 0 auto; }

#head img.logo {
	margin: -11px;
}

#head img#slippyd-logo { /*width: 276px;*/ height: 60px; }

#nav {
	position: fixed; z-index: 21;
	top: 32px; right: 32px;
	text-align: center;
}
#nav .tag {
	float: right; clear: right;
	background-color: #fff;
	color: #000;
	font-size: 12px;
	margin: 3px 1px;
	padding: 2px 4px;
	        box-shadow: 0px 1px 2px rgba(0, 0, 0, 1.0);
	   -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 1.0);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 1.0);
}
#nav .tag.here { background-color: #000; color: #fff; }


#foot {
	position: relative; z-index: 20;
	width: 1024px;
	padding-bottom: 16px;
}
#foot > .cont { margin: 0 32px; padding: 0 16px; }
#foot *, #foot a {
	font-size: 9px;
	font-weight: bold;
}


#browser-error a { border-bottom-color: #ccc; }
#browser-error a.hide-button {
	float: right;
	margin: 0.5em; padding: 0.25em;
	border: none;
	font-size: 1.25em;
}
#browser-error a:hover.hide-button { background: #b00; }

/* @group "nav-bar" layout construct */
#nav-bar-main {
	bottom: 0; left: 12px; right: 264px; /* _width: expression((this.parentNode.offsetWidth - 264) + 'px'); /* IE 6 hack; needed until better solution found */
	height: 12px;
}

#nav-bar-ext {
	position: absolute;
	z-index: 20;
	left: 4px;
	top: 52px;
	right: 50%;
}


#user-login-form label { display: none; }
#user-login-form .element { position: absolute; z-index: 2; }
#user-login-form .element, #user-login-form input { width: 156px; height: 16px; }

#user-login-form #login-element.element { top: 0; right: 208px; }
#user-login-form #login-element.element input { text-align: right; }
#user-login-form #password-element.element { top: 0; right: 16px; }

#user-login-status .element { -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; filter: alpha(opacity=50); opacity: 0.5; }
#user-login-status .element:hover { -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter: alpha(opacity=100); opacity: 1.0; }

#user-login-status .element { position: absolute; z-index: 2; width: 156px; height: 16px; }
#user-login-status .info.element { top: 0; right: 208px; text-align: right; }
#user-login-status .action.element { top: 0; right: 16px; }

/* @end */


	/* "pane" layout element CSS file for slippyd.com v5
 * 
 * author: Slippy Douglas <{ES-EL-EYE-PEA-PEA-WHY-DEE} -webdesign-2 {at} {['d','y','p','p','i','l','s'].reverse.join} .com>
 * creation date: 2007-06-05
 */


/* "pane" layout construct */
.pane {
	position: relative;
}

/* content div */
.pane > .cont {
	position: relative;
	z-index: 10;
	/*overflow: auto; zoom: 1;*/ /* TODO figure out a way to do this without overflow */
}

/*.pane > .cont > h1:first-child, .pane > .cont > div:first-child > h1:first-child,*/
.pane > .cont > h2:first-child, .pane > .cont > div:first-child > h2:first-child,
.pane > .cont > h3:first-child, .pane > .cont > div:first-child > h3:first-child,
.pane > .cont > h4:first-child, .pane > .cont > div:first-child > h4:first-child,
.pane > .cont > h5:first-child, .pane > .cont > div:first-child > h5:first-child,
.pane > .cont > h6:first-child, .pane > .cont > div:first-child > h6:first-child {
	border-bottom: 2px solid #069;
	margin-top: 0;
}

.pane.red > .cont > h2:first-child, .pane.red > .cont > div:first-child > h2:first-child,
.pane.red > .cont > h3:first-child, .pane.red > .cont > div:first-child > h3:first-child,
.pane.red > .cont > h4:first-child, .pane.red > .cont > div:first-child > h4:first-child,
.pane.red > .cont > h5:first-child, .pane.red > .cont > div:first-child > h5:first-child,
.pane.red > .cont > h6:first-child, .pane.red > .cont > div:first-child > h6:first-child {
	border-color: #900;
}

.pane.brown > .cont > h2:first-child, .pane.brown > .cont > div:first-child > h2:first-child,
.pane.brown > .cont > h3:first-child, .pane.brown > .cont > div:first-child > h3:first-child,
.pane.brown > .cont > h4:first-child, .pane.brown > .cont > div:first-child > h4:first-child,
.pane.brown > .cont > h5:first-child, .pane.brown > .cont > div:first-child > h5:first-child,
.pane.brown > .cont > h6:first-child, .pane.brown > .cont > div:first-child > h6:first-child {
	border-color: #960;
}

.pane.yellow > .cont > h2:first-child, .pane.yellow > .cont > div:first-child > h2:first-child,
.pane.yellow > .cont > h3:first-child, .pane.yellow > .cont > div:first-child > h3:first-child,
.pane.yellow > .cont > h4:first-child, .pane.yellow > .cont > div:first-child > h4:first-child,
.pane.yellow > .cont > h5:first-child, .pane.yellow > .cont > div:first-child > h5:first-child,
.pane.yellow > .cont > h6:first-child, .pane.yellow > .cont > div:first-child > h6:first-child {
	border-color: #990;
}

.pane.green > .cont > h2:first-child, .pane.green > .cont > div:first-child > h2:first-child,
.pane.green > .cont > h3:first-child, .pane.green > .cont > div:first-child > h3:first-child,
.pane.green > .cont > h4:first-child, .pane.green > .cont > div:first-child > h4:first-child,
.pane.green > .cont > h5:first-child, .pane.green > .cont > div:first-child > h5:first-child,
.pane.green > .cont > h6:first-child, .pane.green > .cont > div:first-child > h6:first-child {
	border-color: #690;
}

.pane.blue > .cont > h2:first-child, .pane.blue > .cont > div:first-child > h2:first-child,
.pane.blue > .cont > h3:first-child, .pane.blue > .cont > div:first-child > h3:first-child,
.pane.blue > .cont > h4:first-child, .pane.blue > .cont > div:first-child > h4:first-child,
.pane.blue > .cont > h5:first-child, .pane.blue > .cont > div:first-child > h5:first-child,
.pane.blue > .cont > h6:first-child, .pane.blue > .cont > div:first-child > h6:first-child {
	border-color: #069;
}

/* background container div */
.pane > .back {
	position: absolute;
	width: 100%;
	height: 100%;
	/*top: 0; left: 0; bottom: 0; right: 0;*/
	top: auto; bottom: auto; left: auto; right: auto;
	background: none;
}


/* "pane" layout construct background elements */
.pane > .back > .t,
.pane > .back > .r,
.pane > .back > .b,
.pane > .back > .l,
.pane > .back > .tl,
.pane > .back > .tr,
.pane > .back > .br,
.pane > .back > .bl,
.pane > .back > .c {
	position: absolute;
	z-index: inherit; /* the .back should contain all these elements, but set z-index to be doublely-sure (and for IE) */
}
.pane > .back > .t,
.pane > .back > .tl,
.pane > .back > .tr { top: 0; }
.pane > .back > .b,
.pane > .back > .bl,
.pane > .back > .br { bottom: 0; }
.pane > .back > .l,
.pane > .back > .tl,
.pane > .back > .bl { left: 0; }
.pane > .back > .r,
.pane > .back > .tr,
.pane > .back > .br { right: 0; }
.pane > .back > .t,
.pane > .back > .tl,
.pane > .back > .tr,
.pane > .back > .b,
.pane > .back > .bl,
.pane > .back > .br { height: 32px; }
.pane > .back > .l,
.pane > .back > .tl,
.pane > .back > .bl,
.pane > .back > .r,
.pane > .back > .tr,
.pane > .back > .br { width: 32px; }
.pane > .back > .t,
.pane > .back > .b { width: auto; left: 32px; right: 32px; }
.pane > .back > .l,
.pane > .back > .r { height: auto; top: 32px; bottom: 32px; }
.pane > .back > .c { width: auto; height: auto; top: 32px; left: 32px; bottom: 32px; right: 32px; }


/* "pane" layout construct background element graphics */
.pane > .back > .c { background-repeat: repeat; }
.pane > .back > .t,
.pane > .back > .b { background-repeat: repeat-x; }
.pane > .back > .l,
.pane > .back > .r { background-repeat: repeat-y; }
.pane > .back > .tl,
.pane > .back > .tr,
.pane > .back > .bl,
.pane > .back > .br { background-repeat: no-repeat; }

.pane > .back > .t { background-position: top; }
.pane > .back > .b { background-position: bottom; }
.pane > .back > .l { background-position: left; }
.pane > .back > .r { background-position: right; }
.pane > .back > .tl { background-position: top left; }
.pane > .back > .tr { background-position: top right; }
.pane > .back > .bl { background-position: bottom left; }
.pane > .back > .br { background-position: bottom right; }



.window.pane { margin-bottom: 32px; }

.window.pane > .cont { padding: 32px; }
.window.pane > .cont:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; /* (FF, S2, O9) */ }

.window.pane > .back {
	background: #fff;
	background-image: -webkit-gradient(linear, 0% 50%, 0% 0%, from(rgba(0, 0, 0, 0.0)), to(rgba(0, 0, 0, 0.1)));
	background-image: -moz-linear-gradient(0% 50% 90deg, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.1));
	        box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.75);
	   -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.75);
	border: 1px solid rgba(255, 255, 255, 0.25);
	        border-radius: 12px;
	   -moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}


/* basic box */

.box.pane.pad-after {
	margin-bottom: 16px;
}

.box.pane > .cont {
	padding: 8px;
	margin: 1px;
}



/* pic pane (img wrapper) */

.pic.pane {
	line-height: 0; /* to fix extra space at the bottom of the pic wraps */
}

.pic.pane.pad-after {
	margin-bottom: 16px;
}

.pic.pane > .back > .t,
.pic.pane > .back > .b { background-image: url('/assets/62/pane.box.v-sides.h2_5.png'); }
.pic.pane > .back > .l,
.pic.pane > .back > .r { background-image: url('/assets/56/pane.box.h-sides.w3_3.png'); }
.pic.pane > .back > .tl,
.pic.pane > .back > .tr,
.pic.pane > .back > .bl,
.pic.pane > .back > .br { background-image: url('/assets/55/pane.box.corners.3_3x2_5.png'); }

.pic.pane > .back > .t,
.pic.pane > .back > .tl,
.pic.pane > .back > .tr { height: 2px; top: -1px; }
.pic.pane > .back > .b,
.pic.pane > .back > .bl,
.pic.pane > .back > .br { height: 5px; bottom: -4px; }
.pic.pane > .back > .l,
.pic.pane > .back > .tl,
.pic.pane > .back > .bl { width: 3px; left: -2px; }
.pic.pane > .back > .r,
.pic.pane > .back > .tr,
.pic.pane > .back > .br { width: 3px; right: -2px; }
.pic.pane > .back > .t,
.pic.pane > .back > .b { width: auto; /* override earlier .back */ left: 1px; right: 1px; }
.pic.pane > .back > .l,
.pic.pane > .back > .r { height: auto; /* override earlier .back */ top: 1px; bottom: 1px; }

.pic.pane > .back  {
	z-index: 11;
}

.gallery .pic.pane {
	margin: 4px;
}


	/* CSS effects file for slippyd.com (version 2)
 * 
 * author: Slippy Douglas <{ES-EL-EYE-PEE-PEE-WHY-DEE} -webdesign-2 {at} {['d','y','p','p','i','l','s'].reverse.join} .com>
 * creation date: 2007-06-02
 */


/* @group float containing methods */
.contain-float-overflow-zoom { overflow: auto; zoom: 1; /* (FF, IE5.5-7, S2, O9) */ }
.contain-float-overflow-width { overflow: auto; width: 100%; /* (FF, IE5-7, S2, O9) */ }

.contain-float-after:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; /* (FF, S2, O9) */ }

/* after/inline-block (FF, IE5.5-7, S2, O9) */
.contain-float-after-inline-block:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.contain-float-after-inline-block { display: inline-block; }
.contain-float-after-inline-block { display: block; }

.full-height { height: 100%; /*expression(this.parentNode.offsetHeight + 'px');*//* expression to fix IE bug; maybe use scrollHeight, clientHeight, and/or offestParent if causing problems? */ }


	#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:'Helvetica Neue',Helvetica,Verdana,sans-serif;font-weight:bold;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid transparent;border-color:rgba(0,0,0,0.25);overflow:hidden;height:100px;-moz-box-shadow:0 8px 24px rgba(0, 0, 0, 0.75);-webkit-box-shadow:0 8px 24px rgba(0, 0, 0, 0.75);}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;background:url('/assets/147/loading.gif') no-repeat center center;}
#sb-loading-inner span{display:none;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url('/assets/146/close.png');}
#sb-nav-next{background-image:url('/assets/148/next.png');}
#sb-nav-previous{background-image:url('/assets/151/previous.png');}
#sb-nav-play{background-image:url('/assets/150/play.png');}
#sb-nav-pause{background-image:url('/assets/149/pause.png');}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}