/*
BG Colour #0e0e0e
MAIN PANEL: #222
BLACK: #1b1b1b
LINK/HILIGHT: #0cf2e1
TEXT: #ccc;

*/

body {
	background-color: #0e0e0e;
	color: #ccc;
	font-family: 'PT Sans', sans-serif;
	text-align: center;
	font-size: 15px;
}
h1, h2, h3, h4, h5, #submitPage a, thead, #jobsCatlist, .jobName, .addJob a, blockquote, .more-link  {

	font-family: 'Oswald', sans-serif;
	color: #ccc;
	font-weight: normal;
	font-size: 30px;
	margin: 0;
	padding: 0;
}
#postsBlock h1 {
	margin-top: 20px;
	margin-bottom: -40px;
	text-transform: uppercase;
}

@media all and (max-width: 1140px) and (min-width: 0px) {
	#postsBlock h1 {
		margin-left: 10px;
	}
}
.archive #postsBlock h1 {
	/*margin-left: 90px;*/
	font-size: 50px;
}
#postsBlock h1.no-posts {
	margin-bottom: 20px;
	margin-top: 40px;
}

h2, h4, h5, blockquote, .post-content blockquote p {
	font-size: 20px;
	text-transform: uppercase;
}
h5 {
	margin-top: 10px;
	margin-bottom: 0px;
}
@media all and (max-width: 1140px) and (min-width: 0px) {
	h2, h4 {
		font-size: 20px;
	}
}
h3 {
	text-transform: uppercase;
}
h4 {
	margin-bottom: 10px;
	margin-top: 10px;
}
h5 span {
	opacity: 0.5;
}
.single h4 {
	margin-top: 50px;
	margin-left: 15px;
}
h1 a, h2 a, h3 a {
	font-weight: normal;
}
h1 a:hover, h3 a:hover {
	color: #ccc;
	background-color: transparent;
}
.sideBlock h2 a {
	border-bottom: none;
}
p.no-posts {
	margin-right: 200px;
}
blockquote {
	padding-left: 40px;
	margin-top: 25px;
	margin-bottom: 25px;
}

p.wp-caption-text {
	font-size: 12px !important;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	display: block;
	padding: 8px;
	margin: -5px 0 20px 0 !important;
	background-color: #1b1b1b;
	color: #444;
	width: 735px;
}
p.wp-caption-text {
	display: none !important;
}
body.single p.wp-caption-text {
	display: block !important;
}

em {
	font-weight: bold;
}
a {
	color: #0cf2e1;
	text-decoration: none;
	font-weight: bold;

   	outline: 0 !important;
	cursor: pointer;
	/*
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	*/

}
a.more-link {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 20px;
	clear: both;
	text-transform: uppercase;
}
a.more-link:after
{
content:"...";
}
#postsBlock .postTextMain a {
	font-weight: normal;
	color: #fff;
	border-bottom: 1px solid #555;
}
#submitPage a {
	font-size: 20px;
	color: #0cf2e1;
}
a:hover {
	color: #0cf2e1;
	text-decoration: none;
	border-bottom: 0px dotted #ccc;
	background-color: #1b1b1b;
}
#postsBlock .postTextMain a:hover {
	font-weight: normal;
	color: #0cf2e1;
	border-bottom: 1px solid #0cf2e1;
	background-color: transparent;
}
::selection {
	background: #000; /* Safari */
	}
::-moz-selection {
	background: #000; /* Firefox */
}
#sideBG {
	background-color: #222;
	width: 50%;
	position: absolute;
	z-index: 0;
	height: 100%;
	left: 0;
	top: 400px;
}
.single #sideBG{
	top: 180px;
}
.page-template-grid-php #sideBG {
	display: none;
}
.icon {
	font-family: 'WebSymbolsRegular';
	font-style: normal !important;
}

.button {
	display: block;
	float: right;
	width: 150px;
	color: #fff;
	text-align: center;
	background-color: #0cf2e1;
	padding-top: 10px;
	margin-left: 10px;
	padding-bottom: 10px;
	margin-top: -14px;
	border-bottom: 4px solid;
	border-color: rgba(0, 0, 0, 0.5);
}
.notbutton {
	width: 350px;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.button:hover {
	border-color: rgba(0, 0, 0, 0.5) !important;
	border-bottom: none;
	margin-top: -10px;
	background-color: #0cf2e1;
	color: #fff;
}
.commentsLink.button:hover {
	border-top-color: #222 !important;
	border-top: 4px solid;
	margin-top: -14px;
}

.container {
	width: 1140px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.page-template-grid-php .container {
	width: 100%;
}

@media all and (max-width: 1140px) and (min-width: 0px) {
	.container {
		width: 100%;
	}
}

.contentBlock {
	width: 1140px;
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom: 80px;
}

@media all and (max-width: 1140px) and (min-width: 0px) {
	.contentBlock {
		width: 100%;
	}
}




#headerBG {
	position: absolute;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 99;
	background-color: #1b1b1b;

	background-color: rgba(27, 27, 27, 0.9);
	height: 50px;
}
@media all and (max-width: 700px) and (min-width: 0px) {
	#headerBG {
		height: 30px;
	}
}

#headerAnim {
	padding-top: 50px;
	margin-bottom: 20px;
}
@media all and (max-width: 700px) and (min-width: 0px) {
	#headerAnim {
		display: none;
	}
}



#headerMain {
	width: 1140px;
	margin-top: 0px;
	position: absolute;
	position: fixed;
	padding: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	height: 40px;
	background-color: #1b1b1b;
	background-color: transparent;
	z-index: 102;
}
@media all and (max-width: 700px) and (min-width: 0px) {
	#headerMain {
		height: 30px;
	}
}

@media all and (max-width: 1140px) and (min-width: 0px) {
	#headerMain {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
}
#headerMain h1 {
	font-family: Helvetica;
	font-size: 20px;
	font-weight: bold;
	margin: 0px;
	margin-top: 3px;
	margin-bottom: 0px;
	float: left;
	color: #0cf2e1;
}
.page-template-grid-php #headerMain h1 {
	margin-left: 10px;
}
@media all and (max-width: 1140px) and (min-width: 0px) {
	#headerMain h1  {
		margin-left: 10px;
	}
}
@media all and (max-width: 700px) and (min-width: 0px) {
	#headerMain h1 {
		font-size: 16px;
	}
}
#headerMain h1 span {
	font-size: 20px;
}
@media all and (max-width: 700px) and (min-width: 0px) {
	#headerMain h1 span {
		font-size: 16px;
	}
}
#headerMain h2 {
	/*font-family: 'Bitter', serif;*/
	font-family: 'PT Sans', sans-serif;
	text-transform: none;
	font-size: 14px;
	font-style: italic;
	color: #ccc;
	margin: 0px;
	margin-left: 20px;
	padding-top: 5px;
	float: left;
		display: none;
}
@media all and (max-width: 1140px) and (min-width: 0px) {
	#headerMain h2 {
		display: none;
	}
}
#headerMain h1 a {
	color: #ccc;
	border-bottom: none;
	font-weight: bold;
}
#headerMain h1 a:hover {
	color: #0cf2e1;
	background-color: none;
}

.header-credit {
	position: absolute;
	z-index: 20;
	left: 971px;
	bottom: 123px;
	width: 233px;
	text-align: left;
	opacity: 0.5;
}
.header-credit:hover {
	opacity: 1;
}

#bannerIllustration {

	top: 60px;
	left: 0px;
	height: 240px;
	margin-bottom: 120px;
}
.single #bannerIllustration, .page-template-grid-php #bannerIllustration {
	height: 20px;
}
@media all and (max-width: 1140px) and (min-width: 0px) {
	#bannerIllustration {
		/*height: auto;*/
		/*height: 160px;*/
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 120px;
	}
}
@media all and (max-width: 700px) and (min-width: 0px) {
	#bannerIllustration {
		/*height: auto;*/
		/*height: 100px;*/
		margin-bottom: 120px;
		height: 20px;
		margin-bottom: 60px;
	}
}
/*
#bannerIllustration img {
	max-width: 1140px;
	height: auto;
}
@media all and (max-width: 1140px) and (min-width: 0px) {
	#bannerIllustration img {
		max-width: 80%;
	}
}*/
#bannerIllustration a:hover {
	background: none !important;
}
/*
#bannerCredit {
	display: block;
	position:absolute;
	right: 0;
	bottom:0;
	padding: 10px;
	background-color: transparent !important;
	color: #333 !important;
	opacity: 0.7;
}
#bannerCredit:hover {
	color: #51cbfe !important;
	background-color: transparent !important;
	opacity: 1;
}*/

#navMainTop {
	font-weight: normal;
	font-style: italic;
	font-size: 14px;
	position: absolute;
	top: 0px;
	right: 0px;
}
@media all and (max-width: 1140px) and (min-width: 0px) {
	#navMainTop {
		right: 0;
	}
}

#navMainTop ul {
	margin: 0;
	padding: 0;
}
#navMainTop li {
	float: left;
	margin: 0;
	padding: 0;
}
#navMainTop a {
	font-weight: normal;
	display: block;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 15px;
	height: 35px;
	border-left: 1px solid #0e0e0e;
	color: #ccc;
}

@media all and (max-width: 700px) and (min-width: 0px) {
	#navMainTop a  {
		padding-right: 10px;
		padding-left: 10px;
		padding-top: 10px;
		height: 30px;
	}
	#submitPageLink, #aboutPageLink, #whoPageLink {
		display: none;
	}
}
#navMainTop li:last-child a {
	border-right: 1px solid #0e0e0e;
}
#navMainTop a:hover, #navMainTop a.selected  {
	color: #0cf2e1;
	background-color: #fff;
}
#navMainTop a#navTopTwitter:hover, #navMainTop a#navTopTwitter.selected  {
	color: #fff;
	background-color: #51cbfe;
}
#navMainTop a#navTopFacebook:hover, #navMainTop a#navTopFacebook.selected  {
	color: #fff;
	background-color: #3d65a5;
}
#navMainTop .icon {
	font-size: 18px;
}



.headerHidden {
	background-color: #fff;
	color: #1b1b1b;
	padding-top: 70px;
	padding-bottom: 20px;
	padding-left: 20px;
	width: 1118px;
	margin-bottom: 0;
	display: none;
	overflow: hidden;
	position: absolute;
	z-index: 101;
}

@media all and (max-width: 1140px) and (min-width: 0px) {
	.headerHidden {
		width: 100%;
	}
}
.headerHidden h2 {
	color: #0cf2e1;
	margin-bottom: 10px;
	font-size: 30px;
	margin-top: -10px;
}

#searchForm.headerHidden h2 {
	float: left;
	margin-right: 20px;
	margin-bottom: 0;
	margin-top: 0px;
}
#aboutPage .headerHiddenContent {
	width: 66%;
	columns:100px 2;
	-webkit-columns:100px 2; /* Safari and Chrome */
	-moz-columns:100px 2; /* Firefox */
}
#aboutPage {
	background: url(../img/illus_about.png) no-repeat right bottom #fff;
	background-size: 33%;
}
#submitPage {
	background: url(../img/illus_submit.png) no-repeat right bottom #ffffff;
	background-size: 66%;
}
#whoPage .headerHiddenContent {
	width: 100%;
	columns:100px 3;
	-webkit-columns:100px 3; /* Safari and Chrome */
	-moz-columns:100px 3; /* Firefox */
}
#submitPage .headerHiddenContent {
	width: 33%;
}
.headerHiddenContent p {
	margin-top: 0;
}
#twitterHeader {
	background-color: #51cbfe;
	height: 180px;
}
#facebookHeader {
	background-color: #3d65a5;
}

#aboutText {
	width: 500px;
	float: left;
}
#whoPagexxxxx .headerHiddenContent {
	columns:0px 1;
	-webkit-columns:0px 1; /* Safari and Chrome */
	-moz-columns:0px 1; /* Firefox */
}
.mofo {
	font-size: 13px;
	height: 70px;
	overflow: hidden;
	/*width: 30%;
	margin-right: 3%;
	float: left;*/
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	column-break-inside:avoid;
}
.mofoText {

}
.mofo a {
	font-weight: normal;
}
.mofo a:hover {
	background-color: #eee;
}
.mofo a span {
	font-weight: bold;
}
.mofo img {
	width: 45px;
	height: 45px;
	border-radius: 100px;
	float: left;
	margin-right: 10px;
}





#postsBlock {
	position: relative;
	width: 750px;
	min-height: 5000px;
	padding-left: 0px;
	padding-bottom: 100px;
	margin-top: 40px;
	float: left;
	text-align: left;
	background-color: #222;
	margin-bottom: 0px;
}

@media all and (max-width: 1140px) and (min-width: 0px) {
	#postsBlock {
		width: 70%;
		padding-left: 0;
	}
}

@media all and (max-width: 700px) and (min-width: 0px) {
	#postsBlock {
		width: 100%;
	}
}
.post-content {
	width: 750px;
	margin-top: 70px;
	margin-bottom: 0px;
	padding-bottom: 40px;
	position: relative;
	clear: both;
	text-align: left;
}

@media all and (max-width: 1140px) and (min-width: 0px) {
	.post-content {
		width: 100%;
		/*margin-top: 30px;*/
	}
	.home .post-content {
		margin-top: 30px;
	}
}
@media all and (max-width: 1140px) and (min-width: 0px) {
	.single .post-content, .page .post-content {
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
		margin-top: 70px !important;
	}
}

@media all and (max-width: 700px) and (min-width: 0px) {
	.home .post-content {
		margin-top: 0px;
	}
}

.postImages {
	width: 680px;
	background-color: #1b1b1b;
	background-image: -webkit-repeating-linear-gradient(45deg, transparent, transparent 14px, rgba(255, 255, 255, .05) 11px, rgba(255, 255, 255, .05) 21px);
	background-image: repeating-linear-gradient(45deg, transparent, transparent 14px, rgba(255, 255, 255, .05) 11px, rgba(255, 255, 255, .05) 21px);
}
@media all and (max-width: 1140px) and (min-width: 0px) {
	.postImages {
		width: 100%;
	}
}
.postImages img {
	max-width: 750px;
	max-height: 500px;
	width: auto;
	height: 500px;
	margin-bottom: 0px;
	background-color: #1b1b1b;

}

@media all and (max-width: 1140px) and (min-width: 0px) {
	.postImages img {
		max-width: 100%;
	}
}

.postTextMain img {
	max-width: 750px;
	max-height: none;
	width: auto;
	height: auto;
	margin-bottom: 0px;
	background-color: #1b1b1b;

}

@media all and (max-width: 1140px) and (min-width: 0px) {
	.postTextMain img {
		max-width: 100%;
	}
}

.postImages iframe {
	width: 680px;
	height: 382px;
	margin-bottom: 50px;
	margin-top: 20px;
}

@media all and (max-width: 1140px) and (min-width: 0px) {
	.postImages iframe {
		max-width: 100%;
	}
}

.single .post-content iframe {
	width: 750px;
	height: 421px;
	margin-bottom: 00px;
	margin-top: 0px;
}
@media all and (max-width: 1140px) and (min-width: 0px) {

	.single .post-content .fluid-width-video-wrapper iframe, .single .post-content .fluid-width-video-wrapper object, .single .post-content .fluid-width-video-wrapper embed {
		height: 100% !important;
		width: 100% !important;
	}
}

.post-content .postText {
	/*width: 420px;*/
	position: relative;
	margin-left: 70px;
	margin-top: -42px;
}
@media all and (max-width: 1140px) and (min-width: 0px) {
	.post-content .postText  {
		margin-left: 20px;
	}
}

.single .post-content .postText, .page .post-content .postText  {
	margin-left: 0px;
	margin-top: -50px;
}
.post-content h3 {
	text-transform: uppercase;
	background-color: rgba(34, 34, 34, 0.95);
	padding: 10px;
	padding-right: 50px;
	margin-left: 10px;
	padding-top: 0px;
	display: block;
}
.single .post-content h3, .page .post-content h3 {
	padding-left: 0;
	margin-left: 0px;
}
.post-content h3 a {
	display: block;
	clear: both;
	margin-left: 0px;
	margin-bottom: 10px;
}
.single .post-content h3 a {
	margin-left: 15px;
}

.post-content p {
	margin-top: 0px;
	font-size: 16px;
	margin-bottom: 15px;
	line-height: 1.5em;

}


.single .post-content p {
	margin-left: 15px;
}
.single .postTextMain img {
	margin-left: -15px;
}

.post-content h2 {
	margin-bottom: 15px;
	margin-top: 25px;
}
.post-content .postTextMain {
	margin-left: 20px;
	margin-right: 70px;
}

@media all and (max-width: 700px) and (min-width: 0px) {
	.post-content .postTextMain {
		margin-right: 10px;
	}
}
.single .post-content .postTextMain, .page .post-content .postTextMain {
	margin-left: 0px;
	margin-right: 100px;
}

@media all and (max-width: 1140px) and (min-width: 0px) {
	.single .post-content .postTextMain, .page .post-content .postTextMain {
		margin-right: 0px;
	}
}

.post-content .postMeta {
	margin-top: 20px;
	background-color: #1b1b1b;
	color: #444;
	margin-left: 20px;
	padding-top: 10px;
	height: 30px;
	text-align: right;
	position: relative;
	font-style: italic;
	font-size: 14px;
}
.post-content .postMeta a {
	color: #444;
}
.post-content .postMeta a.button {
	color: #fff !important;
}
.post-content .postMeta:hover a {
	color: #0cf2e1;
}
.single .post-content .postMeta, .page .post-content .postMeta {

	margin-left: 0px;
}

.post-content .postMeta .shareLinks {
	position: absolute;
	top: 10px;
	left: 10px;
	font-weight: bold;
}
.post-content .postMeta .shareLinks a {
	color: #0cf2e1 !important;
	font-style: normal;
}
.post-content .postMeta .shareLinks .shareLink {
	color: #0cf2e1 !important;
	display: block;
	float: left;
	margin-right: 10px;
}
.post-content .postMeta .shareLinks .icon {

	color: 	#0cf2e1;
}
.shareBar {
	position: absolute;
	background-color: #000;
	height: 20px;
	top: 40px;
	padding-left: 10px;
	width: 500px;
	height: 0px;
	padding-top: 0px;
	overflow: hidden;
}
.shareBar iframe, .shareBar .pin-it-button {
	width: 60px !important;
	float: left !important;
	overflow: hidden !important;
	margin-right: 5px;
	text-align: left !important;
}
.shareBar .fb_button {
	width: 50px !important;
}
.addthis_button_tweet, .addthis_button_facebook_like, .addthis_button_google_plusone, .addthis_button_pinterest {
	width: 80px;
}

.postedBy {
	display: inline;
}
@media all and (max-width: 700px) and (min-width: 0px) {
	.postedBy {
		display: none;
	}
}

.authorInfo {
	margin-top: 40px;
	margin-bottom: 40px;
	clear: both;
}
.authorInfo img {
	float: left;
	width: 128px;
	height: 128px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    margin-right: 20px;
}
.authorInfo h1 {
	margin-bottom: 0 !important;
}
.authorInfo p {
	margin-top: 5px !important;
	margin-bottom: 0 !important;
}
.authorInfo a {
	margin-bottom: 0;
	clear: both;
}
.postsBy {
	margin-bottom: -40px !important;
}

@media all and (max-width: 1140px) and (min-width: 0px) {
	.postsBy {
		margin-bottom: 0px !important;
	}
}

#postsBlock .galleryViewport {
	position: relative;
	width: 750px;
	height: 500px;
	margin: 0px;
	overflow-y: hidden;
	overflow-x: hidden;
}

@media all and (max-width: 1140px) and (min-width: 0px) {
	#postsBlock .galleryViewport  {
		width: 100%;
		height: 380px;
	}
}
@media all and (max-width: 700px) and (min-width: 0px) {
	#postsBlock .galleryViewport  {
		height: 220px;
	}
}


#postsBlock .gallery {
	-webkit-user-select: none;
	-moz-user-select: none;
	position: relative;
	width: 750px;
	height: 500px;
	margin: 0px;
	cursor: pointer;
}
@media all and (max-width: 1140px) and (min-width: 0px) {
	#postsBlock .gallery  {
		width: 100%;
		height: 380px;
	}
}

@media all and (max-width: 700px) and (min-width: 0px) {
	#postsBlock .gallery  {
		height: 220px;
	}
}

#postsBlock .gallery.oneImage {
	cursor: default !important;
}
#postsBlock .gallery.oneImage .galleryNext, #postsBlock .gallery.oneImage .galleryLoading {
	display: none;
}
#postsBlock .gallery .gallery-item {
	/*max-width: 750px;*/
	height: 100%;
	overflow: hidden;
	height: 500px;
	float: left;
}
@media all and (max-width: 1140px) and (min-width: 0px) {
	#postsBlock .gallery .gallery-item  {
		/*max-width: 100%;*/
		height: 380px;
	}
}

@media all and (max-width: 700px) and (min-width: 0px) {
	#postsBlock .gallery .gallery-item  {
		height: 220px;
	}
}

#postsBlock .gallery img {
	width: auto !important;
	height: 100% !important;
}
#postsBlock .gallery .videoItem {
	width: 750px !important;
	float: left;
	height: 100% !important;
	background-color: #000;
}
#postsBlock .gallery iframe {
	width: 750px !important;
	height: 450px !important;
	position: absolute;
}

@media all and (max-width: 1140px) and (min-width: 0px) {
	#postsBlock .gallery iframe  {
		width: 100% !important;
		height: 420px;
	}
}
@media all and (max-width: 700px) and (min-width: 0px) {
	#postsBlock .gallery iframe  {
		height: 260px;
	}
}

#postsBlock .gallery iframe:hover {
	z-index: 9999;
}

.galleryNext, .galleryNextBg {
	background-color: transparent;
	width: 50px;
	height: 460px;
	line-height: 460px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	z-index: 100;
	text-align: left;
	vertical-align: center;
	font-size: 30px;
	color: #fff;
	opacity: 0.7;
}
@media all and (max-width: 1140px) and (min-width: 0px) {
	.galleryNext, .galleryNextBg  {
		height: 340px;
		line-height: 340px;
	}
}
@media all and (max-width: 700px) and (min-width: 0px) {
	.galleryNext, .galleryNextBg  {
		height: 180px;
		line-height: 180px;
	}
}
.galleryNext {
	display: none;
}
.galleryNext.hovered, .galleryNext:hover  {
	color: #000;
}
.galleryNextBg {
	width: 750px;
	background-color: #1b1b1b;
	z-index: auto;
}
@-webkit-keyframes rotate {

	0%   {
		-transform:rotate(0deg);
			-webkit-transform:rotate(0deg);
			-moz-transform:rotate(0deg);
	}
	/*25%  {-webkit-transform:rotate(90deg);}
	50%  {-webkit-transform:rotate(180deg);}
	75%  {-webkit-transform:rotate(270deg);}*/
	100% {
		-transform:rotate(360deg);
			-webkit-transform:rotate(360deg);
			-moz-transform:rotate(360deg);
	}

}
.galleryLoading {
	width: 32px;
	height: 32px;
	background: url(../img/clock.png) no-repeat center center;
	position: absolute;
	right: 22px;
	top: 204px;
	z-index: 101;


    animation-name:             rotate;
    animation-duration:         3s;
    animation-iteration-count:  infinite;
    animation-timing-function:	ease;

    -webkit-animation-name:             rotate;
    -webkit-animation-duration:         3s;
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function:	ease;

    -moz-animation-name:             rotate;
    -moz-animation-duration:         3s;
    -moz-animation-iteration-count:  infinite;
    -moz-animation-timing-function:	ease;
}
.clockLoading {
	width: 32px;
	height: 32px;
	background: url(http://formfiftyfive.com/wp-content/themes/fff-2012/img/clock-white.png) no-repeat center center;
	margin-left: auto;
	margin-right: auto;
	opacity: 0.2;

    animation-name:             rotate;
    animation-duration:         3s;
    animation-iteration-count:  infinite;
    animation-timing-function:	ease;

    -webkit-animation-name:             rotate;
    -webkit-animation-duration:         3s;
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function:	ease;

    -moz-animation-name:             rotate;
    -moz-animation-duration:         3s;
    -moz-animation-iteration-count:  infinite;
    -moz-animation-timing-function:	ease;
}
.loading {
	position: absolute;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 30px;
	top: 175px;
	left: 0px;
	z-index: 200;
	background: url(../img/page-loading.gif) no-repeat center 55px rgba(0, 0, 0, 0.75);
	color: #ccc;
	width: 750px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	font: 30px 'Oswald', sans-serif;
}

@media all and (max-width: 1140px) and (min-width: 0px) {
	.loading  {
		width: 100%;
	}
}


#featuresBlock .excerpt {
	display: none;
}

#featuresBlock h2 a {
	color: #ccc;
}
#featuresBlock h2 a:hover {
	color: 	#0cf2e1;
	background-color: transparent;
}
.featureItem {
	background-color: #0cf2e1;
	margin-bottom: 10px;
}
.featureItem .featureImage {

	height: 140px;
	overflow: hidden;
	position: relative;
}
.featureItem h3 {
	font-size: 20px;
	padding: 0;
	margin: 0;
}
.featureItem a {
	display: block;
	line-height: 100%;
}
.featureItem a:hover {
	background-color: none;
	color: #ccc;
}

.featureItem a .button {
	display: none;
}
.featureItem a:hover .button {
	display: block;
	background-color: #0cf2e1;
}

.featureItem img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	opacity: 0.7;
	display: block;
	transition: 0.2s ease;
		-moz-transition: 0.2s ease;
		-webkit-transition: 0.2s ease;
		-o-transition: 0.2s ease-in;
	transform: scale(1.0) translate3d(0,0,0);
		-webkit-transform: scale(1.0) translate3d(0,0,0);
}
.featureItem:hover  img {
	opacity: 1;
	/*width: 120%;*/
	transform: scale(1.10) translate3d(0,0,0);
		-webkit-transform: scale(1.1) translate3d(0,0,0);
	/*margin-left: -10%;
	margin-top: -10%;*/
	transition: 0.8s ease;
		-moz-transition: 0.8s ease;
		-webkit-transition: 0.8s ease;
		-o-transition: 0.8s ease-in;
}
.featureItem .featureItemtext {
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 120%;
	margin-top: 0;
	height: auto;
	position: relative;
	margin-top: -1px;
	background-color: #222;
}
.featureItem .featureItemtext  .button {
	position: absolute;
	right: 0;
	bottom: 0px;
	padding-top: 10px;
	height: 18px;
	width: 40px;
}
.moreButton {
	padding-left: 0;
	padding-right: 0;
	width: 350px;
	margin-top: 0px;
	font-size: 20px;
}

@media all and (max-width: 1140px) and (min-width: 0px) {
	.moreButton {
		width: 100%;
		font-size: 15px;
	}
}
.moreButton:hover {
	padding-left: 0;
	padding-right: 0;
	border-top-color: #0e0e0e !important;
	border-top: 4px solid;
	margin-top: 0px;
}





#nextPostBlock, .single #nextPostBlock.sideBlock {
	opacity: 1;
	position: relative;
	display: none;
}

#nextPostBlockContent {
	position: fixed;
	bottom: 60px;
	width: 350px;
	z-index: 100;
}








#postTabs {
	position: absolute;
	top: -40px;
	margin: 0px;
	left: 0px;
	padding: 0px;
	height: 40px;
	margin-bottom: 20px;
	padding-bottom: 0;
	background-color: #0e0e0e;
}
@media all and (max-width: 1140px) and (min-width: 0px) {
	#postTabs {
		left: 20px;
		top: -30px;
		height: 30px;
	}
}
@media all and (max-width: 700px) and (min-width: 0px) {
	#postTabs {
		height: 30px;
		width: 160px;
		left: 10px;
		overflow: hidden;
		z-index: 99;
		top: -40px;
	}
	#postTabs:hover {
		height: auto;
	}
}
#postTabs a {
	display: block;
	font-size: 20px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	height: 35px;
	margin-right: 5px;
	background-color: #1b1b1b;
	border-bottom: none;
	color: #ccc;
}
@media all and (max-width: 1140px) and (min-width: 0px) {
	#postTabs a {
		font-size: 20px;
		height: 30px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 0;
	}
}
@media all and (max-width: 700px) and (min-width: 0px) {
	#postTabs a {
		width: 130px;
	}
}
#postTabs a#postTabsHead {
	display: none;
}
@media all and (max-width: 700px) and (min-width: 0px) {
	#postTabs a#postTabsHead{
		display: block;
	}
}
#postTabs a#postTabsHead span {
	color: #666;
	font-size: 13px;
	float: right;
	margin-top: 8px;
}
#postTabs a span {
	color: #0cf2e1;
}
#postTabs a:hover {
	color: #0cf2e1;
}
#postTabs a:first-child {

}
#postTabs a.selected {
	background-color: #222;
	color: #0cf2e1;
}
#postTabs a.selected span {
	color: #ccc;
}

.sideBlock {
	float: right;
	width: 350px;
	margin-right: 0px;
	margin-bottom: 40px;
}

@media all and (max-width: 1140px) and (min-width: 0px) {
	.sideBlock {
		width: 27%;
		margin-right: 0;
	}
}

@media all and (max-width: 700px) and (min-width: 0px) {
	.sideBlock {
		width: 0;
		overflow: hidden;
	}
}


.single .sideBlock {
	opacity: 0.25;
}
.single .sideBlock:hover {
	opacity: 1;
}
.sideBlock h2 {
	height: 40px;
}
.socialBlockFeed {
	background-color: #222;
	width: 340px;
	padding: 5px;
	margin-bottom: 10px;
}

@media all and (max-width: 1140px) and (min-width: 0px) {
	.socialBlockFeed {
		width: 100%;
		padding: 0;
		overflow: hidden;
	}
}
#playlistBlock {

}

@media all and (max-width: 1140px) and (min-width: 0px) {
	#playlistBlock iframe {
		width: 100% !important;
	}
}
.tagList {
	padding: 0;
	padding-left: 0;
	margin: 0;
	text-transform: uppercase;

}
.tagList li {
	list-style: none;
	display: inline;
}
.tagList a {
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-size: 16px !important;
	display: block;
	float: left;
	border-bottom: none;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 0px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #222;
	color: #ccc;
	border-color: rgba(0, 0, 0, 0.4);
}
.post-content .tagList a {
	background-color: #333;
}
.tagList a:hover {
	color: #fff;
	margin-top: -2px;
	border-bottom: 4px solid;
	background-color: #0cf2e1;
	border-color: rgba(0, 0, 0, 0.4);
}


#adsBlock {
	min-height: 170px;
	position: relative;
}
.single #adsBlock {
	opacity: 1 !important;
}

#adsBlock .sideBlockContent {
	background-color: #222;
	border-bottom: 4px solid #1b1b1b;
	padding: 20px;
	position: absolute;
	z-index: 99;
	width: 310px;
}
@media all and (max-width: 1140px) and (min-width: 0px) {
	#adsBlock .sideBlockContent {
		padding: 10px;
		position: relative !important;
		font-size: 13px;
		text-align: center;
	}
}
#adsBlock .sideBlockContent.smallAd {
	font-size: 13px;
	width: 310px;
}
@media all and (max-width: 1140px) and (min-width: 0px) {
	#adsBlock .sideBlockContent.smallAd {
		width: 25%;
		position: fixed !important;
	}
}
#adsBlock img {
	float: left;
	margin-right: 20px;
}
@media all and (max-width: 1140px) and (min-width: 0px) {
	#adsBlock img {
		clear: both;
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
	}
}
#adsBlock .smallAd img {
	width: 80px;
	height: auto;
	margin-right: 10px;
	margin-bottom: 0px;
}
#adsBlock a {
	font-weight: normal;
}
#adsBlock .influads_powered_link {
	color: #ccc;
	font-weight: normal;
}
#adsBlock .influads_powered_link:hover {
	color: #ccc;
}

.sideComment {
	background-color: #222;
	padding: 15px;
	display: block;
	clear: both;
	margin-top: 2px;
	font-size: 14px;
	position: relative;
	font-style: normal;
	overflow: hidden;
	font-weight: normal;
	color: #ccc;
}
.sideComment:hover {
	color: #fff;
}
.sideComment a {
	font-weight: normal;
}
.sideComment p {
	padding: 0;
	margin: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.sideComment .commentMeta {

	font-style: italic;
	font-size: 14px !important;
	margin-left: 50px;
	margin-top: 10px;
	display: block;
}

/* creates triangle */
.sideComment:after {
	content:"";
	position:absolute;
	bottom:-10px; /* value = - border-top-width - border-bottom-width */
	right:20px; /* controls horizontal position */
	border-width:10px 10px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#222 transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}


.sideComment img {
	float: left;
	opacity: 0.5;
	border-radius: 100px;
}
.sideComment:hover img {
	opacity: 1;
}
.sideComment .commentContent {
	margin-bottom: 5px;
	margin-left: 50px;
}
.sideComment .commentPostName {
	color: #fff;
}

.sideComment:hover .commentPostName {
	color: #0cf2e1;
}





#morePostsLink {

	font-family: 'Oswald', sans-serif;
	float: none;
	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: center;
	font-weight: 400;
	padding-top: 5px;
	font-size: 30px;
	height: 50px;
	padding-bottom: 0;
	cursor: pointer;

}
#morePostsLink a {
	color:  #fff;
	font-weight: 400;
}
#morePostsLink a:hover {
	color:  #fff;
	background-color: transparent;
}

#postsLoading {
	height: 24px;
	background: url(../img/page-loading.gif) no-repeat center;
	margin-top: 20px;
}

.single #morePostsLink, .page #morePostsLink {
	display: none;
}





#pageFooter {
	position: fixed;
	bottom: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	left: 0px;
	width: 100%;
	color: #666;
	background-color: #1b1b1b;
	z-index: 999999;
	font-size: 12px;
	font-style: italic;
}
#pageFooter a {
	font-weight: normal;
	color: #666;
}
#pageFooter a:hover {
	background-color: transparent;
	color: #0cf2e1;
}
#footerContent {
	width: 1140px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

@media all and (max-width: 1140px) and (min-width: 0px) {
	#footerContent  {
		width: 96%;
	}
}
#footerContent .ss-icon {
	font-size: 14px;
	margin-top: -2px;
}
#footerContent ul {
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 20px;
}
#footerContent ul li {
	margin: 0;
	padding: 0;
	margin-right: 10px;
	list-style: none;
	float: left;
}
#backToTopLink {
	float: right;
	width: 200px;
	text-align: right;
}
#backToTopLink span.ss-icon {
	font-size: 10px;
	display: block;
	float: right;
	margin-top: 0px;
	margin-left: 5px;
}

@media all and (max-width: 700px) and (min-width: 0px) {
 	#rssLinks, #pageFooter {
 		display: none;
 	}
}

.twtr-widget, .twtr-widget h3, .twtr-widget h4 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
}
.twtr-widget .twtr-tweet {
	border-bottom: 0px !important;
}

.thm-dark {
background-color: #222 !important;
}
.thm-dark, .thm-dark .timeline-header, .thm-dark .tweet, .thm-dark .cards-base {
border-color: #222 !important;
}

/*====================================================
CSS3 Tooltips by Adam Whitcroft
https://github.com/AdamWhitcroft/CSS3.Tooltips
====================================================*/
/*==================================================*/
/*  $Tooltips                                       */
/*==================================================*/
[data-tip] {
	position:relative;
	overflow: visible;
}
[data-tip]:before {
	content:'';
	/* hides the tooltip when not hovered */
	/*display:none;*/
	border:5px solid #ccc;
	/* 4 border technique to create the arrow */
	border-top-color:#ccc;
	border-right-color:transparent;
	border-bottom-color:transparent;
	border-left-color:transparent;
	position:absolute;
	top:-4px;
	left:10px;
	z-index:8;
	font-size:0;
	line-height:0;
	width:0;
	height:0;
}
.tipUnder[data-tip]:before {
	border-bottom-color:#ccc;
	border-right-color:transparent;
	border-top-color:transparent;
	border-left-color:transparent;
	top:50px;
}
.tipOver[data-tip]:before {
	border-bottom-color:#ccc;
	border-right-color:transparent;
	border-top-color:transparent;
	border-left-color:transparent;
	top:-10px;
}
[data-tip]:after {
	/*display:none;*/
	font-family: 'PT Sans', sans-serif;

	content:attr(data-tip);
	position:absolute;
	top:-38px;
	left:0px;
	padding:8px 12px;
	background:#ccc;
	color:#1b1b1b;
	z-index:9;

	font-style: italic;
	font-size: 12px;
	height:18px;
	line-height:18px;
	white-space:nowrap;
	word-wrap:normal;
}

.tipUnder[data-tip]:after {
	top:60px;
}
/*
#bannerIllustration .tipUnder[data-tip]:before {
	border-right-color:#ccc;
	border-left-color:transparent;
	border-top-color:transparent;
	border-bottom-color:transparent;
	top:10px;
	left: auto;
	right: 204px;
}
#bannerIllustration .tipUnder[data-tip]:after {
	top:0px;
	left: auto;
	right: 0;
	width: 180px;
	text-align: center;
}*/
.tipOver[data-tip]:after {
	top:0px;
}

[data-tip]:before,
[data-tip]:after {
  visibility:hidden;
  opacity:0;
  transition:visibility 0.5s linear 2s,opacity 0.5s linear 2s;
	-moz-transition: visibility 0.5s linear 2s,opacity 0.5s linear 2s;
	-webkit-transition: visibility 0.5s linear 2s,opacity 0.5s linear 2s;
	-o-transition: visibility 0.5s linear 2s,opacity 0.5s linear 2s;
}

[data-tip]:hover:before,
[data-tip]:hover:after {
	/*display:block;*/
  visibility:visible;
  opacity:1;
}



/************ COMMENTS ************/

.highlander-dark #respond #comment-form-comment, .highlander-dark #comment-form-share-text-padder {
-moz-box-shadow: none !important;
-webkit-box-shadow:none !important;
box-shadow: none !important;
background: #fff !important;
}
.highlander-dark #respond #comment-form-comment textarea, .highlander-dark #comment-form-share-text-padder textarea {
text-shadow: none !important;
}



.commentlist {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 750px;
	margin-top: 20px;
}
@media all and (max-width: 1140px) and (min-width: 0px) {
	.commentlist  {
		width: 100%;
	}
}
.commentlist li {
 	padding: 20px;
 	margin: 0px;
 	background-color: #ccc;
 	width: 490px;
	color:#222;
	float: left;
	margin-bottom: 20px;
	position: relative;
}
@media all and (max-width: 1140px) and (min-width: 0px) {
	.commentlist li {
		width: 50%;
 		padding: 5%;
	}
}
.commentlist cite {
	display:block;
	float: left;
	font-style: normal;
	width: 140px;
	padding-right: 20px;
	padding-left: 40px;
}
@media all and (max-width: 1140px) and (min-width: 0px) {
	.commentlist cite {
		width: 20%;
 		padding-right: 10%;
 		padding-left: 10%;
	}
}
.commentlist cite img {
	float: left;
	margin-left: -40px;
	border-radius: 40px;
}
#comment {
 	padding: 20px;
	margin-left: 200px;
 	width: 490px;
}
#zrx_captcha {
	margin-left: 200px;
	display: block;
	margin-right: 10px;
	width: 300px;
}
/* creates triangle */
.commentlist li:after {
	content:"";
	position:absolute;
	left:-10px; /* value = - border-top-width - border-bottom-width */
	top:20px; /* controls horizontal position */
	border-width:10px 10px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#ccc transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}
.commentlist li.authorcomment:after {
	border-color:#0cf2e1 transparent;
}

.commentlist p {
	margin-top: 0;
}
.commentlist li.authorcomment {
	background:#0cf2e1;
	color: black;
}

.commentlist li.authorcomment a {
	color:#1b1b1b;
}
.commentlist li.authorcomment a:hover {
	color:#1b1b1b;
	text-decoration: underline;
}

#respond {
	margin-top: 80px;
	margin-right: 20px;
}
#zrx_captcha table {
	margin-top: 4px;
}
#publicKey {
	width: 150px;
}
.speech {
	display: block;
	width: 17px;
	height: 14px;
	margin-top: -10px;
	margin-left: 20px;
	margin-bottom: 30px;
	position: relative;
	z-index: 200;
}


#jobPostButton {
	position: absolute;
	top: 40px;
	right: 20px;
	font-size: 30px;
	width: 250px;
}
#jobsTable {
	margin-top: 40px;
	background-color: #181818;
	width: 100%;
}

.sideBlock #jobsTable {
	margin-top: 10px;
	font-size: 13px;
	margin-bottom: 10px;
	background-color: #222;
}
.sideBlock #jobsTable a {
	color: #fff;
	font-weight: normal;
	padding: 5px;
	min-height: 5px;
}
#jobsTable thead td {
	padding: 10px;
}

#jobsTable td.addJob {
	min-height: 0;
	padding: 0;
}
#jobsTable thead {
	background-color: #333;
	text-transform: uppercase;
}
.sideBlock #jobsTable thead {
	display: none;
}

#jobsTable h3, #jobsTable thead  {
	font-size: 20px;
}
.sideBlock #jobsTable h3, .sideBlock #jobsTable thead  {
	font-size: 15px;
}
#jobsTable a {
	display: block;
	height: 100%;
	color: #ccc;
	padding: 10px;
	font-weight: normal;
}
#jobsTable tr:hover a {
	color: #0cf2e1;
}

#jobsTable tr .ss-icon  {
	width: 15px;
}
#jobsTable tr .ss-icon a  {
	padding: 0;
}
#jobsTable tr .ss-icon span {
	display: none;
}
#jobsTable tr:hover .ss-icon span {
	display: inline;
}
#jobsTable a:hover {
	background-color: transparent;
}
#jobsTable .addJob a {
	background-color: #0cf2e1;
	display: block;
	width:98%;
	padding: 1%;
	margin: 0;
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	font-size: 20px;
	border-bottom: 4px solid;
	border-color: rgba(0, 0, 0, 0.5);
}

.sideBlock #jobsTable .addJob a {
	font-size: 18px;
}

#jobsTable .addJob a:hover {
	color: #fff;
	border-bottom: 0px solid;
	border-top: 4px solid rgba(0, 0, 0, 0.5);
}
#jobsTable .addJob a .ss-icon {
	font-size: 15px;
}
.sideBlock #jobsTable .addJob a .ss-icon {
	font-size: 12px;
}
#jobsTable tr:nth-child(even) {
	/*background-color: #1b1b1b;*/
}
#jobsTable tbody tr {
	border-bottom: 2px solid #222;
}
.sideBlock #jobsTable tbody tr {
	border-bottom: 2px solid #0e0e0e;
}



#jobsTable tbody tr:hover {
	background-color: #000;
}

#jobsCatlist, #jobsCatlist  {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 16px;
}
#jobsCatlist {
	margin-top: 80px;
}
@media (max-width: 1140px) and (min-width: 0px) {
	#jobsCatlist {
		margin-left: 10px;
	}
}
#jobsCatlist li {
	float: left;
	width: 25%;
	text-transform: uppercase;
}
#jobsCatlist a {
	font-weight: normal;
}


/************ FORMS ************/


form .form-actions {
	margin: 0 0 0 20%;
	padding: 0;
	border: none;
	}
form p {
	clear: both;
}
form .check {
	padding-left: 20%;
	}
form  label {
	float: left;
	width: 200px;
	margin: 4px 0 5px 0;
	font-weight: bold;
	}
form .check label {
	display: inline;
	float: none;
	width: auto;
	font-weight: normal;
	}
form .radio ul li label {
	display: inline;
	float: none;
	width: auto;
	font-weight: normal;
	}
form  input.form-text,
form  input.textBox,
form  textarea {
	display: block;
	width: 520px;
	padding: 5px;
	font-size: 14px;
	border: 1px solid #ccc;
	background: #f5f5f5;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	}
form  input.form-text:focus,
form  input.textBox:focus {
	border: 1px solid #ccc;
	background: #ccc;
	}
form  textarea {
	height: 150px;
	}
form  select {
	min-width: 25%;
	margin: 0;
	}
form fieldset {
	margin-left: 0 !important;
	padding-left: 0 !important;
}
form .radio ul {
	margin: 5px 0 0 20%;
	}
form .radio ul li {
	margin: 0 0 5px 0;
	}
form .radio ul li:last-child {
	margin: 0;
	}
form  p.form-help {
	margin: 5px 0 0 20%;
	font-size: 12px;
	color: #999;
	}
#postsBlock form input[type="submit"] {
	margin: 0;
	height: 40px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400 !important;
	font-size: 18px !important;
	color: #fff;
	background-color: #0cf2e1;
	display: block;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border: 0px;
	border-bottom: 4px solid;
	border-color: rgba(0, 0, 0, 0.4);
	margin-left: 200px;
	text-transform: uppercase;
}

#postsBlock #post-24448 form input[type="submit"] {
	margin-left: 0;
	float: left;
	margin-right: 20px;
}
.no-results  {
	margin-left: 20px;
}
.no-results form input[type="submit"]  {
	margin-left: 0px !important;
}
#searchform {
	margin-top: 10px;
}
#searchform 	input[type="submit"] {
	margin-left: 10px;
	padding: 0;
	height: 30px;
	background-color: #fff;
	border: none;
	font-size: 25px;
	float: left;
	color: #0cf2e1;
}
#searchform 	input[type="submit"]:hover {
	color: #fff;
	margin-top: 0;
	color: #111;
}
#searchForm h2 {
	float: left;
}
.searchBox {
	margin: 0;
	height: 22px;
	width: 400px;
	text-align: left;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400 !important;
	font-size: 16px !important;
	color: #111;
	background-color: #e6e6e6;
	display: block;
	float: left;
	margin-right: 5px;
	padding: 4px;
	border: 0px;
	margin-left: 0px;
}


@media all and (max-width: 700px) and (min-width: 0px) {
	.searchBox {
		width: 200px;
	}
}

form input[type="submit"] {

	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 20px;
	height: 50px;
}
form input[type="submit"]:hover,
form input[type="submit"]:focus {
	border-bottom: none;
	margin-top: 4px;
	margin-bottom: 1px;
	background-color: #0cf2e1;
	color: #fff;
	}
form input[type="submit"]:active {


	}

.frm-show-form {
	margin-bottom: 0px;
}
.frm-show-form input[type="submit"]  {
	margin-left: 0;
}
.frm_error {
	color: #0cf2e1;
}
fieldset {
	border: none;
}
.form-field {
	clear: both;
	margin-bottom: 20px;
}
.form-field label {
	font-size: 18px;
	font-weight: normal;
	width: 400px;
}
.form-field input {
	width: 500px;
	padding: 8px;
	border: none;
	background-color: #eee;
	font-size: 18px;
	font-weight: normal;
}
.frm_description {
	font-size: 14px;
	color: #aaa;
}
#frm_field_88_container {
	/*display: none;*/
}
#frm_field_88_container .frm_description {
	clear: both;
}
label[for="field_88-319"] {
   display: none;
}
input[type='checkbox'] {
	width: auto !important;
}


@media screen and (max-width: 700px) {
	form  label {
		display: block;
		float: none;
		width: auto;
		margin: 0 0 5px 0;
		}
	form .form-actions,
	form .check,
	form .radio ul,
	form  p.form-help {
		margin-left: 0;
		padding-left: 0;
		}
	form  input.form-text,
	form  textarea {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		}
	}




.rotate90 {

	/* Safari */
	-webkit-transform: rotate(-90deg);

	/* Firefox */
	-moz-transform: rotate(-90deg);

	/* IE */
	-ms-transform: rotate(-90deg);

	/* Opera */
	-o-transform: rotate(-90deg);

	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

	font-family: Arial, sans-serif !important; /*Fixes FF crash */

}



.postGrid {
	margin-bottom: 40px;
	clear: both;
}
.gridItem {
	float: left;
}

.gridItem a {
	width: 	242px;
	height: 150px;
	overflow: hidden;
	display: block;
	position: relative;
	border: 4px solid #222;
	float: left;
	background-color: #fff;
}
.gridItem img {
	width: 100%;
	height: auto;
	min-width: 242px;
	min-height: 150px;
}

.gridItemTitle {
	padding-left: 10px;
	padding-top: 5px;
	margin-top: 0;
	height: 25px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 10;
	display: block;
	margin-top: -1px;
	background-color: #fff;
	width: 232px;
}
.gridItemTitle  .button {
	position: absolute;
	right: 0;
	top: 10px;
	padding-top: 8px;
	padding-left: 5px;
	width: 25px;
	height: 22px;
	z-index: 20;
}

.gridItem a:hover .button {
	border-bottom: none;
	margin-top: -10px;
	background-color: #0cf2e1;
}


/******

THE GRID

*******/

.gridContainer {
	width: 100%;
	position: absolute;
	left: 0;
	top: 60px;
}
.imageGridItem {
	float: left;
	position: relative;
	height: 200px;
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
}
.imageGridItem img {
	height: 100%;
	width: auto;
}
.imageGridItemInfo {
	position: absolute;
	top: 	30px;
	bottom: 30px;
	left: 	30px;
	right: 	30px;
	opacity: 0;
	background-color: rgba(251, 28, 51, 0.85);
	text-align: center;
	-webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
  	transition:         all 600ms cubic-bezier(0.23, 1, 0.32, 1);
}
.imageGridItem:hover .imageGridItemInfo {

	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	opacity: 1;
}
.imageGridItem h5 {
  position: absolute;
  top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
	left: 0;
	padding: 0 !!important;
	margin: 0 !important;
	width: 100%;
	text-align: center;
	color: #fff;
	opacity: 0;
	-webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
  	transition:         all 600ms cubic-bezier(0.23, 1, 0.32, 1);
}
.imageGridItem:hover h5 {
	opacity: 1;
}







.sharrre .share {
  float:left;
  margin-left:10px;
  font-size:20px;
  width:82px;
}
.sharrre .count {
	color: #444;
}
.sharrre span {
	float: left;
	margin-right: 5px;
}
.sharrre .totalShares {
	float: left;
}

@media all and (max-width: 700px) and (min-width: 0px) {
	.sharrre .totalShares {
		display: none;
	}
}
.sharrre .count:hover {
	color: #0cf2e1;
}
.sharrre .count span {
	font-size: 16px;
	color: #0cf2e1;
}
.sharrre .shareButtons {
  position: absolute;
  width:210px;
  background-color:#0cf2e1;
  padding:10px;
  z-index: 999;
  margin-top: -10px;
  margin-left: -10px;
 }


.sharrre .shareButton {
  float:left;
  max-width:50px;
  margin:0 10px 0 0;
  position: relative;
}
.sharrre .shareButton:last-child {
	margin-right: 0px;
}
.sharrre .facebook {
  margin:0 4px 0 0;
}
.sharrre .pinterest {
	margin-top: 22px;
	margin-right: 5px;
}