.header .clock {
	width: 620px;
	height: 116px;
	margin: 0 auto;
}

.header .flip-clock-divider .flip-clock-label {
	font-size: 24px;
	color: rgb(204, 204, 204);
}

.header .flip-clock-divider.seconds .flip-clock-label { right: -114px; }
.header .flip-clock-divider.minutes .flip-clock-label { right: -110px; }
.header .flip-clock-divider.hours .flip-clock-label { right: -102px; }
.header .flip-clock-dot { background: rgb(160, 160, 160); }
.header .buttons { text-align: center; margin: 60px 0 0;}

.header.no-clock { padding: 25px 0 75px; }
.header.no-clock .clock { display: none; }
.header.no-clock .buttons { float: right;  margin: 7px 2em; }
.header.no-clock .buttons a { display: none; font-size: 20px; }
.header.no-clock .buttons a:first-child { display: inline-block; }
.header.no-clock h1 { position: absolute; left: .5em; top: 15px; margin: 0; font-size: 50px; }
.header.no-clock .version { font-size: 16px; }
.buttons a { display: inline-block !important; margin-right: .5em; width: auto; }
.buttons a:last-child { margin-right: 0; }


.grand-button, a.grand-button, a.grand-button:hover { 
	font-size: 24px; 
	color: white; 
	background: rgb(203, 13, 112);
	padding: 0.45em 0.5em;
	border: none;
	border-radius: 3px;
	box-shadow: 2px 2px 0 rgb(154, 30, 63);
	text-shadow: 0 -1px 0 rgb(154, 30, 63);
	cursor: pointer; width: 100%;
}

.grand-button:active { box-shadow: none; position: relative; top: 1px; }

.flat.button { background: rgb(203, 13, 112); border: none; box-shadow: none; border-radius: 5px; padding: .8em; }
.flat.round.button { border-radius: 1000px; -moz-border-radius: 1000px; -webkit-border-radius: 1000px; padding: 10px 12px; }


@media screen and (min-width: 767px) {

	a.grand-button,
	a.grand-button:hover { width: auto; display: inline-block !important; }
	
}

@media screen and (max-width: 767px) {

	.flip-clock-wrapper ul { height: 70px; line-height: 50px; }
	.flip-clock-wrapper ul li a div.up:after { top: 24px; }
	.flip-clock-divider { height: 50px; }
	.flip-clock-dot { height: 6px; width: 6px; left: 7px;}
	.flip-clock-dot.top { top: 17px; }
	.flip-clock-dot.bottom { bottom: 8px; }
	
	.grand-button,
	a.grand-button,
	a.grand-button:hover { 
		display: block !important;
		width: 95%; 
		margin: 0 2.5% 10px !important;
	}
	
	.header .flip-clock-divider .flip-clock-label { font-size: 16px; }
	.header .flip-clock-divider.hours .flip-clock-label { right: -66px; }
	.header .flip-clock-divider.minutes .flip-clock-label { right: -78px; }
	.header .flip-clock-divider.seconds .flip-clock-label { right: -78px; }
	
	.flip-clock-wrapper ul { width: 37px; }
	.flip-clock-wrapper ul li a div div.inn { font-size: 30px; }
	.flip-clock-label{display: none}
}

dl dt { font-size: 18px; font-weight: bold; margin-bottom: .5em; }
dl dd { margin-bottom: 1em; line-height: 1.5em; }
dl dd b { font-weight: normal; font-family: monospace; }


.flip-clock-wrapper.clock-example { margin: 40px 0 20px 0;}

.clock-example .flip-clock-label { font-size: 16px; }
.clock-example .flip-clock-meridium a,
.clock-example .flip-clock-meridium a:hover { font-size: 24px; color: rgb(74, 73, 74); position: absolute; top: 10px; }






/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

code { background: none; }

code[class*="language-"],
pre[class*="language-"] {
	color: white;
	font-family: Consolas, Monaco, 'Andale Mono', monospace;
	direction: ltr;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

@media print {
	code[class*="language-"],
	pre[class*="language-"] {
		text-shadow: none;
	}
}

/* Code blocks */
pre[class*="language-"] {
	padding: 0 1em 1em 1em;
	margin: .5em 0;
	overflow: auto;	
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: rgb(23, 23, 23);
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}

.token.punctuation {
	color: rgb(199, 203, 255);
}

.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number {
	color: #905;
}

.token.selector,
.token.attr-name,
.token.string {
	color: rgb(127, 208, 255);
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
	color: rgb(114, 255, 197);
}

.token.atrule,
.token.attr-value,
.token.keyword {
	color: rgb(203, 13, 112);
}


.token.regex,
.token.important {
	color: #e90;
}

.token.important {
	font-weight: bold;
}

.token.entity {
	cursor: help;
}