@charset "utf-8";
/* CSS Document */

* {
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}




body {
	
	margin: 0;
	padding: 0;
	
	font-family: 'PT Mono', monospace;
	font-size: 12px;
	line-height: 22px;
	
	background-color: #111111;
	color: #CCC;
}

h1, h2, h3, h4, h5 {
	font-family: 'Lora', serif;
	font-weight: normal;
	color: #fff;
}

h1 {	font-size: 50px;	line-height: 45px;	}	.mobile h1 {	font-size: 44px;	line-height: 45px;	}
h2 {	font-size: 44px;	line-height: 42px;	}	.mobile h2 {	font-size: 35px;	line-height: 37px;	}
h3 {	font-size: 35px;	line-height: 34px;	}	.mobile h3 {	font-size: 25px;	line-height: 28px;	}
h4 {	font-size: 25px;	line-height: 25px;	}	.mobile h4 {	font-size: 16px;	line-height: 22px;	}
h5 {	font-size: 16px;	line-height: 18px;	}	.mobile h5 {	font-size: 16px;	line-height: 20px;	}

/*font-family: 'Passion One', cursive;*/



div {
	display: block;
	margin: 0;
	padding: 0;
}


div, li, ul, tabel, tr, td, span {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

p, a, small {
	letter-spacing: 1px;
}

a {
	text-decoration: none;
	color: inherit;
	
	-webkit-transition: all 250ms cubic-bezier(0, .5, .15, 1) 0ms;
	-moz-transition: all 250ms cubic-bezier(0, .5, .15, 1) 0ms;
	-o-transition: all 250ms cubic-bezier(0, .5, .15, 1) 0ms;
	transition: all 250ms cubic-bezier(0, .5, .15, 1) 0ms;
}

a:hover {		cursor: pointer;	}

small {
	font-size: 10px;
	opacity: 0.75;
}

.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

iframe {
	width: 100%;
	
	-webkit-transition: height 200ms cubic-bezier(0, .5, .15, 1) 500ms;
	-moz-transition: height 200ms cubic-bezier(0, .5, .15, 1) 500ms;
	-ms-transition: height 200ms cubic-bezier(0, .5, .15, 1) 500ms;
	transition: height 200ms cubic-bezier(0, .5, .15, 1) 500ms;
}

.hashtag {
	display: inline-block;
	padding: 4px 10px 3px 10px;
	background-color: #FFF;
	border-radius: 20px;
	color: #111;
}

.hashtag .icons {
	font-size: 75%;
	vertical-align: 1px;
}

.hashtag.yellow {	background-color: #acb94b !important;	}
.hashtag.blue {		background-color: #5b59a0 !important;	}
.hashtag.green {	background-color: #5cab68 !important;	}
.hashtag.gray {		background-color: #999999 !important;	}



.dot {
	display: inline-block;
	margin: 0 10px 0 0;
	width: 7px;
	height: 7px;
	vertical-align: 1px;
	background-color: #999999;
}

.dot.yellow {	background-color: #acb94b !important;	}
.dot.red {		background-color: #b94b4b !important;	}
.dot.blue {		background-color: #5b59a0 !important;	}
.dot.green {	background-color: #5cab68 !important;	}