h1, h2, #header div cite, #headerBottom, #navigation li, .cols2-2 h3 {font-family:'Copse', serif;}

#header div p, #navigation li a em, .cols2-2 h2 span, .cols2-2B h1 span, #intro-page #col1 h1 span, #col2 h1 span {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body {
	font: 1em/1.4% Arial, sans-serif;
	line-height:1.4;
	margin:0 0 2em 0;
	background: #282828 url(_i/bg-page.jpg) repeat-x fixed;
}
h1, h2, h3, h4, h5, h6, #sparklejet {margin:0}
form {
	margin:0;
	padding:0
}
img  {display:block; border:0;}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	line-height:1.35
}
h2, h3, h4, h5, h6 {
	margin:0 0 .3em;
	color: #E4761A;
	;
	font-size: 26px;
}

a:hover { color:#03F}
p {
	margin-top: 0px;
	color: #000;
	font-size: small;
}
#header  {
	height: 200px;
	background: url(_i/shaping-sf-banner-2023.jpg) no-repeat;
	position: relative;
}

#header div {padding: 10px 0 0 30px;
}
#header div a {
	text-decoration: none;
}
#header div cite {
	color: #333;
	text-shadow:1px 1px 0 rgba(255,255,255,.8);
	line-height:1.2em;
	font-size: 48px;
	letter-spacing: -2px;
	font-style: normal;
}
#header div cite span {color:#222}
#header div a p{
	font-size: 15px;
	text-shadow:0 1px 0 rgba(255,255,255,.4);
	text-transform: uppercase;
	font-weight: bold;
	margin: .5em 0 0 0;
	color: #444;
}
#header div a:hover cite{
	text-decoration: none;
	color: #FB7007;
}
#header div a:hover cite span{
	text-decoration: none;
	color: #FFA032;
}
#headerBottom {
	color:#333;
	padding: 4px 12px;
	font-size:20px;
	line-height:1.3;
	overflow:hidden;
	text-shadow:0 1px 0 rgba(255,255,255,.6);
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border:1px solid #444;
	border-top:none;
	background: url(_i/bg-header-bot.gif);
}
#headerBottom p {
	float: right;
	margin:3px 0 0 0;
}
#headerBottom h3 {
	font-size:20px;
	margin:3px 0 0 0;
}
#headerBottom h3 a {
	color: #234699;
	padding: 2px;
	font-size:0.9em;
	text-decoration:none;
}
#headerBottom h3 a span {
	color: #EB8A1B;
	font-size:20px;
}
#headerBottom h3 a:hover {
	color: #FB7007;
}
#headerBottom h3 a:hover span {
	color: #629F96;
}

#headerBottom form input {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background:#d0d0d0;
	border:1px solid #333;
	padding:2px .5em;
	font-size:13px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .5);

}              
#headerBottom input#email {
  box-shadow:  INSET 0px 0px 3px rgba(0, 0, 0, .5);
  -webkit-box-shadow: INSET 0px 0px 3px rgba(0, 0, 0, .5);
  -moz-box-shadow: INSET 0px 0px 3px rgba(0, 0, 0, .5);
}

#header-nav a {
  padding:3px 10px 0 10px;
  display:inline-block;
}
#header-nav a, #header #header-nav a:visited {
  color: #234699;
	font-weight: bold;
	font-size: .8em;
	text-decoration: none;
}
#header-nav a:hover{
	color: #FB7007;
}

#header > a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

#header-facebook-link {
  position:absolute;
  top:15px;
  right: 72px;
}

#header-instagram-link {
  position:absolute;
  top:15px;
  right: 10px;
}

#header-donate-link {
  position:absolute;
  top:60px;
  right: 10px;
}

#header-found-sf-link {
  position:absolute;
  bottom:13px;
  right: 10px;
}

#intro-page {
	margin: 20px;
}
#intro-page #col1 h1{
	font-size: 32px;
	color: #E4761A;
	margin: 0 0 .3em 0;
	text-shadow:0 1px 0 rgba(255,255,255,.6);
}
#intro-page #col1 h1 span {
	font-size:18px;
	color:#419B8C;
	text-shadow:none;
	font-weight: bold;
		text-shadow:0 1px 0 rgba(255,255,255,.6);
}

#intro-page #col1 {
	float: left;
	width: 520px;
	margin-right: 35px;
	font-size: 16px;
}
#intro-page #col2 {
	float: left;
	width: 380px;
	font-size: 13px;
}
#navigation {
	clear: both;
	overflow: hidden;
	margin:.5em 0;
}
#navigation ul {
	text-align: center;
	margin: 0 0 0 25px;
	padding: 0px;
	list-style: none;
}
#navigation ul li {
	display: inline;
	line-height:1.2;
	text-align: center;
	font-size: 20px;
	float: left;
}
#navigation ul li a {
	text-decoration: none;
	color: #234699;
	text-shadow:0 1px 0 rgba(255, 255, 255, .8);
	display:block;
	margin:6px;
	padding:.3em 0;
	width:170px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, .7);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .7);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .7);
	border:2px solid #999;
	background: rgb(237,238,239); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWVlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2QwZDZkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2U0ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(237,238,239,1) 0%, rgba(229,235,238,1) 50%, rgba(208,214,219,1) 51%, rgba(227,228,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,238,239,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(208,214,219,1)), color-stop(100%,rgba(227,228,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(237,238,239,1) 0%,rgba(229,235,238,1) 50%,rgba(208,214,219,1) 51%,rgba(227,228,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(237,238,239,1) 0%,rgba(229,235,238,1) 50%,rgba(208,214,219,1) 51%,rgba(227,228,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(237,238,239,1) 0%,rgba(229,235,238,1) 50%,rgba(208,214,219,1) 51%,rgba(227,228,229,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(237,238,239,1) 0%,rgba(229,235,238,1) 50%,rgba(208,214,219,1) 51%,rgba(227,228,229,1) 100%); /* W3C */


filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edeeef', endColorstr='#e3e4e5',GradientType=0 );
}
#navigation ul li a em {
font-size:12px;
color:#888;
text-transform:uppercase;
font-style:normal;
font-weight:bold;
}
#navigation ul li a:hover {
	text-decoration: none;
	color: #FB7007;
	border-color: white;
}
#navigation ul li a:hover em {
	color: #6F9F98;
}
#content {
	background: #efefef url(_i/bg-content.gif);
	overflow: auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #444;
}
.box1 {
	padding: 14px;
	border: 1px solid #666;
	background: #efefef;
		border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:0 0 1em 0;
}
.box1 img {
	margin-bottom: 0.5em;
}
.clear {
	clear: both;
}
.cols2-1 {
	float: left;
	width: 400px;
	margin-right: 20px;
	margin-bottom: 2em;
	font-size: small;
	color: #419B8C;
}
.cols2-1 img {
	padding: 10px;
}
.cols2-2 {
	float:left;
	width:470px;
	padding:10px 0;
}
.cols2-2 h2  {
	text-shadow:0 1px 0 rgba(255,255,255,.6);
	font-size:26px;
	color: #E4761A;
	;
	border-bottom: 1px dotted #999;
	padding-bottom: 0.1em;
	margin-top:0;
}
.cols2-2 h2 span  {
	font-size:14px;
	color:#419B8C;
	text-shadow:none;
	font-weight: bold;
}
.cols2-2 h3   {
	font-size:28px;
	margin-bottom: 0px;
	color: #000000;
	text-shadow:0 1px 0 rgba(255,255,255,.6);
}
.cols2-2 h4 {
	margin-bottom: 1em;
	font-size: 1em;
}
.cols2-2 h4 em {
	font-size: 13px;
	text-transform: uppercase;
	font-style: normal;
	color: #555;
}
.cols2-1B {
	float: left;
	width: 382px;
	margin-right: 35px;
	margin-bottom: 2em;
}
.cols2-1B img {
}
.cols2-2B {
	float:left;
	width:500px;
	font-size: 0.9em;
}
.cols2-2B h1, #col2 h1 {
	text-shadow:0 1px 0 rgba(255,255,255,.6);
	font-size:32px;
	color: #E4761A;
	border-bottom: 1px dotted #999;
	padding-bottom: 0.1em;
	margin: 0 0 .5em 0;
}
.cols2-2B h1 span, #col2 h1 span {
	font-size:14px;
	color:#419B8C;
	text-shadow:none;
	font-weight: bold;
}
.cols2-even {
	float: left;
	width: 445px;
	font-size: 0.8em;
}
.cols2-even p {
	line-height: 1.3;
}
.cols2-even h3 {
	font-weight: bold;
}
.cols2-even h4 {
	color: #333;
	font-size: .95em;
}
.cols2-even h5 {
	margin-top: .2em;
	margin-bottom: 0.5em;
	color: #666;
}
.cols2-even embed   {
	padding-bottom: 6px;
}
.cols2-evenLeft {
	margin-right: 37px;
}
.cols2-3 {
	float: left;
	width: 640px;
	margin-right: 20px;
	margin-bottom: 2em;
	font-size: .85em;
}
.cols2-3 img {
	padding: 10px;
}
.cols2-4 {
	float:left;
	width:220px;
	padding:10px 0;
}
.cols2-4 h2  {
	text-shadow:0 1px 0 rgba(255,255,255,.6);
	font-size:26px;
	color: #E4761A;
	border-bottom: 1px dotted #999;
	padding-bottom: 0.1em;
	margin-top:0;
}
.cols2-4 h2 span  {
	font-size:14px;
	color:#419B8C;
	text-shadow:none;
	font-weight: bold;
}
.cols2-4 h3   {
	font-size:28px;
	margin-bottom: 0px;
	color: #444;
	text-shadow:0 1px 0 rgba(255,255,255,.6);
}
.cols2-4 h4 {
	margin-bottom: 1em;
	font-size: 1em;
}
.cols2-4 h4 em {
	font-size: 13px;
	text-transform: uppercase;
	font-style: normal;
	color: #555;
}
.cols-interviews p {
	margin:0 0 .5em 0;
}
.cols-interviews p.interview {
	margin:0 0 2em 0;
}
.cols-interviews p.interview a {
	background: #777;
	padding: 1px 8px 1px;
	border: 1px solid #666;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration:none;
	color:#dedede;
}
.cols-interviews h4 {
font-weight:bold;
}
#donate {
	float: right;
	width: 96px;
}
.marginzero {
	margin: 0px;
}
.fontSmaller {
	font-size: 13px;
}
.imageBorder1 {
	border: 1px solid #999;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.list1 {
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0 0 0 1.5em;
}
.list1 li {
	margin-bottom: 0.3em;
}
table.paypal-buy td {
	font-size: 12px;
}
.pdf1 {
	background: url(_i/icon-pdf-sm.gif) no-repeat;
	padding-left: 15px;
	font-size: 14px;
}
.row1 {
	padding: 20px;
	border: 1px solid #bbb;
	overflow: auto;
	margin: 20px;
	background: url(_i/bg-2.jpg) repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	clear: both;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
}
.row2 {
	padding: 20px;
	border: 1px solid #bbb;
	overflow: auto;
	margin: 3px;
	background: url(_i/bg-2.jpg);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	clear: both;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
}
.row2 h1 {
	text-shadow:0 1px 0 rgba(255,255,255,.6);
	margin-bottom:1em;
}
.row-nobox {
	clear: both;
	padding-right: 20px;
	padding-left: 20px;
	overflow: auto;
}
#sparklejet {
  font-size: 0.8em;
  color: #999;
  clear: both;
}
#sponsor {
	font-size: 0.9em;
	color: #aaa;
	text-align: center;
}
#sponsor a{
	font-size: 0.9em;
	color: #ccc;
}
#sponsor a:hover{
	font-size: 0.9em;
	color: #FB7007;
}
.talk-archive {
		
}
#wrap {
  margin: auto;
  width: 980px;
}
ul#footer-nav {
	margin: 0px;
	padding: 1em 2em;
}
ul#footer-nav li {
	display: inline;
	list-style: none;
	margin-right: 0.5em;
	font-size: 14px;
	color: white;
}
ul#footer-nav li a {
	color: #FFA032;
	text-decoration: none;
	text-shadow: 0 1px 0 black;
}
ul#footer-nav li a:hover {
	color: #FB7007;
}
