/*
CSS for P E N N
*/

body {
	font-family: 'Skolar-1', 'Skolar-2', 'Hoefler text', serif;
	line-height: 1.6em;
	word-spacing: .05em;
	font-size: 14px;
}

p {
	color: #2e2e2f;
}

li {
 	list-style-type: none;
	color: #2e2e2f;
	text-indent: none;
}

a {
	border: none;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	color: #b4975a;
}

a img {
	border: none;
}

::selection {
    background: #b4975a;
    color: white;
}
        
::-moz-selection {
    background: #b4975a;
    color: white;
}

#bodycontent {
	width: 625px;
	padding-bottom: 0px;
	overflow: auto;
	z-index: -10;
}

#bodycontent ul {
	margin: 0;
	padding: 5px 0;
}

#bodycontent a {
	color: #a3a3a3;
	text-decoration: none;
	font-family: 'Skolar-1', 'Skolar-2', 'hoefler text', serif;
}

#bodycontent a:hover {
	border-bottom: 1px dotted #a3a3a3;
}

#bodycontent img {
	padding-bottom: 75px;
	margin: 0px;
	border: none;
}

#bodycontent a.welcome {
	border: none;
	}

#resumebody {
	width: 540px;
	padding: 0 5px 50px 0;
}

#logo {
	z-index: 99;
}

#logo img {
	border: none;
}

#topbar, #topbar2, #topbar3, #topbar4, #topbar5  {	
	border-top: 1px dotted #2e2e2f;
	border-bottom: 1px dotted #2e2e2f;
	height: 1px;
	width: 100%;
	z-index: 99;
	margin: 0;
	padding: 0;
}

#navigation {
	font-family: 'Proxima-Nova-1', 'Proxima-Nova-2', 'Helvetica Neue', Arial, sans-serif;
	width: 200px;
}

#navigation ul {
    list-style: none;
    margin: 0; 
    padding: 0;
}

#navigation li {
    padding: 0px;
    margin: 0px;
    font-size: .89em;
    line-height: 1em;
    letter-spacing: .085em;
}

#navigation li a {
	padding: 4px 0px 2px 0px;
	margin: 0 0 0 -5px;
	float: left;
	color: #2e2e2f;
}

#navigation li.navhead a {
	color: #b4975a;
}

#navigation li.navhead a:hover {
	color: #b4975a;
	border-bottom: 1px dotted #b4975a;
}

#navigation a:hover {
	border-bottom: 1px dotted #2e2e2f;
}

.image-bg #navigation li.navhead a {
	color: #000;
	}
	
.image-bg #navigation li.navhead a:hover {
	color: #000;
	border-bottom: 1px dotted #000;
	}
	
.image-bg #navigation li a {
	color: #fff;
	}
	
.image-bg #navigation li a:hover {
	color: #fff;
	border-bottom: 1px dotted #fff;
	}

#contactnav {
	border-bottom: 1px solid #b4975a;
	width: 200px;
	margin: 0px;
	padding: 0px;
	z-index: 99;
	letter-spacing: .1em;
	text-indent: -7000px;
}

#contactnav ul {
	margin: 0px;
	padding: 0px;
}

#contactnav li {
	padding: 10px 5px 14px 5px; 
	color: #b4975a;
	float: left;
	letter-spacing: .05em;
	font-family: 'Proxima-Nova-1', 'Proxima-Nova-2', 'Helvetica Neue', Arial, sans-serif;
	line-height: .8em;
}

a#twitter {
	display: block;
	height: 20px;
	width: 28px;
	background: url(pictures/twitter.png) no-repeat 0 0;
}

.image-bg a#twitter {
	/* for IE */
  	filter:alpha(opacity=40);
  	/* CSS3 standard */
 	 opacity:0.4;
}

a#email {
	margin-right: 3px;
	display: block;
	height: 20px;
	width: 26px;
	background: url(pictures/email.png) no-repeat 0 0;
}

.image-bg a#email {
	/* for IE */
  	filter:alpha(opacity=40);
  	/* CSS3 standard */
 	 opacity:0.4;
}

a#typophile {
	margin-right: 2px;
	display: block;
	height: 20px;
	width: 20px;
	background: url(pictures/typophile.png) no-repeat 0 0;
}

.image-bg a#typophile {
	/* for IE */
  	filter:alpha(opacity=40);
  	/* CSS3 standard */
 	 opacity:0.4;
}

a#svpply {
	display: block;
	height: 20px;
	width: 20px;
	background: url(pictures/svpply.png) no-repeat 0 0;
}

.image-bg a#svpply {
	/* for IE */
  	filter:alpha(opacity=40);
  	/* CSS3 standard */
 	 opacity:0.4;
}

a#twitter:hover {
	background: url(pictures/twitter.png) no-repeat bottom;
	/* for IE */
  	filter:alpha(opacity=100);
  	/* CSS3 standard */
 	opacity:1;
}

a#email:hover {
	background: url(pictures/email.png) no-repeat bottom;
	/* for IE */
  	filter:alpha(opacity=100);
  	/* CSS3 standard */
 	opacity:1;
}

a#typophile:hover {
	background: url(pictures/typophile.png) no-repeat bottom;
	/* for IE */
  	filter:alpha(opacity=100);
  	/* CSS3 standard */
 	opacity:1;
}

a#svpply:hover {
	background: url(pictures/svpply.png) no-repeat bottom;
	/* for IE */
  	filter:alpha(opacity=100);
  	/* CSS3 standard */
 	opacity:1;
}

h1 {
	font-family: 'Proxima-Nova-Extra-Condensed-1', 'Proxima-Nova-Extra-Condensed-2', Arial narrow, 'Helvetica Neue', sans-serif;
	font-size: 36px;
	margin: 0px 0 10px 0;
	padding: 0 0 5px 0;
	color: #2e2e2f;
	font-style: normal;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: .05em;
	line-height: 1em;
	border-bottom: 1px solid #b4975a;
}

h2 {
	font-size: 46px;
	color: #2e2e2f;
	font-family: 'Skolar-1', 'Skolar-2', 'hoefler text', serif;
	margin: 0;
	font-weight: normal;
}

h3 {
	font-family: 'Proxima-Nova-1', 'Proxima-Nova-2', 'Helvetica Neue', Arial, sans-serif;
	font-size: 18px;
	color: #2e2e2f;
	margin: 0;
	padding: 0 0 20px 0;
	line-height: 1em;
	font-weight: 300;
	letter-spacing: .2em;
}

h4 {
	margin: 0;
	padding: 0 0 15px 0;
	font-family: 'Skolar-1', 'Skolar-2', 'hoefler text', serif;
	font-weight: normal;
	font-size: 14px;
}

h5 {
	font-family: 'Proxima-Nova-1', 'Proxima-Nova-2', 'Helvetica Neue', Arial, sans-serif;
	font-size: 225px;
	color: #f2f2f2;
	margin: 0;
	padding: 0 0 35px 0;
	letter-spacing: 0em;
	font-style: italic;
}

h4.campaignscript {
	color: #31a953;
	font-style: italic;
}

h4.conferscript {
	color: #ef433e;
	font-style: italic;
}

h4.aftscript {
	color: #0067b1;
	font-style: italic;
}

#description {
	border-bottom: 1px solid #b4975a;
	padding: 0;
	margin: 0 0 10px 0;
	width: 600px;
}

#description p {
	margin: 0 0 10px 0;
}

#factbody {
	width: 635px;
}

#factbody h2 {
	line-height: 1.1em;
}

#factbody a, #factbody a:hover{
	Border: none;
	font-style: normal;
}

#factbodycontent {
	width: 635px;
	padding-bottom: 0px;
	overflow: auto;
	z-index: -10;
}

#factbodycontent ul {
	margin: 0;
	padding: 5px 0;
}

#factbodycontent a {
	color: #a3a3a3;
	text-decoration: none;
}

#factbodycontent a:hover {
	color: #b4975a;
}

a#typo:hover {
	color: #d80716;
}

a#joy:hover {
	color: #161442;
}

a#twitfact:hover {
	color: #9ae4e8;
}

a#dtc:hover {
	color: #ff941e;
}

.smcps {
	font-family: 'proxima-nova-sc-osf-1','proxima-nova-sc-osf-2', sans-serif;
	letter-spacing: .25em;
}

#rights {
	font-size: 11px;
	z-index: 50;
	padding: 0px;
	margin: 0px;
	line-height: .5em;
}

#rights p {
	color: #656565;
	font-family: 'Skolar-1', 'Skolar-2', 'hoefler text', georgia, serif;
}

.image-bg #rights p {
	color: #fff;
}

#linktop {
	width: 300px;
	padding: 50px 50px 0px 250px;
	margin: 50px 0 0px 0;
	font-size: 3em;
	line-height: .8em;
	text-align: center;
}

#linktop a {
	background: url(pictures/linktop.gif) no-repeat 0 0;
	color: #a3a3a3;
	border: none;
	font-family: 'Skolar-1', 'Skolar-2', 'hoefler text', georgia, serif;
	letter-spacing: .25em;
	font-style: italic;
	display: block;
	width: 75px;
	height: 159px;
	text-indent: -70000px;
}

#linktop a:hover {
	color: #2e2e2f;
	background: url(pictures/linktop.gif) no-repeat 0 -159px;
	border: none;
}

#top {
	padding: 75px 0 0 0;
}

strong {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.welcome {
	padding-top: 80px;
}

.welcome3 {
	padding: 0;
	margin: 0;
}

.carrot {
	color: #b4975a;
}

.blackcarrot {
	color: #2e2e2f;
}

.para {
	color: #b4975a;
}

.caps {
	letter-spacing: .20em;
}

.thru {
	text-decoration: line-through;
}

#rightbar {
	width: 100px;
	z-index: 99;
	padding: 0;
	margin: 0;
	line-height: 0em;
}

#rightbar a {
	border-bottom: 1px dotted #2e2e2f;
	font-family: 'Proxima-Nova-1', 'Proxima-Nova-2', 'Helvetica Neue', Arial, sans-serif;
	font-size: 22px;
	font-weight: 900;
	color: #2e2e2f;
	padding: 13px 10px 10px 10px;
}

#rightbar a:hover {
	color: #b4975a;
	border-bottom: 1px dotted #b4975a;
}

.vertspace {
	padding: 75px 0 0 0;
}

#lines {
	background: url(pictures/lines.png) no-repeat center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	color: #2E2E2F;
	}

/*==========================================================================================
Positioning
*/

#bodycontent, #factbodycontent {
  position: absolute;
}

#logo, #navigation, #contactnav, #rights, #topbar, #topbar2, #topbar3, #topbar4, #topbar5, #rightbar {
  position: fixed;
}

#bodycontent, #factbodycontent {
  left: 325px;
  top: 85px;
}

#navigation {
  top: 190px;
  left: 50px;
}

#contactnav {
  bottom: 45px;
  left: 50px;
}

#logo {
  top: 35px;
  left: 50px;
}

/*--------------------------------------------------------------*/

#topbar {
  top: 0px;
  left: 0px;
}

#topbar2 {
	top: 4px;
	left: 0px;
}

#topbar3 {
	top: 8px;
	left: 0px;
}

#topbar4 {
	top: 12px;
	left: 0px;
}

#topbar5 {
	top: 16px;
	left: 0px;
}

/*--------------------------------------------------------------*/

#rightbar {
	top: 191px;
	left: 930px;
}

#rights {
	bottom: 10px;
	left: 50px;
}

#navigation li.cycle a {
	color: #ea0b8c;
}

#navigation li.cycle a:hover {
	border-bottom: 1px dotted #ea0b8c;
}