@font-face {
    font-family: 'MinionWebRegular';
    src: url('/static/fonts/minion_web-webfont.eot');
    src: url('/static/fonts/minion_web-webfont.eot?iefix') format('eot'),
         url('/static/fonts/minion_web-webfont.woff') format('woff'),
         url('/static/fonts/minion_web-webfont.ttf') format('truetype'),
         url('/static/fonts/minion_web-webfont.svg#webfontMmEY9MdL') format('svg');
}

@font-face {
    font-family: 'LucidaGrande';
    src: url('/static/fonts/lucida_grande-webfont.eot');
    src: url('/static/fonts/lucida_grande-webfont.eot?iefix') format('eot'),
         url('/static/fonts/lucida_grande-webfont.woff') format('woff'),
         url('/static/fonts/lucida_grande-webfont.ttf') format('truetype'),
         url('/static/fonts/lucida_grande-webfont.svg#webfontKf4nnxZc') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Positioning */
body { 
  min-width: 1013px; 
  text-align: center;     
  background-image: url(/static/images/background.png);
  background-repeat: repeat-x;
  background-position: top;
}
 
#wrapper {}
#container { width: 987px; margin: auto; text-align: left; }
#navbar { height: 55px; }
#navbar #main-nav { border: 0px solid yellow; float: left; width: 600px; padding-right: 10px;  display: inline; }
#navbar #main-nav #branding { border: 0px solid yellow; float: left; width: 240px; }
#navbar #main-nav #branding #logo {float: left; width: 44px; height: 40px; margin-top: 8px; }
#navbar #main-nav #branding #name { float: left; margin-left: 8px; margin-top: 16px; }
#navbar #main-nav #menu { float: left; width: 353px; padding-top: 13px; margin-top: 5px; text-align: right; border: 0px solid red; }
#navbar #main-nav #menu .options { margin-left: -8px; } 
#navbar #main-nav #menu .options li { margin: 0px 8px; list-style: none; display: inline; }
#navbar #main-nav #menu ul { margin: 0; } /* overrides YUI3 base */

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

.highlight { background-color: #ffffcc; border: 1px solid #ffff00; margin-bottom: 13px; padding: 5px; }
.social { border: 0px solid green; width: 590px; height: 34px; padding-top: 8px; }
.primary-buttons { float: left; width: 500px; }
.twitter { float: left; width: 100px; }
.buzz { float: left; padding-left: 8px; width: 90px; }
.facebook { float: left; padding-left: 8px; width: 250px; 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; }
#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: 600px; }
#footer a { color: #777; }
#footer #copyright { float: left; width: 210px; border: 0px solid red; }
#footer #copyright a { text-decoration: none; }
#footer #khan { float: right; }
 
/* Colors */
body { background-color: #FFFFFF; }
.deemphasized { color: #777; }
#navbar { color: #FFF; }
#navbar a:link { color: #ddd; text-decoration: none; }
#navbar a:visited { color: #ddd; text-decoration: none; }
#navbar a:hover { color: #FFF; text-decoration: none; }
#navbar a:active { color: #FFF; text-decoration: none; }
#header {   
  background-image: url(/static/images/header-background.png);
  background-repeat: repeat-y;
  background-position: right;
}
#header #sidebar { background-color: #eae8dd; }
 
 
/* Fonts */
body { font: 14px Arial, sans-serif, "LucidaGrande", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; }

h1,h2,h3,h4 {
	/* top & bottom margin based on font size (yui base=1em) */
	margin:0em 0;
}
h1 { font-size: 300%; font-weight: normal; font-family: "MinionWebRegular", Times, Arimo, "Times New Roman", Times, Tinos, serif; }
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; }


#search #box {
alignment-baseline: auto;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
background-position: 0% 0%;
background-repeat: repeat;
background-size: auto auto;
baseline-shift: baseline;
border-bottom-color: #EEE;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: inset;
border-bottom-width: 0px;
border-collapse: separate;
border-left-color: #EEE;
border-left-style: inset;
border-left-width: 1px;
border-right-color: #EEE;
border-right-style: inset;
border-right-width: 0px;
border-top-color: #EEE;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: inset;
border-top-width: 0px;
bottom: auto;
box-sizing: content-box;
caption-side: top;
clear: none;
clip: auto;
clip-path: none;
clip-rule: nonzero;
color: black;
color-interpolation: srgb;
color-interpolation-filters: linearrgb;
color-rendering: auto;
cursor: auto;
direction: ltr;
display: block;
dominant-baseline: auto;
empty-cells: show;
fill: black;
fill-opacity: 1;
fill-rule: nonzero;
filter: none;
float: left;
flood-color: black;
flood-opacity: 1;
font-family: arial, sans-serif;
font-size: 17px;
font-style: normal;
font-variant: normal;
font-weight: normal;
glyph-orientation-horizontal: 0deg;
glyph-orientation-vertical: auto;
height: 26px;
image-rendering: auto;
kerning: 0;
left: auto;
letter-spacing: normal;
lighting-color: white;
line-height: normal;
list-style-image: none;
list-style-position: outside;
list-style-type: disc;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
marker-end: none;
marker-mid: none;
marker-start: none;
mask: none;
max-height: none;
max-width: none;
min-height: 0px;
min-width: 0px;
opacity: 1;
orphans: 2;
outline-color: black;
outline-style: none;
outline-width: 0px;
overflow-x: visible;
overflow-y: visible;
padding-bottom: 0px;
padding-left: 6px;
padding-right: 10px;
padding-top: 4px;
page-break-after: auto;
page-break-before: auto;
page-break-inside: auto;
pointer-events: auto;
position: relative;
resize: none;
right: auto;
shape-rendering: auto;
speak: normal;
stop-color: black;
stop-opacity: 1;
stroke: none;
stroke-dasharray: none;
stroke-dashoffset: 0;
stroke-linecap: butt;
stroke-linejoin: miter;
stroke-miterlimit: 4;
stroke-opacity: 1;
stroke-width: 1;
table-layout: auto;
text-align: -webkit-auto;
text-anchor: start;
text-decoration: none;
text-indent: 0px;
text-overflow: clip;
text-rendering: auto;
text-shadow: none;
text-transform: none;
top: auto;
unicode-bidi: normal;
vector-effect: none;
vertical-align: top;
visibility: visible;
white-space: normal;
widows: 2;
width: 298px;
word-break: normal;
word-spacing: 0px;
word-wrap: normal;
writing-mode: lr-tb;
z-index: 3;
zoom: 1;
}

#search #button {
alignment-baseline: auto;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("/static/images/button-background.png");
background-origin: padding-box;
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: auto auto;
baseline-shift: baseline;
border-bottom-color: black;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: none;
border-bottom-width: 0px;
border-collapse: separate;
border-left-color: black;
border-left-style: none;
border-left-width: 0px;
border-right-color: black;
border-right-style: none;
border-right-width: 0px;
border-top-color: black;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: none;
border-top-width: 0px;
bottom: auto;
box-sizing: border-box;
caption-side: top;
clear: none;
clip: auto;
clip-path: none;
clip-rule: nonzero;
color: black;
color-interpolation: srgb;
color-interpolation-filters: linearrgb;
color-rendering: auto;
cursor: pointer;
direction: ltr;
display: inline-block;
dominant-baseline: auto;
empty-cells: show;
fill: black;
fill-opacity: 1;
fill-rule: nonzero;
filter: none;
float: none;
flood-color: black;
flood-opacity: 1;
font-family: arial, sans-serif;
font-size: 15px;
font-style: normal;
font-variant: normal;
font-weight: normal;
glyph-orientation-horizontal: 0deg;
glyph-orientation-vertical: auto;
height: 30px;
image-rendering: auto;
kerning: 0;
left: auto;
letter-spacing: normal;
lighting-color: white;
line-height: normal;
list-style-image: none;
list-style-position: outside;
list-style-type: disc;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
marker-end: none;
marker-mid: none;
marker-start: none;
mask: none;
max-height: none;
max-width: none;
min-height: 0px;
min-width: 0px;
opacity: 1;
orphans: 2;
outline-color: black;
outline-style: none;
outline-width: 0px;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 1px;
padding-left: 6px;
padding-right: 6px;
padding-top: 1px;
page-break-after: auto;
page-break-before: auto;
page-break-inside: auto;
pointer-events: auto;
position: static;
resize: none;
right: auto;
shape-rendering: auto;
speak: normal;
stop-color: black;
stop-opacity: 1;
stroke: none;
stroke-dasharray: none;
stroke-dashoffset: 0;
stroke-linecap: butt;
stroke-linejoin: miter;
stroke-miterlimit: 4;
stroke-opacity: 1;
stroke-width: 1;
table-layout: auto;
text-align: center;
text-anchor: start;
text-decoration: none;
text-indent: 0px;
text-overflow: clip;
text-rendering: auto;
text-shadow: none;
text-transform: none;
top: auto;
unicode-bidi: normal;
vector-effect: none;
vertical-align: top;
visibility: visible;
white-space: pre;
widows: 2;
width: 59px;
word-break: normal;
word-spacing: 0px;
word-wrap: normal;
writing-mode: lr-tb;
z-index: auto;
zoom: 1;
}



/* Flask flashes */

/* input[type="text"],
input[type="password"] {
    background: white;
    border: 1px solid #BFE6E2;
    padding: 2px;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 14px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #105751;
}

input[type="submit"] {
    background: #105751;
    border: 1px solid #073B36;
    padding: 1px 3px;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 14px;
    font-weight: bold;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: white;
} */

ul.flashes {
    list-style: none;
    margin: 10px 10px 0 10px;
    padding: 0;
}

ul.flashes li {
    background: #B9F3ED;
    border: 1px solid #81CEC6;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 4px;
    font-size: 13px;
}

div.error {
    margin: 10px 0;
    background: #FAE4E4;
    border: 1px solid #DD6F6F;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 4px;
    font-size: 13px;
}