@import url(https://fonts.googleapis.com/css?family=PT+Serif);
body {
	background:url("bg_jasny_mat.png") repeat;
	text-align: center;
	margin: auto;
	font-size: 112%;
	font-family: 'PT Serif', serif;
}

#forkme_github {
    border: 0px none currentColor;
    position: absolute;
    right: 0px;
    top: 0px;
}

#header{
    /* background: #19191A; */
    max-width: 960px;
    margin: 0 auto 0 auto;
    padding-top: 26px;
}
#header h2 {
	font-size: 130%;
	margin: 0;
	padding-top: 10px;
}
#logo {
    float: left;
}
@media screen and (max-width: 500px) {
	#header h2 {padding-top: 0px;}
	#logo {width: 100%;}
	#logo img{
		height: auto;
		width: 100%;
		max-width: 428px;
		max-height: 400px;
	}
}

#content > h1:first-child,
#content > h2:first-child {
	margin-top: 10px;
}
div.subtitle, div.subtitle2 {
	color: #555;
	font-size: 21px;
	font-weight: bold;
	margin: 20px;
}
div.subtitle2 {
	font-style: italic;
}
div.version {
	font-size: 12px;
	margin: 20px 0 40px 20px;
}
h1, h2 {
    color:#0a0a2f;
}
h3,h4,h5 {
	background-color: #dfdfec;
	padding: 1px 5px;
	margin: 12px 0;
}
h5 {
	font-weight: normal;
}
.small-margin {
	margin: 16px 0;
}
.small2-margin {
	margin: 8px 0 4px 0;
}

p {
	margin: 24px 0 10px 0;
}
p.big-margin {
	margin: 32px 0;
}

a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    padding: 4px 6px;
}
.three_d {  /* 3D text effect */
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 15px 15px rgba(0,0,0,.15);
}

#content{
    clear: both;
    text-align: left;
    margin: 20px auto;
    max-width: 960px;
    position: relative;
    padding: 20px 20px 30px 20px;
    background: #fafafa;
    border-radius: 10px;
    border: 2px groove #cfc9c9;
}
@media screen and (max-width: 500px) {
	body {
		margin: 8px 1px;
		font-size: 100%;
	}
	#content {
		padding: 10px;
	}
}

#footer{
    /* background: #19191A; */
    color:#0a0a2f;
    max-width: 830px;
    margin: 0 auto 32px auto;
    text-align: center;
}

#footer a{
	color:#030303;
	margin: 0 6px;
}

a.no-dec {
	text-decoration-line: none;
}

#content .ventures-list img {
	max-height: 30px;
	vertical-align: middle;
	margin-right: 4px;
}
#content .ventures-list img.big {
	max-height: 34px;
}
#content .ventures-list img.big2 {
	max-height: 40px;
}
#content .ventures-list img.small {
	max-height: 26px;
}
#content .ventures-list img.small2 {
	max-height: 23px;
}
#content .ventures-list img.small3 {
	max-height: 20px;
}

#content .job, #content .job img, #content .job a {
	vertical-align: middle;
}
#content .logo-work, #content .logo-work-big, #content .logo-work-big2, #content .logo-work-small {
	float: left;
	margin: 8px 12px 12px 0;
	vertical-align: middle;
}
#content .logo-work {
	max-height: 52px;
}
#content .logo-work-big {
	max-height: 58px;
}
#content .logo-work-big2 {
	max-width: 110px;
}
#content .logo-work-small {
	max-height: 40px;
}

#content .logos {
	clear: both;
	text-align: center;
}
#content .logos img {
	padding: 20px;
	max-height: 56px;
	max-width: 220px;
	/* vertical-align: -moz-middle-with-baseline; */
	vertical-align: middle;
	display: inline-block;
}
#content .logos img.logo-small {
	max-height: 52px;
}

/***** code **/
code i, .comment{
	font-family: "Liberation Sans","DejaVu Sans", "sans";
	font-style: italic;
}
pre code {
	[*.sql]
	indent_style = tab
	padding: 0 0 0 30px;
}
code {
	color: #500505;
	font-size: 90% ;
	font-family: "monospace" ;
}
/***** END: code **/

ul, ol {
    margin: 6px 0 6px 16px;
    padding-left: 20px;
}
ul.indented, ol.indented {
    margin: 8px 10px;
}
#content ul.no-bullets {
	list-style-type: none;
	margin: 8px 4px;
}
#content ul.no-bullets li {
	margin-bottom: 8px;
}


ul li, ol li {
	padding: 2px 0;
}

table ul, table ol {
	padding: 0 20px;
	margin: 0;
}
dl dt {
	margin-top: 10px;
	color: #141;
}
dl dt a {
	color: #141 !important;
}
ul.floating, ul.floating2 {
	margin: 0 0 10px 0;
	padding: 0px;
	clear: both;
}
ul.floating li, ul.floating2 li{
  float: left;
  width: 8em;  /* accommodate the widest item */
  list-style: none;
  padding: 0 4px;
  margin: 0;
  border-left: 1px dashed black;
}
ul.floating2 li{
  border: 1px dashed black;
}

br {
	clear: left;
	line-height: 100%;
}

.right{
    float:right;
    margin: 0 0 10px 10px;
}

.center {
    text-align: center;
}
img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 85%;
}
#content img {
	max-width: 100%
}

.tright {text-align: right;}
.red {color: red;}
.small {font-size: 66%;}
.small2 {font-size: 85%;}
.small2 ul.indented {
	margin-top: 2px;
}
.normal {font-weight: normal;}
b.head, p.head, div.head {
    background: #ddd;
}

.highlight {
	color: #151;
	font-weight: bold;
}
.spotlight {
	color: #151;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
	margin: 12px auto;
}

.links_no_underscore a {text-decoration: none;}
.links_no_underscore a:hover {text-decoration: underline;}


/**********  TABLES  **********/

th {text-align : center;
    padding: 5px;
    background: #ddd;
}
tr.nobold th {
	font-weight: normal;
}
td, th {
  border: 1px solid #444;
  padding: 4px 6px;
}
td.bold, tr.bold td {
	font-weight: bold;
}

table {
    border-collapse: collapse;
}
.dense-table td, .spec-table th {
  border: 1px dashed #444;
  padding: 3px;
}

.cheatsheet { font-size: 90% ;}
.cheatsheet th {font-size: 110%;}
.cheatsheet td:first-child {
    width: 110px;
    color: #300205;
    font-family: "monospace" ;
    /*white-space: pre; */
}
.cheatsheet td:first-child.info {
    color: black;
    font-family: "sans" ;
    /*white-space: pre; */
}
.cheatsheet .center {
    padding: 2px 8px;
    background: #caeaca;
    font-size: 94%;
}
.info {
    padding: 2px 20px;
    background: #d4ead4;
    font-size: 94%;
}

/********* simple table */
table.simple td {
  border: 0;
  padding: 5px 0 5px 12px;
}

table.simple td:first-child {
	text-align: right;
}


/***** END: tables **/


@media only screen and (max-width: 1000px) {
	#header, #content, #footer{
		width: auto;
	}
	#content {
		background: white;
	}
	td {
		padding-right: 15px;
	}
	dl dd {
		margin-left: 20px;
	}
}


@media print { /* this affects the content before sending to printer */
	body, table {
		background: white;
		font-size: 12px;
	}
	#content {
		background: none;
	}
	#header, #content, #footer{
		width: auto;
		padding: 0;
	}
	#header {
		margin: auto;
	}
	td {
		padding-right: 15px;
	}
	td a {
		color: black;
		text-decoration: none;
	}
	dl dd {
		margin-left: 20px;
	}
	.print-empty {
		display:none;
		visibility: hidden;
	}
}


@page {
	size: auto;   /* auto is the initial value */
	/*margin: 25mm 25mm 25mm 25mm;  /* this affects the margin in the printer settings */
	margin: 8mm 2mm 2mm 2mm;
	counter-increment: page;
	counter-reset: page 1;
	@top-right {
		content: "Page " counter(page) " of " counter(pages);
	}
}

blockquote {
    padding: 10px 12px;
    background: #eee;
    border-radius: 5px;
	border-left: 3px solid #888;
	font-style: italic;
}
blockquote p {
	margin: 0px;
	padding: 8px 0;
}
/*
blockquote p::before {
    content: '\201C';
}

blockquote p::after {
    content: '\201D';
}*/