html {
  overflow-y:scroll;
}

/* Positioning */
body { 

    font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    color: #333;

  background-image: url(/static/images/background.png);
  background-repeat: repeat-x;
  background-position: top;
  min-width: 1013px; 
  text-align: center;   
  border-top: 0px solid #151f22;   
}
 
#wrapper {}
#container { width: 987px; margin: auto; text-align: left; }
#navbar { height: 65px; }
#navbar #main-nav { float: left; width: 190px; padding-right: 10px;  padding-top: 13px; display: inline; margin-left: -5px; }
#navbar #main-nav #branding { border: 0px solid yellow; float: left; width: 177px; font-size: 44px; font-family: karmina; margin-top: 16px; }
#navbar #main-nav #branding span { font-weight: bold; color: #ddd; }


#navbar #main-nav #branding #logo {float: left; width: 44px; height: 40px; margin-top: 15px; border: 1px solid red; }
#navbar #main-nav #branding #name { float: left; margin-left: 8px; margin-top: 32px; border: 1px solid green; }

#navbar #menu { float: left; width: 590px; padding-top: 0px; margin-top: 18px; border: 0px solid red; font-size: 16px; text-align: left; height: 45px; }
#navbar #menu .options { margin-left: 0px; } 
#navbar #menu .options li { width: 100px; border: 0px solid green; list-style: none; display: inline; float: left; padding-top: 8px; padding-right: 21px; }
#navbar #menu ul { margin: 0; } /* overrides YUI3 base */

#navbar #sidebar-nav {  float: left; width: 375px; height: 55px; text-align: right; padding-top: 10px;}
#navbar #sidebar-nav #search { margin-top: 13px; background-color: #CCC; border: 0px solid red;}


.social { border: 0px solid green; width: 590px; height: 34px; padding-top: 8px; }
.twitter { float: left; width: 100px; }
.buzz { float: left; padding-left: 8px; width: 80px; }
.facebook { float: left; padding-left: 8px; width: 255px; border: 0px solid red;}
.minis { float: right; border: 0px solid yellow; text-align: right; width: 90px; margin-right: 0px; }
.digg { float: left; width: 30px; }
.reddit { float: left; width: 30px; }
.email { float: left; width: 30px; }

.pad1 { padding-top: 1px; } 
.pad2 { padding-top: 2px; } 
.pad3 { padding-top: 3px; } 
.pad8 { padding-top: 8px; } 
.pad13 { padding-top: 13px; } 
.pad21 { padding-top: 21px; } 
.pad34 { padding-top: 34px; } 
.pad55 { padding-top: 55px; } 

#header { border: 0px solid red; width: 987px; height: auto; margin-top: 34px; }
#header #main { float: left; width: 610px; }
#header #main #media { padding-bottom: 0px; }
#header #tagline2 { padding-bottom: 13px; }
#caption { background-color: #FFFFFF; clear: both; }
#caption-inner { min-height: 21px; padding-top: 3px; width: 567px; }

#header #sidebar { float: left; width: 375px; border: 0px solid green; }
#header #sidebar p { padding-bottom: 3px; }
#header #sidebar #sidebar-inner { margin-left: 13px; margin-right: 13px; margin-top: 8px; }
#header #sidebar #sidebar-inner div { padding-bottom: 0px; }
#header #sidebar #social {}
#header #sidebar #rss { float: right; }
#header #sidebar #social #followme { border: 0px solid #ccc; }
#header #sidebar #social #likeme { padding-top: 0px;}
#header #sidebar #social div.fblike {max-height:62px;}
#header #sidebar #social div.fblike div.FB_Loader {display:none;}
#header #sidebar #social #linkedin { padding-top: 10px; }
 
#header #sidebar #belief { padding-top: 18px; }
#header #sidebar #blog { padding-top: 18px; }
#header #sidebar #projects { padding-top: 0px; }
#header #sidebar #aboutme { padding-top: 0px;  }
 
 
#content { width: 590px; padding-right: 0px; padding-top: 21px; border: 0px solid red; }
 
#footer { clear: both; padding-top: 21px; padding-bottom: 21px; width: 987px; }
#footer a { color: #777; }
#footer #copyright { float: left; width: 200px; border: 0px solid red; }
#footer #copyright a { text-decoration: none; }
#footer #khan { float: left; }
 
/* Colors */
body { background-color: #FFFFFF; }
.deemphasized { color: #777; }
#navbar { color: #000; }
#navbar a:link { color: #eee; text-decoration: none; }
#navbar a:visited { color: #eee; text-decoration: none; }
#navbar a:hover { color: #eee; text-decoration: none; }
#navbar a:active { color: #eee; text-decoration: none; }
#header {   
  background-image: url(/static/images/header-background.png2);
  background-repeat: repeat-y;
  background-position: right;
}
#header #sidebar { background-color: #eae8dd; }
 
 
/* Fonts */
body { font_x: 14px; }

h1 {
	/* top & bottom margin based on font size (yui base=1em) */
	margin:0em 0;
}
h1 { font-size: 72px; font-weight: normal; color: #000; line-height: .9em; font-family:  "Karmina"; }
h4 { font-size: 100%; font-weight: bold; }

strong { font-weight: bold; }
#navbar #main-nav #menu .options { font-size: 15px; } 
#header #sidebar { font-size: 14px; }
#content p { font-size: 100%; line-height: 20px; }
#footer { font-size: 13px; }


.callout {
	width: 220px;
	font-weight: 500;
	line-height: 1.5em;
	padding: 0 15px;
	page-break-inside: avoid;
	text-align: left;
	float: right;
	margin: .5em -260px .5em 1em;
	border-left: #B50 solid thin;
}


#leftnav {
	width: 170px;
	line-height: 1.5em;
	padding: 0;
	page-break-inside: avoid;
	text-align: left;
	float: left;
	margin: 0em 0em 0px -188px;
        border: 0px solid green; 
        font-size: 16px;
}

#rightnav {
	width: 200px;
	line-height: 1.5em;
	padding: 0 15px;
	page-break-inside: avoid;
	text-align: right;
	float: right;
	margin: .5em -200px .5em 1em;
        border: 0px solid green; 
        font-size: 16px;
}

.code { 
       background-color: #eee; 
       border: 1px solid #ddd; 
       padding: 8px; 
       margin-bottom: 1.5em;
}



#leftnav a:link { color: #888; text-decoration: none; }
#leftnav a:visited { color: #888; text-decoration: none; }
#leftnav a:hover { color: #999; text-decoration: none; }
#leftnav a:active { color: #999; text-decoration: none; }
#leftnav ul { margin: 0; padding: 0; }
#leftnav li { list-style: none; }


#bar { background-color: #FFF; }
#jt {
   width: 610px;
   margin: auto;
   padding-top: 88px; 
   border: 0px solid red;
   padding-left: 18px; 
}
#bulbflow { padding-bottom: 0px; }
#tagline { color: #888; padding-bottom: 0px; font-size: 18px; } 
#social-header { padding-bottom: 21px; }
#social-footer { padding-top: 21px; }


p { line-height: 1.5em; font-family: "Helvetica Neue"; font-size: 16px;}

h2 { color: #000; font-weight: 600; font-size: 21px; margin-bottom: .3em; line-height: 1.4; font-weight: bold; margin-top: 0; padding-top: 0;}

a:link : #0fb
ae5; }
a:visited { color: #ol.steps li { padding-bottom: 1.5