@charset "UTF-8";
/* CSS Document */
/* Original styles developed by Nick Gorsline */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
* resets.css, part of YUI's CSS Foundation
*/
html{color:#000; background-color:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
/**
* fonts.css, part of YUI's CSS Foundation
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:14px/*13px*///*1.231*/1.6 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size: 123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
#alpha a {border-bottom:1px dotted #888; color:#888; text-decoration: none;}
#alpha a:hover {border-bottom:1px solid #333;color:#333;}

/* =CLOSE SCBASE STYLES FROM YAHOO UI BASE
---------------------------------------------------------------------------------------------*/



/* =General
---------------------------------------------------------------------------------------------*/
html {background-color: /*#dedede*/ #fff;}

/* Class for clearing floats */
.clear {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}

.lalign {float:left;margin: 5px 10px 10px 0px !important;}
.ralign {float:right;margin: 5px 0px 10px 10px !important;}
img.ralign, img.lalign {padding: 3px; border: 1px solid #eee;}

hr {clear:both;border:0px;height:1px;}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {content: " ";display: block;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0;}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg {height: 1%;}
.pkg {display: block; }
/* */

#container {min-width:800px; max-width:1300px; border-bottom: 2px #ccc solid; border-right: 1px solid #eee; 
/*background: #fff url(http://blog.jingproject.com/assets/img/sc-blog-background-light.jpg) no-repeat right bottom;*/ background-color: #fff;}

.entry-asset, #alpha-inner .archive {padding-left:20px;}

ul li, ol li {/*line-height: 1.25em;*/ line-height: 1.6em;}

.padleft {padding-left: 20px;}


/* HEADER (Main structures defining areas)
----------------------------------------------------------------------------------------------------------------*/

/* TSC Blogs Bar */
a.backto {float: left;margin: 8px 0 8px 15px !important; color: #fea539 !important; border-bottom: 1px dotted #fea539 !important;}
a.backto:hover {color: #fff !important; border-bottom: 1px dotted #fff !important;}

div#tscblogsbar {float: left; width: 100%; display: block; height: 41px; background-color: #111; font-size: 110%;}
div#tscblogsbar ul {margin: 0; padding: 8px 0 8px 0;}

div#tscblogsbar ul li a, a.backto {color: #aaa; text-decoration: none; border-bottom: 1px dotted #aaa;}
div#tscblogsbar ul li a:hover, a.backto:hover {color: #fff; border-bottom: 1px solid #fff;}

div#tscblogsbar ul {width: 50%;}
div#tscblogsbar ul, div#tscblogsbar ul li {float: right; list-style-type: none !important;}
div#tscblogsbar ul li {padding-right: 15px;}

#logo {position:absolute; margin-top: 41px; z-index:11;}

div#header {background: url(http://blog.jingproject.com/assets/img/jing-blog-header.gif) repeat-x left 0 #46413e; clear: both; header: 110px;}
h1#header-name {margin: 0; text-indent: -9999px; height: 102px;}

/*div#header, div#header-inner, h1#header-name {height: 110px !important; display: compact;}*/


/* =MAIN BLOG STYLING (ENTRIES, COMMENTS, ARCHIVES, ETC)
---------------------------------------------------------------------------------------------*/
#alpha {clear: both;float: left;width: 70%;padding-right: 2%; padding-top: 0;}
.forceleftpad {padding-left:20px !important;}
#alpha-inner {position: static;padding:5px 0 13px 0;}

/* POST STYLING - HEADER
---------------------------------------------------------------------------------------------*/
#alpha .asset-header {background: url(http://blog.jingproject.com/assets/img/post-title-background.gif) no-repeat left top; margin-left: -20px; margin-top: -5px; padding: 2px 0 0 20px;}

#alpha .asset-header h1.asset-name {color: #fea539; font-size: 123.1% !important;}
#alpha .asset-header h2.asset-name a {color: #fea539; text-decoration:none; border-bottom: #fea539 1px dotted;}
#alpha .asset-header h2.asset-name a:hover {color: #512009; border-bottom: #512009 1px solid;}

#alpha .asset-header .asset-name a:hover {color: #512009; border-bottom: #512009 1px solid;}

div.asset-meta {color: #aaa; margin-bottom: 30px;}
div.asset-meta a {color: #888; text-decoration: none; border-bottom: dotted 1px #888;}
div.asset-meta a:hover {color: #333; border-bottom: solid 1px #333;}

.asset-body h2 {font-weight: normal;}

/* POST STYLING - POST BODY
---------------------------------------------------------------------------------------------*/
#alpha u, #alpha p, #alpha li {color: #666;}
#alpha div.asset-content p a, #alpha h3 a, #alpha h4 a, #alpha h5 a, #alpha h6 a,
#alpha li a {color: #333;text-decoration: none !important; border-bottom: dotted 1px #333;}
#alpha div.asset-content p a:hover, #alpha h3 a:hover, #alpha h4 a:hover, #alpha h5 a:hover, #alpha h6 a:hover,
#alpha li a:hover {color: #111; border-bottom: solid 1px #111;}
#alpha .entry-asset {padding-bottom: 30px;}


/* POST STYLING - "SHARE" BAR
---------------------------------------------------------------------------------------------*/
p.entry-social {margin:10px 0 20px; padding: 10px 0 5px 0; text-align:right;
/*background-color:#eee;*/ border-top: 2px solid #eee;}
span.footer-title {padding-top: 2px; color:#666; float:left; font-weight:bold;}
p.entry-social a {color: #888; text-decoration: none; border-bottom: dotted 1px #888;}
p.entry-social a:hover {color: #333; border-bottom: solid 1px #333;}

/* POST STYLING - TRACKBACKS
---------------------------------------------------------------------------------------------*/
.trackbacks {border-top: 1px solid #eee; margin-left: 20px;}
.trackbacks, h2.trackbacks-header, #trackbacks-info, .trackbacks-content {text-align:right;}
h2.trackbacks-header {color: #aaa;}
.trackbacks p a {color: #333;text-decoration: none; border-bottom: dotted 1px #333;}
.trackbacks p a:hover {color: #111; border-bottom: solid 1px #111;}


/* POST STYLING - COMMENTS
---------------------------------------------------------------------------------------------*/
.comments {border:solid #ddd 1px;float:left;width:100% !important;
padding:10px;margin-bottom:20px;margin-left: 20px;
background: #fff url(http://blog.jingproject.com/assets/img/comment-block-bg.gif) repeat-x left bottom;}
.comments-open-header {clear: both;margin-top:.25em;}
h2.comments-open-header {clear: none;float: left;} /* necessary for the Jing Comments/Feedback link by comments section*/
.comments-header {margin-top:.25em;}

a.support-feedback {float: right; text-decoration: none; color: #F7941D !important; border-bottom: 1px dotted #F7941D !important;}
a.support-feedback:hover {color: #EB7000 !important; border-bottom: 1px solid #EB7000 !important;}

.trackbacks,
.comments,
.archive {position: static;overflow: hidden;clear: both;width: 100%; margin-bottom: 20px;}

.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {clear: both;}

.entry-asset-excerpt,
.entry-asset,
.entry-asset-more-link,
.entry-asset-more {clear: both;}

.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content {clear: both;margin: 5px 10px 20px 0;}

.comments hr {color:#eee;background-color:#eee;}
.next-prev {font-size:125%; border-bottom: 2px solid #000;}
.next-prev span {font-weight: bold;}
.next-prev hr {color:#000;background-color:#000;}
.next-prev p {margin-top:.25em;}
.content-nav {margin-left: 20px;}

.comments-content {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 5px solid #ddd;}
.comment {width:98.5%;}
.comment .inner {border:1px solid #ddd; clear:both; margin-top:0.5em; padding:20px 10px 5px 20px;}

.comments-open label {font-weight:bold; display: block; font-size:.95em; line-height:1.6em; padding-bottom: 3px;}
.comment-hover {padding: 10px; border: 1px solid #eee;margin-bottom: 5px;}
.comment-hover:hover {background-color: #eee; border: 1px solid #ccc;}

.comment-footer {float:left;margin-left:60px;margin-top:-20px;color:#888;}
.comment-footer-experimental {float:left;margin-left:60px;margin-top:-20px;color:#888;}
.comment-footer-experimental {display:none;}

img.quotehook {float:left; margin-top:5px;}

.comment-header {color: #fff; font-weight: bold;}
#comment-author, #comment-email, #comment-url {width: 300px;padding:5px;}
#comment-text {width: 425px;padding:5px;}
#comment-bake-cookie {margin-left: 0;vertical-align: middle;}
#comment-post {font-weight: bold;}

#comment-form-external-auth, #comment-form-external-auth {color: #666;}

.comment-header a:link,
#comment-form-external-auth a:link,
#comment-form-external-auth a:link,
.comment-footer a:link {color: #666 !important; border-bottom: 1px dotted #666; text-decoration: none;}

.comment-header a:visited,
#comment-form-external-auth a:visited,
#comment-form-external-auth a:visited,
.comment-footer a:visted {color: #666;}

.comment-header a:hover,
#comment-form-external-auth a:hover,
#comment-form-external-auth a:hover,
.comment-footer a:hover {color: #000; border-bottom: 1px solid #000;}

.comment-hover input, .comment-hover textarea {background-color: #fff;padding: 4px 5px
6px 5px;margin-top:-.125em; border: 1px solid;border-top-color:
#666;border-right-color: #adadad;border-bottom-color:
#aaa;border-left-color: #888;}

#comments-open-footer {margin-left: 0 !important; margin-top: 10px;}

/* = In-page navigation buttons (after post)
---------------------------------------------------------------------------------------------*/
.content-nav input {float:left;margin-right:10px;display: block;color:
#fff !important; font-weight: bold !important; text-decoration: none
!important; padding: 5px; cursor: pointer;}

.content-nav input {background:#eb7000 url(http://blog.jingproject.com/assets/img/buttondarkorangebackground.png) left bottom repeat-x;
border:1px solid #fea539; color:#fff; font-weight:bold; padding:8px; text-decoration:none;}

.content-nav input:hover {background:#f7941d
url(http://blog.jingproject.com/assets/img/buttonorangebackground.png) left
bottom repeat-x;}

.navbutton a {/*background:#eb7000 url(http://blog.jingproject.com/assets/img/buttondarkorangebackground.png) left bottom repeat-x;*/ border-bottom: none !important; background-color:#eb7000;
border:1px solid #fea539; color:#fff !important; font-weight:bold; padding:8px; text-decoration:none;}

.navbutton a:hover {/*background:#f7941d url(http://blog.jingproject.com/assets/img/buttonorangebackground.png) left bottom repeat-x;*/ border-bottom: none !important; background-color:#f7941d; color:#fff !important;}

/* = SEARCH STUFF
---------------------------------------------------------------------------------------------*/
div#alpha-inner div.search-form {display: none;}
h1.search-results-header {padding-left: 20px;}


/* =SIDEBAR STYLING (widgetS, POST NAVIGATION, ETC)
---------------------------------------------------------------------------------------------*/
#beta {float: left;width: 24%;white-space:nowrap;
margin-left:4%;margin-top:-20px;margin-bottom: 30px;padding: 13px 0 0 0;
background: url(http://blog.jingproject.com/assets/img/sidebar-top-cropped.png) no-repeat left top;}

#gamma {float: left;width: 24%;white-space:nowrap;
margin-left:4%;margin-top: -15px !important;padding: 13px 0 0 0;}

div.center {width: 100%; text-align: center;padding-top:20px;}

/* WIDGETS STYLING */
.widget {position: relative;overflow: hidden;padding:0 0 0 13px;white-space: normal;}

/* STYLING FOR SEARCH BLOCK (SIDEBAR) */
.widget-search input.formfield {background-color: #fff;padding: 4px 5px
6px 5px;margin-top:-.125em; border: 1px solid;border-top-color:
#666;border-right-color: #adadad;border-bottom-color:
#aaa;border-left-color: #888;}

.widget-search input.formbutton {background-color: #838383; color:
#fff; padding: 3px 5px 5px 5px;margin-top:-.125em;border: 1px solid
#fff;}

.widget-search input.formbutton:hover {cursor:pointer;
background: #eb7000 url(http://blog.jingproject.com/assets/img/buttondarkorangebackground.png) repeat-x left bottom;}
.widget-search input {color: #444;font-size:.85em;}
.widget-search input.formbutton {text-transform:uppercase;}
.widget-search ul {padding-bottom: 10px;}
.widget-search li {color: #666; padding-top: 2px; padding-bottom: 2px;}
.widget form {margin-bottom: 10px;}
.widget hr {color:#fff;background-color:#fff;}

/* Styling for list items (SIDEBAR) */
.widget ul {margin: 0; width: 90%;}
.widget ul li {list-style-type: none; list-style-position: inside; margin-left: 10px; font-size: 12px;}
.widget ul li a {padding-left: 15px; display: block;}
.widget ul li a:link {color: #666;text-decoration: none; background:
url(http://blog.jingproject.com/assets/img/bullet-gray-arrow-grade.gif)
no-repeat left 2px;}
.widget ul li a:visited {color: #aaa;text-decoration: none;background:
url(http://blog.jingproject.com/assets/img/bullet-check-mark.gif) no-repeat left
2px;}
.widget ul li a:hover {color: #000; text-decoration:underline;}

/* Styling for list items (SIDEBAR) */
.widget p {color: #666; padding-right: 10px;}
.widget p a {color: #666; border-bottom: 1px dotted #666; text-decoration: none;}
.widget p a:hover {color: #000; border-bottom: 1px solid #000;}

#beta .widget, #gamma .widget, #delta .widget {background: url(http://blog.jingproject.com/assets/img/sidebar-widgetbase.gif) no-repeat
right bottom #eee; padding-bottom: 10px; padding-top: 5px;
border-bottom: 2px #bbb solid;}
div#beta-inner .widget h3.widget-header {color: #fea539; font-size:
0.95em; text-transform: uppercase !important; /*font-weight: normal;*/}
div#beta-inner .widget h3.widget-header a {color: #fea539; text-decoration: none; border-bottom: 1px dotted #fea539;}
div#beta-inner .widget h3.widget-header a:hover {color: #512009; border-bottom: 1px solid #512009;}

/* TAG CLOUD WIDGET */
/*removing inherited styles ### */
div.widget-cloud ul li a:link {background:none; color:#666; text-decoration:none;}
div.widget-cloud ul li a:visited {background:none;}
div.widget-cloud ul li a {display:inline !important;padding-left:0 !important;}
div.widget-cloud ul li a:hover {color:#000;text-decoration:underline;}

/* ### */
.widget-list,
.archive-list {margin: 0;padding: 0;list-style: none;}
.widget-list-item {margin-top: 5px;margin-bottom: 5px;}/*for both tag clouds and normal list items*/
.widget-cloud .widget-list .widget-list-item {/*margin: 0;*/padding: 0;}
.widget-cloud .widget-list-item {display: inline;margin-right: 8px;padding: 0;
line-height: 1.5;background: none;list-style: none !important; list-style-image:none !important; background: none !important;}

.widget-cloud .rank-1 { font-size: 1.75em !important; }
.widget-cloud .rank-2 { font-size: 1.75em !important; }
.widget-cloud .rank-3 { font-size: 1.625em !important; }
.widget-cloud .rank-4 { font-size: 1.5em !important; }
.widget-cloud .rank-5 { font-size: 1.375em !important; }
.widget-cloud .rank-6 { font-size: 1.25em !important; }
.widget-cloud .rank-7 { font-size: 1.125em !important; }
.widget-cloud .rank-8 { font-size: 1em !important; }
.widget-cloud .rank-9 { font-size: 0.95em !important; }
.widget-cloud .rank-10 { font-size: 0.9em !important; }
.widget-cloud .widget-content {width: 90%; white-space:normal !important;}

/* FEEDS WIDGET */
.widget ul.blog-feeds {margin-top: 5px;}
.widget ul.blog-feeds img {float: left; padding-top: 3px; margin-right: 5px;}
.widget ul.blog-feeds li a {background-image: none !important; list-style-position: outside; padding: 0; margin: 0;}

/* ARCHIVE STYLING
---------------------------------------------------------------------------------------------*/
h1.archive-title, div.archive {padding-left: 20px;}
div.archive div.archive-content {padding-left: 40px;}

/* =FOOTER
---------------------------------------------------------------------------------------------*/
#footer {clear:both;padding:5px 10px 5px 10px; border-top: 1px solid #aaa;text-align: right;margin-top: 20px !important;}
#footer p {font-size: 13px;}

/* GLOBAL NAVBAR 
###################################################################################### */
div#global-navbar {background: #343434 url(http://blog.jingproject.com/globalbar-bg-grade.gif) repeat-x scroll 0 0; overflow: visible; text-align: left;}
div#global-navbar ul {height: 31px; margin: 0; padding: 4px 0 4px 35px; width: 1100px;}
div#global-navbar ul li {display: block; float: left; margin-right: 15px;}
div#global-navbar ul li a {border-bottom: 1px dotted #aaa; color: #aaa; text-decoration: none;}
div#global-navbar ul li a:hover {border-bottom: 1px solid #ccc; color: #ccc;}

div#global-navbar ul li.jingsite {padding: 5px 5px 8px 22px; 
background: url(http://blog.jingproject.com/assets/img/globalbar-lines-aaa.gif) no-repeat left 8px;}
/*body#jingsite-content div#global-navbar ul li.jingsite,
body#jingsite-home div#global-navbar ul li.jingsite {padding: 5px 5px 8px 22px; color: #fff; font-weight: bold;
background: url(http://blog.jingproject.com/assets/img/globalbar-lines-fff.gif) no-repeat left 6px;}*/

div#global-navbar ul li.jingblog {padding: 5px 5px 8px 29px; 
background: url(http://blog.jingproject.com/assets/img/globalbar-speech-fff.gif) no-repeat left 4px;}
div#global-navbar ul li.jingblog a, div#global-navbar ul li.jingblog a:hover {color: #fff; font-weight: bold; border-bottom: none;}

div#global-navbar ul li.jinghelp {background: url(http://blog.jingproject.com/assets/img/globalbar-help-aaa.gif) no-repeat left 3px; padding: 5px 5px 8px 28px;}