/* mozilla.org Cavendish Content Styles
 * Design by SilverOrange
 * Markup Reference classes organized by fantasai
 */

/* Ripped apart and ravaged by Brokentoaster */
 

/* TOC:
   Body
   Random HTML Styles
   General Structure
   Navigation
   Comments and Other Asides
   Emphasis
   Computers - General
   Code
   Examples and Figures
   Q and A (FAQ)
   Tables
   Meta
*/

/* Body */

	body {
		background: #fff;
		color: #000;
	}

	#mainContent, #side {
		background: #fff;
		line-height: 1.3; /* value other than 'normal' needed for WinIE */
		color: #000;
	}
	.deepLevel #mainContent {
		line-height: 1.4;
	}

/* General Structure */
	#header h1 { border: 0; text-align: center;}
	
	#header {
		text-align: center;
	}

    body, td, th, input { /* redundant rules for bad browsers  */
            font-family: verdana, sans-serif;
            font-size: x-small;
            voice-family: "\"}\"";
            voice-family: inherit;
            font-size: small;
    }

	h1, h2, h3, h4, h5, h6 {
		margin: 1em 0 0.2em 0;
		border-bottom: 1px solid #ccc;
		font-family: verdana, sans-serif;
	}
	li h1, li h2, li h3, li h4, li h5, li h6 {
		border: none;
	}

	#body p {
		text-align: justify;
	}

	h1 { font-size: 160%; font-weight: normal; }
	h2 { font-size: 150%; font-weight: normal; }
	h3 { font-size: 120%; }
	h4 { font-size: 100%; }
	h5 { font-size: 90%; }
	h6 { font-size: 90%; border: 0; }
	
/* Navigation */

        :link { color: #039; }
        :visited { color: #666; }
        :link:hover, :visited:hover { color: #900; }
        :link:active, :link:active { color: #000; }



/* Comments and other Asides */

	.note {
		color: #666;
		font-style: normal;
	}
	
	.remark {
		color: #666;
	}
	
	.sidenote {
		border: #666;
	}

	.banner {
		text-align: center;
		background: #d4d2b0 url("../images/key-point_back.gif") right repeat-y;
	}
	
	.key-point:before {
		line-height: 0.1;
		font-size: 1px;
		background: transparent url("../images/key-point_tr.gif") no-repeat top right;
		margin: -15px -15px 0 -15px;
		height: 15px;
		display: block;
		border: none;
		content: url("../images/key-point_tl.gif");
	}
	.key-point {
		background: #d4d2b0 url("../images/key-point_back.gif") right repeat-y;
		padding: 15px;
		margin-bottom: 1em;
	}
	.key-point:after {
		display: block;
		clear: both;
		padding-top: 15px;
		line-height: 0.1;
		font-size: 1px;
		content:  url("../images/key-point_bl.gif");
		margin: -15px;
		height: 8px;
		background: transparent url("../images/key-point_br.gif") scroll no-repeat bottom right ;
	}
	
	.key-point h2, .key-point h3, .key-point h4, .key-point h5 {
		border: none;
		margin-top: 0;
	}
	
	.big-note:before {
		line-height: 0.1;
		font-size: 1px;
		background: transparent url("../images/key-point_tr.gif") no-repeat top right;
		margin: -15px -15px 0 -15px;
		height: 15px;
		display: block;
		border: none;
		content: url("../images/key-point_tl.gif");
	}
	.big-note {
		background: #e4e2d0 url("../images/key-point_back.gif") right repeat-y;
		padding: 15px;
		margin-bottom: 1em;
	}
	.big-note:after {
		display: block;
		clear: both;
		padding-top: 15px;
		line-height: 0.1;
		font-size: 1px;
		content:  url("../images/key-point_bl.gif");
		margin: -15px;
		height: 8px;
		background: transparent url("../images/key-point_br.gif") scroll no-repeat bottom right ;
	}
		.grey-note:before {
		line-height: 0.1;
		font-size: 1px;
		background: transparent url("../images/key-point_tr.gif") no-repeat top right;
		margin: -15px -15px 0 -15px;
		height: 15px;
		display: block;
		border: none;
		content: url("../images/key-point_tl.gif");
	}
	.grey-note {
		background: #efefef url("../images/key-point_back.gif") right repeat-y;
		padding: 15px;
		margin-bottom: 1em;
	}
	.grey-note:after {
		display: block;
		clear: both;
		padding-top: 15px;
		line-height: 0.1;
		font-size: 1px;
		content:  url("../images/key-point_bl.gif");
		margin: -15px;
		height: 8px;
		background: transparent url("../images/key-point_br.gif") scroll no-repeat bottom right ;
	}
	
	.key-note h2, .key-point h3, .key-point h4, .key-point h5 {
		border: none;
		margin-top: 0;
	}


/* Code */

	pre.code {
		background: #EEECF6;
	}
	
	code > em,
	code > strong,
	pre.code > em,
	pre.code > strong {
		font-style: normal;
	}
	
	pre.cppcode{	background: #FFFFFF;	color: #000000;;	font: 10pt "Lucida Console";}.cpp01{	color: #007F00;}.cpp02{	color: #007F00;}.cpp03{	color: #3F703F;}.cpp04{	color: #007F7F;}.cpp05{	color: #00007F;	font-weight: bold;}.cpp06{	color: #7F007F;}.cpp07{	color: #7F007F;}.cpp08{	color: #804080;}.cpp09{	color: #7F7F00;}.cpp10{	font-weight: bold;}.cpp12{	background: #E0C0E0;}.cpp13{	background: #E0FFE0;	color: #007F00;	font-family: "Courier New";}.cpp14{	background: #E0F0FF;	color: #3F7F3F;	font-family: "Courier New";}.cpp15{	color: #3F703F;}.cpp16{	color: #B00040;}.cpp17{	color: #3060A0;}.cpp18{	color: #804020;}.cpp32{}.cpp34{	color: #0000EE;	font-weight: bold;}.cpp35{	color: #EE0000;	font-weight: bold;}.cpp36{	color: #808080;}

/* Examples and Figures */

	div.example {
		border-color: #554FA0;
	}
	div.example::before {
		color: #666;
	}



