@font-face {
	font-family: 'LatoLight';
	src: url('/themes/new_minimal/fonts/lato/Lato-Light.ttf');
}

@font-face {
	font-family: 'LatoLightItalic';
	src: url('/themes/new_minimal/fonts/lato/Lato-LightItalic.ttf');
}

@font-face {
	font-family: 'LatoBold';
	src: url('/themes/new_minimal/fonts/lato/Lato-Bold.ttf');
}

@font-face {
	font-family: 'LatoBoldItalic';
	src: url('/themes/new_minimal/fonts/lato/Lato-BoldItalic.ttf');
}

@font-face {
	font-family: 'LatoItalic';
	src: url('/themes/new_minimal/fonts/lato/Lato-Italic.ttf');
}

@font-face {
	font-family: 'LatoBlack';
	src: url('/themes/new_minimal/fonts/lato/Lato-Black.ttf');
}

@font-face {
	font-family: 'LatoRegular';
	src: url('/themes/new_minimal/fonts/lato/Lato-Regular.ttf');
}

@font-face {
	font-family: 'Lato';
	src: url('/themes/new_minimal/fonts/lato/Lato-Regular.ttf');
}

body {
	background: url('/themes/twain/images/background.jpg');
	margin: 0;
	font-family: 'Lato';
}

a {
	color: #29abe2;
}

.clear {
	clear: both;
}

#header {
	width: 954px;
	height: 375px;
	background: url('/themes/twain/images/headerBackground.png');
	margin: 0 auto;
	position: relative;
}

#content {
	margin: 0 auto;
	width: 870px;
	background: url('/themes/twain/images/contentBackground.jpg') 15px top;
	color: #4d4d4d;
	padding: 35px 40px 50px 40px;
}

#content.profile {
	padding: 40px 74px;
	width: 802px;
}

#profileImage {
	position: absolute;
	left: 26px;
	top: 12px;
	height: 246px;
	width: 246px;
}

#header > h1 {
	color: #fff;
	font-size: 36px;
	left: 305px;
	top: 28px;
	position: absolute;
	font-weight: normal;
}

#header > h2 {
	color: #8d929d;
	font-size: 22px;
	left: 305px;
	top: 70px;
	position: absolute;
	font-weight: normal;
}

#header > h3 {
	color: #8d929d;
	font-size: 16px;
	left: 305px;
	top: 99px;
	position: absolute;
	font-weight: normal;
}

#contactInfo {
	position: absolute;
	left: 305px;
	top: 155px;
}

#contactInfo > li {
	font-size: 15px;
	color: #8d929d;
	margin-bottom: 5px;
	padding-left: 35px;
	line-height: 22px;
}

#contactInfo > li.email {
	background: url('/themes/twain/images/iconEmail.png') left 4px no-repeat;
}

#contactInfo > li.tel {
	background: url('/themes/twain/images/iconTel.png') left 1px no-repeat;
}

#contactInfo > li.addr {
	background: url('/themes/twain/images/iconLocation.png') 6px 2px no-repeat;
}

#contactInfo > li.dl {
	background: url('/themes/twain/images/iconVCard.png') left 4px no-repeat;
}


#socialNetworks {
	position: absolute;
	left: 720px;
	top: 155px;
}

#socialNetworks > li {
	font-size: 14px;
	color: #8d929d;
	margin-bottom: 2px;
	padding-left: 25px;
	line-height: 24px;
}

#socialNetworks > li.facebook {
	background: url('/themes/twain/images/iconFacebook.png') left 6px no-repeat;
}

#socialNetworks > li.linkedin {
	background: url('/themes/twain/images/iconLinkedIn.png') left 6px no-repeat;
}

#socialNetworks > li.twitter {
	background: url('/themes/twain/images/iconTwitter.png') left 6px no-repeat;
}

#nav {
	position: absolute;
	left: 2px;
	top: 284px;
}

#nav > li {
	display: inline-block;
	height: 62px;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
}

#nav > li > a {
	color: #fff;
	text-decoration: none;
	line-height: 62px;
	display: block;
	width: 315px;
	height: 62px;
	font-family: 'LatoBold';
}

#nav > li.profile {
	width: 316px;
}

#nav > li.profile > a {
	background: url('/themes/twain/images/iconProfile.png') 95px 21px no-repeat;
}

#nav > li.profile.current {
	background: url('/themes/twain/images/currentProfile.png');
}

#nav > li:hover {
	background: url('/themes/twain/images/currentProfile.png');
}

#nav > li.links {
	width: 318px;
}

#nav > li.links > a {
	background: url('/themes/twain/images/iconMyLinks.png') 95px 22px no-repeat;
}

#nav > li.links.current {
	background: url('/themes/twain/images/currentLinks.png');
}

#nav > li.socialstream {
	width: 316px;
}

#nav > li.socialstream > a {
	background: url('/themes/twain/images/iconSocialStream.png') 68px 21px no-repeat;
}

#nav > li.socialstream.current {
	background: url('/themes/twain/images/currentSocialStream.png');
}

#contentEnder {
	width: 954px;
	margin: 0 auto;
	height: 12px;
	background: url('/themes/twain/images/contentEnding.png');
}

#footer {
	width: 954px;
	height: 87px;
	margin: 0 auto;
	margin-top: 50px;
	background: url('/themes/twain/images/footerBackground.png');
	position: relative;
	color: #999;
}

#footer > ul.socialNetworks {
	position: absolute;
	right: 30px;
	top: 30px;
}

#footer > ul.socialNetworks > li {
	display: inline-block;
	float: right;
	margin-right: 15px;
}

#footer > ul.contact {
	position: absolute;
	left: 30px;
	top: 22px;
}

#footer > ul.contact > li.name {
	font-size: 18px;
	margin-bottom: 3px;
}

#footer > ul.contact > li.email {
	font-size: 15px;
}

#footer > ul.contact > li.email > a {
	text-decoration: none;
	color: #999;
}

/*---- PROFILE PAGE ----*/
#content > h1 {
	font-size: 48px;
	margin-bottom: 10px;
	font-weight: normal;
	text-transform: uppercase;
}

#content > h2 {
	color: #666;
	font-size: 20px;
	font-weight: normal;
}

#content > div.separator {
	height: 32px;
	width: 820px;
	margin: 15px 0 25px 0;
	background: url('/themes/twain/images/separator.png') no-repeat;
}

#content > h3 {
	font-size: 24px;
	margin: 0 0 15px 0;
}

#bio, #interests {
	line-height: 24px;
}

#bio ul {
	list-style-type: disc;
	margin-left: 30px;
}

#experience, #education {
	margin-top: -15px;
}

#experience > li, #education > li {
	padding-top: 22px;
	padding-left: 42px;
	background: url('/themes/twain/images/briefcase.png') 0px 17px no-repeat;
}

#education > li {
	background: url('/themes/twain/images/hat.png') 0px 20px no-repeat;
}

#experience > li > h4, #education > li > h4 {
	font-size: 16px;
}

#experience > li > .dateLine, #education > li > .dateLine {
	font-size: 14px;
	margin-top: 5px;
}

#experience > li > p {
	font-size: 16px;
	margin-top: 7px;
	line-height: 22px;
}

#education > li > .degree {
	font-family: 'LatoBold';
	margin-top: 10px;
}

#education > li > .line {
	margin-top: 10px;
}

/*---- MY LINKS PAGE ----*/
#userLinks {
	margin-right: -15px;
}

#userLinks > li {
	vertical-align: top;
	display: inline-block;
	width: 275px;
	margin: 0 18px 18px 0;
	border: 1px solid #ccc;
	float: left;
	background-color: rgba(255,255,255,0.5);
}

#userLinks > li > p {
	padding: 23px 18px 18px 18px;
	font-size: 16px;
	line-height: 24px;
	background: url('/themes/twain/images/linkUnderline.png') 10px 5px no-repeat;
}

#userLinks > li > a {
	color: #1185c4;
	display: block;
	width: 205px;
	padding: 10px 10px 0 65px;
	min-height: 39px;
	line-height: 24px;
	word-wrap: break-word;
	text-align: left;
	text-decoration: underline;
	background: url('/themes/new_minimal/images/logo_randomlink.png') top left no-repeat;
}

#userLinks > li > a.aboutme,
#socialStream > li.aboutme > .icon     { background: url('/themes/new_minimal/images/logo_aboutme.png') top left no-repeat; }
#userLinks > li > a.bigsight,
#socialStream > li.bigsight > .icon    { background: url('/themes/new_minimal/images/logo_bigsight.png') top left no-repeat; }
#userLinks > li > a.blogger,
#socialStream > li.blogger > .icon     { background: url('/themes/new_minimal/images/logo_blogger.png') top left no-repeat; }
#userLinks > li > a.dailymotion,
#socialStream > li.dailymotion > .icon { background: url('/themes/new_minimal/images/logo_dailymotion.png') top left no-repeat; }
#userLinks > li > a.delicious,
#socialStream > li.delicious > .icon   { background: url('/themes/new_minimal/images/logo_delicious.png') top left no-repeat; }
#userLinks > li > a.diigo,
#socialStream > li.diigo > .icon       { background: url('/themes/new_minimal/images/logo_diigo.png') top left no-repeat; }
#userLinks > li > a.facebook,
#socialStream > li.facebook > .icon    { background: url('/themes/new_minimal/images/logo_facebook.png') top left no-repeat; }
#userLinks > li > a.flavorsme,
#socialStream > li.flavorsme > .icon   { background: url('/themes/new_minimal/images/logo_flavorsme.png') top left no-repeat; }
#userLinks > li > a.flickr,
#socialStream > li.flickr > .icon      { background: url('/themes/new_minimal/images/logo_flickr.png') top left no-repeat; }
#userLinks > li > a.foursquare,
#socialStream > li.foursquare > .icon  { background: url('/themes/new_minimal/images/logo_foursquare.png') top left no-repeat; }
#userLinks > li > a.google,
#socialStream > li.google > .icon      { background: url('/themes/new_minimal/images/logo_google.png') top left no-repeat; }
#userLinks > li > a.hunch,
#socialStream > li.hunch > .icon       { background: url('/themes/new_minimal/images/logo_hunch.png') top left no-repeat; }
#userLinks > li > a.linkedin,
#socialStream > li.linkedin > .icon    { background: url('/themes/new_minimal/images/logo_linkedin.png') top left no-repeat; }
#userLinks > li > a.lookuppage,
#socialStream > li.lookuppage > .icon  { background: url('/themes/new_minimal/images/logo_lookuppage.png') top left no-repeat; }
#userLinks > li > a.meetup,
#socialStream > li.meetup > .icon      { background: url('/themes/new_minimal/images/logo_meetup.png') top left no-repeat; }
#userLinks > li > a.penio,
#socialStream > li.penio > .icon       { background: url('/themes/new_minimal/images/logo_penio.png') top left no-repeat; }
#userLinks > li > a.quora,
#socialStream > li.quora > .icon       { background: url('/themes/new_minimal/images/logo_quora.png') top left no-repeat; }
#userLinks > li > a.reddit,
#socialStream > li.reddit > .icon      { background: url('/themes/new_minimal/images/logo_reddit.png') top left no-repeat; }
#userLinks > li > a.slideshare,
#socialStream > li.slideshare > .icon  { background: url('/themes/new_minimal/images/logo_slideshare.png') top left no-repeat; }
#userLinks > li > a.squidoo,
#socialStream > li.squidoo > .icon     { background: url('/themes/new_minimal/images/logo_squidoo.png') top left no-repeat; }
#userLinks > li > a.stumbleupon,
#socialStream > li.stumbleupon > .icon { background: url('/themes/new_minimal/images/logo_stumbleupon.png') top left no-repeat; }
#userLinks > li > a.tumblr,
#socialStream > li.tumblr > .icon      { background: url('/themes/new_minimal/images/logo_tumblr.png') top left no-repeat; }
#userLinks > li > a.vimeo,
#socialStream > li.vimeo > .icon       { background: url('/themes/new_minimal/images/logo_vimeo.png') top left no-repeat; }
#userLinks > li > a.vizify,
#socialStream > li.vizify > .icon      { background: url('/themes/new_minimal/images/logo_vizify.png') top left no-repeat; }
#userLinks > li > a.weebly,
#socialStream > li.weebly > .icon      { background: url('/themes/new_minimal/images/logo_weebly.png') top left no-repeat; }
#userLinks > li > a.youtube,
#socialStream > li.youtube > .icon     { background: url('/themes/new_minimal/images/logo_youtube.png') top left no-repeat; }
#userLinks > li > a.zerply,
#socialStream > li.zerply > .icon      { background: url('/themes/new_minimal/images/logo_zerply.png') top left no-repeat; }

/*---- SOCIAL STREAM ----*/
#socialStream > li {
	width: 425px;
	vertical-align: top;
	display: inline-block;
	margin: 0 10px 10px 0;
	position: relative;
}

#socialStream > li:nth-child(even) {
	margin-right: 0;
}

#socialStream > li > .streamContent {
	border: 1px solid #ccc;
	background-color: rgba(255,255,255,0.5);
	width: 375px;
	float: right;
}

#socialStream > li > .icon {
	background: url('/themes/new_minimal/images/logo_randomlink.png');
	width: 48px;
	height: 50px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.streamContent > .source {
	line-height: 48px;
	font-family: 'LatoBold';
	font-size: 16px;
	padding-left: 20px;
}

.streamContent > .time {
	line-height: 48px;
	font-size: 14px;
	padding-right: 20px;
	float: right;
}

.streamContent > .post {
	padding: 10px;
}

.streamContent > .post > img {
	margin: 5px;
}

.streamContent > .post img {
	width: 100%;
	max-width: 355px;
}
