@import url(http://fonts.googleapis.com/css?family=Source+Code+Pro:400,700);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic);

/*
<link href='http://fonts.googleapis.com/css?family=Source+Code+Pro:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic' rel='stylesheet' type='text/css'>
*/

body {
	font-family: "Source Sans Pro", Univers, "Helvetica Neue", Helvetica, Frutiger, "Frutiger Linotype", Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #111111;
	padding-top: 11px;
	padding-bottom: 22px;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.altFont {
	font-family: "Source Sans Pro", Univers, "Helvetica Neue", Helvetica, Frutiger, "Frutiger Linotype", Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, Arial, sans-serif;
	font-variant:small-caps;
	letter-spacing: 1px;
}

div.linkbar {
	font-family: "Source Code Pro", Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}

img.exhibit, iframe.exhibit {
	border:1px solid #666666;
	width:100%;
					box-shadow: 0px 0px 10px rgba(72,72,72,0.4);
		 -moz-box-shadow: 0px 0px 10px rgba(72,72,72,0.4);
	-webkit-box-shadow: 0px 0px 10px rgba(72,72,72,0.4);
}
iframe:hover, canvas:hover, img.exhibit:hover {
					box-shadow: 0px 0px 10px rgba(72,72,72,0.8);
		 -moz-box-shadow: 0px 0px 10px rgba(72,72,72,0.8);
	-webkit-box-shadow: 0px 0px 10px rgba(72,72,72,0.8);
}

p {
	margin-bottom: 11px;
}

iframe {
	margin-bottom: 11px;
}
	
pre, code, kbd, .code pre {
	font-family: "Source Code Pro", Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}

.code {
	margin-left:0em;
	margin-right:0em;
	border-top: 1px solid #C0C0C0;
	border-left: 4px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	padding-left:  1em;
	padding-right: 0;
	padding-top:   1em;
	padding-bottom:0;
}
.code:hover {
	border-top: 1px solid #999;
	border-left: 4px solid #999;
	border-bottom: 1px solid #999;
}

.code pre {
	height: 500px;
	overflow:auto;
	margin: 0;
}

pre {
	margin-left:0em;
	margin-right:0em;
	word-spacing: normal;
	line-height:16px;
	font-size: 13px;
}

/* modified from SO's kbd style */
kbd {
				    border-radius:4px;
       -moz-border-radius:4px;
    -webkit-border-radius:4px;
            box-shadow:0 1px 0 rgba(0,0,0,0.3), 0 0 0 2px #e6e6e6 inset;
       -moz-box-shadow:0 1px 0 rgba(0,0,0,0.3), 0 0 0 2px #e6e6e6 inset;
    -webkit-box-shadow:0 1px 0 rgba(0,0,0,0.3), 0 0 0 2px #e6e6e6 inset;
    background-color:#e0e0e0;
    border:1px solid #A0A0A0;
    display:inline-block;
		font-family: "Source Code Pro", Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
    margin: 0;
    padding-top:    0px;
    padding-bottom: 2px;
    padding-left:   0.25em;
    padding-right:  0.25em;
    text-shadow:0 1px 0 #f0f0f0;
		height: 20px;
}

figure {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
figcaption {
	margin-top:6px;
	font-style: italic;
}
figcaption.center {
	text-align:center;
}

div.content {
	padding-top: 11px;
	border-right: 1px solid #909090;
	border-left: 1px solid #909090;
}
div.section {
	padding-top: 2px;
	padding-bottom: 0;
	height: 45px;
	border: 1px solid #666666;
}
div.section h2 {
	line-height: 45px;
}

div.linkbar { 
	padding-left: 22px;
}

div.title, div.subtitle, div.subtitle:before, div.subtitle:after {
	font-family: "Source Code Pro", Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}
div.title, div.subtitle {
	padding-left: 22px;
	padding-right: 22px;
}
div.title {
	font-size:     200%;
	line-height:   125%;
}
div.subtitle {
	font-size:     125%;
	line-height:   125%;
	margin-top:    11px;
	margin-bottom: 11px;
	color: #505050;
}
div.subtitle:before {
	content:'/*';
	margin-right: 0.5em;
}
div.subtitle:after {
	content:'*/';
	margin-left: 0.5em;
}

h1, h2, h3 {
	font-family: "Source Code Pro", Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}
h1 {
	letter-spacing: 2px;
}
h2 {
	letter-spacing: 2px;
}

/***     COLUMNS      ***/

div.leftCol, div.rightCol {
	padding-top:0px;
	padding-bottom:0px;
	width:50%;
	display:table-cell;
}
div.leftCol {
	padding-right:11px;
}
div.rightCol {
	padding-left:10px;
	/*border-left:1px dashed rgba(128,128,128,0.25);*/
}

/*** SIDE NOTES ***/
aside.sidenote {
	font-size:85%;
	float:right;
	clear: right;
	width:190px;
	margin-right:-260px;
	text-align:left;
	margin-bottom: 22px;
	
	background-image:    url("diagStripes.gif");
	background-position: 0 0;
	background-repeat:   repeat;
	padding-left: 20;
	padding-right: 4;
	border-top:    1px solid #707070;
	border-bottom: 1px solid #707070;
	        box-shadow: 0 13px 10px -10px rgba(32, 32, 64, 0.5);
	   -moz-box-shadow: 0 13px 10px -10px rgba(32, 32, 64, 0.5);
	-webkit-box-shadow: 0 13px 10px -10px rgba(32, 32, 64, 0.5);
}

aside.sidenote:before {
  content: '*';
  position:relative;
  top: .175em;
  margin-left: -15px;
  font-size: 161%;
  float:left;
  width: 15px;
  /*background-color: rgba(0,0,255,0.5);*/
  /*width: 0.3em;
  margin-left: -0.7em; */
}