/*
Theme Name: Feynman
Theme URI: http://tommyogden.com
Description: Inspired by the style of Richard Feynman and Edward Tufte.
Version: 1.0
Author: Tommy Ogden
Author URI: http://tommyogden.com

*/

body {

	font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2","Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", "Bitstream Vera Sans", sans-serif;
	font-size: 16px;
	line-height: 32px;
	text-align: left;

	color: #ffffff;
	background-color: #7a0f0f;
	background-image: url(images/body-bg.png);
	
	margin: 0px;
	padding: 0px;

}

/* Page -------------------------------------------- */

#page {
		
	background-image: url(images/page-bg.png);
	background-repeat: repeat-x;

	min-width: 1008px;
	min-height: 192px;
		
	margin: 0px;
	padding: 0px;

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5c0b0b;

}

#page-canvas {

	background-image: url(../images/grid.png);

	width: 976px;

	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	
	padding-top: 48px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;

}

/* Header ------------------------------------------ */

#header {

	width: 976px;
	height: 96px;

	margin-top: 0px;
	margin-bottom: 48px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;

}

#logo {

	width: 368px;

	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 96px;
	margin-right: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 8px;
	
	float: left;

}

#logo a {

	text-decoration: none;
	height: 96px;

}

h1 {

	font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", "Bitstream Vera Sans", sans-serif;
	font-size: 40px;	
	font-style: normal;
	font-weight: normal;	
	line-height: 48px;	
	text-shadow: 0px -2px 0px #5c0b0b;

	color: #ffffff;
	
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	
	padding-top: 16px;
	padding-bottom: 32px;
	padding-left: 0px;
	padding-right: 0px;

}

h2 {

	font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", "Bitstream Vera Sans", sans-serif;
	font-size: 24px;	
	font-style: normal;
	font-weight: normal;
	line-height: 48px;
	text-shadow: 0px -1px #5c0b0b;

	color: #b68173;
	
	width: 208px;
	
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 28px;
	padding-left: 8px;
	padding-right: 8px;

	float: left;

}

/* Content ----------------------------------------- */

#content {

	color: #131413;

	width: 976px;

}

#content a {

	text-decoration: none;

	color: #394ca8;

}

.post {

	padding: 0px;

	background-color: #f5f5da;

	width: 976px;
	
	margin-top: 0px;
	margin-bottom: 48px;
	margin-left: 0px;
	margin-right: 0px;

}

.post-head {

	background-repeat: no-repeat;
	background-image: url(images/post-head-bg-wide-plain-red.png);

	margin: 0px;
	padding-top: 48px;
	padding-bottom: 0px;
	padding-left: 16px;
	padding-right: 16px;
	
	}
	
h3 {

	margin-left: 80px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;

	font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", "Bitstream Vera Sans", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;

	width: 448px;
	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 8px;

}

h4 {

	font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", "Bitstream Vera Sans", sans-serif;
	font-style: italic;
	font-weight: normal;
	font-size: 16px;

	margin-left: 80px;
	margin-bottom: 16px;
	margin-right: 0px;
	margin-top: 0px;

	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 8px;

}

h4 a.name{

	color: #131313 !important;

}

.entry {

	background-image: url('images/entry-bg-wide-red.png');	
	background-repeat: repeat-y;

	margin: 0px;
	padding-top: 32px;
	padding-bottom: 0px;
	padding-left: 16px;
	padding-right: 16px;

}
	
p	{

	font-size: 14px;
	text-align: left;
	
	width: 448px;
	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 80px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 32px;
	padding-left: 8px;
	padding-right: 8px;

}

blockquote {

	color: #735148;
	
	font-size: 14px;
	text-align: left;
	
	width: 448px;
	
	text-indent: 0px;
	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 32px;
	margin-right: 0px;

}

.blurb {

	font-size: 16px;
	font-style: italic;

	text-align: left;
	font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", "Bitstream Vera Sans", sans-serif;
	

}

.align-left {

	text-align: left;

}

.align-right {

	text-align: right;

}

ul {

	font-size: 14px;
	text-align: left;

	width: 448px;
	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 80px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 32px;
	padding-left: 0px;
	padding-right: 8px;
	
	list-style-type: none;
	list-style-position: outside;

}

ul li {

	background-image: url(images/bullet-leaf-green.png);
	background-repeat: no-repeat;
	background-position-x: 0px;
	background-position-y: 0px;

	padding-bottom: 16px;
	padding-left: 48px;

}

img {

	margin: 0px;
	padding: 0px;

	border: 0px;
	
}

.img-left {

	background-image: url(../images/square-white-240-bg.png);
	background-repeat: no-repeat;
	
	margin-left: 80px;
	
	padding-top: 8px;
	padding-bottom: 24px;
	padding-left: 8px;
	padding-right: 24px;

	float: left;

}

.img-side-flush {

	margin-right: 0px;
	background-repeat: no-repeat;
	
	margin-left: 8px;
	
	padding-top: 8px;
	padding-bottom: 24px;
	padding-left: 16px;
	padding-right: 0px;

	float: right;

}

.img-right-side {
	
	margin-left: 16px;
	
	padding-top: 8px;
	padding-bottom: 24px;
	padding-left: 16px;
	padding-right: 96px;

	float: right;

}

.img-right-no-side {
	
	margin-left: 16px;
	
	padding-top: 8px;
	padding-bottom: 24px;
	padding-left: 16px;
	padding-right: 408px;

	float: right;

}

.img-framed-text {

	margin-bottom: 16px;

	background-image: url(images/img-framed-text-bg.png);
	background-repeat: no-repeat;
	
	
	margin-left: -16px;
	padding-top: 8px;
	padding-bottom: 24px;
	padding-left: 16px;
	padding-right: 16px;
	
	float: left;

}

.img-framed-side {

	background-image: url(images/img-framed-side-bg.png);
	margin-right: 72px;
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-bottom: 24px;
	padding-left: 16px;
	padding-right: 16px;
	
	float: right;

}

.inline-circle {

	vertical-align: text-top;

}

.side {

	width: 208px;

	font-size: 12px;

	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 80px;
	padding-top: 0px;
	padding-bottom: 16px;
	padding-left: 8px;
	padding-right: 8px;

	float: right;
	
}

table {

		padding-bottom: 0px;
		border-bottom-color: #735148;
		border-bottom-style: solid;
		border-bottom-width: 4px;
		border-spacing: 0px 0px;
		color: #131413;
		position: relative;
		display: inline-block;
		line-height: 32px;
		font-size: 12px;
		
		margin-top: 0px;
		margin-bottom: 28px;
		margin-left: 80px;
		margin-right: 0px;

	}
	
th.one-col {
	
	background-color: #735148;
	padding-bottom: 0px;
	padding-top: 0px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	color: #ffffff;
	margin-right: 16px;
	width: 64px;
	padding-right: 8px;
	padding-left: 8px;
		
	}
	
th.one-col-last {

	padding-bottom: 0px;
	padding-top: 0px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	color: #ffffff;
	margin-right: 0px;
	width: 64px;
	padding-right: 8px;
	padding-left: 8px;
	background-color: #735148;

	}

th.two-col {

	padding-bottom: 0px;
	padding-top: 0px;
	margin-right: 16px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	color: #ffffff;
	width: 144px;
	padding-right: 8px;
	padding-left: 8px;
	background-color: #735148;

	}

th.two-col-last {

	padding-bottom: 0px;
	padding-top: 0px;
	margin-right: 0px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	color: #ffffff;
	width: 144px;
	padding-right: 8px;
	padding-left: 8px;
	background-color: #735148;

	}
	
td {

	padding-bottom: 0px;
	padding-top: 0px;
	margin-right: 16px;
	padding-right: 8px;
	padding-left: 8px;
}
	
.post-foot {

	background-image: url('images/post-foot-bg-wide-plain-red.png');
	background-repeat: no-repeat;

	height: 96px;
	
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 16px;
	padding-right: 16px;
	
	clear: left;
	
}
	
.hr-flower {
	
	margin-bottom: 0px;
	
	margin-left: 80px;
	
	background-position: 187px 8px;
	
	text-align: left;
	
	background-image: url(../images/hr-ornament.png);
	background-repeat: no-repeat;

	width: 464px;
	height: 32px;

	padding-top: 0px;
	padding-bottom: 16px;
	padding-left: 0px;

	
}

.hr-shell {
	
	margin-bottom: 16px;
	
	margin-left: 80px;
	
	background-position: 216px 0px;
	
	text-align: left;
	
	background-image: url(../images/ornament-shell.png);
	background-repeat: no-repeat;

	width: 464px;
	height: 32px;

	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

	
}

hr {
	
	display: none;
	
}

/* Navigation -------------------------------------- */

.post-nav {

	text-decoration: none;
	color: #b68173;
	font-size: 12px;
	
	padding: 0px;
	width: 800px;
	margin-top: 0px;
	margin-bottom: 16px;
	margin-left: 80px;
	margin-right: 0px;
	/*clear: both;*/
	display: block;
	height: 32px;
	
	
}

.post-nav div {

	width: 384px;
	float: left;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 0px;
	padding-bottom: 0px;

}

.post-nav a {

	color: #b68173 !important;

}

/* Footer ------------------------------------------ */

#footer {

	clear: both;
	
	background-color: #131413;	

	width: 100%;
	min-height: 208px;
	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	
	padding-top: 0px;
	padding-bottom: 16px;	
	padding-left: 0px;
	padding-right: 0px;	
		
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3d3d3d;	
	
}

#footer-canvas {

	width: 976px;	
	/*min-height: 192px;*/
	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 48px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	
}

#map {

	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 96px;
	margin-right: 16px;

}

#map dl {

	margin-top: 0px;	
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 8px;

	width: 128px;
	
	float: left;

	}

#map dt {

	font-size: 16px;
	font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", 	"Lucida", "Bitstream Vera Sans", sans-serif;

	}

#map dt a {

	text-decoration: none;
	color: #ffffff;

}

#map dd {

	margin: 0px;
	line-height: 16px;

	}
	
#map dd a {

	font-size: 12px;
	font-style: none;
	font-weight: normal;
	text-decoration: none;
		
	color: #9ba39b;
		
}

#telescope {

	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 96px;
	margin-top: 0px;

	padding-left: 8px;
	padding-bottom: 8px;
	padding-right: 8px;
	padding-top: 8px;

	float: right;

}

#notice {

	margin-left: 96px;
	margin-bottom: 16px;
	margin-right: 16px;
	margin-top: 16px;

	position: relative;
	display: block;
	float: left;

	width: 624px;

	padding-right: 0px;
	padding-left: 0px;

}
	
#notice p {

		font-size: 10px;
		color: #9ba39b;
		
		margin-left: 8px;
		padding-left: 0px;
		float: left;

}