@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
html{
    font-family: Arial, Helvetica, sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}

body {
	margin:0;
	text-align:center;
	font-size: 18px;
	line-height:1.618;
	background:#fff;
    color:#000;
    min-width:320px;
    overflow-x:hidden
}
@media(max-width:600px){
    body{
        font-size:14px
    }
/*#masthead{
	background-color:#3C0	
}*/
#profile{
	position: relative;
	top: 200px;
	left: 20px;
	background-image:url(assets/profile.png);
	background-size:120px 120px;
	background-repeat:none;
	width: 120px;
	height: 120px;
}
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
    display:block
}
a:active,a:hover{
    outline:0
}
img{
    border:0
}

#page  {
	background-color:#F7F7FD;
	border-bottom: 8px solid #25551b;
	margin:auto;
	max-width:940px;
	text-align:left;
	padding:0 0 12px 0;
}
#masthead {
	background-image:url(assets/bg_slim.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width: 100%;
	height: 360px;
}
#profile{
	position:relative;
	top:152px;
	left:60px;
	background-image:url(assets/profile.png);
	background-size:220px 220px;
	background-repeat:none;
	width: 220px;
	height: 220px;
}

#column_left{
	/*float:left;*/
	padding:0 0 0 60px;
	width:90%;
	text-wrap:normal;
}
#title{
	color:#000;
	margin:0 0 20px 0;
}
#title h1{
	font-size: 3.8em;
	line-height:normal;
	margin:0;
	padding:0;
}
#title h2{
	color:#666;
	font-size: 1.5em;
	font-weight:normal;
	line-height:normal;
	margin:0;
	padding:0;
}
.details p {
	color:#333;
	font-size:1em;
	line-height:1.6em;
	margin:0 0 .89em 0;
	font-weight:normal;
	text-align:left;
	text-wrap:normal;
}
.details h1{
	color:#393;
	font-size:1.5em;
	font-weight:bold;
	line-height:normal;
	margin:1.3em 0 0 0;
	text-transform:uppercase;
}
.item h1{
	color:#000;
	font-size:1.125em;
	font-weight:bold;
	margin:.6em 0 .1em 0;
	text-transform:none;
}
.details ul{
	list-style:none;
}
.details ul li{
	line-height:1.25;
}
.details > div {
    display: inline-block;
    margin: 0 12px 0 0;
	line-height:normal;
}
.details > div > div {
   /*padding: 1px 0;*/
	text-align:left;
	color:#666;
	font-size:1.3em;
}
#social {
padding:1em 0 1em 0;
text-align:left;
}
#social ul li {
	list-style:none;
	display:inline;
	margin:0 2em 0 0;
}

#social ul li a:link, #social ul li a:visited{
	border:0;
	color:#000000;
	/*background-image:url(assets/social_share-sprites.png);
	background-repeat:no-repeat;*/
	font-size:1.3em;
	font-weight:bold;
	text-decoration:none;
}
#social ul li a:hover{
	color:#000;
	background-color:#FF9;
	text-decoration:none;
}
/*
#social li#resume-share a {background-position: -168px 0px;}
#social li#resume-share a:hover {background-position: -168px -27px;}

#social li#email-share a {background-position: -120px 0px;}
#social li#email-share a:hover {background-position: -120px -27px;}
/*
#social li#facebook-share a {background-position: -24px 0px;}
#social li#facebook-share a:hover {background-position: -24px -27px;}

#social li#google-share a {background-position: -48px 0px;}
#social li#google-share a:hover {background-position: -48px -27px;}


#social li#linkedin-share a {background-position: -144px 0px;}
#social li#linkedin-share a:hover {background-position: -144px -27px;}

#social li#readmill-share a {background-position: 0px 0px;}
#social li#readmill-share a:hover {background-position: 0px -27px;}

#social li#tumblr-share a {background-position: -72px 0px;}
#social li#tumblr-share a:hover {background-position: -72px -27px;}

#social li#twitter-share a {background-position: -96px 0px;}
#social li#twitter-share a:hover {background-position: -96px -27px;}
*/

a:link, a:visited{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#060;
	text-decoration:none;
		background-color:#FF9;
}
.clear {
	clear:both;
}
@media(max-width:600px){
    body{
        font-size:14px
    }
#masthead{
	background-image:url(assets/bg_slim.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:600px;
	width: 100%;
	height: 210px;
}
#profile{
    position: relative;
	top: 100px;
	left: 3em;
	background-image:url(assets/profile.png);
	background-size:120px 120px;
	background-repeat:none;
	width: 120px;
	height: 120px;
}
#column_left{
	float:left;
	padding:0 0 0 20px;
	max-width:500px;
}
#social ul li {
	list-style:none;
	display: block;
	margin:0 0 .5em 0;
}
}
.accent-color{
	color:#393;

}