body {
	background: white;
	font: normal 106.25% Cambria, 'Liberation Serif', 'Philosopher', Georgia, Serif; height: 100%; text-align:left; color:#212121; background: #fff; 
}

/* Lists */
ul li { list-style-type: none; }

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
#stripe_header {
	width: 100%;
	background-color: #33527A;
	margin-bottom: 0;
}

#stripe_navigation {
	width: 100%;
	background-color: #0E2949;
}

/* ... need a container here other than blueprint to ensure we can break out of the row ... */
#stripe_navigation_container {
	width: 960px;
	background-color: #0E2949;
	margin: 0 auto 0 auto;
}

#stripe_navigation_extra {
	width: 100%;
	background-color: #0E2949;
	margin-bottom: 12px;
}

#stripe_body {
	width: 100%;
	min-height: 900px;
	background-color: white;
}

#stripe_footer {
	width: 100%;
	margin-top: 24px;
	background: #454141; 
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.header {
	color: white;
}

.header a {
	color: white;
	text-decoration: none;
}

/*
.header a:visited {
	color: white;
	text-decoration: none;
}
*/

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
#header_top {
	padding-top: 8px;
	padding-bottom: 8px;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
#header_main {
	margin-right: 8px;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
#header_user  {
}

#header_user .welcome {
	font-size: 150%;
	color: #e0e0e0;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
#header_menu {
	margin-top: 8px;
	margin-bottom: 8px;
}

#header_breadcrumbs {
	margin-bottom: 8px;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
#title {
	margin-bottom: 4px;
}

#title a {
	text-decoration: none;
}

#organization {
	font-size: 120%
}

#logo {
	float: left;
	margin-right: 16px;
}

#gravatar {
	float: right;
	margin-left: 8px;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
#footer {
	margin-top: 12px;

	padding: 1em;
	color: White; 
	width: 100%; 
}

#footer-trailer {
	min-height: 200px;
}

#footer a {
	color: white;
	text-decoration: none;
}

#footer a:visited {
	color: white;
	text-decoration: none;
}

#footer .copyright {
    margin-bottom: 8px;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- *
 * ** Footer links
 * --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.footer_links {
    font-size: 80%;
}

.footer_links a {
    color: #808080;
}

.footer_links a:hover {
    color: red;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- *
 * ** Autohide bar
 * --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
#autohide_bar {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 36px;
	margin-top: -29px;
	background-color: #33527A;
	color: White;
}

#autohide_container {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 25px;
	padding-top: 5px;
}

#autohide_bar ul {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
 
#autohide_bar li {
	display: inline-block;
	margin: 0;
	padding: 0 5px 0 5px;
	margin-right: 10px;
	font-size: 120%;
}
 
#autohide_bar ul:first-child {
	float: left;
	margin-left: 10px;
}

#autohide_bar a {
	color: white;
	text-decoration: none;
}

#autohide_bar a:visited {
	color: white;
	text-decoration: none;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- *
 * ** Navigation :: main menu
 * --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
#layout-navigation 
{
}

ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;
	width: 100%;
	background: #0E2949;
	font-size: 1.2em;
	background: url(images/topnav_bg.gif) repeat-x;
}

ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}

ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}

ul.topnav li a:hover{
	background: url(images/topnav_hover.gif) no-repeat center top;
}

 /*-- Drop down trigger styles--*/
 ul.topnav li span {  
	width: 17px;
	height: 35px;
	float: left;
    margin-top: 4px;
	background: url(images/subnav_btn.gif) no-repeat center top;
}

/*-- Hover effect for trigger--*/
ul.topnav li span.subhover {
    background-position: center bottom; 
    cursor: pointer;
}

/*-- Drop down menu --*/
ul.topnav li ul.subnav {
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	list-style: none;
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}

ul.topnav li ul.subnav li {
	margin: 0; padding: 0;
	background: #333;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}

ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(images/dropdown_linkbg.gif) no-repeat 10px center; 
	padding-left: 20px;
}

ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(images/dropdown_linkbg.gif) no-repeat 10px center;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.more { display: block; text-align: right; margin-right: 1.7647em; font-style: italic; }

/* Content lists and details */
.content-items .content-item header h1 { margin-top: 2.3824em; }
.content-items > li.first .content-item h1 { margin-top: 0; }

article.content-item .content-items > li.first .content-item h1 { margin-top: -0.5em; } /*front page blog*/
.content-item header { margin-bottom: 1em; position: relative; }
.content-item header h1 { margin-top: 0; margin-bottom: 0; font-size: 2em; line-height: 1.1765em; }
.content-item h1 a { text-decoration: none; color: #e20f14; }

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
article.content-item .testimonial {
    font-size: 120%;
    font-style: italic;
    clear: both;
}

article.content-item .testimonial div.testimonial_quote:before {
    content: '\201C';
    height: 0;
    margin-left: -0.55em;
    font-size: 300%;
    line-height: 1em;
}

article.content-item .testimonial div.testimonial_quote:after {
    content: '\201D';
    height: 50px;
    margin-top: -190px;
    margin-left: 680px;
    font-size: 300%;
    line-height: 1em;
}

article.content-item .testimonial .attribution {
    float: right;
    font-weight: bold;
    border-bottom: 2px solid #e0e0e0;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/* top margin = 3/4 * (block height - line height); bottom margin = 1/4 * (..) */
.content-item h1 { font-size: 2em; line-height: 1.5882em; margin-top: 1.2089em; margin-bottom: 0.4030em; }
.content-item h2 { font-size: 1.6471em; line-height: 1.6071em; margin-top: 0.9803em; margin-bottom: 0.3268em; }
.content-item h3 { font-size: 1.2308em; line-height: 1.6190em; margin-top: 1.7000em; margin-bottom: 0.5667em; }
.content-item h4 { font-size: 1.1176em; line-height: 1.6316em; margin-top: 1.9975em; margin-bottom: 0.6658em; }
.content-item h5 { font-size: 1em; line-height: 1.5882em; margin-top: 2.4089em; margin-bottom: 0.8030em; }
.content-item h6 { font-size: 1em; line-height: 1.5882em; margin-top: 1.2089em; margin-bottom: 0.4030em; }
.content-item p.outro { font-style: italic; color: #787878; font-size: 1.2353em; line-height: 1.2857; margin-top: 2.5714em; margin-bottom: 1.2857em; }
.content-item p.caption { font-style: italic; color: #787878; font-size: 0.8824em; line-height: 1.8000em; margin: -2.4em 0 2.2667em; background-color: #f7f7f7; padding: 0 0.4667em; border: 1px solid #dbdbdb; }

h1.page-title { color: #878787; margin: 0; margin-bottom: 1em; font-size: 1.1765em; border-bottom: 1px dotted #dcdcdc; padding-top: 0.1765em; font-variant: small-caps; text-transform: lowercase; }

/* Metadata */
.metadata { color: #ababab; }
.metadata .published { font-size: 1em; line-height: 1.2353em; font-variant: small-caps; 
                       display: block; text-align: right; overflow: hidden; width: 60px; height: 2.4444em; 
                       position: absolute; top: 0.1765em; left: -104px; /* 2*1,6em + 60px width */ }
.metadata .commentcount { font-size: 0.8824em; line-height: 1.2353em; font-style: italic; color: #878787; }

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */

/* Share this */
.blog-post { position: relative; }
.share-this-left { position: absolute; left: -104px; text-align: right; }
.share-this-left > span { display: block; margin-bottom: 19px; }
.share-this-bottom { font-size: 0.8824em; margin-top: 5.4em; }
.share-this-bottom h5 { color: #878787; font-style: italic; font-size: 1.2666em; line-height: 1.5263em; margin-bottom: 0.4em; border-bottom: 1px dotted #bababa; text-indent: 2px; }
.share-this-bottom > span { margin-right: 10px; }

/* Comments */
#comments { margin: 4.5em 0 0 0; padding: 0; color: #333; font-size: 0.8824em; }
.comment-form { margin: 4.5em 0 0 0; padding: 0; font-size: 0.8824em; }
#comments+.comment-form  { margin-top: 2em; }

.share-this-bottom+#comments { margin-top: 2.7em; }
.share-this-bottom+.comment-form { margin-top: 2.7em; }

#comments h2 { color: #878787; font-style: italic; font-size: 1.2666em; line-height: 1.5263em; margin-top: 3em; margin-bottom: 0.6316em; border-bottom: 1px dotted #bababa; text-indent: 2px; }
.comments { margin: 0; padding: 0; list-style: none; }
.comments li { margin: 0.8em 0 0 0; padding: 0.8em; border-radius: 4px; border: 1px solid #e7e7e7;}
.comments article.comment p.text { margin-bottom: 0; line-height: 1.2667em; }
.comment { margin: 0; padding: 0; }
.comment h4 { font-size: 1em; margin-top: 0; font-style: italic; }
.comment .who {}
.comment .what {}
.comment #add-comment {}

/* Comment form */
.comment-form legend { color: #878787; width: 100%; font-style: italic; font-size: 1.2666em; line-height: 1.5263em; margin-bottom: 0em; border-bottom: 1px dotted #bababa; text-indent: 2px; }
.comment-form legend+ol { padding-top: 0.8em; }
.comment-form #commenter { font-style: italic; font-size: 1.2666em; line-height: 1.5263em; margin-bottom: 0.2105em; font-weight: normal; }
.comment-form #comment-text { width: 100%; font-size: 1em; line-height: 1.333em; height: 13.3333em; }
.comment-form input[type="text"] { width: 24em; }
.comment-disabled {}
.comment-count { font-size: 1.2353em; }

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */

/* Edit Mode Widgets */
/* These are the edit controls that appear when you're logged-in */
.widget-control { }
.widget-control .manage-actions { float: right; margin-top: 6px; }
.widget-control .manage-actions a { display: block; float: left; background-color: #f2f2f2; color: #ababab; font-size: 12px; padding: 3px 6px; text-transform: uppercase; 
	-webkit-transition-property: background-color, color; -webkit-transition-duration: 0.16s; -webkit-transition-timing-function: ease-in-out;
	-moz-transition-property: background-color, color; -moz-transition-duration: 0.16s; -moz-transition-timing-function: ease-in-out;
	-o-transition-property: background-color, color; -o-transition-duration: 0.16s; -o-transition-timing-function: ease-in-out;
	transition-property: background-color, color; transition-duration: 0.16s; transition-timing-function: ease-in-out;
}
.widget-control .manage-actions a:hover { background-color: #eaeaea; color: #9f9f9f; text-decoration: none; }

/* Content Mode */
/* These are the edit controls that appear when you're logged-in */
.content-control { }
.content-control .manage-actions { float: left; margin-left: -81px; margin-top: 47px; }
.content-control .manage-actions a { display: block; float: left; background-color: #f2f2f2; color: #ababab; font-size: 12px; padding: 3px 6px; text-transform: uppercase;
	-webkit-transition-property: background-color, color; -webkit-transition-duration: 0.16s; -webkit-transition-timing-function: ease-in-out;
	-moz-transition-property: background-color, color; -moz-transition-duration: 0.16s; -moz-transition-timing-function: ease-in-out;
	-o-transition-property: background-color, color; -o-transition-duration: 0.16s; -o-transition-timing-function: ease-in-out;
	transition-property: background-color, color; transition-duration: 0.16s; transition-timing-function: ease-in-out;
}
.content-control .manage-actions a:hover { background-color: #eaeaea; color: #9f9f9f; text-decoration: none; }

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- *
 * ** Twitter widget
 * --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.latest-twitter-follow-link {
    font-size: 80%;
}

.latest-twitter-list {
    font-size: 80%;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- *
 * ** Contact us form
 * --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
form.contact-form legend {
    display: none;
}

form.contact-form fieldset {
    border: 0;
}

form.contact-form fieldset ol {   
    padding: 1em 1em 0 1em;   
    list-style: none;  
}

form.contact-form fieldset ol li {   
    float: left;    
    clear: left;
    width: 100%;
}

form.contact-form fieldset label {
	float: left;
	width: 9em;
	margin-top: .6em;
	margin-right: 1em;
	text-align: right;
	vertical-align: middle;
}       

form.contact-form fieldset.submit {
	clear: both;
	float: none;
	width: auto;  
	border: 0 none #FFF;  
	padding-left: 12em;  
}

form.contact-form fieldset input[type='text'] {
	width: 240px;
}

form.contact-form fieldset textarea {
	width: 520px;
	height: 160px;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- *
 * ** Features
 * --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.feature {
  background: url(images/star.png) no-repeat left top;
  font-size: 13pt;
  font-weight: bold;
  text-indent: 48px;
  padding-top: 16px;
  margin-top: 16px;
}

.subfeatures {
  font-weight: normal;
  font-size: 10pt;
  margin-top: 16px;
  margin-left: 40px;
  text-indent: 24px;
}

.subfeatures li {
  background: url(images/checkmark.png) no-repeat left top;
  font-size: 10pt;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- *
 * ** Manual
 * --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.manual_toc {
    margin-top: 32px;
}

.manual_toc_title {
    font-size: 200%;
}

.manual_toc_section hr {
    margin: 12px 0 0 0;
}

.manual_toc_section_title {
    margin: 12px 0 0 0;
    font-size: 140%;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.manual_toc_lesson {
    margin: 8px 0 0 0;
    position: relative;
    width: 100%;
}

.manual_toc_lesson_title {
    float: left;
    width: 300px;
    padding: 0 0 0 24px;
    font-size: 100%;
}

.manual_toc_lesson_description  {
    float: right;
    width: 400px;
    font-size: 90%;
    font-style: italic;
}

.manual_toc_lesson_suffix {
    clear: both;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.manual_chapter_title {
    margin: 24px 0 0 0;
    font-size: 150%;
    font-weight: bold;
}

.manual_chapter_description 
{
    font-style: italic;
    color: #808080;
}

.manual_chapter_steps {
    margin: 24px 0 0 0;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.manual_chapter_step_prefix {
    margin: 8px 0 8px 0;
}

.manual_chapter_step 
{
    background: #f0f0f0;
    padding: 8px;
}

.manual_chapter_step_title {
    font-size: 110%;
    font-weight: bold;
}

.manual_chapter_step_media {
    width: 100%;
    margin: 12px 0 12px 0;
}

.manual_chapter_step_media img {
    display: block;
    margin: 0px auto 0px auto;
    border: 1px solid #c0c0c0;
    padding: 4px;
}

.manual_chapter_step_instructions {
    margin: 0 0 12px 0;
}