/* @override http://onecrayon.com/css/screen.css */

/* @group Reset */

/* Kudos, Eric Meyer, you rock */

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* @end */

/* @group Elements */

html {
	background: #152127;
}

/* 62.5% resets default pixel size from 16 to 10; easier to work in base 10 */

body {
	font: 62.5%/1 "Gill Sans", Helvetica, Arial, sans-serif;
	*font-family: "Gill Sans", Arial, sans-serif;
	text-align: center;
	color: #000;
}

h1, h2, h3, h4, h5, h6 {
	
}

h1 {
	font-size: 3em;
	margin-bottom: 35px;
}

h2 {
	font-size: 2.6em;
	line-height: 1.23;
	margin: 35px 0 20px;
	border-bottom: 5px solid #e9e9e9;
}

h3 {
	font-size: 2.2em;
	line-height: 1.27;
	margin-bottom: 20px;
}

h4 {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 5px;
}

p, ul, ol, dl {
	font-size: 1.6em;
	line-height: 1.5;
	margin: 0 0 20px;
}

ul p, ol p, dl p,
ul ul, ul ol, ul dl,
ol ol, ol ul, ol dl,
dl dl, dl ul, dl ol {
	font-size: 1em;
}

ul, ol {
	padding-left: 25px;
}

ul {
	list-style-type: disc;
}

ul ul {
	list-style-type: circle;
}

ol {
	list-style-type: decimal;
}

li {
	margin-bottom: 5px;
}

dd {
	margin-bottom: 10px;
}

code {
	font: 1.3em Consolas, Courier, monospace;
	background: #f5f5f5;
	color: #AB6526;
	padding: 2px;
	border: 1px solid #e9e9e9;
}

pre {
	background: #f5f5f5;
	border: 1px double #e9e9e9;
	padding: 5px 10px;
	margin: 0 0 20px;
	overflow: auto;
}

pre code {
	line-height: 1.5;
	padding: 0;
	border: none;
	background: none;
}

p code, ul code, ol code, dl code {
	font-size: .8125em;
}

hr {
	border: none;
	border-bottom: 3px solid #e9e9e9;
	margin: 0 0 20px;
}

a:link, a:visited {
	color: #37c;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

a:focus {
	outline: 1px dotted #0063d3;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

label {
	display: block;
}

fieldset div {
	margin-bottom: 10px;
}

fieldset label {
	font-size: 1.6em;
	line-height: 1.5;
	color: #353535;
}

fieldset input, fieldset textarea {
	width: 300px;
	font: 1.6em/1.5 Garamond, Georgia, "Times New Roman", serif;
}

fieldset textarea {
	height: 16em;
	width: 500px;
}

fieldset .captcha img, fieldset .captcha input {
	vertical-align: middle;
	margin-right: 5px;
}

fieldset .controls input {
	width: auto;
}

/* @end */

/* @group Classes */

.left {
	float: left;
}

.right {
	float: right;
}

img.left {
	margin: 0 20px 20px 0;
}

img.right {
	margin: 0 0 20px 20px;
}

.clear {
	clear: both;
}

.cleared,
#header, #main, #footer,
.inner, .pagination, .gallery {
	zoom: 1;
}

.cleared:after,
#header:after, #main:after, #footer:after,
.inner:after, .pagination:after, .gallery:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.center {
	text-align: center;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.inverted {
	color: #fff;
}

.inverted a:link, .inverted a:visited {
	color: #C8DD71;
}

.inverted .column h3 a:link, .inverted .column h3 a:visited {
	color: #fff;
}

.error {
	color: #600;
}

.success {
	color: #060;
}

.inner {
	width: 950px;
	margin: 0 auto;
}

.column {
	float: left;
}

.nav {
	color: #aaa;
}

.sidebar {
	float: right;
	width: 290px;
	margin: 5px 0 0 35px;
}

.sidebar .nav {
	margin-top: 4px;
}

.body {
	float: left;
	width: 575px;
}

* html .body pre {
	width: 550px;
	overflow: auto;
}

.page-children {
	list-style-type: none;
	padding: 0;
}

.page-children li {
	margin-bottom: 25px;
}

.page-children h3 {
	margin-bottom: 0;
	border-bottom: 5px solid #e9e9e9;
}

.page-children h3 a:link, .page-children h3 a:visited {
	color: #000;
}

.page-children h3 a:hover, .page-children h3 a:active {
	color: #37c;
	text-decoration: none;
}

.listing {
	list-style-type: none;
	padding: 0;
}

.listing li {
	padding: 10px 10px 5px;
	margin: 0;
}

.listing .alt {
	background: #e9e9e9;
}

.listing h3 {
	font-size: 1.125em;
	margin-bottom: 0;
	font-weight: bold;
}

.listing h4 {
	font-size: 1em;
	font-weight: normal;
}

.summary p {
	margin-bottom: 5px;
}

.date {
	color: #aaa;
	margin-bottom: 5px;
}

.more {
	margin-bottom: 5px;
	font-size: 1.2em;
}

li .more, li.more {
	font-size: .75em;
}

.entry .date {
	margin-bottom: 15px;
}

.pagination {
	list-style-type: none;
	padding: 0 10px;
}

.pagination li {
	float: left;
	margin: 0 5px 0 0;
}

.pagination a {
	padding: 0 2px;
}

.pagination .here a {
	font-weight: bold;
}

.gallery {
	
}

.gallery .row {
	clear: both;
}

.gallery .cell {
	float: left;
	margin: 0 35px 35px 0;
}

.gallery .cell.last {
	margin-right: 0;
}

.gallery .cell h3 {
	margin: 0 0 5px;
}

.gallery .cell img {
	border: 3px solid #e9e9e9;
}

/* === Downloads box === */

.download a {
	display: block;
	width: 250px;
	height: 65px;
	overflow: hidden;
	position: relative;
}

.download a:hover img, .download a:active img {
	position: absolute;
	top: -65px;
}

.history {
	font-size: 1.4em;
	margin-bottom: 10px;
}

.history dt {
	font-weight: bold;
	color: #aaa;
}

.history dt strong {
	color: #000;
	font-size: 1.25em;
}

.history dt .date {
	font-weight: normal;
}

.history dt.Major strong {
	font-size: 1.75em;
}

.history dd {
	margin-bottom: 20px;
}

.history dd.Major {
	border-bottom: 5px solid #e9e9e9;
}

.history dd.Minor {
	border-bottom: 2px solid #e9e9e9;
}

.history dd.old {
	color: #888;
}

.history dd p {
	margin-bottom: 10px;
}

.history .old a:link, .history .old a:visited {
	color: #888;
}

/* @end */

/* @group Layout */

#page {
	margin: 0 auto;
	text-align: left;
	min-width: 950px;
}

#header {
	background: #e9e9e9;
	border-bottom: 2px solid #353535;
	position: relative;
	z-index: 200;
}

#header .inner {
	height: 100px;
}

#logo {
	position: absolute;
	bottom: -24px;
	z-index: 5;
}

#nav {
	float: right;
	padding: 0;
	margin: 70px 25px 0 0;
	list-style-type: none;
}

#nav li {
	float: left;
	padding: 0 5px;
	margin: 0 30px 0 0;
	position: relative;
}

#nav .sub-displayed, #nav .here {
	background: #fff;
}

#nav .last {
	margin-right: 0;
}

#nav ul li {
	float: none;
	margin: 0;
}

#nav li ul {
	display: none;
	position: absolute;
	background: #fff;
	left: -5px;
	top: 24px;
	list-style-type: none;
	padding: 10px;
	z-index: 210;
	width: 100px;
	border: 5px solid #e9e9e9;
	border-top: none;
	font-size: .875em;
}

#nav li ul ul {
	display: block;
}

#nav ul ul {
	padding: 0 5px 5px;
}

#nav li.hover:hover ul {
	display: none;
}

#nav li:hover ul, #nav li.hover:hover ul ul {
	display: block;
}

#nav .listing {
	width: 300px;
	padding: 10px;
}

#nav .listing ul {
	position: static;
	background: none;
	border: none;
	width: auto;
	font-size: 1em;
	margin-bottom: 0;
}

#nav .listing li {
	float: left;
	background: none;
	width: 150px;
	padding: 0;
}

#nav .listing ul li {
	float: none;
	width: auto;
}

#nav .listing h3 {
	color: #aaa;
	font-size: 1em;
	border: none;
	font-weight: normal;
	margin-bottom: 5px;
}

/* === Mini Header === */

#header.mini {
	background: #152127;
	border-bottom: 3px solid #6c3;
}

#header.mini .inner {
	height: auto;
	padding: 15px 25px 10px;
	width: 900px;
}

#header.mini #logo {
	position: static;
	float: left;
}

#header.mini #nav {
	margin: 2px 0 0;
}

#header.mini #nav a:link, #header.mini #nav a:visited {
	color: #C8DD71;
}

#header.mini #nav .here a {
	color: #fff;
}

#header.mini #nav .here ul a {
	color: #C8DD71;
}

#header.mini #nav .sub-displayed, #header.mini #nav .here {
	background: #353535;
}

#header.mini #nav li ul {
	background: #353535;
	border: 5px solid #152127;
	border-top: none;
}

#header.mini #nav ul ul {
	background: none;
	border: none;
}

/* === Main content === */

#main {
	background: #fff;
}

#main .inner {
	position: relative;
	z-index: 10;
}

#content .inner {
	padding: 35px 25px;
	width: 900px;
}

#quicklinks {
	float: right;
	width: 250px;
	background: #f5f5f5;
	border: 5px solid #e9e9e9;
	padding: 15px 15px 1px;
	margin: 0 0 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#quicklinks .download {
	display: block;
	position: relative;
	top: -10px;
	margin: 5px;
}

#quicklinks .source {
	display: block;
	text-align: center;
	font-size: 1.2em;
	margin-bottom: 5px;
	position: relative;
	top: -10px;
}

#quicklinks p, #quicklinks ul {
	font-size: 1.4em;
	margin-bottom: 15px;
}

#quicklinks h4 {
	font-weight: normal;
	font-style: italic;
	color: #353535;
}

#quicklinks dl {
	font-size: 1em;
}

#quicklinks dt {
	font-size: 1.3em;
}

#quicklinks dd {
	font-size: 1.2em;
	margin: 0 0 5px;
}

#quicklinks dl p {
	font-size: 1em;
	margin-bottom: 5px;
}

#quicklinks li {
	margin-bottom: 5px;
}

#toc h2 {
	border: none;
	margin: 0 0 5px;
	color: #aaa;
	font-size: 1.8em;
}

#toc ul {
	font-size: 1.6em;
	list-style-type: none;
	padding: 5px 0 0;
	border-top: 3px solid #e9e9e9;
	border-bottom: 3px solid #e9e9e9;
}

#toc li {
	margin-bottom: 10px;
}

#toc ul ul {
	font-size: 1em;
	border: none;
	padding: 0 0 0 15px;
	margin: 0 0 10px;
}

#toc ul ul li {
	margin-bottom: 5px;
}

#toc ul h3 {
	font-size: 1em;
	border: none;
	margin: 0 0 5px;
	padding: 0;
	color: #aaa;
}

#footer {
	clear: both;
	border-top: 5px solid #6c3;
}

#footer .content {
	border-top: 2px solid #6c3;
	margin-top: 5px;
}

#footer .inner {
	padding: 25px;
	width: 900px;
}

#footer ul {
	list-style-type: none;
	padding: 0;
}

#footer .column {
	width: 155px;
	margin-right: 25px;
}

#footer .last {
	margin-right: 0;
}

#footer .description {
	padding-top: 50px;
	margin-right: 50px;
}

#footer .description p {
	font-size: 1.3em;
}

#footer .date {
	font-size: .75em;
	line-height: 1;
	display: block;
	color: #fff;
	margin: 0;
}

#footer .headline {
	font-size: .875em;
}

#footer .elsewhere {
	clear: both;
	padding-top: 35px;
}

#footer .elsewhere h3, #footer .elsewhere li {
	float: left;
	margin-right: 40px;
	line-height: 28px;
}

#footer .elsewhere li {
	height: 28px;
}

#footer .elsewhere li img {
	vertical-align: middle;
}

/* @end */

/* @group Page Specific */

/* === HOME === */

#home h1 {
	margin: 0;
}

#home h2 {
	border: none;
	margin: 0 0 35px;
}

#home #header {
	background: #fff;
	border: none;
	position: static;
}

#home #header .inner {
	height: 530px;
	position: relative;
}

#home .crayon {
	position: absolute;
	top: 15px;
	left: -152px;
	z-index: 5;
}

#home .leadoff {
	position: absolute;
	right: 290px;
	top: 175px;
	z-index: 10;
}

#home #logo {
	position: absolute;
	right: 15px;
	top: 190px;
	z-index: 9;
}

#home #main {
	border-top: 5px solid #6c3;
	margin-bottom: 10px;
	background: none;
}

#home #content {
	border-top: 2px solid #6c3;
	margin-top: 5px;
}

#home #content .inner {
	position: relative;
	z-index: 15;
	padding: 25px 0 0 250px;
	width: 700px;
}

#home .column {
	width: 150px;
	margin-right: 25px;
}

#home ul {
	list-style-type: none;
	padding: 0;
}

#home .date {
	font-size: .75em;
	line-height: 1;
	display: block;
	color: #fff;
	margin: 0;
}

#home .headline {
	font-size: .875em;
}

#home .last li {
	margin: 0 0 10px;
}

#home #footer {
	border: none;
	*padding-bottom: 25px;
}

#home #footer .inner {
	padding: 0 0 0 230px;
	width: 700px;
}

#home .elsewhere {
	padding: 0;
}

/* === CONTACT === */

#contact .body {
	width: 340px;
	margin-right: 50px;
}

#contact .form {
	padding-top: 65px;
	width: 510px;
}

.pooh-loves-me {
	display: none;
}

#contact .error, #content .success {
	font-weight: bold;
}

/* === NEWS === */

#news h1 {
	margin-bottom: 5px;
}

#changelog #toc, #news #toc {
	display: none;
}

/* === PRODUCTS === */

#products #content .listing li {
	padding: 0;
}

#products #content .listing h3 {
	padding-bottom: 5px;
	border-bottom: 3px solid #e9e9e9;
	margin-bottom: 5px;
}

#products #content .listing h4 {
	font-weight: bold;
}

#products #content .listing ul {
	list-style-type: none;
	margin-bottom: 25px;
}

#products #content .listing p {
	margin-bottom: 15px;
}

/* === TEA === */

#tea #flavor {
	text-align: center;
}

#tea #flavor ul {
	list-style-type: none;
	padding: 0;
	margin: 30px 0 25px;
	float: left;
	width: 100%;
}

#tea #flavor ul a {
	float: left;
	position: relative;
	width: 140px;
	height: 135px;
	overflow: hidden;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 0 5px 0 0;
}

#tea #flavor ul a span {
	position: absolute;
	left: -500px;
}

#tea #flavor ul a:hover, #tea #flavor ul a:active, #tea #flavor ul .active a {
	background-position: 0 -150px;
}

#tea #flavor .espresso {
	background-image: url(../images/content/btn-espresso.jpg);
}

#tea #flavor .coda {
	background-image: url(../images/content/btn-coda.jpg);
}

/* === Docs === */

#docs .body h2 {
	clear: both;
}

#docs .body h3 {
	margin-bottom: 5px;
	border-bottom: 3px solid #e9e9e9;
	padding: 0 0 5px;
	font-weight: bold;
	font-size: 1.8em;
}

#docs .body h3 em {
	font-weight: normal;
}

#docs .body h3 code {
	font-size: 1em;
	padding: 0;
	border: none;
	background: none;
}

#docs .body h3 em code {
	font-style: italic;
}

#docs .body h4 {
	font-size: 2em;
	font-weight: normal;
	font-style: italic;
}

#docs .body h4 code {
	font-size: 1em;
	font-style: italic;
}

#docs .body .nav {
	text-align: center;
}

/* === Error pages === */

#error #content .inner {
	padding-left: 150px;
	padding-right: 150px;
	width: 650px;
}

/* @group TapNote */

#tapnote #content p, #tapnote #content ul {
	font-size: 1.8em;
}

#tapnote #content .changes dl p {
	font-size: 1em;
}

#tapnote #quicklinks dd {
	font-size: 1.4em;
}

#tapnote #content .changes p {
	font-size: 1.4em;
}

#tapnote #content a:link, #tapnote #content a:visited {
	color: #C8DD71;
}

#tapnote #content {
	background: #393e43;
	color: #fff;
}

#tapnote #content .inner {
	background: url(../images/products/tapnote/background.jpg) no-repeat center top;
	padding: 65px 43px 35px 25px;
	width: 882px;
}

#tapnote #content h1 {
	position: relative;
	left: -13px;
	margin-bottom: 8px;
}

#tapnote .body {
	width: 500px;
}

#tapnote .body ul, #tapnote .body ol {
	color: #d3d3d3;
}

#tapnote .body ul strong, #tapnote .body ol strong {
	color: #fff;
}

#tapnote .sidebar {
	float: right;
	width: 312px;
	margin: 0;
	padding: 203px 0 0;
	background: url(../images/products/tapnote/screenshot-welcome_text.png) no-repeat 35px 13px;
}

#tapnote #quicklinks {
	float: none;
	width: auto;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

#tapnote #quicklinks .download {
	position: static;
	margin: 0 0 25px;
}

#tapnote .download a:link, #tapnote .download a:visited {
	display: block;
	width: auto;
	height: 96px;
	overflow: hidden;
	position: relative;
	background: url(../images/products/tapnote/btn-download.png) no-repeat left top;
}

#tapnote .tapnote-lite-dl a:link, #tapnote .tapnote-lite-dl a:visited {
	background-image: url(../images/products/tapnote/btn-download-lite.png);
}

#tapnote .download a:hover, #tapnote .download a:active {
	background-position: left -96px;
}

#tapnote .download a span {
	position: absolute;
	left: -500px;
}

#tapnote .sidebar h3 {
	font-size: 1.8em;
	font-weight: bold;
	margin: 0 0 5px;
}

#tapnote .sidebar .description, #tapnote .sidebar .changes {
	padding: 0 20px;
}

#tapnote #quicklinks h4 {
	color: #fff;
}

#tapnote #header.mini {
	border-color: #a72225;
}

#tapnote #footer {
	border-color: #a72225;
}

#tapnote #footer .content {
	border-color: #a72225;
}

/* === LIGHT STYLING === */

.tapnote-dl a, .tapnote-lite-dl a {
	background: url(../images/products/tapnote/btn-download-light.png) no-repeat left top;
}

.tapnote-lite-dl a {
	background-image: url(../images/products/tapnote/btn-download-light-lite.png);
}

.tapnote-dl a:hover, .tapnote-dl a:active,
.tapnote-lite-dl a:hover, .tapnote-lite-dl a:active {
	background-position: left -65px;
}

.tapnote-dl span, .tapnote-lite-dl span {
	position: absolute;
	left: -500px;
}

/* @end */

/* @end */