/* @group Animation Keyframes */

@-webkit-keyframes 'scrollery' {
    0% { opacity:1; background-position-x: 0px; background-position-y:0px; }
    100% { opacity:1; background-position-x: 9000px; background-position-y:0px; }
}

@-webkit-keyframes 'bgcolors' {
	0% { background-color: #331642; }
	25% { background-color: #1a2042; }
    75% { background-color: #1e4239; }
    100% { background-color: #421e15; }
}

/* @end */

/* @group Standard Elements */

html {
    background-color: #191919;
    background-image:url(../img/bg.png);
  	-webkit-font-smoothing: antialiased;
  	text-rendering: optimizeLegibility;
}


body {
    width:760px;
    margin: 0px auto 30px auto;
    padding: 0;
    opacity:.99;
  	font-weight:300;
    font-family: HelveticaNeue, "Helvetica Neue", sans-serif;
    font-size: 24px;
    color:#959595;
    color:rgba(255, 255, 255, 0.7);
    text-shadow: 0px 1px 1px #000000;
	  -webkit-text-stroke:1px transparent;
}

@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}

strong, b, em {
    color:#ffffff;
}

em {
	font-style:italic;
}

a {
    color: #ffb400;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition-property: color, border-color;
    -webkit-transition-timing-function: fade-out;
    -webkit-transition-duration: 0.5s;
    -moz-transition-property: color, border-color;
    -moz-transition-timing-function: fade-out;
    -moz-transition-duration: 0.5s;
}

a:hover {
    color:#f50;
}

a:active {
	outline:0;
}

a:focus { 
    outline: none; 
}

h1, h2, h3 {
    font-weight:300;
    color: #fff;
}

h1 {
	font-size:30px;
	margin: 1em 0em 0em 0em;
}

h2 {
	font-size:24px;
	margin: 1em 0em 0em 0em;
}

h3 {
	font-size:20px;
	margin: 1em 0em 0em 0em;
}

p, ul, ol, li {    
    font-size:14px;
    line-height:20px; 
}

p {
	margin:0.75em 0em 1em 0em;
}

ul {
    margin: 0.75em 0em 1em 1.5em;
}

ul li {
    list-style-type: square;
}

ol {
    margin: 0.75em 0em 1em 1.5em;
}

ol li {
    list-style-type: decimal;
}

hr {
	width: 100%;
	height:2px;
	background-image:url(../img/divider.png);
	background-repeat:no-repeat;
	background-position:center top;
	border-width:0;
}

small {
    font-size: 75%;
}

.widescreen {
	width:760px;
}

img.right {
	float:right;
	margin-left:4px;
}

img.left {
	float:left;
	margin-right:4px;
}



/* @group Form Styles */

form {
	display:block;
}

form label {
	display:block;
	margin-left:6px;
	margin-bottom:-2px;
	font-size:14px;
	color:#ddd;
	color:rgba(255,255,255,0.5)
}

form label.required {
	font-weight:bold;
}

form label.required:after,
form label.optional:after {
	font-weight:normal;
	vertical-align:super;
	font-size:12px;
}

form label.required:after {
	content: " – required";
}

form label.optional:after {
	content: " – optional";
}

form textarea {
	height:180px;
}

form input, 
form textarea {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", HelveticaNeue, Arial, sans-serif;
	font-weight: 300;
	width:100%;
	padding:5px;
	font-size:18px;
	border: 1px solid #000;
	border-color:rgba(0,0,0,0.8);
	background-color:#191919;
	color:#fff;
	color:rgba(255,255,255,0.9);
	margin-bottom:10px;
	line-height:22px;
	outline-style:none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
    -webkit-transition-property: background-color, background-image, color, border-color;
    -webkit-transition-timing-function: fade-out;
    -webkit-transition-duration: 0.5s;
    -moz-transition-property: background-color, background-image, color, border-color;
    -moz-transition-timing-function: fade-out;
    -moz-transition-duration: 0.5s;
}

form input:hover,
form textarea:hover {
	border-color:#333;
	border-color:rgba(255,255,255,0.3);
}

form input:focus,
form textarea:focus {
	border-color:#fff;
	border-color:rgba(255,255,255,0.4);
    background-image: -moz-linear-gradient(
    	center top,
    	rgba(255,255,255,0) 0%,
    	rgba(255,255,255,0.01) 100%
    );
	background-image: -webkit-gradient(
		linear, 
		left top, 
		left bottom, 
		from(rgba(255,255,255,0)), 
		to(rgba(255,255,255,0.01))
	);
}

form input[type='submit'] {
	display:block;
	margin:0px;
	font-size:18px;
	text-align:center;
	font-weight:bold;
	padding: 5px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:1px solid #000;
	background-color:#191919;
    background-image: -moz-linear-gradient(
    	center top,
    	rgba(255,255,255,0.1) 0%,
    	rgba(255,255,255,0) 100%
    );
	background-image: -webkit-gradient(
		linear, 
		left top, 
		left bottom, 
		from(rgba(255,255,255,0.1)), 
		to(rgba(255,255,255,0))
	);
}

form input[type='submit']:hover {
	background-color:#303030;
}

form input[type='submit']:active {
	background-color:#8f2c09;
	padding-top: 6px;
	padding-bottom: 4px;
}

form h2 {
	margin-top:40px;
	margin-bottom:2px;
}

form p {
	margin-top:5px;
}

form .validation-summary ul {
	margin-top:-10px;
}

form .validation-summary ul li label {
	display:inline;
	padding:0px; margin:0px;
}

form .validation-summary.error {
	color:#ff877f;
}

form .validation-summary.error ul li label {
	font-weight:bold;
	color:#ff877f;
}

form .validation-summary.success {
	color:#b1ffb5;
}

/* @end */

/* @end */

/* @group Header */

#header {
	min-height:86px;
	display:block;
	width: 100%;
	margin: 40px 0px 0px 0px;
	text-align:right;
	background-image:url(../img/cocoabots_logo.png);
	background-repeat:no-repeat;
	background-position:left top;
}

#header #cocoabots-logo {
	float:left;
	display:block;
	text-align:left;
	overflow:hidden;
	text-indent:-600px;
	height:86px;
	width:88px;
}

#header #tagline {
	margin-top:10px;
	margin-bottom:20px;
	display:inline-block;
	text-indent:4000px;
	overflow:hidden;
	background-image:url(../img/tagline.png);
	background-repeat:no-repeat;
	background-position:left center;
	width:419px;
	height:22px;
}

#header #navigation {
	display:inline-block;
	margin:0;
	padding:8px 8px 0px 8px;
	background:#141414;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #000;
	border-bottom-width:0px;
	-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.3);
	-webkit-text-stroke:1px transparent;
	text-shadow: 0 0 1px rgba(0,0,0,0);
	vertical-align: top;
    list-style: none;
}

#header #navigation li {
    display: inline;
    list-style: none;
}

#header #navigation li ul {
    display: inline-block;
    position: relative;
    top: 2em;
    left: 0px;
    margin: 0;
    padding: 0;
}

#header #navigation li a {
	font-family:HelveticaNeue, sans-serif;
	font-weight:600;
	color: #666666;
	position:relative;
	top:-3px;
	text-transform:uppercase;
	display:inline-block;
	padding: 0px 6px 4px 6px;
	text-shadow: 0 0 1px rgba(0,0,0,0);
}

#header #navigation li.active ul li a {
	color: #666666;
}

#header #navigation li a:hover,
#header #navigation li.active ul li a:hover, 
#header #navigation li.active a {
	color: #fff;
}

/* @group Secondary Navigation */

#secondary-navigation {
	text-align:center;
    display: block;
    margin: 0px auto 15px auto;
    padding: 0px 0px 15px 0px;
	background-image:url(../img/divider.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}

#secondary-navigation li {
	display:inline;
}

#secondary-navigation li a {
    display:inline-block;
    font-size: 15px;
    margin: 0px 5px;
    padding: 10px 2px 3px 2px;
    color:#959595;
    color:rgba(255, 255, 255, 0.4);
	text-align:center;
	border-bottom: 1px solid transparent;
	-webkit-transition-property: color, border-bottom-color;
}

#secondary-navigation li a:hover,
#secondary-navigation li.active a {
    color:#ffffff;
}

#secondary-navigation li a:hover {
	border-bottom-color: rgba(255,255,255,0.2);
}

#secondary-navigation li.active a {
	border-bottom-color: #fff;
}

/* @end */

/* @end */

/* @group Body */

#content {
	clear:both;
    text-align: left;
    margin: 30px 0px;
    padding: 0;
    line-height:28px;
}

#content h1,
#content h2,
#content h3,
#content h4 {
	margin-bottom:0px;
	color:#fff;
}

.article-body img,
.article-body object,
.article-body video,
.article-comments img,
.page-field img,
.page-field object,
.page-field video {
	display: block;
    margin: 15px auto 15px auto;
    background-color:#191919;
    background-image: -moz-linear-gradient(
    	center top,
    	rgba(255,255,255,0) 0%,
    	rgba(255,255,255,0.05) 100%
    );
    background-image: -webkit-gradient(
		linear, 
		left top, 
		left bottom, 
		from(rgba(255,255,255,0)), 
		to(rgba(255,255,255,0.05))
	);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
	box-shadow: 0px 0px 5px rgba(9,0,0,0.6);
	-moz-box-shadow: 0px 0px 5px rgba(9,0,0,0.6);
	-webkit-box-shadow: 0px 0px 5px rgba(9,0,0,0.6);
}

.article-body h1:first-child,
.article-body h2:first-child,
.page-field h1:first-child,
.page-field h2:first-child {
	margin-top:0px;
}

#content dl dt {
	line-height:22px;
	font-size:16px;
	color:#fff;
	font-weight:500;
}

#content dl dd {
	margin-left:0px;
}

#content .back-to-top {
	text-align:right;
	margin-right:20px;
}

#content .back-to-top a {
	color:#4c4c4c;
	font-size:11px;
}

#content .back-to-top a:hover {
	color:#fff;
}

.page-field {
	clear:both;
}

.page-field h1:first-child {
	margin-top:0px;
}

/* @end */


/* @group Hyperspaces Promotional Tile */

#starfield {
	width: 100%;
    margin: 0;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-top: 1px solid rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.25);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.25);
    display: block;
    height: 256px;
    background-color: #331642;
    background-image: url(../img/stars_gradient.png);
    background-position: center bottom;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    -webkit-animation-name: bgcolors;
    -webkit-animation-duration: 30s;
    -webkit-animation-delay: 0s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-direction: alternate;
    -moz-animation-name: bgcolors;
    -moz-animation-duration: 30s;
    -moz-animation-delay: 0s;
}

#starfield1, #starfield2, #starfield3, #starfield4, #starfield-inner-shadow {
	position:relative;
	border-radius: 6px;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    opacity: 0;
    filter: alpha(opacity = 0);
    width: 760px;
    height: 256px;
    position: absolute;
    background-repeat: repeat-x;
}

#starfield1, #starfield2, #starfield3, #starfield4 {
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-direction: normal;
    -webkit-animation-name: scrollery;
    -moz-animation-iteration-count: infinite;
    -moz-animation-delay: 0s;
    -moz-animation-timing-function: linear;
    -moz-animation-direction: normal;
    -moz-animation-name: scrollery;
}

#starfield1 {
    background-image: url(../img/warp_faded.png);
	background-position: 0px 256px;
	background-attachment:left bottom;
    -webkit-animation-duration: 30s;
    -moz-animation-duration: 30s;
}

#starfield2 {
    background-image: url(../img/warp_faded.png);
    background-position: 0px 13px;
    -webkit-animation-duration: 25s;
    -moz-animation-duration: 25s;
}

#starfield3 {
    background-image: url(../img/warp_faded.png);
	background-position: 0px 33px;
    -webkit-animation-duration: 15s;
    -moz-animation-duration: 15s;
}

#starfield4 {
    background-image: url(../img/warp_faded.png);
    background-position: 0px -128px;
    -webkit-animation-duration: 15s;
    -moz-animation-duration: 15s;
}

#starfield-inner-shadow {
    opacity: 1;
    filter: alpha(opacity = 100);
	margin-top:1px;
    height: 250px;
    width:758px;
    box-shadow: 1px -2px 3px rgba(0,0,0,1);
    -moz-box-shadow: 1px -2px 3px rgba(0,0,0,1);
    -webkit-box-shadow: 1px -2px 3px rgba(0,0,0,1);
}

#promo-tile {
	position:relative;
	left: 0px;
	bottom:25px;
	padding-top:74px;
	padding-right:75px;
	background-image: url(../img/promo/hs_cropped.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:210px;
	text-align:right;
	cursor:pointer;
}

#starfield #promo-tile a.promo-title {
	margin:0px auto 0px auto;
	display:inline-block;
	width:338px; 
	height:103px;
	overflow:hidden;
	text-align:left;
	text-indent:-5000px;
	background-image: url(../img/promo/hyperspaces_words.png);
	background-repeat:no-repeat;
	background-position:left center;
}


#promo-tile-info {
    color:#595959;
    color:rgba(255, 255, 255, 0.7);
}

#promo-tile-info .details {
	display:inline-block;
	width:338px;
	text-align:center;
	font-size: 13px;
}

#download-button, 
#purchase-button {
	overflow:hidden;
	display:inline-block;
	text-indent:-400px;
	text-align:left;
	margin: 10px 0px 5px 8px;
	opacity:0.8;
    filter: alpha(opacity = 80);
	background-repeat:no-repeat;
	background-position:center center;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-webkit-transition-property: opacity, -webkit-box-shadow;
    -webkit-animation-direction: alternate;
	-webkit-transition-timing-function: linear;
	-webkit-transition-duration: 0.2s;
	-moz-transition-property: opacity, -webkit-box-shadow;
    -moz-animation-direction: alternate;
	-moz-transition-timing-function: linear;
	-moz-transition-duration: 0.2s;
}

#download-button:hover,
#purchase-button:hover {
	opacity:1.0;
    filter: alpha(opacity = 100);
}

#download-button {
	width:148px;
	height:36px;
	background-image:url(../img/download_btn.png);
}

#purchase-button {
	width:175px;
	height:36px;
	background-image:url(../img/purchase_btn.png);
}

#starfield.small,
#starfield.small #starfield1,
#starfield.small #starfield-inner-shadow,
#starfield.small #promo-tile,
#starfield.small #promo-tile a.promo-title,
#starfield.small #purchase-button,
#starfield.small #download-button
{
	height: 50px;
}

#starfield.small {
	margin-bottom:10px;
	background-image:url(../img/small_stars_gradient.png) !important;
}

#starfield.small #starfield1 {
	background-image:url(../img/small_warp.png);
}

#starfield.small #starfield2,
#starfield.small #starfield3,
#starfield.small #starfield4 {
	display:none;
	background-image:none;
	-webkit-transition-property:none;
	-moz-transition-property:none;
}

#starfield.small #promo-tile {
	top:0px;
	width:760px;
	padding:0px;
	background-image: url(../img/promo/hs_cropped_small.png);
}

#starfield.small #promo-tile a.promo-title {
	width:191px;
	background-image: url(../img/promo/hyperspaces_words_small.png);
	background-position:left bottom;
}

#starfield.small #promo-tile-info {
	display:inline-block;
	width:500px;
	text-align:right;
	margin-right:5px;
}

#starfield.small #download-button,
#starfield.small #purchase-button {
	padding:0px;
	margin:0px 0px 0px 12px;
}

/* @end */


#tiles {
	width:100%;
	margin:0px auto;
	text-align:center;
}

#tiles a {
	border-width:0;
	margin:0;padding:0;
	margin-left:10px;
	display:inline-block;
	width:242px;
	height:101px;
}

#tiles a:first-child {
	margin-left:0px;
}

#tiles a img {
	border-width:0px;
}

.color-and-context {
	display:inline;
}

.color-and-context a {
	display:block;
	margin:25px auto 20px auto;
	height:26px;
	width:645px;
	text-align:left;
	text-indent:-4000px;
	background-image:url(../img/promo/color_and_context.png);
	background-repeat:no-repeat;
	background-position:center top;
    -webkit-transition-property: background-image;
    -webkit-transition-timing-function: fade-out;
    -webkit-transition-duration: 0.5s;
    -moz-transition-property: background-image;
    -moz-transition-timing-function: fade-out;
    -moz-transition-duration: 0.5s;
}

.color-and-context a:hover {
	background-position:center -27px;
}

.product.color-and-context {
    display:block;
    margin:25px auto 20px auto;
    height:32px;
    width:661px;
    text-align:left;
    text-indent:-4000px;
    background-image:url(../img/hyperspaces/color_and_context.png);
    background-repeat:no-repeat;
    background-position:center center;
}

.centered-divider {
	margin:0.5em;
	text-align:center;
	font-size:100%;
	opacity:0.2;
}

.centered-divider span:after {
	content:"• • •";
}

.typ-embiggen {
	margin:0;
	padding:0;
	opacity:0.2;
	font-size:150%;
	vertical-align:baseline;
	text-shadow:none;
	font-family: "Warnock Pro", "Baskerville", "Goudy Old Style","Palatino","Book Antiqua",serif;
}

/* @group Homepage */

/* @group Services Promo */

#services-promo {
	width:500px;
	background-image:url(../img/services_icon.png);
	background-repeat:no-repeat;
	background-position:85px 0px;
	padding-left:260px;
	text-align:left;
	min-height:136px;
	margin-top: 1em;
}

#services-promo h2 {
	display:inline;
}

#services-promo h2 a {
	display:inline-block;
	overflow:hidden;
	text-indent:-10000px;
	background-image:url(../img/services_tagline.png);
	background-repeat:no-repeat;
	background-position:left center;
	width: 380px;
	height:31px;
	margin-top:5px;
	margin-bottom:0px;
}

#services-promo p {
    margin-top: 0.5em;
	width: 470px;
}


/* @end */



/* @end */

/* @group Feature List */

.feature-list {
	display:block;
	margin:0;
	padding:0;
	clear:both;
}

.feature-list .column-1,
.feature-list .column-2,
.feature-list .column-3,
.feature-list .column-2-and-3 {
	vertical-align:top;
    display:inline-block;
    margin: 15px 0px;
}

.page-field .feature-list:first-child .column-1,
.page-field .feature-list:first-child .column-2,
.page-field .feature-list:first-child .column-3,
.page-field .feature-list:first-child .column-2-and-3 {
    margin: 0px 0px;
}

.feature-list .column-1,
.feature-list .column-2,
.feature-list .column-3 {
    width:235px;
}

.feature-list .column-1,
.feature-list .column-2 {
	padding-right:20px;
}

.feature-list .column-2-and-3 {
	width:490px;
}

.feature-list h2,
.feature-list h3,
.feature-list h4 {
	vertical-align:bottom;
	margin-top:0;
	border-bottom:1px solid #333;
	border-bottom-color: rgba(255,255,255,0.1);
}

.feature-list h3,
.feature-list h4 {
	margin-top:7px;
	font-size:16px;
	line-height:22px;
}

.feature-list p {
	margin: 3px 0px 0px 0px;
	line-height:20px;
}

.feature-list ul {
	margin-top:3px;
	margin-bottom:8px;
}

.feature-list img {
	margin-top: 0px;
	margin-bottom:2px;
	background-image:none;
	background-color:transparent;
	border-width:0px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.feature-list img.left {
	margin-right: 5px;
}

.feature-list img.right {
	margin-left:5px;
}

/* @end */

/* @group FAQs */

.faq-list h2 {
	font-size:15px;
}

.faq-list h3 {
	font-size:14px;
}

.faq-list h4, h5, h6 {
	font-size:13px;
}

.faq-list img {
	display: block;
	margin: 10px auto 10px auto;
}

/* @end */

/* @group Release Notes */

.release-notes .version-title {
	font-size:18px;
}

.release-notes .version-title .build-number {
	font-size:13px;
	color:#ddd;
	color:rgba(255,255,255,0.2);
}

.release-notes .version-date {
	margin:0px 0px 10px 0px;padding:0;
	font-size:13px;
}

.release-notes .version-notes {
    font-size: 13px;
}

.release-notes .version-notes h4 {
	margin-top:6px;
	font-size:15px;
    color:#eeeeee;
    color:rgba(255, 255, 255, 0.7);
}

.release-notes .version-notes ul {
	margin-bottom:20px;
}

.release-notes .download-info {
    color:#eeeeee;
    color:rgba(255, 255, 255, 0.7);
}

/* @end */

/* @group Blog */

#content .article-header {
	display:inline;
	font-size:24px;
}

#content .article-header a {
	margin-left:100px;
	margin-top:70px;
	display:block;
	background-color:transparent;
	text-decoration:none;
	border-bottom:1px solid #333;
	border-color:rgba(255,255,255,0.2);
	color:#fff;
}

#content .article-header a:hover {
    color:#f50;
}

#content .article-header a:first-child {
	margin-top:0px;
}

#content .article-date {
	display:block;
	position:relative;
	top:-29px;
	left:0px;
	width:88px;
	overflow:visible;
	letter-spacing: -1px;
	font-size: 22px;
	font-weight:bolder;
	text-transform:uppercase;
	text-align:right;
	color:#808080;
	color:rgba(255,255,255,0.5);
}

#content .article-date .article-day {
	color:#4d4d4d;
	color:rgba(255,255,255, 0.7);
}

#content .article-date .article-year {
	border-top:1px solid #333;
	border-color:rgba(255,255,255,0.2);
	display:block;
	color:#b3b3b3;
	color:rgba(255,255,255,0.3);
	letter-spacing:0px;
	line-height:28px;
}

#content .article-body {
	margin:-58px 0px 0px 100px;
}

#content .article-body p:first-child {
	position:relative;
	top:-3px;
}

#content .article-body pre code {
	white-space:pre;
}

#content .article-body pre {
	white-space:normal;
	line-height:140%;
	margin: 0px -15px 0px -15px;
	height:auto;
	padding: 0px 15px 10px 15px;
	overflow: auto;
	-webkit-mask-image: -webkit-gradient(
		linear, 
		left top, 
		right top, 
		from(rgba(0,0,0,0)), 
		to(rgba(0,0,0,0)),
		color-stop(
			0, 
			rgba(0,0,0,0)
		), 
		color-stop(
			0.03, 
			rgba(0,0,0,1)
		), 
		color-stop(
			0.97, 
			rgba(0,0,0,1)
		),
		color-stop(
			1, 
			rgba(0,0,0,0)
		)
	);
}

#content .article-body blockquote {
	font-size:120%;
	color: rgba(0,0,0,0.8);
	z-index:100;
}

#content .article-body blockquote:before {
	position:absolute;
	font-size:800%;
	font-family: Baskerville, Georgia, serif;
	font-weight:bold;
	padding-top:40px;
	margin-left:-40px;
	color:#f4f4f4;
	color:rgba(0,0,0,0.05);
	z-index:1;
	content: "“";
}

#content ul.article-meta {
	font-size:14px;
	color: #535353;
	color: rgba(0,0,0,0.6);
	margin: 0px 0px 70px 100px;
	padding:0px;
}

#content ul.article-meta li {
	padding-right: 10px;
	display:inline-block;
}

#content ul.article-meta li.tags a {
	font-weight:500;
	color: #535353;
	color: rgba(0,0,0,0.6);
}

#content ul.article-meta li.tags a:hover {
	color: #740404;
	border-bottom-color:#000;
}

/* @end */

/* @group Blog Comments */

.article-comments {
	display:block;
	margin-top:70px;
	margin-left:100px;
}

.article-comments h2 {
	margin-bottom:0px;
}

ul.comments {
	list-style:none;
	display:inline;
}

ul.comments li {
	display:block;
	padding:3px;
	margin-top:10px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

ul.comments li.mine {
    background-image:-moz-linear-gradient(
    	center top,
    	rgba(255,255,240,0.05) 0%,
    	rgba(255,255,240,0) 100%
    );
	background-image:-webkit-gradient(
		linear, 
		left top, 
		left bottom, 
    	from(rgba(255,255,240,0.05)),
    	to(rgba(255,255,240,0))
	);	
}

ul.comments li img.author-image {
	float:left;
	margin:6px 10px;
	padding:0px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

ul.comments li blockquote {
	margin:5px 5px 20px 80px;
}

ul.comments li blockquote p {
	margin-top:0px;
}

ul.comments li .date {
	display:block;
	font-size:13px;
	font-style:italic;
	color:#999;
	color:rgba(255,255,255,0.6);
	clear:both;
	text-align:right;
	padding: 0px 15px 5px 15px;
	margin-top:-10px;
	margin-bottom:0px;
}

.article-comments form {
	margin-top:50px;
}

/* @end */



/* @group Post Navigation */

#content .navigation {
	width:100%;
	clear:both;
	margin-left:90px;
	font-size:16px;
}

#content .navigation div {
	display:inline-block;
	margin-top:20px;
	margin-bottom:20px;
}

#content .navigation .left {
	float:left;
	text-align:left;
}

#content .navigation .right {
	float:right;
	text-align:right;
}

#content .typoelement {
	font-size:20px;
    -webkit-transition-property: color;
    -webkit-transition-timing-function: fade-out;
    -webkit-transition-duration: 0.75s;
    -moz-transition-property: color;
    -moz-transition-timing-function: fade-out;
    -moz-transition-duration: 0.75s;
}

#content .navigation:hover .typoelement {
	color: rgba(255,255,255,0.9);
}

#content a.back-to-top {
	display:block;
	margin-top:30px;
	font-size:14px;
	border-bottom-width:0px;
	margin-right:20px;
}


/* @end */

/* @group Footer */

#footer {
	text-align:center;
	clear:both;
    margin-top: 25px;
    color:#656565;
    color:rgba(255, 255, 255, 0.35);
    font-size: 11px;
}

#footer hr {
	margin-bottom: 25px;
}

#footer a {
    font-weight:300;
}

/* @end */