/*---------------------------------------------*/
/* Jobs Styles
/*---------------------------------------------*/
#jobs {
	float: left;
	margin: 0;
	padding: 40px 0 0 0;
}

#jobs article {
	position: relative;
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
	padding: 35px 0 0 0;
	overflow: hidden;
	background: transparent url('../images/global-border.gif') no-repeat 0 0;
}

.job-content {
	float: left;
}

#jobs article.first {
	margin-top: 0;
	padding-top: 0;
	background: transparent;
}

.left-column {
	float: left;
	display: inline;
	width: 276px;
	margin: 0;
	padding: 0 37px 0 0;
}

.right-column {
	float: left;
	display: inline;
	width: 587px;
	margin: 0;
	padding: 0
}

#jobs h1 {
	width: 100%;
	margin: 0;
	padding: 0 0 7px 0;
	color: #3e3e3e;
	font-size: 1.5em;
	font-weight: 400;
	text-transform: uppercase;
}

#jobs h1 a {
	display: block;
	padding: 33px 0 0 0;
	color: #747474;
	outline: none;
}

#jobs h1 a:hover {
	color: #61abc0;
}

#jobs h2 {
	position: absolute;
	top: 35px;
	left: 0;
	margin: 0;
	padding: 0;
	font-size: 0.875em;
}

#jobs article.first h2 {
	top: 0;
}

#jobs h2 a {
	display: block;
	margin: 0;
	padding: 0 2px 3px 3px;
	color: #fff;
	text-transform: uppercase;
}

.dev a {
	background: #f8a9be;
}

.design a {
	background: #fdbf2b;
}

.pm a {
	background: #71dbb5;
}

#jobs h3 {
	margin: 0;
	padding: 15px 0 24px 0;
	color: #61abc0;
	font-size: 0.875em;
	font-weight: 700;
}

#jobs ul {
	margin: 0;
	padding: 0 0 15px 0;
	list-style: none;
	color: #777777;
	font-size: 0.75em;
	line-height: 1.5em;
}

#jobs li {
	margin: 0;
	padding: 0 0 0 7px;
	background: transparent url('../images/global-bullet.gif') no-repeat 0 7px;
}

#jobs h3.recruiters {
	display: none;
}

a.job-email {
	display: block;
	width: 100%;
	margin: 20px 0 0 0;
	padding: 0;
	color: #61abc0;
	font-weight: 700;
}

a:hover.job-email {
	color: #777;
}

.share-links {
	height: 23px;
}

.share-links iframe {
	float: left;
	margin: 2px 0 0 0;
	padding: 0;
	border: none;
}

a.tweet-button {
	float: left;
	display: block;
	width: 65px;
	height: 23px;
	margin: 0 15px 0 0;
	padding: 0;
	font-size: 0.01em;
	text-decoration: none;
	text-indent: -999999px;
	overflow: hidden;
	background: transparent url('../images/jobs-tweet-button.gif') no-repeat 0 0;
}

a:hover.tweet-button {
	background-position: 0 -23px;
}

.minimised {
	height: 70px;
}