@import url(http://fonts.googleapis.com/css?family=Ubuntu:regular,bold);
/*	-----------------------------------------------

 Resets And Primitives

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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding:0;
	margin:0;
}
body {
	background:#fff;
	font-size:62.5%;
	font-family:Ubuntu,Geneva,Helvetica,Arial,sans-serif;
	color:#000;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
}
h1 {
	font-size:1em;
	line-height:1em;
}
h2 {
	font-size:1em;
	line-height:1em;
}
h3 {
	font-size:1em;
	line-height:1em;
}
h4 {
	font-size:1em;
	line-height:1em;
}
h5 {
	font-size:1em;
	line-height:1em;
}
h6 {
	font-size:1em;
	line-height:1em;
}
p {
	font-size:1em;
	line-height:1em;
}
address, caption, cite, code, dfn, th, var {
	font-style:normal;
	font-weight:normal;
}
ul, ol {
	list-style:none;
}
a {
	color:#000;
	text-decoration:underline;
}
a:hover {
}
img {
	border:0;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
table {
	border-collapse:collapse;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
/*	-----------------------------------------------

 Custom Primitives

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

div.hr {
	height:1px;
	border-top:1px solid #000;
	overflow:hidden;
	clear:both;
}
div.hr hr {
	display: none;
}
div.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px;
}
/*	-----------------------------------------------

 Utility Classes

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

.clear {
	clear:both;
}
.left {
	float:left;
}
.right {
	float:right;
}
.invisible {
	display:none;
}
.offscreen {
	position:absolute;
	left:-99999em;
}
/*	-----------------------------------------------

 Chrome

 ----------------------------------------------- */
body {
	color:#333333;
}
abbr {
	border:none;
}
div#wrapper {
	width:960px;
	height:auto;
	margin:10px auto;
	position: relative;
}
div#wrapper div#header {
	height: 91px;
	position: relative;
	/*	letter-spacing: .3em; */
}
div#wrapper div#header p#tagline {
	color: #FFFFFF;
	font-size: 1.9em;
	font-weight: normal;
	line-height: 1.2em;
	padding: 5px 0 5px 50px;
	position: absolute;
	right: 10px;
	text-align: right;
	text-transform: lowercase;
	top: 36px;
	width: auto;
	z-index: 2;
}
div#wrapper div#header h1 {
	background: #597CAD;
	border-bottom: 2px solid #82AF84;
	border-radius: 10px 0 10px 10px;
	border-top: 2px solid #F9A456;
	bottom: 0;
	color: #FFFFFF;
	font-size: 4.2em;
	font-weight:normal;
	left: 44px;
	line-height: 1.3em;
	padding: 0 0 0 50px;
	position: absolute;
	text-transform: lowercase;
	width: 868px;
}
div#wrapper div#header img#logo {
	position: absolute;
}
div#wrapper div#nav {
	width:150px;
	margin:30px 10px;
	float:left;
}
div#wrapper div.content {
	width: 777px;
	height:auto;
	/*	overflow-y: auto; */
	position:absolute;
	opacity:0;
	left:170px;
	top:-9999em;
	padding:0px 0 10px 10px;
	border: 1px solid #597CAD;
	border-radius: 10px 0 0;
	border-bottom:none;
	border-right:none;
}
div#wrapper div.content ul li {
	background:#FFF url(/_ui/img/bullet.png) 6px
	.8em no-repeat;
	padding:5px 5px 5px 18px;
	margin:8px 0 8px 6px;
}
div#wrapper div#footer {
	clear: both;
	width:960px;
	font-size: 1.6em;
	background:#FFFFFF;
}
div#wrapper div#nav ul li {
	font-size:1.6em;
	width:150px;
	padding:6px 0;
	text-align: left;
}
div#wrapper div#nav ul li a {
	padding:5px 20px 5px 10px;
	text-decoration: none;
	font-weight:bold;
	color:#FFFFFF;
	width:100px;
	display: block;
	border-radius: 10px 0 10px 10px;
	background-color: #F9A456;
}
div#wrapper div#nav ul li a:hover {
	background-color: #82AF84;
}

div#wrapper div#nav ul li.socialLink {
	float:left;
	width:30px;
	margin-right: 3px;
}
div#wrapper div#nav ul li.socialLink a {
    background: url("/_ui/img/social-icons.png") no-repeat scroll -1px -2px transparent;
    border: 1px solid #FFFFFF;
    color: #DFE5E6;
    height: 0;
    overflow: hidden;
    padding: 15px;
    text-indent: 100px;
    width: 0;
}
div#wrapper div#nav ul li.socialLink a:hover {
	border-color:#F9A456;
}

div#wrapper div#nav ul li#twitter a{
	background-position: -52px -2px;
}
div#wrapper div#nav ul li#linkedin a{
	background-position: -1px -2px;
}
div#wrapper div#nav ul li#google a{
	background-position: -156px -2px;
}
div#wrapper div#nav ul li#facebook a{
	background-position: -208px -2px;
}
/*	-----------------------------------------------

 Widgets

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

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

 Page Specific Style

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

div#wrapper div.content h2 {
	margin: 0 0 5px;
	padding: 5px;
	color: #597CAD;
	text-transform: lowercase;
	font-size:1.8em;
	width:777px;
}
div#wrapper div.content h3 {
	margin: 0 0 5px;
	padding: 5px;
	color: #333333;
	font-size:1.6em;
	text-transform: lowercase;
}
div#wrapper div.content h4 {
	margin: 0 0 5px;
	padding: 5px;
	color: #333333;
	font-size:1.6em;
	font-weight: normal;
	text-transform: lowercase;
}
div#wrapper div.content p, div#wrapper div.content ul {
	clear: right;
	float: right;
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 8px 0 8px 8px;
	width: 510px;
}
div#wrapper div.content ol li.experience, div#wrapper div.content ol li.education {
	margin-left: 40px;
	clear: both;
}
div#wrapper div.content div {
	padding:0px 0px 1px 0;
	clear:both;
}
div#wrapper div.content ul li.evenStripe {
	background-color:#DFE5E6;
	border: 1px solid #DFE5E6;
	border-radius: 10px 0 10px 10px;
}
div#wrapper div.content div#introPeeker {
	float: left;
	margin-top: 3px;
}
div#wrapper div.content div#introPeeker p, div#wrapper div.content div#introPeeker ul {
	margin-left:0px;
}
div#wrapper div#resume div.summary ul{
	float: left;
	width: 777px;
}
div#wrapper div.content ol li.experience a.marquee, div#wrapper div.content ol li.education a.marquee {
	float:left;
}
div#wrapper div#resume div.section ol li.experience, div#wrapper div#resume div.section ol li.education {
	border: 1px solid #DFE5E6;
	border-radius: 10px 0 10px 10px;
	margin:15px 0 45px 40px;
	padding:5px;
}
div#wrapper div#contact ul,
div#wrapper div#thankYou ul,
div#wrapper div#thankYou p {
	float:left;
}
div#wrapper div#contact ul li,
div#wrapper div#thankYou ul li {
	background:#DFE5E6;
	border: 1px solid #DFE5E6;
	border-radius: 10px 0 10px 10px;
}
div#wrapper div#contact ul li label,
div#wrapper div#thankYou ul li span.responseLabel {
	display: block;
	float: left;
	width: 90px;
	font-weight:bold;
}
div#wrapper div#contact ul li input,
div#wrapper div#contact ul li textarea,
div#wrapper div#thankYou ul li span.responseContent {
	width:380px;
	border-radius: 10px 0 10px 10px;
}
div#wrapper div#contact ul li input {
	height:1.8em;
}

div#wrapper div#contact ul li input#submitContact{
	padding:5px 20px 5px 10px;
	text-decoration: none;
	font-weight:bold;
	color:#FFFFFF;
	background-color: #F9A456;
	border-color: #F9A456;
	float:right;
	font-size:1.2em;
	text-transform: lowercase;
	height: auto;
}
div#wrapper div#writings ul{
	float: left;
	width: 777px;
}