hr { clear:both; margin-top:1.3em; }
img { border:none; }	
	
body,label,input,h1,h2,h3,h4,h5,h6,p,table,kbd,#mainPage ul,#mainPage ol,#mainPage li,dl,#tabsetContainer ul,#tabsetContainer li,#navbarTopRow ul,legend, select, input, textarea, .notThere ul, .notThere li {
	font-family:verdana,helvetica,sans-serif;
	}
h1,h2,h3,.h3,h4,h5,h6,p,dl,#tabsetContainer ul,legend {
	line-height:140%;
	}

address {
	font:normal normal normal 0.8em tahoma,sans-serif;
	color:#333;
	letter-spacing:0.02em;
	}
address.vcard {
	font-style:normal;
	}
address.vcard .details {
	display:none;
	}
	
h1,h2,h3,h4,p {
	clear:both;
	}

#content p,#content dl,#inner ul,#inner li {
	font-family:"trebuchet ms",verdana,helvetica,sans-serif;
	}

/*
p cite {
	font-family:verdana,helvetica,sans-serif;
	}
*/

	
/* normal definition lists, and dl-style p styling */
dl, p.dl {
	padding:0 0 0 1.2em;
	margin:1.5em 1.2em 2em 0;
	border-left-width:3px;
	border-left-style:double;
	}
#mainPage p.dl em {
	font:inherit;
	font-style:normal;
	}
dt {
	margin:0.5em 0 0 0;
	display:block;
	font-weight:bold;
	}
dd {
	margin:0;
	display:block;
	}


dl p, p.dl, dd.published, dd.subtitle {
	font-family:verdana,helvetica,sans-serif;
	color:#666;
	}

#mainPage p em, #mainPage p cite, #mainPage p.dl em em {
	font-family:georgia,serif;
	}
	
dl dd.description p {
	color:#333;
	}

dl.documentation dd p {
	font-family:"trebuchet ms",verdana,helvetica,sans-serif;
	color:#333;
	}


#content dt {
	font-family:verdana,helvetica,sans-serif;
	}


#mainPage li code {
	font-size:1em;
	}


/* multi-block paragraphs, for when a paragraph split 
   would break the wrapping behavior we want */
.multipara span {
	display:block;
	margin:0 0 1em 0;
	}


/* temporary content/notice box split */
#content div.inner p.notice {
	border:1px solid #060;
	color:#060;
	background:#fff;
	padding:1.5%;
	-moz-box-shadow:0 1px 7px rgba(50,50,50,0.6);
	-webkit-box-shadow:0 1px 7px rgba(50,50,50,0.6);
	box-shadow:0 1px 7px rgba(50,50,50,0.6);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}
#content div.inner p.notice * {
	background:transparent;
	}
* html #content div.inner p.notice { position:relative; left:-5px; }




/* testimonial and article quotes */
.testimonialQuotes q, #content blockquote p, .testimonials blockquote p {
	font-family:georgia,serif;
	font-style:italic;
	}

/* strapline */
#strapline strong {
	font-family:verdana,helvetica,sans-serif;
	}

/* top buttons */
ul#navbarTopList li a, ul#navbarTopList li {
	font-family:verdana,helvetica,sans-serif;
	}





/* PAGE COLORS */

/* document */
html,body {
	background-color:#ffe;
	/*background-image:url(/prx/000/http/www.brothercake.com/images/watermark.gif);*/
	}


/* headings */
h1,h2,h3,h4 {
	color:#060;
	}
	
h2, .box h3 {
	border-bottom-width:3px;
	border-bottom-style:double;
	border-bottom-color:#dedeca;
	background-color:#f3f3e0;
	}
h2, .box h3 {
	padding:0.15em 0.45em;
	}

h2.subtitle, h3.subtitle {
	font-size:1em;
	}
h2.subtitle {
	margin-top:-1.4em;
	margin-bottom:1.8em;
	padding:0;
	border:none;
	background:transparent;
	}
h2.subtitle strong {
	font-size:120%;
	font-variant:small-caps;
	}

/* paragraphs and general text */
p,ul,ol,dl,table,label, .image-list img {
	color:#333;
	border-color:#dedeca;
	}

#column > .box p.nb {
	padding-top:0.8em;
	margin-top:1.6em;
	color:#060;
	border-top:1px dotted #060;
	}

/* adjustments for sitemap list combinations */
#sitemap strong.h3 a, #sitemap strong.h3 a:visited,
#sitemap strong.h4 a, #sitemap strong.h4 a:visited {
	color:#060;
	text-decoration:none;
	}
#sitemap strong.h3, #sitemap strong.h4 {
	background-color:#f3f3e0;
	border-color:#dedeca;
	}
dl#resources-reference > dd > ul > li > a {
 	font:normal italic normal 1em georgia,serif;
	}
dl#portfolio > dd > ul > li > a,
dl#personal > dd > ul > li > a, 
dl#resources-scripts > dd > ul > li > a,
dl#resources-games > dd > ul > li > a,
dl#resources-terms > dd > ul > li > a {
	font-weight:bold;
	}
	
/* tables */
table.range {
	background:#fafaea;
	}
table.range th {
	background:#f3f3e0;
	}

/* pre code examples */
pre {
	margin:0 0 1em 0;
	border-width:3px;
	border-style:double;
	padding:0.8em;
	white-space:pre;
	max-height:360px;
	cursor:text;
	}
/* BR creates a half-line break */	
pre br {
	line-height:0.75em;
	}
/* scrolling fucks up mac/ie5 */
@media screen,projection,handheld { 
	pre {overflow:auto;}
	/* auto width doesn't work in win/ie6 and max-height isn't supported */
	* html pre {
		width:98%;
		height:expression( this.offsetHeight > 350 ? "350px" : "auto" );		
		}
	}
/* shorter for small screens like the iPhone, so they don't take up so much vertical space
   as it make it difficult to find space around them to grab and scroll with */
@media all and (max-width:480px)
{
	#content pre 
	{
		max-height:250px;
	}
}

/* skip code examples */
#mainPage ul.skipCode, #mainPage ul.skipCode li {
	margin-left:0;
	padding-left:0;
	list-style-type:none;
	}
#mainPage ul.skipCode {
	border-color:#dedeca;
	background:#ffe;
	}

/* code examples */
pre, #content #demo-wrapper, div.superform-codeoutput h3 {
	border-color:#dedeca;
	background:#fff;
	color:#020;
	line-height:1.2;
	position:relative;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.4);
	box-shadow:0 1px 1px rgba(0,0,0,0.4);
	}
@media all and (min-width:0px) {
	pre[contentEditable]::before {
		visibility:hidden;
		}
	pre[contentEditable]:hover::before, 
	pre[contentEditable]:focus::before {
		visibility:visible;
		}
	pre[contentEditable]::before {
		content:"Content Editable | DblClick to Select All";
		background:#dedeca;
		color:#fff;
		position:absolute;
		right:1px;
		top:1px;
		font:normal normal normal 0.6em/1 sans-serif;
		display:block;
		padding:4px 4px 2px 4px;
		}
	}
code {
	font-family:monaco,"lucida console",monospace;
	}
pre code em {
	opacity:0.6;
	}
/* 
i want this for all comments, but it doens't degrade nicely
hence the requirement for a class name to explicitly implement it 
eventually i'll convert them all, which is good for semantics too :-) 
*/
pre code em.comment {
	letter-spacing:-0.05em;
	font-style:normal;
	}
code i, code var {
	font:italic normal normal 1em georgia, serif;
	}
samp {
	font-family:"courier",monospace;
	font-size:1.2em;
	letter-spacing:-0.05em;
	}
	
	
/* dfn */
dfn {
	font-weight:bold;
	color:#060;
	}
dfn.summary {
	font:italic normal bold 1.05em/1.5 verdana,sans-serif;
	}
dfn a, dfn a:visited {
	color:#060;
	text-decoration:none;
	cursor:pointer;
	}
dfn a:hover {
	text-decoration:underline;
	}
	
	
/* code example links */
pre code a, pre code a:visited {
	color:inherit;
	text-decoration:none;
	display:inline-block;
	}
pre code a:hover, pre code a:focus {
	opacity:0.7;	
	}


/* kbd */
kbd {
	font-variant:small-caps;
	}

/* links */
a {
	color:#3030b0;
	}
	
a:visited {
	color:#800080;
	}
a:hover, a:focus, .testimonialQuotes cite a:hover, .testimonialQuotes cite a:focus{
	color:#462;
	}

a {
	font-style:normal;
	}
	
/* exernal link icons 
   (requires a class so we can use the icon semantically without indication too) */	
a[rel="external"].external
{
	background:url(/prx/000/http/www.brothercake.com/images/external-bw.png) no-repeat 100% 35%;
	padding-right:16px;
}



/* abbr and acronym */
abbr {
	border:none;
	}



/* cross-reference link in documentation */
p.xlinks {
	margin-top:-1em;
	}
p strong.xref, p strong.xlink {
	color:#060;
	font-family:"tahoma",sans-serif !important;
	font-size:0.93em;
	letter-spacing:-1px;
	}
p strong.xref span {
	position:absolute;
	left:-10000px;
	}
p strong.xref:before {
	content:"\2192 ";
	font-size:1.33em;
	margin-right:2px;
	position:relative;
	top:2px;
	}

#content p.codenote {
	font-size:0.88em !important;
	line-height:1.3;
	font-family:arial,sans-serif;
	margin:0 0.45em 0.4em 0.45em;
	}



/* left banner */
#bannerLeft {
	background:url(/prx/000/http/www.brothercake.com/images/bro-left.jpg) #f3f3e0 no-repeat 0 0;
	}

/* right banner */
#bannerRight {
	background:url(/prx/000/http/www.brothercake.com/images/bro-right.jpg) #f3f3e0 no-repeat;
	}


/* strapline */
#strapline strong, #strapline strong a, #strapline em {
	color:#060;
	}
	

/* defintion lists */
dt, .date {
	color:#060;
	}





/* discussion view */
ol#discussion, ol#discussion li
{
	font-family:verdana,helvetica,sans-serif;
}

#content ol#discussion p
{
	font:normal normal normal 0.95em/1.5 verdana,sans-serif;
}

ol#discussion p q
{
	color:#060;
}

ol#discussion li
{
	border:1px solid rgba(0,0,0,0.09);
	background-color:#f4f4e4;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
}

ol#discussion li.even
{
	background-color:#fafaea;
}

ol#discussion li h3
{
	border-color:#dedeca;
}









/* right column / box */
#column {
	clear:both;
	}
#column div.box.transparent {
	background-color:transparent;
	}

#column div.box div.inner {
	padding:0 0.7em 0.7em 0.7em;
	}
	
#column div.box {
	background-color:#fafaea;
	}

#column div.box dt em {
	font-style:normal;
	font-weight:normal;
	font-size:0.9em;
	}
	
#column div.box li .new {
	font:normal bold normal 1.08em "courier new",monospace;
	text-transform:uppercase;
	color:#060;
	margin-left:0.7em;
	}
	
	
	
/* testimonial and article quotes */
.testimonialQuotes q, #content blockquote p, .testimonials blockquote p {
	color:#930;
	}

.testimonialQuotes cite {
	color:#666;
	}




/* portfolio thumbnails and "gallery" images */
.portfolioThumb img, img.galleryImage {
	border-color:#e3e3cd #b7c0ab #b7c0ab #e3e3cd; 
	}
	
	
/* tool thumbnails */
#mainPage a.thumbnail {
	text-decoration:none;
	}
#mainPage a.thumbnail:hover, #mainPage a.thumbnail:focus {
	text-decoration:underline;
	}
#mainPage a.thumbnail img + strong {
	display:block;
	text-align:center;
	width:150px;
	color:#060;
	font-size:1em;
	font-style:normal;
	position:relative;
	left:0.1em;
	top:-0.2em;
	}





/* bottom margin on top access links */
ul#accessLinksTop  {
	margin-bottom:2em;
	}



/* forms */
select, input, textarea {
	color:#020;
	background-color:#fafaea;
	font-size:0.8em;
	padding:0.15em;
	border-width:1px;
	overflow:visible;
	}
	
input.button {
	padding:0.1em 0.3em 0.2em 0.3em;
	font-weight:bold;
	cursor:pointer;
	border-width:1px;
	}

label {
	color:#060;
	font-weight:bold;
	}

fieldset {
	border:1px solid #fafaea;
	}
	
input.button {
	background-color:#fafaea !important;
	color:#060;
	}
	
input.button:hover, input:focus, textarea:focus {
	background-color:#ffe !important;
	}


input[type="text"], textarea
{
	margin-bottom:3px;
	border:1px solid rgba(0,0,0,0.25);
	border-top-color:rgba(0,0,0,0.45);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3) inset;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3) inset;
	box-shadow:0 1px 1px rgba(0,0,0,0.3) inset;
}

input[type="submit"], input[type="reset"], kbd
{
	position:relative;
	top:-1px;
	line-height:1.3;
	padding:3px 10px;
	margin-bottom:3px;
	border:1px solid rgba(0,0,0,0.25);
	border-bottom-color:rgba(0,0,0,0.35);
	text-shadow:0 -1px 1px rgba(0,0,0,0.1);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:inset 0 -0.88em 0 rgba(0,0,0,0.03), inset 0 0 1px 1px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow:inset 0 -0.88em 0 rgba(0,0,0,0.03), inset 0 0 1px 1px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.3);
	box-shadow:inset 0 -0.88em 0 rgba(0,0,0,0.03), inset 0 0 1px 1px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.3);
}
input[type="submit"]:active, input[type="reset"]:active
{
	top:0;
}
kbd 
{
	color:#060;
	cursor:default;
	margin:0;
	padding:0 4px 1px 4px;
	position:static;
	line-height:1;
	white-space:nowrap;
	-moz-box-shadow:inset 0 -0.7em 0 rgba(0,0,0,0.03), inset 0 0 1px 1px rgba(255,255,255,0.2), 0 0 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:inset 0 -0.7em 0 rgba(0,0,0,0.03), inset 0 0 1px 1px rgba(255,255,255,0.2), 0 0 1px rgba(0,0,0,0.2);
	box-shadow:inset 0 -0.7em 0 rgba(0,0,0,0.03), inset 0 0 1px 1px rgba(255,255,255,0.2), 0 0 1px rgba(0,0,0,0.2);
}


	
/* search form and results */
.search fieldset {
	border:none;
	}
.search fieldset.simpleSearch {
	border-bottom-color:#dedeca;
	}
form.advanced {
	border-left-color:#dedeca;
	}
.search label {
	line-height:210%;
	}
.search select {
	padding:0;
	}
p.prevnext {
	text-align:right;
	font-size:0.9em !important;
	}
.searchResults dd {
	font-size:0.95em;
	}
dd.href {
	font-size:0.85em;
	color:#930;
	font-family:georgia,serif;
	}
dd.href em {
	font-style:normal;
	}
	
/* portfolio thumbnails */
.portfolioThumb {
	display:block;
	float:left;
	padding:0.1em 0.2em 0 0.2em;
	margin:0 1em 0 -3px;
	border-width:0;
	}

/* floats */
.floatLeft {
	float:left;
	margin:0.3em 1em 1em 0;
	}

.floatRight {
	float:right;
	margin:0.3em 0 1em 1em;
	}

.clearBoth {
	clear:both;
	}
	
	
	
/* onfocus tooltips */	
div.tooltip {
	border:1px solid InfoText;
	background:InfoBackground;
	color:InfoText;
	font:small-caption;
	font-weight:normal;
	padding:2px 4px;
	text-align:left;
	position:absolute;
	width:auto;
	height:auto;
	z-index:30000;
	-moz-box-shadow:1px 1px 1px 1px rgba(20,20,0,0.25);
	-webkit-box-shadow:1px 1px 1px 1px rgba(20,20,0,0.25);
	box-shadow:1px 1px 1px 1px rgba(20,20,0,0.25);
	}	
	
	
	
	
	
/* announcements */
.announcement
{
	padding:0.5em 0.8em;
	border:1px dotted;
	margin-bottom:2em;
}
.announcement *
{
	margin:0;
}

.announcement
{
	font-size:0.9em;
	background:#fff;
	border-color:#060;
}

.announcement h3, .announcement h2, .announcement p
{
	font-family:arial,sans-serif !important;
	color:#060;
}






/* watermark on homepage for PNG24-supporting browsers
   (ie. everything except IE6 or earlier) */
div[class="home-home"] div[id="content"]
{
	background:url(/prx/000/http/www.brothercake.com/images/logos/ClearCakeyCharacter.png) no-repeat 60% 45%;
	background-attachment:fixed;
}







/* new box borders and backgrounds */
#column div.box div.inner, #content .faux-column-box, 
#column div.box h2, #column div.box h3
{
	border:1px solid #dedeca;
	border:1px solid rgba(0,0,0,0.09);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.25);
	box-shadow:0 1px 2px rgba(0,0,0,0.25);
}
#content .faux-column-box, #mainPage #column div.box div.inner 
{
	background:#fafaea;
}
#content .faux-column-box
{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
#content .faux-column-box.padded
{
	padding:7px 7px 2px 7px;
}
#mainPage #column div.box div.inner 
{
	border-top:none;
	padding:9px 14px !important;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	border-bottom-left-radius:8px;
}
#column div.box.transparent div.inner 
{
	background:transparent !important;
	border:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
#column div.box h2, #column div.box h3
{
	border-bottom:3px double #dedeca;
	padding-left:14px !important;
	padding-right:14px !important;
	text-indent:-6px;
	margin-bottom:0;
	-moz-border-radius-topright:8px;
	-moz-border-radius-topleft:1px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:1px;
	border-top-right-radius:8px;
	border-top-left-radius:1px;
}

#column div.box div.inner *, #column div.box h2 *, #column div.box h3 *
{
	background:transparent;
}



/* fieldform (fieldgroup container) styling for forms
   but not in right column boxes, where it's overkil */ 
#content form.fieldform
{
	padding:8px;
	background:#fafaea;
	border:1px solid rgba(0,0,0,0.09);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.25);
	box-shadow:0 1px 2px rgba(0,0,0,0.25);
}
/* fieldgroup styling for forms, fieldsets and divs */
#mainPage form.fieldgroup, #mainPage form fieldset.fieldgroup, #mainPage form div.fieldgroup
{
	padding:0.8em 0.85em 0.7em 0.85em !important;
	background:rgba(0,0,0,0.03) !important;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.2);
	box-shadow:inset 1px 1px 4px rgba(0,0,0,0.2);
}




/* local admin boxes */
#column div.box.admin div.inner, #column div.box.admin h2, #column div.box.admin h3
{
	border:2px solid rgba(0,0,0,0.4);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.25);
	box-shadow:0 1px 2px rgba(0,0,0,0.25);
}
#mainPage #column div.box.admin div.inner 
{
	background:#eee;
	font-size:1.1em;
}
#mainPage #column div.box.admin div.inner a
{
	color:#3030b0;
	text-decoration:none;
}
#mainPage #column div.box.admin div.inner a:hover,
#mainPage #column div.box.admin div.inner a:focus
{
	color:#b22;
	text-decoration:underline;
}
#mainPage #column div.box.admin h2, #mainPage #column div.box.admin h3 
{
	border-bottom-width:3px;
	border-bottom-style:double;
	border-bottom-color:rgba(0,0,0,0.4);
	background:#ddd;
	color:#444;
	font-family:monospace;
	font-size:15px;
}







/* stylesheet switcher */
#column div.box#stylesBox div.inner, #column div.box#stylesBox h2
{
	min-width:182px;
}

#stylesForm select
{
	width:100%;
	max-width:28em;
}
* html #stylesForm select { width:auto; }

#stylesForm fieldset
{
	border:none;
}
#stylesForm fieldset div.field
{
	width:100%;
	float:left;
	padding:0 0 0.2em 0;
}

#stylesForm fieldset div.block
{
	padding-bottom:0.8em;
}
#stylesForm fieldset div.block#customize
{
	padding-bottom:0.55em;
}

#stylesForm div.block label
{
	margin:0 0 0.2em 0;
	display:block;
}
#stylesForm div.block#customize label,
#stylesForm div.block#lSelector label
{
	margin:0 0 0.5em 0;
	padding:0 0 0.3em 0;
	border-bottom:1px solid #dedeca;
}
#stylesForm div.block#customize label
{
	padding-bottom:0.2em;
}
#column #stylesForm div.block div label
{
	margin:0 0 0.2em 0;
	padding:0;
	border-bottom:none;
	width:auto;
}
#stylesForm div.block#lSelector div#layout
{
	margin-top:0.1em;
}

#stylesForm div.l label span, 
#stylesForm div.colors label span
{
	font-weight:normal;
	margin-bottom:0.2em;
}
#stylesForm div.colors label span
{
	display:inline-block;
	width:121px;
	width:115px;
}
#stylesForm div#customize label code
{
	font-weight:normal;
}
#stylesForm div.colors label code
{
	font-weight:normal;
	white-space:nowrap;
	font-size:1.15em;
	position:relative;
	left:6px;
}

#stylesForm div.colors input
{
	width:4em;
	margin-left:2px;
	margin-right:5px;
}
#stylesForm div#layout input
{
	background:#ffe;
	color:#060;
	border-color:#060;
}

/*
#stylesForm fieldset div.block#customize div.sliders
{
	background:#f3f3e0;
	border:1px solid rgba(0,0,0,0.1);
	border-top-color:rgba(0,0,0,0.15);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3) inset;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3) inset;
	box-shadow:0 1px 1px rgba(0,0,0,0.3) inset;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
*/

#stylesForm div.buttons input
{
	letter-spacing:-0.05em;
}

* html #column #stylesForm div.l label { border:1px solid #fafaea; }


/* hide linearity selector from win/ie5 */
* html #stylesForm #lSelector {
	display:none;
	displa\y:block;
	}






/* dbx documentation 
   (this table format is used by the rules engine documentation [and has a degrading border],  
   but it's also by the summary of transition methods in the ix2.0 userguide [with no such border]) */
table.syntax tbody th, table.syntax tbody td
{
	padding:0;
	vertical-align:middle;
}
table.syntax tbody th
{
	text-align:left;
	width:6em;
	font-size:1.1em;
	white-space:nowrap;
}
table.summary.syntax tbody th
{
	width:4.3em;
	padding-right:1.5em;
	text-align:right;
}
table.syntax tbody th code i
{
	opacity:0.6;
}






/* sticky pin */
#navpin[id="navpin"] 
{
	font-family:verdana,helvetica,sans-serif;
	color:#f8fbd0;
	display:none;
}

#navpin[id="navpin"] > input[type="button"]
{
	background-image:url(/prx/000/http/www.brothercake.com/images/toolbar-pin.gif);
}







/* image list */
.image-list
{
	clear:both;
	float:left;
	width:100%;
	padding:20px 0 0 0;
}

.image-list img
{
	float:left;
	padding:0 10px 0 0;
}
.image-list dl + a img
{
	float:right;
}
.home-home .image-list img
{
	display:none;
	padding-right:15px;
	border-right:none;
}
#mainPage #content .image-list dd p img
{
	display:inline;
	float:none;
	padding:0;
}

.image-list dl
{
	float:left;
	margin:0;
	padding-left:15px;
	width:74%;
	border-left:none;
}
.image-list.full-width dl
{
	width:100%;
}
.home-home .image-list dl
{
	width:100%;
	padding-left:3px;
}

.image-list dl dt
{
	margin:0 0 10px 0;
}
.image-list dl dt small
{
	font-size:0.93em;
}

.image-list dl dd
{
	margin-left:0;
}

.image-list dl dd.published
{
	font-size:0.9em;
	font-weight:bold;
	margin:-5px 0 10px 0;
}






/* blurb image only visible in columns layout, cos it's in the way */
#content .inner .blurbImage
{
	display:none;
}





/* script docs documentation table */
table.documentation, table.documentation tbody td, table.documentation thead th,
table.documentation tr.divider td, table.documentation tr.divider th
{
	border-color:#dedeca;
}
table.documentation
{
	background:#fafaea;
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.25);
	box-shadow:0 1px 2px rgba(0,0,0,0.25);
}
table.documentation thead th
{
	background:#f3f3e0;
	font-size:0.8em;
	color:#060;
}
dl.documentation table.documentation thead th
{
	font-size:0.85em;
}





/* CV portrait photo */
img.portrait {
	width:98%;
	max-width:300px;
	height:auto;
	background:url(/prx/000/http/www.brothercake.com/images/logos/brothercake-coach-background.jpg) no-repeat 50% 25%;
	}





/* documentation headings */
h3[id] code {
	font-size:1.1em;
	letter-spacing:-1px;
	white-space:nowrap;
	}
*+html h3[id] code { letter-spacing:0; }

dl.documentation strong.returns, h3.returns, h4.returns,
dl.documentation strong.arguments, h3.arguments, h4.arguments {
	font-size:1.1em;
	text-transform:uppercase;
	margin:0;
	}
h3.returns, h4.returns, h3.arguments, h4.arguments {
	font-weight:normal;
	margin-bottom:-0.5em;
	text-transform:uppercase;
	}
dl.documentation strong.returns em.type, .returns em.type,
dl.documentation strong.arguments em.type, .arguments em.type {
	text-transform:none;
	}