example1.css

/*
Theme Name: ODN theme
Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: Remko Siemerink, Waag Society
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
html, body {
/*	height:100%;*/
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

html, body {
	margin: 0;
	padding: 0;
}

a {
	text-decoration:none;
	color:black;
}

pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}




/*BOOOOKTYPE !!!!!!!!!!!!!!!*/


/*
o r i g i n a l

.example-text {
   -webkit-flow-into: example-text-flow;
   padding: 0;
   margin: 0;
}
 
.regions {
   -webkit-flow-from: example-text-flow;
   border: 1px solid black;
   padding: 2px;
   margin: 5px;
   width: 200px;
   height: 50px;
}*/

@page {
	size:492pt 684pt;
	margin:0pt 0pt 0pt 0pt;
}

@media screen {.bt-page {
	margin-top: 12pt ;
	margin-bottom: 12pt;
}}

.content-text { -webkit-flow-into: content-text-flow; padding: 0; margin: 0; }
.content-text2 { -webkit-flow-into: content2-text-flow; padding: 0; margin: 0; }
.content-text3 { -webkit-flow-into: content3-text-flow; padding: 0; margin: 0; }
.content-text4 { -webkit-flow-into: content4-text-flow; padding: 0; margin: 0; }
.content-text5 { -webkit-flow-into: content4-text-flow; padding: 0; margin: 0; }
.footnotes { -webkit-flow-into: footnotes-text-flow; padding: 0; margin: 0; }

.bt-page {
	position:relative;
	z-index:1;
	width:492pt;
	height:684pt;
	background-color:white;
	margin-left: auto ;
	margin-right: auto;
}

.repeating {
	position:relative;
	z-index:2;
	width:100%;
	height:100%;
	background-color:white; /*make color for debug clarity, do not use border!*/
}

.redoutline {
	border: 1px solid red ;
}

.region {
	-webkit-flow-from: content-text-flow;
/*	background-color:yellow;*/
	position:absolute;
	z-index:3;
}

.headermargincontainer {
	width:420pt;
	position:absolute;
	font: 8pt / 12pt 'Un Dotum', Arial, sans-serif ;
	text-transform: uppercase;
	font-weight: bold;
	top:24pt;
	border-bottom:1pt solid black;
}

.footermargincontainer {
	width:420pt;
	height:1px;
	position:absolute;
	left:36pt;
	bottom:36pt;
	border-top:1pt solid black;
}

.pagenumber {
	position:absolute;
	font: 18pt / 19.6pt 'Inconsolata', Arial, sans-serif ;
	top:50%;
}

.first .pagenumber, .second .pagenumber { display:none; }

.leftpage .headermargincontainer { left:36pt; }
.rightpage .headermargincontainer { right:36pt; }

.leftpage .pagenumber { left:5mm; }
.rightpage .pagenumber { right:5mm; }

.leftpage .headermargincontainer p:after {
	content:'Open Design Now';
}

.rightpage .headermargincontainer p:after {
	content:'Authors and owners'; /* var: this is the article title */
}

.fullpageboxhack {
	position:relative;
	width:420pt; /*= pagewidth - leftmarginwidth (36) - rightmarginwidth (36)*/
	height:588pt; /* =pageheight - topmarginheight (36) - bottommarginheight (36) - top&bottompadding (24) */
	page-break-after: always;
}

.chapter-title-page .title {
  position:absolute;
	font: 67pt 'Inconsolata', Arial, sans-serif ;
	line-height:60pt;
  text-transform: uppercase;
}

.chapter-title-page .author {
  position:absolute;
	bottom:0pt; 
	font: 67pt 'Inconsolata', Arial, sans-serif ;
	line-height:60pt;
  text-transform: uppercase;
}

.introduction {
	font: 20pt 'Inconsolata', Arial, sans-serif ;
	line-height:24pt;
}

.about-author {
	height:120pt;
	font: 8pt / 12pt 'Inconsolata', Arial, sans-serif ;
	position:absolute;
	bottom:0pt;
	-webkit-column-count:2;
	-webkit-column-gap:12pt;
}

.actual-text {
/*	-webkit-column-count:2;
	-webkit-column-gap:12pt;*/
}

.actual-text p {
	font: 10pt 'Un Dotum', Arial, sans-serif ;
	line-height:12pt;
	margin-bottom:12pt;
}

.actual-text blockquote p {
	font: 16pt / 18pt 'Inconsolata', Arial, sans-serif;
  text-transform: uppercase;
	margin-left: 12pt;
	margin-right: 12pt;
	margin-top: 12pt;
	margin-bottom: 18pt;
}

.actual-text a {
	font: 5pt / 12pt 'Inconsolata', Arial, sans-serif;
	background: yellow;
	text-decoration: none;
	position: relative;
	padding-left:5pt;
	padding-right:5pt;
	bottom: 1pt;
}

.actual-text h3 {
	font: 11pt / 12pt 'Un Dotum', Arial, sans-serif ;
	font-weight: bold;
	margin-top: 12pt;
}

.subtext {
	font: 10pt 'Un Dotum', Arial, sans-serif ;
	line-height:12pt;
	-webkit-column-count:3;
	-webkit-column-gap:12pt;
}


#bodypreraw {
	min-height: 300px;
}