Notebook example



body		{padding: 3em 0;
		line-height: 24px;
		font-size: 15px;
		background-color: #E6DFD0;
		}

h1		{font-size: 25px;
		line-height: 2em;
		text-indent: 2em;
		overflow: visible;
		background: transparent url(img/red-hr.png) 5% 50% no-repeat;
		}

p		{margin: 0 24px 24px 60px;
		}

code		{display: block;
		white-space: pre;
		width: 80%;
		margin: 0 auto 24px auto;
		font-family: consolas, mono;
		font-weight: 200;
		}

div		{width: 900px;
		margin: 0 auto;
		background-color: transparent;
		}

#notebookTop	{background-image: url(img/notebook-Top.png);
		background-position: top left;
		background-repeat: no-repeat;
		display: block;
		height: 41px;
		}

#mainForm	{background-image: url(img/notebook-Content.png);
		background-position: top left;
		background-repeat: repeat-y;
		display: block;
		}

#notebookBottom
		{background-image: url(img/notebook-Bottom.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		background-color: #e6dfd0;
		display: block;
		height: 60px;
		margin-top: -24px;
		}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sodales erat ac diam iaculis sit amet luctus odio aliquam. Vivamus erat arcu, lacinia sit amet tristique id, viverra eget libero. Duis lobortis accumsan volutpat. Nulla ac elit lorem. Cras sollicitudin eleifend justo, eget convallis odio tincidunt non. Donec at blandit arcu. Aliquam erat volutpat. Donec ut rutrum libero. Mauris ipsum nulla, condimentum non laoreet vehicula, bibendum id neque. Nunc hendrerit urna eu urna tempor et varius turpis iaculis. In hac habitasse platea dictumst. Quisque ornare congue sapien, sed pulvinar mauris sodales nec. Donec egestas consequat sapien non tempus. Praesent ullamcorper lectus ut enim vulputate in egestas eros tincidunt. Nullam id nulla vel dolor lobortis rutrum nec ut neque.

Nunc at laoreet urna. Vivamus pharetra adipiscing tellus ac sagittis. In imperdiet lacinia sagittis. Phasellus fermentum, lectus et fringilla pulvinar, metus diam iaculis mi, in viverra velit arcu quis tellus. Vivamus vestibulum malesuada lectus sed cursus. Sed urna erat, vehicula ultricies tempor ac, lacinia sit amet leo. Morbi imperdiet rhoncus suscipit. Vestibulum varius cursus nisi, molestie condimentum elit luctus at. Nunc sed neque purus. Vestibulum ultricies, lectus a euismod faucibus, orci ipsum iaculis eros, ut feugiat eros sem a urna. Nam vestibulum condimentum lacinia. Aliquam erat volutpat. Sed non diam sit amet augue placerat tincidunt. Duis ut magna quis risus placerat dictum in ut nunc. Sed porta, massa nec adipiscing tincidunt, nulla enim feugiat augue, ac imperdiet erat risus at turpis. Proin et orci sed enim interdum luctus ac in ligula. Praesent hendrerit mattis odio, vestibulum sodales metus tincidunt non. Donec lectus tellus, imperdiet et mollis non, vulputate a libero. In vulputate erat ac ipsum tempus accumsan.

Etiam eu aliquet dui. Suspendisse egestas nisl non metus tempor pretium. Nulla est orci, tempor eu sagittis quis, elementum quis odio. Aenean varius dignissim sem. Suspendisse eget velit sapien, eu iaculis velit. Phasellus non arcu et nunc sollicitudin tristique at a dolor. Phasellus eget leo tortor. In in augue mauris, id ultricies magna. Donec sed odio et erat consequat scelerisque ac sed odio. Praesent blandit, ante et viverra commodo, urna risus vehicula nunc, vitae sollicitudin sapien neque id magna. Proin sed orci leo. Proin eget odio eget nisl porta dictum. Aenean sagittis, eros ac placerat lacinia, diam lorem interdum sapien, et consequat augue turpis id turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque ante ipsum, consequat ac egestas id, ornare quis lectus. Sed adipiscing leo sit amet justo rutrum convallis. Nullam at leo odio, eget posuere urna.

Morbi elementum pellentesque arcu a vehicula. Donec lacinia eros nec mi placerat lobortis. Suspendisse dignissim sagittis adipiscing. Aliquam ac mi ut nunc sagittis cursus in a augue. Sed at ante eu purus imperdiet ultricies at sed elit. Ut sodales molestie quam, ut ullamcorper elit facilisis in. Nulla in augue leo, vel molestie enim. Morbi est tortor, placerat in aliquet eget, bibendum vitae ipsum. Suspendisse nec orci mauris, et facilisis sapien. Nullam eu nisi nec sem scelerisque vulputate. Maecenas tincidunt ultricies lectus. Nunc id scelerisque ligula. Vestibulum ac dui dui, sit amet mollis tellus. Sed sollicitudin tellus quis felis adipiscing ultricies. Proin justo lorem, vulputate id adipiscing non, tempus vitae lorem.

Integer pharetra lectus a lectus imperdiet at dapibus sem egestas. Vestibulum id ligula non arcu sodales sollicitudin. Quisque faucibus lectus quis sapien ullamcorper commodo. Suspendisse facilisis sapien et libero interdum tempor. Quisque nibh felis, vulputate at posuere id, tincidunt et justo. Integer sagittis placerat lectus in faucibus. Ut leo sapien, congue in gravida luctus, rhoncus at ipsum. Mauris feugiat pulvinar adipiscing. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc id venenatis lacus. Ut in massa magna, ac dignissim lectus. Fusce nisi lorem, placerat iaculis eleifend vel, adipiscing sed urna. Quisque adipiscing, sem sit amet tempor viverra, tortor nisl vulputate magna, a iaculis justo neque tristique dui. Aenean luctus turpis pellentesque leo bibendum sodales. Suspendisse blandit ornare congue. Fusce ultricies porttitor imperdiet. Aliquam eleifend sollicitudin quam sit amet ultrices. Aenean sem dolor, rutrum vel semper ut, condimentum at orci. Ut mollis, metus non ornare rutrum, tellus mauris suscipit sapien, id vehicula sem metus mattis mauris. Donec at sagittis lorem.

Test Test