/* basic page styling */
html, body 
{
	background:#fffff7;
	color:#000;
	font-size:100%;
	margin:0;
	padding:0;
}


/* offleft styling */
.offleft, hr, #navigation, h3.pagination, .comment h3 span, div.fieldgroup h3
{
	position:absolute;
	left:-10000px;
}










/* navbar demo container default settings */
#navdemo 
{
	float:left;
	padding:15px 0 0 15px;
	/* these and other values are also varied dynamically 
	   with additional CSS from code-builder.php and listulike.js */
}



/* page container default settings */
div.container
{
	padding:15px;
	float:left;
	position:relative;
	/* width is in iotbs stylesheet */
}


/* container with watermark */
div.watermark
{
	background:url(/images/potato-watermark.jpg) transparent no-repeat right top;
}




/* images */
img
{
	border:none;
}



/* forms */
form 
{
	margin:0;
}




/* headings */
h1 
{
	font:normal normal normal 150% arial, sans-serif;
	margin:0 0 0.3em 0;
	border:1px solid #f90;
	border-color:#eee #999 #999 #eee;
	background:url(/images/potato.gif) #f7f7f7 no-repeat 101% 0;
	padding:0.35em 11px 1.15em 11px;
	color:#778;
}

h2, h3
{
	font:normal normal normal 115% arial, sans-serif;
	padding:0 0 0 3px;
}

h2
{
	margin:2em 0 0.5em 0;
	color:#443;
}

h3, h2.h3
{
	font:normal normal bold 1em arial, sans-serif;
	color:#665;
	background:#fafaf1;
	margin:3em 3.2em 1em 3px;
	padding:0.45em 0 0.3em 9px;
	border-left:1px solid #cca;
}

h3.less-margin, h2.h3
{
	margin:2em 3.2em 1em 3px;
}

h2.subtitle
{
	font:normal normal normal 70% verdana, sans-serif;
	color:#778;
	padding:0 0 0 13px;
	margin:-1em 0 0 0;
	position:relative;
	top:-2em;
}










/* paragraphs */
p
{
	clear:both;
	font:normal normal normal 0.8em/150% "trebuchet ms",sans-serif;
	color:#443;
	margin:0.5em 0 1em 0;
	padding:0 4em 0 5px;
}




/* meta markup and code examples */
.upper
{
	text-transform:uppercase;
}

q
{
	font-family:georgia, serif;
	font-style:italic;
	color:#776;
}

abbr, acronym, dfn 
{
	border:none;
	font-style:normal;
	cursor:default;
}

code, kbd, pre
{
	font:normal normal normal 0.9em "courier new", monospace;
	color:#553;
}

kbd 
{
	text-transform:uppercase;
}

pre
{
	font-size:0.8em;
	color:#553;
	width:auto;
	background:#fafaf1;
	margin:1.5em 4em 1.5em 5px;
	padding:1em;
	border:1px dotted #cca;
}




/* links */
a
{
	color:#009;
}
a:visited 
{
	color:#707;
}







/* lists */
.container ul, ol
{
	font:normal normal normal 0.8em/150% "trebuchet ms",sans-serif;
	margin:0 0 1.5em 1.8em;
	padding:0.2em 0 0 0;
}

ol
{
	margin:0 0 1.5em 2.5em;
}

.container li 
{
	color:#443;
}

ul.crumbtrail, ul.crumbtrail li
{
	padding:0;
	list-style-type:none;
}

ul.crumbtrail
{
	margin:-0.5em 0 2.5em 5px;
	font:normal normal normal 0.7em/150% verdana,sans-serif;
}

ul.bottom
{
	text-align:right;
	margin:5em 0 1em 5px;
}

ul.crumbtrail li
{
	margin:0;
	display:inline;
}



/* definitions */
dl, div.dl
{
	font:normal normal normal 0.8em/150% "trebuchet ms",sans-serif;
	padding:0;
	border-left:1px dotted #cca;
}

dl
{
	margin:-2em 4em 2em 3px;
}

dl.not-compacted
{
	margin-top:-0.5em;
}

div.dl
{
	margin:-2em 4em 2em 3px;
}

dt, div.dl p
{
	padding:1em 0 0 1em;
	margin:2em 0 0.8em 0;
}

div.dl p
{
	margin-top:-1em;
	font-size:1em;
}

div.dl p.first 
{
	margin-top:2em;
}

dt
{
	font-weight:bold;
	font-family:arial, sans-serif;
	text-transform:uppercase;
	color:#554;
	border-top:1px dotted #cca;
}

dt em
{
	text-transform:none;
	font-weight:normal;
	font-style:normal;
}

dd
{
	padding:0 0 0 1em;
	margin:0;
}

dd p
{
	font-size:1em;
	padding:0;
	margin:0 0 1em 0;
}

dd.nb
{
	font:normal normal normal 0.8em verdana, sans-serif;
	color:#776;
	margin:-0.8em 0 1.5em 0.25em;
}




/* comments */
.comment
{
	padding:1em 0;
	margin:0 3.2em 0.5em 0;
}

.comment h3
{
	border:1px solid #cca;
	border-width:0 0 0 1px;
	margin:0 0 0 3px;
	padding:0.4em 11px 0.3em 9px;
	font-size:0.9em;
}

.comment h4
{
	font:normal normal normal 0.7em/150% verdana,sans-serif;
	color:#665;
	background:#fafaf1;
	margin:0 0 9px 3px;
	padding:0 11px 0.4em 9px;
	border-left:1px solid #cca;
}

.comment p
{
	border:none;
	margin:0 11px 0.5em 5px;
	padding:0;
}



/* comments pagination */
.pagination
{
	border:1px dotted #cca;
	margin:1.5em 4em 1em 3px;
	padding:0.3em 11px 0.3em 9px;
	color:#665;
	background:#fafaf1;
}








/* buttons 
   the rest of the button styles are in cpanel.css */
input.button
{
	border:2px solid #000;
	border-color:#ebe #a4a #a4a #ebe;
	background:#fef;
	color:#939;
	padding:0.1em 7px;
	text-transform:uppercase;
	font-weight:bold;
}

input[class="button"]:active, input[class~="button"]:active
{
	border-color:#a4a #ebe #ebe #a4a;
	padding:0.1em 6px 0.1em 8px;
}







/* errors strip 
   the reset of the errors strip styles are in cpanel.css */
#errors, .errors
{
	border:1px solid #000;
	border-color:#fbb #a33 #a33 #fbb;
	margin:0 0 0.8em 0;
	background:#fff7f7;
}

.errors
{
	margin:0 3.2em 0.8em 3px;
}

#errors h3, .errors h3, #errors p, 
#errors a, #errors a:visited, .errors a, .errors a:visited 
{
	color:#900;
	background:#fdd;
	text-decoration:none;
}

#errors h3, .errors h3, #errors p
{
	font:normal normal bold 0.9em arial, sans-serif;
	margin:0;
	padding:0;
	padding:0.3em 11px;
	border:none;
}






/* contact form and dicussion posting */
.feedback
{
	margin:1.5em 0 0 5px;
}

.feedback fieldset
{
	padding:0;
	margin:0;
	border:none;
	width:88%;
}

.feedback p
{
	padding:0;
}

.feedback input.button
{
	margin:1em 0 0 100px;
}

.feedback input.comment
{
	margin:1em 0 0 0.5em;
}

.feedback input.text
{
	width:22em;
	font:normal normal normal 0.7em verdana,sans-serif;
}

.feedback div
{
	clear:both;
}

.feedback textarea
{
	width:22em;
	height:16em;
	font:normal normal normal 0.7em verdana,sans-serif;
}

.feedback label 
{
	font:normal normal normal 0.8em "trebuchet ms",sans-serif;
	color:#443;
	float:left;
	width:100px;
}

#discuss
{
	margin-top:1.5em;
}

#discussForm 
{
	margin-top:1em;
}

#discussForm fieldset
{
	margin:0 3.2em 0 0;
	border:none;
	float:left;
	clear:both;
}

#discussForm label
{
	float:left;
	display:block;
	clear:both;
	width:100%;
}

#discussForm label span
{
	display:block;
	float:left;
	width:100px;
}

#discussForm input.text, #discussForm textarea
{
	font-size:0.85em;
}





/*** DEV pre ***/
pre#dev
{
	border:1px dotted #666;
	margin:0.3em 0 1em 0;
	padding:0.5em;
	position:absolute;
	right:1em;
	top:1em;
	width:40em;
	height:40em;
	overflow:scroll;
	font:0.7em 'lucida sans console', 'courier new', monospace;
}









/* ie hacks */
#ie-break-hack 
{ 
	display:none; 
}

* html #ie-break-hack 
{ 
	display:block;
}

* html #navdemo, * html div.container
{
	display:inline;
}

* html #errors
{
	float:left;
	width:95.8%;
}

* html #errors h3, *html #errors p
{
	float:left;
	width:100%;
}