/**
 * Layout the sentences, letters and words for the printed page.
 *
 * ------------------------------------------------------------------------- */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 2, 2010 */
@font-face {
	font-family: 'GraublauWebBold';
	src: url('fonts/graublauwebbold-webfont.eot');
	src: local('?'), url('fonts/graublauwebbold-webfont.woff') format('woff'), url('fonts/graublauwebbold-webfont.ttf') format('truetype'), url('fonts/graublauwebbold-webfont.svg#webfontuGLx7D3c') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GraublauWebRegular';
	src: url('fonts/graublauweb-webfont.eot');
	src: local('?'), url('fonts/graublauweb-webfont.woff') format('woff'), url('fonts/graublauweb-webfont.ttf') format('truetype'), url('fonts/graublauweb-webfont.svg#webfont4aySR2pg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Page margins ------------------------------------------------------------ */
@page {
	@top-left      { content:'Clean Development Mechanism'; font-size:8pt; font-variant:small-caps; letter-spacing:.1em; }
	@bottom-right  { content:counter(page); }
	margin: 1cm;
}

@page :right {
	@top-left      { content:''; }
	@top-right     { content:'Clean Development Mechanism'; font-size:8pt; font-variant:small-caps; letter-spacing:.1em; }
	@bottom-right  { content:''; }
	@bottom-left   { content:counter(page); }
}

/* Hide all the unnecessary parts of the interfaces (nav, aside, etc.) ----- */
#macronav, #supportnav, #google_searchbox,
#mainnav, #quickfinder, #micronav, .toggler,
#jmp, .expand-all,
#localtime, #aside { display:none; }
 
/* Baseline ---------------------------------------------------------------- */ 
body               { background:#fff; color:#000; font:normal normal normal 10.5pt/14pt constantia, 'times new roman', serif; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
#main              { padding-left:36pt; width:312pt; *width:302pt; }
h1, h2, h3         { font-family:'GraublauWebBold', 'Arial Narrow', sans-serif; font-weight:bold; page-break-after:avoid; }
h4, h5, h6         { font-family:'GraublauWebRegular', 'Arial Narrow', sans-serif; font-weight:normal; page-break-after:avoid; }
h1                 { border-bottom:.5pt solid #ccc; font-size:24pt; line-height:1; margin:0 -132pt 2em -36pt; *margin-right:-112pt; padding:5.75pt 0; }
h2                 { font-size:18pt; line-height:1; margin:24pt 0 6pt -36pt; }
h3                 { font-size:14pt; line-height:1; margin:10pt 0 0; }
h4                 { display:inline; float:left; font-size:12pt; letter-spacing:.1em; margin:12pt 6pt 0 0; text-transform:uppercase; }
h5                 { display:inline; float:left; font-size:12pt; font-style:italic; margin:0 6pt 0 0; }
p                  { margin:0; }
p + p              { text-indent:12pt; }
h1+p, h2+p, h3+p,
h4+p, h5+p, h6+p   { page-break-before:avoid; }
ul, ol             { margin:12pt 0; padding:0; }
ul                 { list-style:circle; }

/* Logo -------------------------------------------------------------------- */
#logo              { float:right; margin:0 0 12pt 12pt; }

/* Phrasing content -------------------------------------------------------- */
img                { border:none; }
#main a            { color:#f00; text-decoration:none; }
// #main a:after      { content:' <' attr(href) '>'; font-family:Corbel,'Lucida Grande','Lucida Sans',sans-serif; font-size:90%; }
// #main a[href^="/"]:after { content:' <http://cdm.unfccc.int' attr(href) '>'; }
// #main a[href^="#"]       { color:black; }
// #main a[href^="#"]:after { content:''; }
#main abbr[title]        { border:none; }
#main abbr[title]:after  { content:' [' attr(title) ']'; font-family:Corbel,'Lucida Grande','Lucida Sans',sans-serif; font-size:90%; font-style:italic; }
q ins              { text-decoration:none; }

/* Tables ------------------------------------------------------------------ */
table              { border-collapse:collapse; empty-cells:show; margin:12pt 0 0; }
caption            { caption-side:bottom; font-size:8pt; font-style:italic; }
th                 { font-weight:bold; padding:2pt 2pt 4pt; text-align:left; vertical-align:top; }
th[scope=col]      { border-bottom:1pt solid black; padding:0 2pt 5pt; }
td                 { padding:2pt 2pt 4pt; vertical-align:top; }
td.number          { text-align:right; }
ul.footnotes       { font-size:10pt; list-style:none; margin:0 0 12pt; }

/* Page elements ----------------------------------------------------------- */
.section > img     { float:left; margin:3pt 6pt 9pt -36pt; }

.highslide-maincontent { color:#888; border-bottom:.5pt solid #ccc; border-top:.5pt solid #ccc; clear:both; -moz-column-count:2; -moz-column-gap:12px; -webkit-column-count:2; -webkit-column-gap:12px; column-count:2; column-gap:12px; font-family:Corbel,'Lucida Grande','Lucida Sans',sans-serif; font-size:8pt; line-height:12pt; margin:12pt -36pt 12pt 0; padding:5.5pt 0 5.5pt; page-break-inside:avoid; }
.highslide-maincontent th { border-bottom:.5pt solid #ccc; padding:0 1pt 5.5pt; }
.highslide-maincontent td { padding:2pt 1pt 4pt; }
.highslide-maincontent img{ max-width:100%; }
.highslide-maincontent ul,
.highslide-maincontent ol { margin:12pt 0; }

.contentTable      { margin:12pt -132pt 12pt -36pt; }
.contentTable td   { border-bottom:.5pt solid #eee; padding:5.5pt 2pt 6pt; }

/* Page-specific styles ---------------------------------------------------- */

/* CERs issued */
#totals, #resultsnav { display:none; } 
#curpage           { margin-left:-36pt; }
#issuances         { margin:12pt -132pt 0 -36pt; }
#issuances abbr:after,
#issuances a:after { color:black !important; content:'' !important; }
#issuances td:nth-child(3),
#issuances td:nth-child(5) { font-size:8pt; }

/* Project Cycle diagram */
#intro, #pointers, .output img,
.input img         { display:none; }
.output:before     { content:'\21b4\2003'; }
.input:before      { content:'\21b5\2003'; }

/* For on-screen testing -------------------------------------------------- */
@media screen {
html               { background:#737373; }
body               { border:1px solid black; -moz-box-shadow:5px 5px 0 #333; margin:16pt; padding:12pt 212pt 12pt 72pt; }
}
