body {
	color: #333;
	font-size: 16px;}

body, input, select, textarea {
	font-family: myriad-pro, "Myriad Pro", Arial, sans-serif;
}

h1, h2, h3, ul.tabs, a.button, button, ol li:before {
	font-family: cooper-black-std, "Cooper Black", Arial, sans-serif;
}

/**********************************************************
 * General Styles                                         *
 **********************************************************/

p, li, cite {
	margin-bottom: 1em;
}

p, dt, dd, li, cite, em, strong, i, b, s, a, span {
	line-height: 1.3em;
}



blockquote {
	background-image: url(/graphics/blockquote-background.png);
	background-position: 10px 10px;
	background-repeat: no-repeat;
	padding: 20px 30px 0 70px;
	margin: 2em 20px 2em 20px;
	font-style: italic;
	font-size: 1em;
	border-top: 2px solid #EEE;
	border-bottom: 2px solid #EEE;
	background-color: #F9F9F9;
	color: #666;
	font-weight: bold;
}

blockquote em {
	font-style: normal;
}

cite {
	font-size: 0.9em;
	font-style: italic;
	text-align: right;
	display: block;
	font-weight: normal;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

hr {
	background-color: White;
	color: White;
	border: none;
	border-top: 2px solid #C9B0E9;
	height: 1px;
	width: 100%;
	margin: 0em 0 2em 0;
	padding: 0;
	float: left;
	clear: both;
}


.center {
	text-align: center;
}

.right {
	text-align: right;
}


.hidden {
	position: absolute;
	top: -5000px;
	left: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.invisible {
    visibility: hidden;
}

.IE6only.hidden {
	display: none;
}

img {
	border: none;
}

img.icon {
	vertical-align: -20%;
}

div.errors img.icon {
	top: 9px;
}

.prev, .next, .more {
	text-transform: lowercase;
	font-variant: small-caps;
}

/*.prev {
	background-image: url(/graphics/prev.png);
	background-position: left center;
	background-repeat: no-repeat;
}

.next, .more {
	background-image: url(/graphics/next.png);
	background-position: right center;
	background-repeat: no-repeat;
}*/


h2.avoid-badge {
	margin-right: 130px;
}

.avoid-badge {
	margin-right: 35px;
}

.small {
	font-size: 0.8em;
}

.smallprint {
	font-size: 0.85em;
	color: #AAA;
}

.note {
	font-variant: italic;
	color: #999;
}

.left {
	float: left;
	clear: left;
	margin: 10px 40px 1em 0;
}

.right {
	float: right;
	clear: right;
	margin: 10px 0 1em 40px;
}

div.left, div.right {
	border: 1px solid #0C689F;
	padding: 5px;
}

p.caption {
	font-size: 0.7em;
	line-height: 1.5em;
	margin-bottom: 0;
}

.clear {
	clear: both;
}

.highlight, .highlight a {
	color: #F03266;
	font-weight: bold;
}

p.spreadshirt-banner {
	margin-bottom: 0;
}

p.spreadshirt-banner img {
	border-radius: 5px;
}


/**********************************************************
 * Headings                                               *
 **********************************************************/

h1 {
	font-size: 2.5em;
	margin: 1em 0;
}

h1 span.sub {
	font-size: 0.8em;
}

h2 {
	font-size: 1.6em;
	margin: 2em 0 0.5em 0;
	line-height: 1.2em;
}


h1, h2 {
	color: #7E41CA;
}


h2 * {
	line-height: 1.2em;
}

h2 a {
	color: #0C689F;
	text-decoration: none;
}

h2 a:hover {
	text-decoration: underline;
}

h2:first-child {
	margin-top: 0;
}


h3 {
	margin: 2em 0 0.3em 0;
	font-size: 1.2em;
	line-height: 1.2em;
}

h3 * {
	line-height: 1.2em;
}

dl.inline dt {
	font-size: 1.2em;
}

h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 1.5em 0 0.3em 0;
}


/**********************************************************
 * Links                                                  *
 **********************************************************/

a {
	color: #7E41CA;
}

a:hover {
	text-decoration: none;
}

/*.twitter-share-button {
    display: block;
    padding: 2px 5px 2px 20px;
    background-image: url(//twitter.com/favicons/favicon.ico);
	background-position: 3px center;
	background-repeat: no-repeat;
    border: 1px solid #ccc;
  }*/

a.button, button {
	background-color: #7E41CA;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: White;
	padding: 5px 10px;
	display: inline-block;
	text-decoration: none;
}


/**********************************************************
 * Lists                                                  *
 **********************************************************/
dl {
	margin: -1em 0 1em 0;
}

dt {
	margin-top: 1em;
	font-weight: bold;
}

ul {
	list-style-type: none;
	display: block;
	margin: 0 0 1em 0px;
}

ul ul {
	margin-left: 0px;
}

ul li {
	background-image: url(/graphics/bullet.gif);
	background-position: 0 7px;
	background-repeat: no-repeat;
	padding: 0 0 0 18px;
}

ol {
	list-style-type: none;
	display: block;
	margin-left: 0;
	margin-bottom: 0;		
	counter-reset: sectioncounter;
}

ol li:before {
	content: counter(sectioncounter); 
	counter-increment: sectioncounter;
	float: left;
	font-size: 2em;
	font-weight: bold;
	margin: 0 10px 0.7em 0;
	color: #7E41CA;
}

ol li {
	clear: left;
	display: block;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #C9B0E9;
}

li {
	display: list-item;
	margin-bottom: 0.5em;
}

.compact li {
	margin-bottom: 0;
}

dl.inline dt {
	clear: left;
	padding-top: 1em;
}

dl.inline dd {
	float: left;
	width: 3em;
}

dl.inline dd.block {
	float: none;
	width: auto;
}



/**********************************************************
 * Forms                                                  *
 **********************************************************/

label {
	font-weight: bold;
	font-variant: small-caps;
	text-transform: lowercase;
	margin: 0 0 0.25em 0;
	display: block;
}

input, textarea {
	border: 1px solid #C9B0E9;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
	margin: 0 0 0.5em 0;
	width: 205px;
}

textarea.copyable {
	font-size: 0.8em;
	white-space: no-wrap;
}

button {
	border: 0;
	margin-top: 0.5em;
}

input.blur {
	color: #CCC;
}





ul.ebook-links {
	background-color: White;
	padding: 15px 0;
	margin: 0;
	text-align: center;
}

ul.ebook-links li {
	display: inline-block;
	vertical-align: center;
	margin: 5px 10px;
	padding: 0;
	background-image: none;
}