/* @override http://sypal.imanishi.local:4016/assets/stylesheets/johnsypal.com/typography.css */

body {
	font: 9pt/13.5pt "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #555;
	background-color: white;
	padding: 1em;
}

ul.portfolios li{
	list-style-position: outside;
	list-style-type: none;
} 

.gallery h1.title {
	font-size: 24pt;
	line-height: 1em;
}

.navigation {
	font-size: 8pt;
	line-height: 1em;
	background-color: #fefefe;
	color: #999;
}

.navigation:hover {
	background-color: #eee;
	color: inherit;
}

.navigation a, .navigation a:active, .navigation a:hover, .navigation a:visited {
	color: #999;
}

.navigation:hover a, .navigation:hover a:active, .navigation:hover a:hover {
	color: #333;
}



li.proportions a {
	text-decoration: none;
	font-size: 8pt;
	padding: 3px;
}

ol.projects {
	list-style-type: upper-roman;
	list-style-position: inside;
}

ol.projects ol {
	list-style: lower-roman;
}

ol.projects ol h3, ol.projects ol p {
	display: inline;
	margin-right: 0.3em;
}

ol.others {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-left: 0;
	overflow: auto;
}

ol.others li {
	margin-left: 1em;
	margin-right: 1em;
	color: #333;
	float: none;
	list-style-type: none;
	text-align: left;
	float: left;
	width: 1.5em;
}

ol.others li a {
	text-decoration: none;
	color: #aaa;
}

div.index ol.photos a {
	-webkit-border-radius: 10px;
	text-indent: -3000px;
	text-decoration: none;
	border: #ccc thin solid;
}

a {
	color: #333;
}

a:active {
	color: #9c9c9c;
}

a:visited {
	color: #9c9c9c;
}

p.forward, p.backward {
	font-size: 36px;
}

p.forward a, p.backward a {
	text-decoration: none;
	color: #d1d1d1;
}



/* @group Notes */


.portfolios a {
	text-decoration: none;
}

.portfolios a:hover {
	text-decoration: underline;
}

.notes a {
	text-decoration: none;
}


div.note h1.title {
	font-size: 24pt;
	line-height: 37.5pt;
	margin-bottom: 27pt;
	margin-top: 13.5pt;;
}

div.note ul.toc h3 {
	font-size: 12pt;
}

div.note .toc a {
	text-decoration: none;
}

div.note p {
	margin-bottom: 13.5pt;
}

.note .body ul li, .note .body ol li{
}

.note .body ol {
	margin-left: 0;
	padding-left: 0;
	list-style-position: outside;
	text-align: left;
}

/* @end */


/* @group Contact */

div.contact label {
	line-height: 13.5pt;
}

div.contact input.text,
div.contact textarea {
	font-size: 13.5pt;
	margin-bottom: 13.5pt;
}

div.contact textarea {
	font-family: Consolas, Monoco, mono;
}


/* @end */

/* @group Basics */



em, i {
	font-style: italic;
}

strong, b {
	font-weight: bold;
}

em em, i i {
	font-style: normal;
}

strong strong, b b {
	font-variant: small-caps;
	font-weight: bold;
}

code {
	font-family: Consolas, Monoco, mono;
}

/* @end */