/* SPARKART */
/* Blog Stylesheet
----------------------------------------------------------------------------- */


	div#snakes {
	
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	cursor: pointer;

	}

	a.write {
	
	display: block;
	width: 106px;
	height: 24px;
	background: url(../images/blog/a-write.gif) 0 0;
	text-indent: -5000px;
	
	}

	a.posts {
	
	display: block;
	width: 104px;
	height: 24px;
	background: url(../images/blog/a-posts.gif) 0 0;
	text-indent: -5000px;
	
	}


/* BLOG/EDITORIAL WIDGET
----------------------------------------------------------------------------- */


	div.widget-blog, #content div.widget-editorial {
	
	clear: left;
	
	}
	
	ul.leads li, ul.stories li {
	
	margin-bottom: 60px;

	}

	div.widget-editorial h3, div.widget-blog h3, div.widget-blog div.member {
	
	display: none;
	
	}

	ul.leads strong, ul.stories strong, div.display strong {
	
	display: block;
	float: left;
	margin: 2px 0 15px 0;
	font-size: 11px;
	line-height: 11px;
	
	}
	
	ul.leads strong a, ul.stories strong a {
	
	text-transform: uppercase;
	
	}

	ul.leads em, ul.stories em {
	
	display: block;
	clear: left;
	margin: 20px 0 0 0;
	border-bottom: 3px solid #ccc;
	padding-bottom: 10px;
	color: #888;
	font-style: normal;
	font-size: 11px;
	line-height: 11px;
	
	}
	
	ul.leads em a, ul.stories em a {
	
	color: #888 !important;
	
	}
	
	ul.leads li a.comments, ul.stories li a.comments {
	
	display: none;
	height: 14px;
	float: left;
	margin: 0 0 15px 15px;
	padding: 1px 2px 2px 8px;
	background: url(../images/blog/em-comments.gif) no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	line-height: 10px;

	}
	
	ul.leads li a.comments span, ul.stories li a.comments span {
	
	padding-left: 10px;
	color: #000;
	
	}
	
	ul.leads dl, ul.stories dl, div.widget-editorial div.tags {
	
	display: none;
	
	}


/* Actions */


	div.widget-blog ul.actions, div.widget-editorial ul.actions {
	
	display: block;
	float: left;
	margin-bottom: 60px;
	
	}

	div.widget-blog ul.pages, div.widget-blog ul ul.actions, div.widget-editorial ul.pages {
	
	display: none;
	
	}

	div.widget-blog a.change {
	
	width: 68px;
	background: url(../images/blog/a-change.gif);
	
	}

	div.widget-blog a.delete {
	
	width: 55px;
	background: url(../images/blog/a-delete.gif);
	
	}

	div.widget-blog a.back, div.widget-editorial a.back {
	
	width: 85px;
	background: url(../images/blog/a-back.gif);
	
	}

	div.widget-blog a.next, div.widget-editorial a.next {
	
	width: 45px;
	background: url(../images/blog/a-next.gif);
	
	}


/* HEADLINES
----------------------------------------------------------------------------- */


	div.widget-editorial.headlines.featured {
	
	margin-bottom: 30px;
	border-bottom: 3px solid #ccc;
	
	}
	
	div.widget-editorial.headlines h3 {
	
	width: 560px;
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 60px;
	line-height: 56px;
	
	}
	
	div.widget-editorial.headlines.featured h3 {
	
	display: block;
	margin: 0 0 15px 0 !important;
	color: #7d7d7d;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	
	}

	ul.headlines {
	
	margin: 15px;
	padding-left: 15px;
	list-style-type: square;
	
	}

	ul.headlines li {
	
	margin-bottom: 10px !important;
	
	}

	ul.headlines li a.comments, ul.headlines li span {
	
	display: none;
	
	}
	
	ul.headlines li a {

	display: block;
	font-weight: bold;
	
	}


/* TAG WIDGET
----------------------------------------------------------------------------- */


	div.widget-tag {
	
	margin-bottom: 40px;
	border-bottom: 3px solid #ccc;
	padding-bottom: 10px;
	
	}
	
	body#page-blog.jobs div.widget-tag {
	
	margin-bottom: 0;
	
	}

	div.widget-tag h3 {
	
	display: none;
	
	}

	div.widget-tag p {
	
	margin: 0 !important;
	font-style: italic;
	color: #888;
	
	}


/* GOOGLE MAP
----------------------------------------------------------------------------- */


	#map {

	display: block;	
	width: 580px;
	height: 340px;
	margin-bottom: 40px;
	
	}


/* MARKDOWN FORMATTING
----------------------------------------------------------------------------- */

	
	div.story {

	clear: left;
	
	}

	div.story a {
	
	font-weight: bold;
	
	}
	
	div.story blockquote {
	
	display: block;
	clear: left;
	margin: 15px 0;
	border-left: 3px solid #f1f1f1;
	padding-left: 12px;
	
	}

	div.story strong {
	
	display: inline !important;
	float: none !important;
	color: #000 !important;
	font: bold 12px/20px Arial, sans-serif !important;
	
	}
	
	div.story em {
	
	display: inline !important;
	float: none !important;
	border: 0 !important;
	color: #000 !important;
	font: italic 12px/20px Arial, sans-serif !important;
	
	}

	div#content div.story blockquote p {

	color: #888;
	font-size: 14px;
	line-height: 20px;
	
	}

	div.story h1, div.story h2, div.story h3, div.story h4, div.story h5, div.story h6 {

	display: block;
	width: auto;
	height: auto;
	float: none;
	margin: 20px 0 15px 0 !important;
	padding: 0;
	background: none;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	text-indent: 0;
	letter-spacing: 0;
	
	}

	div.story h3, div.story h4, div.story h5, div.story h6 {

	color: #7d7d7d;
	
	}

	div.widget-blog img, div.widget-editorial img, div.player {
	
	max-width: 560px;
	border-left-width: 20px;
	border-left-style: solid;
	margin-top: 15px;
	
	}
	
	div.player {
	
	display: block;
	height: 345px;
	overflow: hidden;
	
	}
	
	div.player object {
	
	width: 560px;
	height: 345px;
	
	}

	div.story ul {
	
	margin: 15px;
	padding-left: 15px;
	list-style-type: square;
	
	}

	div.story ol {
	
	margin: 15px;
	padding-left: 15px;
	list-style-type: decimal;
	
	}

	div.story li {
	
	margin-bottom: 10px !important;
	
	}
	
	div.story hr {
	
	width: 100%;
	height: 1px;
	clear: left;
	float: left;
	margin: 15px 0;
	border: 0;
	background: #ccc;	
	color: #ccc;	
	
	}


/* Code Viewer */


	div.story pre {
	
	display: block;
	width: 580px;
	margin: 15px 0;
	overflow: auto;
	
	}
	
	div.story pre code {
	
	display: block;
	padding-left: 40px;
	background: url(../images/editor/bg-code.gif) no-repeat;
	font: normal 12px/20px Courier, monospace;
	
	}
	
	div.story div.expand {

	position: relative;
	
	}

	div.story div.expand pre {
	
	max-height: 300px;
	overflow: auto;
	
	}

	div.story div.expand a.expand {
	
	display: block;
	width: 52px;
	height: 20px;
	position: absolute;
	top: 15px;
	right: 30px;
	background: url(../images/editor/a-code-expand.png);
	text-indent: -5000px;
	
	}