#footer nav,
.recent li a,
.vcard, 
.footnote {font-size: 14px;}

#footer form label {
	font-family: 'Archer A', 'Archer B';
	font-weight: 700; 
	font-style: normal;
	font-size: 15px;
}


.cke,
.content-display {
	font-size: 16px;
	line-height: 20px;
	text-shadow: 1px 1px 1px #fff;
	text-rendering: optimizeLegibility;
}


.cke p, .content-display p {
	margin-bottom: 1em;
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
	    -ms-hyphens: auto;
	     -o-hyphens: auto;
	        hyphens: auto;
}
.cke ul, .content-display ul, 
.cke ol, .content-display ol {
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 2em;
	margin-right: 3em;
}
.cke ul, .content-display ul {
	/* list-style-image: url(../../img/bullet-arrow.png); */
	padding-left: 12px;
}

.cke li, .content-display li {
	margin-bottom: 0.5em;
}
.cke img {
	display: block;
	text-decoration: none;
	margin: 0.5em 0;
	max-width: 100%;
}
.cke blockquote {
	margin: .5em 4em .5em 0;
	padding-left: 2em;
	font-style: italic;
}
	.cke blockquote:before {
		content: "“";
	    float: left;
	    font-family: Monaco,Consolas,"Lucida Console",monospace;
	    font-size: 3em;
	    font-style: normal;
	    line-height: 1;
	    opacity: 0.3;
	    text-indent: -0.7em;
	}
	.cke cite {
	    display: block;
	    font-size: 1em;
	    font-style: normal;
	    font-weight: 900;
	    letter-spacing: 0.1em;
	    text-transform: uppercase;
	    padding-left: 2em;
	}
		.cke cite:before {
			content: "—";
			float: left;
			font-size: 1.5em;
			text-indent: -1.2em;
			opacity: 0.3;
/* 			margin-top: -.3em; */
		}
/* 	Remove quotes for embedded Twitter tweet  */
	.cke .twitter-tweet-rendered {
		padding: 0.5em 0 1em 0;
	}
	
	.cke .twp-container blockquote:before,
	.cke .twitter-tweet-rendered blockquote:before {
		display: none;
	}
	
	.cke .twp-container {
		margin: 1.5em 0;
	}

h1,  section h2 {
	font-weight: normal;
	font-size: 28px;
	line-height: 32px;
	margin-bottom: 0.2em;
	text-shadow: 0 1px 2px #fff;
}
h2 {
	font-weight: bold;
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 0;
}
	p + h2 {
		margin-top: 10px;
	}
h3 {
	
}
	p + h3 {
		margin-top: 1em;
	}

/*
.img_left {
	float: left;
	margin: 0 1.3em 1em 0;
}
.img_right {
	float: right;
	margin: 0 0 1em 1.3em;
}
*/
/*
.break {
	-moz-column-break-before: always ;
	-webkit-column-break-before: always;
	column-break-before: always;
}
*/

/* Services logos */
.cke .logos {
	list-style: none;
	margin: 1em 0;
	padding: 0;
	overflow: hidden;
}
	.logos li {
		display: block;
		float: left;
		margin: 0 10px 10px 0;
		padding: 0;
		width: 60px;
		height: 60px;
		border: 2px solid #454545;
		overflow: hidden;
	}
	.logos li:last-child {
		margin-right: 0;
	}
	.logos li a {
		display: block;	
	}
	.logos li img {
		margin: 0;
	}
	.logos li a:hover img {
		margin-top: -60px;
		display: block;
	}


.note {
	font-style: italic;
}


.intro {
	font-weight: normal;
	color: #78af2f;
	font-size: 30px;
	line-height: 38px;
}
	h1.intro {
		font-size: 47px;
		line-height: 50px;
		margin-bottom: 18px;
		display: none;
	}
	div.intro {
		margin-bottom: 30px;
	}
	
		body.search h1.intro {
			display: block;
		}
	
.intro.error {
	color: #700;
}


.thumbs { /* as UL */
	position: relative;
	width: 960px;
	margin: 20px 0 10px 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
}


/* !Pay Online */
section form {
	margin: 1em 0 1em 0;
}
section form .input {
	clear: left;
	margin: 0 0 1em 0;
}
section form label {
	min-width: 150px;
	display: block;
	float: left;
}
section form input[type="text"] {
	min-width: 200px;
}


/* !About */
.thumb {
	position: relative;
	display: block;
	width: 180px;
	height: 260px;
	margin: 0 15px 10px 0;
	z-index: 100;
	float: left;
	list-style: none;
}
	.thumb.small,
	.thumb.tall {
		width: 230px;
		height: auto;
		margin: 0 13px 20px 0;
	}
/*
	.thumbs:not(.home) .thumb:nth-child(4n+4) {
		margin-right: 0;
	}
*/
	.thumb a {
		display: block;
		color: inherit;
	}
	.thumb a:hover {
		text-decoration: none;
		color: #78af2f;
	}
	.thumb a strong.name {
		margin-top: 7px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-shadow: 0px 1px 1px #fff;
		-moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
	}
	.clip.flipped {
		display: none;
	}
	.thumb img {
		display: block;
	}
		.thumb.flipper img {
			cursor: pointer;
			margin-bottom: 3px;
			max-width: 180px;
			height: auto;
		}
		.thumb figure {
			position: relative;
			z-index: 100;
		}
	.thumb figure:before,
	.thumb figure:after {
	   content: '';
	   position: absolute;
	   z-index: -1;
	   -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);
	   -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg);
	   width: 45%;
	   height: 30px;
/* 	   height: 130px; */
	   top:  150px;
	   left: 0%;
	}
	.thumb figure:after {
		left: auto;
		right: 0%;
		-moz-transform: rotate(10deg); -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg);
	}
	.thumb figure:hover:before,
	.thumb figure:hover:after {
		-moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
	}

	.thumb strong.name,
	.thumb span.role {
		display: block;
		font-weight: bold;
	}
	.thumb strong.name {
		font-family: 'Archer A', 'Archer B'; 
		font-weight: 700; 
		font-style: normal;
		font-size: 14px;
		line-height: 23px;
	}
	.thumb span.role {
		font-family: 'Verlag A', 'Verlag B'; 
		font-weight: 300;
		font-style: normal;
		font-size: 14px;
		line-height: 12px;
	}
	
	.thumb .links {
		margin: 3px 0 0 0;
		padding: 0;
	}
	.thumb .links li {
		float: left;
		list-style: none;
		overflow: hidden;
		margin-right: 2px;
		
	}
		.links li a {
			display: block;
			width: 20px;
			height: 20px;
/* 			background: url(../../img/sprites.png) 0 -80px no-repeat transparent; */
			text-indent: -999px;
		}
/*
		.links li.vc a				{ background-position: -20px	-80px; }
		.links li.twitter a			{ background-position: -40px	-80px; }
		.links li.facebook a		{ background-position: -60px	-80px; }
		.links li.flickr a			{ background-position: -80px	-80px; }
		.links li.linkedin a		{ background-position: -100px	-80px; }
		.links li.lastfm a			{ background-position: -120px	-80px; }
		.links li.skype a			{ background-position: -140px	-80px; }
		.links li.vimeo a			{ background-position: -160px	-80px; }
		.links li.delicious a		{ background-position: -180px	-80px; }
		.links li.tumblr a			{ background-position: -200px	-80px; }
		.links li.foresquare a		{ background-position: -220px	-80px; }
		.links li.google a			{ background-position: -240px	-80px; }
		
		.links li.vc a:hover 		{ background-position: -20px	-100px; }
		.links li.twitter a:hover 	{ background-position: -40px	-100px; }
		.links li.facebook a:hover 	{ background-position: -60px	-100px; }
		.links li.flickr a:hover 	{ background-position: -80px	-100px; }
		.links li.linkedin a:hover	{ background-position: -100px	-100px; }
		.links li.lastfm a:hover	{ background-position: -120px	-100px; }
		.links li.skype a:hover		{ background-position: -140px	-100px; }
		.links li.vimeo a:hover		{ background-position: -160px	-100px; }
		.links li.delicious a:hover	{ background-position: -180px	-100px; }
		.links li.tumblr a:hover	{ background-position: -200px	-100px; }
		.links li.foresquare a:hover{ background-position: -220px	-100px; }
		.links li.google a:hover	{ background-position: -240px	-100px; }

		
		.blog .links li a				{ background-position: 0px	-120px; }
		.blog .links li.vc a			{ background-position: -20px	-120px; }
		.blog .links li.twitter a		{ background-position: -40px	-120px; }
		.blog .links li.facebook a		{ background-position: -60px	-120px; }
		.blog .links li.flickr a		{ background-position: -80px	-120px; }
		.blog .links li.linkedin a		{ background-position: -100px	-120px; }
		.blog .links li.lastfm a		{ background-position: -120px	-120px; }
		.blog .links li.skype a			{ background-position: -140px	-120px; }
		.blog .links li.vimeo a			{ background-position: -160px	-120px; }
		.blog .links li.delicious a		{ background-position: -180px	-120px; }
		.blog .links li.tumblr a		{ background-position: -200px	-120px; }
		.blog .links li.foresquare a	{ background-position: -220px	-120px; }
		.blog .links li.google a		{ background-position: -240px	-120px; }
		
		.blog article.business		.links a:hover {background-position-y: -140px;}
		.blog article.link			.links a:hover {background-position-y: -180px;}
		.blog article.design		.links a:hover {background-position-y: -160px;}
		.blog article.event			.links a:hover {background-position-y: -180px;}
		.blog article.functionality	.links a:hover {background-position-y: -160px;}
		.blog article.general		.links a:hover {background-position-y: -140px;}
		.blog article.technology	.links a:hover {background-position-y: -180px;}
*/
		
		/* 	with symbolset */
		.links li .ss-icon {
			text-indent: 0;
			background: none;
			font-size: 20px;
			line-height: normal;
			text-align: center;
			color: #bbb;
			width: auto;
			height: auto;
			min-width: 1.1em;
		}
		.links li .ss-icon:hover { color: #2d2d2d; }
		.blog .links li .ss-icon { color: #454545; }
		
		.blog article.business		.links .ss-icon:hover { color: #8cc63f; } /* green */
		.blog article.link			.links .ss-icon:hover { color: #d6d932; } /* yellow */
		.blog article.design		.links .ss-icon:hover { color: #59b4e8; } /* blue */
		.blog article.event			.links .ss-icon:hover { color: #d6d932; } /* yellow */
		.blog article.functionality	.links .ss-icon:hover { color: #59b4e8; } /* blue */
		.blog article.general		.links .ss-icon:hover { color: #8cc63f; } /* green */
		.blog article.technology	.links .ss-icon:hover { color: #d6d932; } /* yellow */
		
	
.blogged {
	border: 0;
}
	.blogged h3 {
		font: bold 12px/1 "Verlag Condensed", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Tahoma, Arial, sans-serif;
		color: #55b0dd;
		text-transform: uppercase;
	}
		.blogged h3 a {
			font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Tahoma, Arial, sans-serif;
			text-transform: none;
		}
	.blogged h3 {
		position: relative;
		float: right;
		display: inline;
		color: #fff;
		background: #59b4e8;
		padding: 5px 5px 3px 5px;
		margin-bottom: 10px;
	}
/* 	.blogged h3:before,
	.blogged h3:after {
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-width: 20px;
		border-color: transparent transparent #59b4e8 transparent;
		border-style: solid;
		position: absolute;
		left: -20px;
		bottom: -2px;
		-moz-transform:skew(0deg)rotate(-25deg);-webkit-transform:skew(0deg)rotate(-25deg);-o-transform:skew(0deg)rotate(-25deg);transform:skew(0deg)rotate(-25deg);
		z-index: -1;
	}*/
	.blogged h3:before {
		display: block;
		content: "";
		width: 25px;
		height: 30px;
		position: absolute;
		left: -25px;
		bottom: -9px;
		background: url(../../img/sprites.png) right top no-repeat transparent;
	}
	
	.blogged ul {
		clear: both;
		list-style: none;
		margin: 0 0 20px;
	}
		.blogged ul li {
			border-top: 1px solid #55b0dd;
		}
		.blogged ul li:first-child {
			border: 0;
		}
			.blogged ul li a {
				display: block;
				line-height: 18px;
				font-size: 14px;
				font-weight: bold;
				color: #838383;
				padding: 5px 0;
				text-shadow: 0px 2px 1px #fff;
			}
			.blogged ul li a:hover {
				text-decoration: none;
				color: #78af2f;
			}

/*! Associates */
.associates .h2,
.associates .cke {
	max-width: 630px;
    width: 100%;
}
.associates .thumbs {
	
}
	.associates .thumb {
		width: 180px;
		height: 230px;
	}
	.associates .thumb:nth-child(4n+4) {
		margin-right: 15px;
	}
	.associates .thumb a {
		display: block;
		color: inherit;
	}
		.associates .thumb a:hover {
			text-decoration: none;
			color: #78af2f;
		}
		.associates .thumbs img {
			margin-bottom: 10px;
		}



/*! Services */
	




/*! Projects - index */
.home div.intro h1,
.home div.intro p,
.blog div.intro h1,
.blog div.intro p,
.project.index div.intro h1,
.project.index div.intro p {
	padding-right: 240px;
}
.home .intro p,
.blog .intro p,
.project.index .intro p {
	font-size: 17px;
	line-height: 1.5em;
	color: #5c5c5c;
}

.project .thumbs {
	overflow: hidden;
	float: none;
	margin: 0;
	padding: 20px 0;
	clear: both;
}
.home .thumbs {
	margin-top: 0;
	padding: 0;
}
	.project .thumb {
		height: auto;
	}
	.project.index .thumb.small:nth-child(4n+4) {
		margin-right: 0;
	}
	.project.index .thumb.small:nth-child(4n+1):before,
	.project.index .thumb.small:nth-child(4n+4):after {
		display: block;
		position: absolute;
		content: "";
		z-index: -1;
		-moz-box-shadow: -10px 20px 20px rgba(0, 0, 0, 0.15); -webkit-box-shadow: -10px 20px 20px rgba(0, 0, 0, 0.15); -ms-box-shadow: -10px 20px 20px rgba(0, 0, 0, 0.15); -o-box-shadow: -10px 20px 20px rgba(0, 0, 0, 0.15); box-shadow: -10px 20px 20px rgba(0, 0, 0, 0.15);
		-moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg);
		
		width: 50%;
		height: 20%;
		top:  99px;
		left: 0;
	}
	.project.index .thumb.small:nth-child(4n+4):after {
		left: auto;
		right: 0;
		-moz-box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.15); -ms-box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.15); -o-box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.15); box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.15);
		-moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg);
	}
	
	.project.detail .thumb.small:before,
	.project.detail .thumb.small:after {
		display: block;
		position: absolute;
		content: "";
		z-index: -1;
		-moz-box-shadow: -10px 20px 20px rgba(0, 0, 0, 0.15); -webkit-box-shadow: -10px 20px 20px rgba(0, 0, 0, 0.15); -ms-box-shadow: -10px 20px 20px rgba(0, 0, 0, 0.15); -o-box-shadow: -10px 20px 20px rgba(0, 0, 0, 0.15); box-shadow: -10px 20px 20px rgba(0, 0, 0, 0.15);
		-moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg);
		
		width: 30%;
		height: 20%;
		top:  99px;
		left: 7%;
	}
	.project.detail .thumb.small:after {
		left: auto;
		right: 7%;
		-moz-box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.15); -ms-box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.15); -o-box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.15); box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.15);
		-moz-transform: rotate(5deg); -webkit-transform: rotate(5deg);  -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg);
	}
	
	.project.detail .thumb.small:hover:before {
		-moz-box-shadow: -10px 20px 20px rgba(0, 0, 0, 0.3); -webkit-box-shadow: -10px 20px 20px rgba(0, 0, 0, 0.3); -ms-box-shadow: -10px 20px 20px rgba(0, 0, 0, 0.3); -o-box-shadow: -10px 20px 20px rgba(0, 0, 0, 0.3); box-shadow: -10px 20px 20px rgba(0, 0, 0, 0.3);
	}
	.project.detail .thumb.small:hover:after {
		-moz-box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.3); -ms-box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.3); -o-box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.3); box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.3);
	}
	
	.project .thumb img.normal {
		z-index: 1;
	}
	
	.thumb .over {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
		.thumb div.over {
			background: #454545;
			width: 100%;
			height: 100%;
			color: #fff;
			text-align: center;
			
		}
			.thumb div.over span {
				display: block;
				margin: 15% 5%;
				font-size: 16px;
				line-height: 20px;
			}
				.thumbs-btm .thumb div.over span {
					font-size: 14px;
					line-height: 18px;
					margin: 15% 5%;
				}
			.thumb div.over em {
				color: #8cc63f;
				font-style: normal;
			}
			
	.project.detail .details .ck p {
		margin-bottom: 1em;
	}
			


.button.reveal-link {
	display: inline-block;
	margin: 1em 0 2em;
	padding: .35em 1em 0;
}


/*! Project - details */
div.details h3 {
	
}
div.details h3.archive {
	background: #2d2d2d;
	padding: 10px 10px 5px 10px;
	margin: 10px 0;
}
	div.details h3.archive a {color: #fff;}

h3.features {
	position: relative;
	color: #339bd7;
	background: #fff;
	display: inline-block;
	padding: 3px 8px;
	margin-top: 12px;
	margin-left: -8px;
	font-size: 12px;
	text-transform: uppercase;
}
	h3.features:before {
		display: block;
		content: "";
		width: 25px;
		height: 30px;
		position: absolute;
		left: -25px;
		bottom: -9px;
		background: url(../../img/sprites.png) -235px top no-repeat transparent;
	}
ul.features {
	list-style: none;
	font-weight: bold;
	margin-left: 0;
}
.highlights {
	width: 959px;
}
	.highlights h3 {
		background: #e7ea31;
		display: inline-block;
		padding: 3px 8px;
		margin-bottom: 10px;
		text-shadow: 0 1px 1px #fff;
	}


.item figure img {
	border: 8px solid #fff;
}


	/* dropdown .blogged */
.project nav.blogged {
	position: relative;
	position: absolute;
	top: 0px;
	right: 0;
}
.project nav.blogged ul {
	display: none;
	position: absolute;
	top: 20px;
	right: 0;
	background: #7cbde2;
	padding: 0px 0 0px 10px;
	width: 250px;
}
	.project nav.blogged:hover ul {
		display: block;
	}
	.project nav.blogged ul li {
		border-color: #fff;
	}
	.project nav.blogged ul li a {
		color: #fff;
		text-shadow: none;
	}
	.project nav.blogged ul li a:hover {
		color: #454545;
	}



.item dl {
	z-index: 0;
}
.item dt {
	position: absolute;
	display: block;
	width: 80px;
	height: 80px;
	border: 3px solid #fff;
	-moz-border-radius: 43px; -webkit-border-radius: 43px; -ms-border-radius: 43px; -o-border-radius: 43px; border-radius: 43px;
	-moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000;
/* 	background: rgba(255,255,255,.3); */
	text-align: center;
	cursor: pointer;
	z-index: 10;
	text-indent: -999em;
	-moz-transform: scale(1.5,1.5); -webkit-transform: scale(1.5,1.5); -ms-transform: scale(1.5,1.5); -o-transform: scale(1.5,1.5); transform: scale(1.5,1.5);
	overflow: hidden;
	-moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
}
	.item dt:hover {
	-moz-transform: scale(1.5,1.5) rotate(3deg); -webkit-transform: scale(1.5,1.5) rotate(3deg); -ms-transform: scale(1.5,1.5) rotate(3deg); -o-transform: scale(1.5,1.5) rotate(3deg); transform: scale(1.5,1.5) rotate(3deg);
	-moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;
	
	}
.item dd {
	display: none;
	opacity: 0;
	z-index: 0;
	position: absolute;
	width: 280px;
	height: auto;
	padding: 10px;
	background: #454545;
	color: #d8d8d8;
	-moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; -ms-box-shadow: 0 0 10px #000; -o-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000;
	-moz-transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out;
}
.item dt:hover + dd {
	display: block;
	z-index: 11;
	opacity: 1;
}
.item dd:hover {
	display: block;
	opacity: 1;
	z-index: 11;
}

.item dt:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 80px;
	-moz-border-radius: 43px; -webkit-border-radius: 43px; border-radius: 43px;
	-moz-transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out;
	background:	#fff;
	background: rgba(255,255,255, .5);
	background: -moz-radial-gradient(25% 25% , #fff 10%,  rgba(255, 182, 187, 0) 60%, rgba(255, 255, 255, 0) 100%);	/* moz */
	background: -webkit-gradient(radial, 0 0, 50, 100% 100%, 50, from(#fff), to(transparent));	/* webkit */
}
.item dt:hover:after {
	background:	transparent;
	background: -moz-radial-gradient(25% 25%, circle closest-side, rgba(255,255,255, .3) 0%, transparent 100%);	/* moz */
	background: -webkit-gradient(radial, 0 0, 50, 100% 100%, 50, from(rgba(255,255,255, .3)), to(transparent));	/* webkit */
}
.item dd:before {
	content: "";
	display: block;
	position: absolute;
	top: -25px;
	left: 10px;
	border-width: 14px;
	border-color: transparent transparent #454545 transparent;
	border-style: solid;
	z-index: 100;
}

	.item dd p,
	.item dd ul {
		margin-bottom: 0.5em;
	}
	.item dd a {
		color: #e7ea31;
	}
	.item dd blockquote {
		padding-left: 2em;
		font-style: italic;
	}
		.item dd blockquote:before {
			content: "“";
		    float: left;
		    font-family: Monaco,Consolas,"Lucida Console",monospace;
		    font-size: 3em;
		    font-style: normal;
		    line-height: 1;
		    opacity: 0.3;
		    text-indent: -0.7em;
		}
	.item dd cite {
	    display: block;
	    font-size: 1em;
	    font-style: normal;
	    font-weight: 900;
	    letter-spacing: 0.1em;
	    margin-top: 0.75em;
	    text-transform: uppercase;
	    padding-left: 2em;
	}
		.item dd cite:before {
			content: "—";
			float: left;
			font-size: 1.5em;
			text-indent: -1.2em;
			opacity: 0.3;
			margin-top: -.3em;
		}


.project.detail aside .thumb.small:nth-child(4n+4) {
	margin-right: 0;
}

/* Store */
/*
.store .thumbs {
	overflow: visible;
	float: left;
	margin: 20px 0 0 0;
	clear: both;
}
*/

.store nav.blogged {
	position: relative;
	position: absolute;
	top: 0px;
	right: 0;
}


/*! Home */


/*! Favs and Facts */
.favs_facts {
	clear: both;
	overflow: hidden;
	position: relative;
	padding: 0 0 0 100px;
	width: 860px;
	height: 220px;
	margin: 0 auto;
}
	.favs_facts div.cke {
		float: right;
		width: 850px;
		margin-top: 20px;
		margin-left: 30px;
	}
	.favs_facts h3 {
		font-size: 28px;
		font-weight: normal;
		line-height: 32px;
	}
	.favs_facts p {
		font-size: 17px;
		line-height: 1.5em;
	}
	/*
	.favs_facts p img {
		float: right;
		display: block;
		margin: -33px -80px 0 0;
	}
	*/
	
	.favs_facts dl {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 100;
	}
		.favs_facts dl.facts {
			left: 40px;
			z-index: 50;
		}
	.favs_facts dt {
		display: block;
		width: 35px;
		height: 220px;
		background: green;
	}
		.favs_facts dt a {
			display: block;
			width: 100%;
			height: 100%;
			text-indent: -999em;
			background: url(../../img/sprites.png) 0 -200px #8cc63f;
		}
		.favs_facts dl.facts dt a {background-position: -40px -200px;}
			
			@media only screen and (-webkit-min-device-pixel-ratio: 2), 
			only screen and (min-device-pixel-ratio: 2) {
			
				.favs_facts dt a {
					background-image: url(../../img/sprites@2x.png);
					background-size: 300px 600px;
				}
			
			}
		
		.favs_facts dt a.on,
		.favs_facts dt a:hover {
			background-color: #59b4e8;
		}
		
		.favs_facts dl dd {
			position: absolute;
			left: 35px;
			top: 0;
			height: 220px;
			width: 0;
			background: white;
			overflow: hidden;
		}
		.favs_facts dl dd img {
			float: right;
		}
		.favs_facts dl dd .badge {
			right: 5px;
			bottom: 5px;
			top: auto;
		}

/* Sliders Menu */
.ui-slider {
	overflow: hidden;
	position: relative;
	text-align: left;
	background: silver;
	height: 80px;
	width: 960px;
	margin: 0 0 15px 0;
	background: url(../../img/slider-techie.png) 0 0 no-repeat #8cc63f;
}
.ui-slider .ui-slider-handle {
	cursor: move;
	cursor: url("data:image/gif;base64,R0lGODlhEAAQAJECAAAAAP///////wAAACH5BAEAAAIALAAAAAAQABAAQAI3lC8AeBDvgosQxQtne7yvLWGStVBelXBKqDJpNzLKq3xWBlU2nUs4C/O8cCvU0EfZGUwt19FYAAA7"), ew-resize;
	height: 80px;
	width: 17px;
	position: absolute;
	z-index: 2;
	background: #123;
	background: url(../../img/sprites.png) -100px -200px #454545;
	-webkit-appearance: none;
}
			
			@media only screen and (-webkit-min-device-pixel-ratio: 2), 
			only screen and (min-device-pixel-ratio: 2) {
			
				.ui-slider .ui-slider-handle {
					background-image: url(../../img/sprites@2x.png);
					background-size: 300px 600px;
				}
			
			}
			
	.ui-slider .ui-slider-handle:hover {
		background-color: #2d2d2d;
		text-decoration: none;
	}
	.ui-slider .ui-slider-handle:before,
	.ui-slider .ui-slider-handle:after {
		display: block;
		content: "<";
		font-weight: bold;
		font-size: 20px;
		position: absolute;
		left: -8px;
		top: 35%;
		width: 10px;
		height: 10px;
		color: #454545;
	}
	.ui-slider .ui-slider-handle:after {
		content: ">";
		left: auto;
		right: -8px;
	}
	.ui-slider .ui-slider-handle:hover,
	.ui-slider .ui-slider-handle:active,
	.ui-slider .ui-slider-handle:focus {
		outline: none;
	}
.ui-slider .ui-slider-range {
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	display: block;
	background: url(../../img/slider-design.png) 0 0 no-repeat #e7ea31;
}

.ui-slider #block-function {
	display: block;
	position: absolute;
	width: 960px;
	height: 100%;
	content: "";
	left: 17px;
	top: 0;
	background: url(../../img/slider-function.png) 0 0 no-repeat #59b4e8;
	text-indent: -999em;
}
	    	
	@media only screen and (-webkit-min-device-pixel-ratio: 2), 
	only screen and (min-device-pixel-ratio: 2) {
	
		.ui-slider {
			background-image: url(../../../../img/slider-techie@2x.png);
			background-size: 960px 80px;
		}
	
		.ui-slider .ui-slider-range {
			background-image: url(../../../../img/slider-design@2x.png);
			background-size: 960px 80px;
		}
	
		.ui-slider #block-function {
			background-image: url(../../../../img/slider-function@2x.png);
			background-size: 960px 80px;
		}
	
	}

span.type {
	display: block;
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: transparent;
	left: 0;
	top: 0;
}
	span.type[data-type~="techie"] {
		background-color: #8cc63f;
		background-image: url(../../img/mixer-icon-techie.png);
	}
	span.type[data-type~="design"] {
		background-color: #e7ea31;
		background-image: url(../../img/mixer-icon-design.png);
	}
	span.type[data-type~="function"] {
		background-color: #59b4e8;
		background-image: url(../../img/mixer-icon-function.png);
	}

.home .thumbs {
	overflow: hidden;
	height: 150px;
	width: 990px;
}
	.home .thumb {
		overflow: hidden;
		margin-right: 0;
		margin-right: 13px;
	}


div.overflow {
	width: 960px;
	height: 110px;
	overflow: hidden;
}
	.thumbs.thumbs-btm {
		overflow:hidden;
		margin-left: -785px;
		width: 1920px;
		height: 110px;
	}
	
	.thumbs.thumbs-btm li {
		width: 180px;
		height: 110px;
		margin-right: 16px;
	}



/*! Search */
.search section .cke {
	margin-right: 330px;
}
.search section .cke .search-results {
	margin-left: 0;
	padding-left: 0;
}
	.search-results li {
		margin-bottom: 1em;
		list-style: none;
		padding-left: 0;
	}
		.search-results span {
			display: block;
		}
		.search-results a.source {
			color: #929292;
		}



/*! Blog */
.blog article h1 {
	margin-bottom: 1em;
}
.blog article pre {
	background: rgba(255, 255, 255, 0.6);
	border: 1px solid #999;
	margin-bottom: 1em;
	overflow-x: scroll;
	padding: 0.5em;
	white-space: pre;
	word-wrap: normal;
}
.blog article table {
	background: rgba(255, 255, 255, 0.6);
	border-collapse: collapse;
	margin-bottom: 1em;
}
.blog article table th,
.blog article table td {
	border: 1px solid #999;
	padding: 0.25em;
	text-align: left;
	vertical-align: top;
}


.blog ul.categories {
	overflow: hidden;
	
	/* Legacy browsers */
	background: #dcdcdc;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Recent browsers */
	background: -moz-linear-gradient(
		left,
		#dcdcdc,
		#f8f8f8 50%,
		#dcdcdc
	);
	background: -webkit-gradient(
		linear,
		left top, right top,
		from(#dcdcdc),
		to(#dcdcdc),
		color-stop(0.5, #f8f8f8)
	);
	background: linear-gradient(
		left,
		#dcdcdc,
		#f8f8f8 50%,
		#dcdcdc
	);
}
	ul.categories li {
		float: left;
		height: 75px;
		width: 120px;
		background: none;
	}
		.business, .link, .design, .event, .functionality, .general, .technology { }
		
		ul.categories li.business,
		ul.categories li.design,
		ul.categories li.functionality,
		ul.categories li.general {
			width: 150px;
		}
			ul.categories li a {
				display: block;
/* 				padding-top: 45px; */
				line-height: 30px;
				text-align: center;
				text-transform: uppercase;
				color: #454545; /*???*/
				font-size: 14px;
				font-weight: bold;
			}
				ul.categories li.at a,
				ul.categories li a:hover {
					text-decoration: none;
					color: #8cc63f;
				}
			ul.categories li a span {
				display: block;
				width: 40px;
				height: 40px;
				margin: 5px auto 0 auto;
				background: url(../../img/sprites.png) 0 0 no-repeat transparent;
			}
				ul.categories li.business a span		{background-position: 0px -420px;}
				ul.categories li.link a span			{background-position: -40px -420px;}
				ul.categories li.design a span			{background-position: -80px -420px;}
				ul.categories li.event a span			{background-position: -120px -420px;}
				ul.categories li.functionality a span	{background-position: -160px -420px;}
				ul.categories li.general a span			{background-position: -200px -420px;}
				ul.categories li.technology a span		{background-position: -240px -420px;}
				
				ul.categories li.business a:hover span, ul.categories li.business.at a span				{background-position: 0px -460px;}
				ul.categories li.link a:hover span, ul.categories li.link.at a span						{background-position: -40px -460px;}
				ul.categories li.design a:hover span, ul.categories li.design.at a span					{background-position: -80px -460px;}
				ul.categories li.event a:hover span, ul.categories li.event.at a span					{background-position: -120px -460px;}
				ul.categories li.functionality a:hover span, ul.categories li.functionality.at span		{background-position: -160px -460px;}
				ul.categories li.general a:hover span, ul.categories li.general.at a span				{background-position: -200px -460px;}
				ul.categories li.technology a:hover span, ul.categories li.technology.at a span			{background-position: -240px -460px;}

.blog ul.archive {
	position: absolute;
	right: 0;
	bottom: -36px;
	z-index: 1000;
}
	ul.archive li {
		float: left;
		height: 30px;
		width: 100px;
		position: relative;
		background: #dcdcdc;
		text-align: center;
		text-transform: uppercase;
		line-height: 30px;
	}
	ul.archive li a {
		display: block;
		color: #454545;
		text-shadow: 0 1px 1px #fff;
		font-size: 17px;
	}
		ul.archive li:hover a.btn {
			background: #8cc63f;
			text-decoration: none;
			border-bottom: 5px solid transparent;
		}
		
		ul.archive li.all {
			margin-right: 5px;
		}
		ul.archive li.calendar {
		}
		ul.archive li ul { /* drop-down */
			display: none;
			position: absolute;
			left: auto;
			right: 0;
			top: 35px;
			width: 180px;
			height: auto;
			background: #dcdcdc;
			float: none;
			padding: 0;
		}
		ul.archive li:hover ul {
			display: block;
		}
		
		ul.archive li ul li {	/* year container */
			top: auto; right: auto; bottom: auto; left: auto;
			position: relative;
			height: auto;
			display: block;
			background: none;
			line-height: 23px;
			border-bottom: 1px solid #fff;
			width: 100%;
		}
			ul.archive li ul li a {
				display: inline;
				text-align: left;
				color: #454545;
				text-indent: 1.5em;
				text-shadow: 0 1px 1px #fff;
			}
			ul.archive li ul li a.lock {	/* year */
				display: block;
				outline: none;
			}
			ul.archive li ul li a.lock:hover {
				cursor: pointer;
				text-decoration: none;
				background: #8cc63f;
			}
			ul.archive li ul ul { /* months */
				position: relative;
				width: auto;
				height: auto;
				padding: 0;
				margin: 0;
				top: auto; right: auto; bottom: auto; left: auto;
				background: none;
			}
				ul.archive li ul ul li { /* month */
					display: block;
					background: transparent;
					border: 0;
				}
				ul.archive li ul ul li a {
					display: block;
					text-indent: 3em;
					text-transform: none;
				}
				ul.archive li ul ul li a:hover {
					text-decoration: none;
					background: #8cc63f;
				}


.blog article header .thumb {
	display: block;
	position: absolute;
	top: 100px;
	left: 70px;
	width: 124px;
	height: auto;
}
	.blog article header .thumb figure {
		border: 2px solid #454545;
		background: #fff;
	}
		.blog article header .thumb figure:before,
		.blog article header .thumb figure:after {
			top:  90px;
		}
	.blog #content article header .thumb figure span.role,
	.blog #content article header .thumb figure span.title {
		display: none;
	}
	.blog article header .thumb figure strong.name {
		background: #454545;
		opacity: 0.9;
		color: #fff;
		line-height: 20px;
		margin-top: -20px;
		padding: 0 3px;
		
		text-shadow: 0 1px 2px #000;
		font-size: 12px;
	}
	.blog article header .thumb img {
		width: 120px;
		min-height: 125px;
	}
	.tooltip {
		display: block;
		width: 210px;
		height: 32px;
		color: #454545;
		text-align: center;
		font-size: 16px;
		line-height: 32px;
		padding: 0;
		position: absolute;
		bottom: 15px;
		left: 100px;
		z-index: 100;
		-moz-box-shadow: 0 0 2px #666; -webkit-box-shadow: 0 0 2px #666; -ms-box-shadow: 0 0 2px;  -o-box-shadow: 0 0 2px #666; box-shadow: 0 0 2px #666;
		background: #8cc63f;
	}
		.tooltip:hover {
			color: #454545;
		}
		.tooltip:before {
			display: block;
			content: "";
			position: absolute;
			left: 10px;
			top: -10px;
			width: 10px;
			height: 10px;
			background: url(../../img/sprites.png) 100px 100px no-repeat transparent;
		}
	
	
	.blog article time,
	.blog article span.category {
		display: block;
		border-bottom: none;
		position: absolute;
		line-height: 35px;
		text-align: center;
		font-size: 17px;
/* 		background: #8cc63f; */
		color: #454545;
		text-shadow: 0 1px 1px #fff;
	}
		.blog article time {
			height: 35px;
			width: 120px;
			left: 50px;
			top: -35px;
		}
		/* For browsers with CSS transform: */
			.csstransforms .blog article time {
				left: -78px;
				top: 140px;
				-moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg);
			}
		.blog article span.category {
			height: 35px;
			width: 36px;
			
			top: 190px;
			left: -35px;
			
			display: block;
			background: url(../../img/sprites.png) -203px -493px no-repeat #8cc63f;	/* */
			text-indent: -9999em;
		}
			.csstransforms .blog article span.category {
				top: 222px;
				left: -36px;
				height: 42px;
			}
		
		/* Category Icons */
		.blog article.business span.category		{background-position: -3px 	-500px;		background-color: #8cc63f;}
		.blog article.link span.category			{background-position: -43px -500px;		background-color: #d6d932;}
		.blog article.design span.category			{background-position: -83px -500px;		background-color: #59b4e8;}
		.blog article.event span.category			{background-position: -123px -500px;	background-color: #d6d932;}
		.blog article.functionality span.category	{background-position: -163px -500px;	background-color: #59b4e8;}
		.blog article.general span.category			{background-position: -203px -500px;	background-color: #8cc63f;}
		.blog article.technology span.category		{background-position: -243px -500px;	background-color: #d6d932;}
		
		
		
	.blog .youtube-player {
		display: block;
	}
	
	a.player {
		width: 480px;
		display: block;
		position: relative;
	}
	a.player:before,
	a.player:after {
		content: "";
		display: block;
		width: 100px;
		height: 100px;
		position: absolute;
		top: 50%; left:50%;
		-moz-border-radius: 50px; -webkit-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px;
		background: rgba(140, 198, 63, .4);
		outline: none;
		margin-left: -50px;
		margin-top: -50px;
		padding: 0;
		z-index: 1;
	}
		a.player:hover:before{
			background: rgba(140, 198, 63, .6);
		}
		a.player:after {
			top: 50%; left:50%;
			margin-left: -13px;
			margin-top: -30px;
			-moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0;
			
			width: 0;
			height: 0;
			border-top: 30px solid transparent;
			border-bottom: 30px solid transparent;
			border-left: 30px solid rgba(140, 198, 63, 1);
			background: none;
		}
	
	
	/* 	Instagram */
	div.tucked-corners {
    	height: auto;
    	width: 306px;
	    background: #f6f6f6;
	    margin: 25px 0;
	    padding: 10px;
	    position: relative;
	    -webkit-box-shadow: 0 1px 7px hsla(0,0%,0%,.2);
	       -moz-box-shadow: 0 1px 7px hsla(0,0%,0%,.2);
	            box-shadow: 0 1px 7px hsla(0,0%,0%,.2);
	}
	/* Instagram Top Corner Effect */
	.top-corners:after,
	.top-corners:before {
	    background: url('../../img/tpl_canvas.jpg') repeat 0 0 #dadada;
	    content: '';
	    height: 25px;
	    position: absolute;
	    top: -10px;
	    width: 60px;
	    z-index: 10;
	    -webkit-box-shadow: 0 6px 9px -8px hsla(0,0%,0%,.5);
	       -moz-box-shadow: 0 6px 9px -8px hsla(0,0%,0%,.5);
	            box-shadow: 0 6px 9px -8px hsla(0,0%,0%,.5);
	}
	.top-corners:after {
	    left: -25px;
	    -webkit-transform: rotate(-45deg);
	       -moz-transform: rotate(-45deg);
	        -ms-transform: rotate(-45deg);
	         -o-transform: rotate(-45deg);
	            transform: rotate(-45deg);
	}
	.top-corners:before {
	    right: -25px;
	    -webkit-transform: rotate(45deg);
	       -moz-transform: rotate(45deg);
	        -ms-transform: rotate(45deg);
	         -o-transform: rotate(45deg);
	            transform: rotate(45deg);
	}
	/* Instagram Bottom Corner Effect */
	.bottom-corners:after,
	.bottom-corners:before {
		background: url('../../img/tpl_canvas.jpg') repeat 0 0 #dadada;
	    content: '';
	    height: 25px;
	    position: absolute;
	    bottom: -10px;
	    width: 60px;
	    -webkit-box-shadow: 0 6px 9px -8px hsla(0,0%,0%,.5);
	       -moz-box-shadow: 0 6px 9px -8px hsla(0,0%,0%,.5);
	            box-shadow: 0 6px 9px -8px hsla(0,0%,0%,.5);
	}
	.bottom-corners:after {
	    left: -25px;
	    -webkit-transform: rotate(-135deg);
	       -moz-transform: rotate(-135deg);
	        -ms-transform: rotate(-135deg);
	         -o-transform: rotate(-135deg);
	            transform: rotate(-135deg);
	}
	.bottom-corners:before {
	    right: -25px;
	    -webkit-transform: rotate(135deg);
	       -moz-transform: rotate(135deg);
	        -ms-transform: rotate(135deg);
	         -o-transform: rotate(135deg);
	            transform: rotate(135deg);
	}
	.tucked-corners p {
		display: block;
		margin: 10px 10px 0;
		text-align: center;
	}
	.tucked-corners img {
		margin: 0;
	}
	.instaframe .ss-icon {
		position: absolute;
		top: 20px;
		left: 20px;
		color: #000;
		font-size: 25px;
		opacity: 0.3;
	}
	.instaframe:hover .ss-icon {
		opacity: 1;
	}


.blog article aside h3 {
	min-height: 20px;
}	
.blog article aside ul {
	overflow: hidden;
	list-style: none;
	margin: 10px 0 0 0;
	width: auto;
}
	.blog article aside ul li.thumb {
		float: left;
		margin: 0 10px 0 0;
		width: 230px;
		height: 140px;
		overflow: hidden;
	}
	.blog article aside ul li.thumb img {
		width: 100%;
	}

.blog article footer .attr {
	position: relative;
	width: 200px;
	height: 140px;
/* 	background: silver; */
	margin: -180px 0 0 0;
	clear: both;
}
.blog article.link footer .attr {
	margin-top: -90px;
}
	.share {
		clear: both;
		float: left;
		list-style: none;
		margin: 35px 0 20px 0
	}
	.share li {
		float: left;
		margin: 0 5px 0 0;
		text-indent: -9999em;
	}
		.share li a {
			display: block;
			width: 30px;
			height: 30px;
			background: #8cc63f;
			background: url(../../img/sprites.png?v=1) -120px -200px no-repeat transparent;
			-moz-box-shadow: 1px 1px 1px #eee; -webkit-box-shadow: 1px 1px 1px #eee; -ms-box-shadow: 1px 1px 1px; -o-box-shadow: 1px 1px 1px #eee; box-shadow: 1px 1px 1px #eee;
		}
		.share li.fb a { background-position: -120px -200px; }
		.share li.tw a { background-position: -150px -200px; }
		.share li.em a { background-position: -180px -200px; }
		.share li.gp a { background-position: -210px -200px; }
		.share li.fb a:hover { background-position: -120px -230px; }
		.share li.tw a:hover { background-position: -150px -230px; }
		.share li.em a:hover { background-position: -180px -230px; }
		.share li.gp a:hover { background-position: -210px -230px; }
		
		/* added for summer 2013 newsletter contest */
		.social-ss .golf {
			display: block;
			width: 26px;
			height: 26px;
			background: url(../../img/golfball.png) 4px 6px no-repeat transparent;
		}
		
	.counter {
		font-size: 30px;
		line-height: 1;
		text-shadow: 1px 1px 1px #eee;
/* 		color: #8cc63f; */
		font-weight: bold;
		margin-bottom: 10px;
	}
		.counter a {
			color: inherit;
		}
	.more {
		font-size: 14px;
		line-height: 1.1em;
		color: #8cc63f;
		text-shadow: 1px 1px 1px #eee;
	}
		.more a {
			display: block;
		}

		.more .toggle_comment_form span {
			color: #5c5c5c;
			text-decoration: none;
			text-align: left;
			font-size: smaller;
		}
	.back {
		position: absolute;
	}
		.back p {
			display: block;
			content: "";
			position: absolute;
			width: 15px;
			height: 15px;
			background: url(../../img/sprites.png) -180px -45px no-repeat transparent;
			right: 15px;
			bottom: -15px;
		}
		.back a {
			display: block;
			height: 30px;
			width: 193px;
			line-height: 30px;
			font-size: 20px;
			padding: 0 10px;
			text-shadow: 1px 1px 1px #eee;
			text-transform: uppercase;		
			color: #454545;
			text-decoration: none;
			background: #8cc63f;
		}
		.back a:hover {
			background: #454545;
			color: #dcdcdc;
			text-shadow: 1px 1px 1px #666;
		}
		.back a:after {	/* corner */
			display: block;
			content: "";
			position: absolute;
			right: 0px;
			bottom: -12px;
			
			width: 0px;
			height: 0px;
			border-style: solid;
			border-width: 12px 12px 0 0;
			border-color: #5a8127 transparent transparent transparent;

		}
		.back a:before { /* arrow icon */
			display: block;
			content: "";
			position: absolute;
			width: 35px;
			height: 30px;
			background: url(../../img/sprites.png) -240px -200px no-repeat transparent;
			right: 20px;
			bottom: 0px;
		}
		.back a:hover:before {
			background-position: -240px -230px;
		}



.blog article footer form {
	display: none;
	width: 360px;
	padding: 15px 15px 1px;
	background: #8cc63f;
	position: absolute;
	top: -30px;
	right: 50px;
	z-index: 1000;
	-moz-box-shadow: 1px 1px 15px #666; -webkit-box-shadow: 1px 1px 15px #666; -ms-box-shadow: 1px 1px 15px #666; -o-box-shadow: 1px 1px 15px #666; box-shadow: 1px 1px 15px #666;
}
	.blog article footer form:before {
		display: block;
		content: "";
		position: absolute;
		width: 15px;
		height: 15px;
		background: url(../../img/sprites.png) -200px 0px no-repeat transparent;
		right: 30px;
		top: -15px;
	}
	.blog article footer form p {
		/* error */
		color: #900;
		margin-bottom: 10px;
		font-size: 1.2em;
	}
	.blog article footer form label {
		float: none;
		margin-bottom: 3px;
	}
	.blog article footer form textarea {
		width: 350px;
		height: 160px;
		margin-bottom: 5px;
		padding: 5px;
		font-size: 20px;
	}
	.blog article footer form input {
		width: 350px;
		margin-bottom: 10px;
		padding: 5px;
		font-size: 20px;
	}
	.blog article footer form input[type="reset"],
	.blog article footer form input[type="submit"] {
		background: none;
		color: #454545;
		font-weight: bold;
		text-shadow: 0 1px 1px #eee;
		font-size: 14px;
		border: none;
		cursor: pointer;
		text-transform: none;
		float: right;
		width: auto;
		margin: 0;
	}
	.blog article footer form input[type="reset"]:hover,
	.blog article footer form input[type="submit"]:hover {
		color: #000;
	}
	.blog article footer form b {
		position: absolute;
		right: 25px;
		bottom: 35px;
		color: #ccc;
	}
	
	
.blog .comments {
	list-style: none;
	margin: 0;
	padding: 40px 0 0 70px;
	width: 73%;
}
	.blog .comments li {
		overflow: hidden;
		margin-bottom: 20px;
	}
		.blog .comments img {
			float: left;
			margin: 0 10px 10px 0;
		}
		
		.blog .comments .author,
		.blog .comments .body,
		.blog .comments .posted {
			margin-left: 50px;
		}
		.blog .comments .author {
			display: block;
			font-size: 20px;
			line-height: 1;
			margin-bottom: 0.25em;
			text-shadow: 0 1px 1px #fff;
		}
		.blog .comments .body {
			color: #353535;
			font-size: 16px;
			font-weight: bold;
			line-height: 1.2em;
			margin-bottom: 0.5em;
			text-shadow: 0 1px 1px #fff;
		}
		.blog .comments .posted {
			color: #5c5c5c;
			font-size: 12px;
		}
		

/* Article Titles  */
.blog article.business h1 a			{color: #8cc63f;}
.blog article.link h1 a				{color: #ca0; text-shadow: 0 1px 1px #fff;}
.blog article.design	h1 a		{color: #59b4e8;}
.blog article.event h1 a			{color: #cb0; text-shadow: 0 1px 1px #fff;}
.blog article.functionality h1 a	{color: #59b4e8;}
.blog article.general h1 a			{color: #8cc63f;}
.blog article.technology h1	a		{color: #cb0; text-shadow: 0 1px 1px #fff;}

/* Article Links in ck  */
.blog article.business .cke a		{color: #7b3;}
.blog article.link .cke a			{color: #b90; text-shadow: 0 1px 1px #fff;}
.blog article.design	.cke a		{color: #59b4e8;}
.blog article.event .cke a			{color: #ba0; text-shadow: 0 1px 1px #fff;}
.blog article.functionality .cke a	{color: #28D;}
.blog article.general .cke a			{color: #7a3;}
.blog article.technology .cke a		{color: #ba0; text-shadow: 0 1px 1px #fff;}

/* titles on the blog set in Archer */
.blog article.link .cke ul li a.title	{display: block; margin-bottom: 5px; font-size: 20px; font-family: 'Archer A', 'Archer B', serif; font-weight: 400; font-style: normal;}


/* Category on side  */
.business		span.category,	.business		time,	.business		.tooltip {background-color: #8cc63f;}
.link			span.category,	.link			time,	.link			.tooltip {background-color: #d6d932;}
.design			span.category,	.design			time,	.design			.tooltip {background-color: #59b4e8;}
.event			span.category,	.event			time,	.event			.tooltip {background-color: #d6d932;}
.functionality	span.category,	.functionality	time,	.functionality	.tooltip {background-color: #59b4e8;}
.general		span.category,	.general		time,	.general		.tooltip {background-color: #8cc63f;}
.technology		span.category,	.technology		time,	.technology		.tooltip {background-color: #d6d932;}

/* Bullets */
.business		.cke ul {list-style-image: url(../../img/bullet-arrow.png);}
.link			.cke ul {list-style-image: url(../../img/bullet-arrow-yellow.png);}
.design			.cke ul {list-style-image: url(../../img/bullet-arrow-blue.png);}
.event			.cke ul {list-style-image: url(../../img/bullet-arrow-yellow.png);}
/* .functionality	.cke ul {list-style-image: url(../../img/bullet-arrow-blue.png);} */
.general		.cke ul {list-style-image: url(../../img/bullet-arrow.png);}
.technology		.cke ul {list-style-image: url(../../img/bullet-arrow-yellow.png);}

.business		.tooltip:before {background-position: -130px 0px;}
.link			.tooltip:before {background-position: -170px 0px;}
.design			.tooltip:before {background-position: -150px 0px;}
.event			.tooltip:before {background-position: -170px 0px;}
.functionality	.tooltip:before {background-position: -150px 0px;}
.general		.tooltip:before {background-position: -130px 0px;}
.technology		.tooltip:before {background-position: -170px 0px;}
	
	/* white backing behind grid texture, making it easier to read */
	.blog article.functionality .cke p,
	.blog article.functionality .cke ul,
	.blog article.functionality .cke ol {
		background: rgba(255,255,255,0.6);
		list-style-image: none;
	}


/* Player Circualr Play Button  */
.link	a.player:before				{background: rgba(214, 217, 50, .4);}
.link	a.player:hover:before		{background: rgba(214, 217, 50, .6);}
.link	a.player:after				{border-left-color:rgba(214, 217, 50, 1);}