@charset "utf-8";

html {
	height: 100%;
}

.meta-img {
	position: absolute;
	z-index: -1;
}

#navigation {
	opacity: 1;
	/* background-color: #67181E; */
	width: 50%;
	height: auto;
	clip: rect(auto,auto,auto,auto);
	left: auto;
	right: auto;
	float: left;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5%;
	word-spacing: 110%;
	margin-left: 0px;
	margin-top: 15px;
}

.preload {
	display: none;
}

#home-btn {
	
}

.home-icon {
	display: block;
	width: 128px;
	height: 139px;
	background: url(../img/style/icon_home.png);
	margin-top: -42px;
}

.home-icon:hover {
	background-image: url(../img/style/icon_home_over.gif);
	margin-top: -12px;
}

#games-btn {
	
}

.games-icon {
	display: block;
	width: 128px;
	height: 139px;
	background: url(../img/style/icon_games.png);
	margin-top: -42px;
}

.games-icon:hover {
	background-image: url(../img/style/icon_games_over.gif);
	margin-top: -12px;
}

#contact-btn {
	
}

.contact-icon {
	display: block;
	width: 128px;
	height: 139px;
	background: url(../img/style/icon_contact.png);
	margin-top: -42px;
}

.contact-icon:hover {
	background-image: url(../img/style/icon_contact_over.gif);
	margin-top: -12px;
}

#about-btn {
	
}

.about-icon {
	display: block;
	width: 128px;
	height: 139px;
	background: url(../img/style/icon_about.png);
	margin-top: -42px;
}

.about-icon:hover {
	background-image: url(../img/style/icon_about_over.gif);
	margin-top: -12px;
}

#back-btn {
	
}

.back-icon {
	display: block;
	width: 128px;
	height: 139px;
	background: url(../img/style/icon_back.png);
	margin-top: -42px;
}

.back-icon:hover {
	background-image: url(../img/style/icon_back_over.gif);
	margin-top: -12px;
}

#assets-btn {
	
}

.assets-icon {
	display: block;
	width: 128px;
	height: 139px;
	background: url(../img/style/icon_assets.png);
	margin-top: -42px;
}

.assets-icon:hover {
	background-image: url(../img/style/icon_assets_over.gif);
	margin-top: -12px;
}

.navbutton {
	float: left;
	width: 128px;
	height: 126px;
	background: url(../img/style/nav_button.png) no-repeat;
	/*
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	*/
	display: block;
	margin-right: 30px;
	/*
	margin-top: 30px;
	*/
}

.navbutton:hover {
	/*margin-top: 0px;*/
	/*background: url(../img/style/nav_button_over.png) no-repeat;*/
	height: 180px;
}

#nav {
	
	position: absolute;
	top: -30px;
	left: 50%;
	height: 157px;
	margin-left: -380px;
	/*
	width: 100%;
	margin-left: 25%;
	margin-top: -100px;
	*/
}

.utgborderlogo {
	float: left;
	width: 250px;
	height: 73px;
	background: url(../img/style/utg_logo_border.png) no-repeat;
	display: block;
	margin-right: 30px;
	margin-top: 79px;
}

#icon-holder {
	clear: both;
	float: right;
	display: block;
	/*
	position: absolute;
	right: 32px;
	top: 12px;
	height: 52px;
	width: auto;
	*/
}

#icon {
	float: left;
	width: 61px;
	height: 97px;
	display: block;
	margin-left: 5px;
	margin-top: -10px;
}

.icon-facebook {
	float: left;
	display: block;
	width: 61px;
	height: 97px;
	background: url(../img/icons/facebook_long.png) no-repeat;
}

.icon-twitter {
	float: left;
	display: block;
	width: 61px;
	height: 97px;
	background: url(../img/icons/twitter_long.png) no-repeat;
}

.icon-mastodon {
	float: left;
	display: block;
	width: 61px;
	height: 97px;
	background: url(../img/icons/mastodon_long.png) no-repeat;
}

.icon-youtube {
	float: left;
	display: block;
	width: 61px;
	height: 97px;
	background: url(../img/icons/youtube_long.png) no-repeat;
}

#share-icon {
	float: left;
	width: 122px;
	height: 42px;
	display: inline-block;
}

.icon-share-facebook {
	display: inline-block;
	width: 122px;
	height: 42px;
	background: url(../img/share/facebook.png) no-repeat;
	margin-right: 30px;
}

.icon-share-twitter {
	display: inline-block;
	width: 122px;
	height: 42px;
	background: url(../img/share/twitter.png) no-repeat;
}

.icon-share-soundtrack {
	display: inline-block;
	width: 234px;
	height: 42px;
	background: url(../img/star_reaction/soundtrack_btn.png) no-repeat;
}

.share-icon-holder {
	float: none;
	width: 35%;
	min-width: 300px;
	background-color: #151515;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	box-shadow: 2px 2px 19px #000;
	-o-box-shadow: 2px 2px 19px #000;
	-webkit-box-shadow: 2px 2px 19px #000;
	-moz-box-shadow: 2px 2px 19px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'Questrial', sans-serif;
}

/*
table {
	margin:0px;padding:0px;
	box-shadow: 5px 5px 3px #888888;
	border:1px solid #E8E8E8;
	-moz-border-radius:3px;
	-webkit-border:3px;
	border:3px;
}
*/

.contact-table {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.contact-textarea {
	resize: vertical;
	width: 100%;
}

.about-table {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.description {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}

.shadow {
	box-shadow: 5px 5px 3px #888888;
}

.floatRight tr:nth-child(odd) {
	background-color:#EBEBEB;
}
.floatRight tr:nth-child(even) {
	background-color:#ffffff;
}

#topBar {
	/*
	position: relative;
	left: 40%;
	*/
	z-index: 10;
	position: fixed;
	top: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	/*margin-bottom: 60px;*/
	width: 100%;
	min-width: 1100px;
	height: 77px;
	left: 0px;
	
	background: -moz-linear-gradient(top,  rgba(31,92,152,0.85) 0%, rgba(15,46,76,0.85) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,92,152,0.85)), color-stop(100%,rgba(15,46,76,0.85))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(31,92,152,0.85) 0%,rgba(15,46,76,0.85) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(31,92,152,0.85) 0%,rgba(15,46,76,0.85) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(31,92,152,0.85) 0%,rgba(15,46,76,0.85) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(31,92,152,0.85) 0%,rgba(15,46,76,0.85) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801f5c98', endColorstr='#800f2e4c',GradientType=0 ); /* IE6-9 */

	-webkit-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.75);
}

#topBarStuffHolder {
	min-width: 1100px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

#logoHolder {
	float: left;
}

#tweetHolder {
	width: 784px;
	height: 97px;
	clear: none;
	float: right;
	margin-top: -10px;
	margin-right: -8px;
	display: block;
}

#tweetHolder2 {
	overflow: hidden;
	overflow-y: hidden;
	margin-left: -30px;
}

.tweetIFrame {
	float: left;
	overflow: hidden;
	overflow-y: hidden;
	border: 0px;
}

#form {
	clear: both;
	margin: 25px;
	padding: 15px;
}	

/*
#navigation ul, li {
	display:inline;
	margin: 0px;
	padding: 0px;
}
*/

/*
.cssClass li {
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
}
*/

li {
	margin-top: 10px;
	margin-bottom: 10px;
	list-style-type: disc;
	list-style-position: inside;
	text-indent: -1.85em;
	padding-left: 1.85em;
}

#navigation a:visited {
	color: #FFF;
	text-decoration: none;	
}

#navigation a:link {
	color: #FFF;
	text-decoration: none;	
}

#navigation a:link:hover {
	color:#CCC;
	text-decoration: none;
}

#wrapper {
	/*
	width: 70%;
	min-width: 1100px;
	padding-left: 15%;
	padding-right: 15%;
	*/
	/*
	background-color: #0F2E4C;
	background-image: url(../img/style/pattern2_mk2.png);
	background-repeat: repeat-x;
	*/
	/*
	background:
		radial-gradient(black 15%, transparent 16%) 0 0,
		radial-gradient(black 15%, transparent 16%) 8px 8px,
		radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
		radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
	background-size:16px 16px;
	*/
	
	height: 100%;
	min-height: 100%;
	
	background: #0F2E4C; /* Old browsers */
	background: -moz-linear-gradient(top,  #1f5c98 0%, #0f2e4c 500px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f5c98), color-stop(500px,#0f2e4c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1f5c98 0%,#0f2e4c 500px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1f5c98 0%,#0f2e4c 500px); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1f5c98 0%,#0f2e4c 500px); /* IE10+ */
	background: linear-gradient(to bottom,  #1f5c98 0%,#0f2e4c 500px); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f5c98', endColorstr='#0f2e4c',GradientType=0 ); /* IE6-9 */

}

#logospace {
	/*height: 270px;*/
	min-height: 100px;
}

body {
	margin: 0px;
	height: 100%;
	min-height: 100%;
	background-color: #0F2E4C;
}

#main {
	width: auto;
	height: auto;
	/*background-color: #0F2E4C;*/
	background: rgba(0, 0, 0, 0);
	left: auto;
	right: auto;
	clear: none;
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 140px;
	padding-bottom: 0px;
}

#header {
	font-family: 'Port Lligat Slab', serif;
	width: 850px;
	height: 184px;
	-moz-box-shadow: 3px 10px 3px #000000;
	box-shadow: 3px 3px 10px #000000;
	clear: both;
	float: left;
	padding: 0px;
	margin-top: -40px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	
	background-color: #67181E;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#955D62), to(#67181E));
	background-image: -webkit-linear-gradient(top, #955D62, #67181E); 
	background-image:    -moz-linear-gradient(top, #955D62, #67181E);
	background-image:     -ms-linear-gradient(top, #955D62, #67181E);
	background-image:      -o-linear-gradient(top, #955D62, #67181E);
	
	-webkit-border-radius: 15px 15px 15px 0px;
	-moz-border-radius: 15px 15px 15px 0px;
	border-radius: 15px 15px 15px 0px;
	
	-webkit-box-shadow: #000000 -3px 7px 7px;
	-moz-box-shadow: #000000 -3px 7px 7px;
	box-shadow: #000000 -3px 7px 7px;
}

.floatRight {
	float:right;
}

#mainContentHolder {
	/*margin-top: -150px;*/ /* offset because of logo. */
	margin-top: 60px;
	margin-bottom: 60px;
}

#showcaseHolder {
	margin-top: 60px;
	margin-bottom: 60px;
	text-align: center;
}

.contentBox {
	float: none;
	width: 70%;
	background-color: #CCEEFF;
	clear: both;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	box-shadow: 2px 2px 19px #000;
	-o-box-shadow: 2px 2px 19px #000;
	-webkit-box-shadow: 2px 2px 19px #000;
	-moz-box-shadow: 2px 2px 19px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'Questrial', sans-serif;
}

.blogContentBox {
	position: relative;
	float: none;
	/*width: 70%;*/
	width: 863px;
	background-color: #CCEEFF;
	clear: both;
	margin-top: 203px;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	box-shadow: 2px 2px 19px 2px #000; /* IE-specific fix. y u no render correctly? */
	-o-box-shadow: 2px 2px 19px #000;
	-webkit-box-shadow: 2px 2px 19px #000;
	-moz-box-shadow: 2px 2px 19px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'Questrial', sans-serif;
}

.miniContentBox {
	width: 486px;
	height: auto;
	display: inline-block;
	background-color: #CCEEFF;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	line-height: 16px;
	box-shadow: 2px 2px 19px #000;
	-o-box-shadow: 2px 2px 19px #000;
	-webkit-box-shadow: 2px 2px 19px #000;
	-moz-box-shadow: 2px 2px 19px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'Questrial', sans-serif;
}

.showcaseBox {
	position: relative;
	width: 475px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	background-color: #CCEEFF;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	line-height: 16px;
	box-shadow: 2px 2px 19px #000;
	-o-box-shadow: 2px 2px 19px #000;
	-webkit-box-shadow: 2px 2px 19px #000;
	-moz-box-shadow: 2px 2px 19px #000;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	font-family: 'Questrial', sans-serif;
}

.showcaseText {
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	line-height: 16px;
}

.hoverButton {
	filter: brightness(1);
	-webkit-filter: brightness(1);
	-moz-filter: brightness(1);
	-o-filter: brightness(1);
	-ms-filter: brightness(1);
}

.hoverButton:hover {
	filter: brightness(1.15);
	-webkit-filter: brightness(1.15);
	-moz-filter: brightness(1.15);
	-o-filter: brightness(1.15);
	-ms-filter: brightness(1.15);
}

.align_left {
	text-align: left;
	vertical-align: text-top;
}

.pagination {
	float: none;
	width: 70%;
	background-color: #CCEEFF;
	clear: both;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	box-shadow: 2px 2px 19px #000;
	-o-box-shadow: 2px 2px 19px #000;
	-webkit-box-shadow: 2px 2px 19px #000;
	-moz-box-shadow: 2px 2px 19px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'Questrial', sans-serif;
}

.contentBoxNoLogo {
	float: none;
	width: 70%;
	background-color: #CCEEFF;
	clear: both;
	margin-top: 240px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	box-shadow: 2px 2px 19px #000;
	-o-box-shadow: 2px 2px 19px #000;
	-webkit-box-shadow: 2px 2px 19px #000;
	-moz-box-shadow: 2px 2px 19px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'Questrial', sans-serif;
}

.shadow-img {
	max-width: 100%;
	-moz-box-shadow: 3px 10px 3px #000000;
	box-shadow: 3px 3px 10px #000000;
}

.hover-shadow {
	-moz-box-shadow: 0px 0px 0px #000000;
	box-shadow: 0px 0px 0px #000000;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
}

.hover-shadow:hover {
	-moz-box-shadow: 3px 10px 3px #000000;
	box-shadow: 3px 3px 10px #000000;
}

.inverse-hover-shadow {
	-moz-box-shadow: 3px 10px 3px #000000;
	box-shadow: 3px 3px 10px #000000;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
}

.inverse-hover-shadow:hover {
	-moz-box-shadow: 0px 0px 0px #000000;
	box-shadow: 0px 0px 0px #000000;
}

td.shadow-style {
	color: #000000;
	text-shadow: 0px 1px 0 #AACCEE;
}

p.shadow-style {
	color: #000000;
	text-shadow: 0px 1px 0 #AACCEE;
}

h2.shadow-style {
	color: #000000;
	text-shadow: 0px 1px 0 #AACCEE;
}

.contentBox:hover {
	
}

p.requirements-style {
	font-size: 12px;
}

#main1 {
	height: auto;
}

#main2 {
	height: auto;
	padding-top: 20px;
	padding-bottom: 100px;
}

#main3 {
	height: 700px;
}

#main4 {
	height: 700px;
}

#games {
	clear:both;
	padding: 15px;
	width: 900px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}

#footer {
	position: absolute;
	font-family: 'VT323';
	text-align: center;
	/*margin-top: 30px;
	margin-bottom: 10px;*/
	clear: both;
	/*background-color: #67181E;*/
	width: 100%;
	height: 17px;
	margin-top: -30px;
}

	
/*
.contentBox {
	background-color: #FFFFFF;
	overflow: visible;
	font-family: 'Questrial', sans-serif;
	margin-top: 20px;
	margin-bottom: 30px;
}
*/

#one {
	/*background-color: #FFF;*/
	padding: 15px;
	/*clear: both;*/
	margin-right: auto;
	margin-left: auto;
	/*width: 700px;*/
}

#secondContent{
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	padding: 15px;
}

#aboutContainer {
	overflow: hidden;
	margin: auto;
	width: 930px;
	padding: 0px;
}

.clear {
	clear: both;
}

#Will {
	clear: none;
	float: left;
	width: 250px;
	height: 620px;
	padding: 15px;
	margin-left: 15px;
	margin-right: 30px;
}

#Ethan{
	clear: none;
	float: left;
	width: 250px;
	height: 620px;
	padding: 15px;
	margin-left: auto;
	margin-right: 30px;
}

#Charlie{
	clear: none;
	float: left;
	width: 250px;
	height: 620px;
	padding: 15px;
	margin-left: auto;
	margin-right: 15px;
}

#left-top {
	background: url(../img/style/bg-content-left-top.png) top left no-repeat;
	position: relative;
}

#center-top {
	background: url(../img/style/bg-content-center-top.gif) top repeat-x;
	position: relative;
}

#right-top {
	background: url(../img/style/bg-content-right-top.png) top right no-repeat;
	position: relative;
}

#left-center {
	background: url(../img/style/bg-content-left-center.png) left repeat-y;
	position: relative;
	background-position: 0px 64px;
}

#center-center {
	background: #6699cc;
	position: relative;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	min-width: 1100px;
}

#right-center {
	background: url(../img/style/bg-content-right-center.png) right repeat-y;
	position: relative;
	background-position: 100% 64px;
}

#left-bottom {
	background: url(../img/style/bg-content-left-bottom.png) bottom left no-repeat;
	position: relative;
	padding: 80px 50px 80px 50px;
	background-position: 0% 100%;
}

#center-bottom {
	background: url(../img/style/bg-content-center-bottom.gif) bottom repeat-x;
	position: relative;
	background-position: 0% 100%;
	margin-bottom: 30px;
}

#right-bottom {
	background: url(../img/style/bg-content-right-bottom.png) bottom right no-repeat;
	position: relative;
	background-position: 100% 100%;
}

/*
.lightbox-thumb {
	display: inline-block;
	padding: 4px;
	margin: 0 0.5rem 1rem 0.5rem;
	background: transparent;
	line-height: 0;
	-webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}

.lightbox-thumb:hover {
	background-color: #FF6666;
}
*/

/*
.lightbox-thumb {
	display: inline-block;
	padding: 4px;
	margin: 0 0.5rem 1rem 0.5rem;
	line-height: 0;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	-webkit transition-timing-function: ease-out;
	transition-property: transform;
	transition-timing-function: ease-out;
}

.lightbox-thumb:hover, .lightbox-thumb:focus, .lightbox-thumb:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
*/

.lightbox-thumb {
	display: inline-block;
	padding: 4px;
	/*margin: 0 0.5rem 1rem 0.5rem;*/
	line-height: 0;
	background: transparent;
	vertical-align: middle;
	border: none;
	/*
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	*/
}

.lightbox-thumb:hover, .lightbox-thumb:focus, .lightbox-thumb:active {
	outline: 8px solid #FF6666;
	outline-offset: -12px;
	/*
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
	*/
}

/*
.lightbox-thumb:after {
	position: absolute;
	content: "";
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #000000;
	-moz-box-shadow: 3px 3px 10px #000000;
	box-shadow: 3px 3px 10px #000000;
	z-index: -1;
}
*/

.androidGetSRButton {
	display: inline-block;
	background: url(../img/star_reaction/button_android.jpg) no-repeat;
	width: 413px;
	height: 132px;
	margin-bottom: 6px;
	margin-right: 3px;
}

.androidGetSRButton:hover {
	background: url(../img/star_reaction/button_android_over.jpg) no-repeat;
}

.desktopGetSRButton {
	display: inline-block;
	background: url(../img/star_reaction/button_desktop.jpg) no-repeat;
	width: 413px;
	height: 132px;
	margin-bottom: 6px;
	margin-left: 3px;
}

.desktopGetSRButton:hover {
	background: url(../img/star_reaction/button_desktop_over.jpg) no-repeat;
}

.freeDownloadButton {
	display: inline-block;
	background: url(../img/free_dl_button.png) no-repeat;
	width: 413px;
	height: 132px;
	margin-bottom: 6px;
}

.freeDownloadButton:hover {
	background: url(../img/free_dl_button_over.png) no-repeat;
}

.blog-rss-btn {
	width: 100px;
	height: 16px;
	position: absolute;
	top: 140px;
}

.entry-header {
	margin-top: 0px;
	margin-left: 160px;
	min-height: 0px;
}

.entry-title {
	display: none;
	font-family: 'Play';
	font-size: 48px;
	font-weight: 700;
	margin-top: -17px;
	margin-bottom: 0px;
	padding-top: 0px;
}

a {
	font-weight: 700;
	color: #337;
	text-decoration: none;
}

a:hover {
	font-weight: 700;
	color: #66B;
	text-decoration: none;
}

.vcard {
	display: none;
}

.comments-link {
	display: inline-block;
}

.blog-title {
	display: block;
	z-index: 1;
	position: absolute;
	left: 148px;
	top: -110px;
	float: none;
	width: 761px;
	height: 167px;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}

.blog-title-text-A-red {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 4;
	font-family: 'Baloo Bhaina';
	font-size: 48px;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 156px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	background: -webkit-linear-gradient(#FFFFFF, #e93131);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	pointer-events: none;
}

.blog-title-text-A-orange {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 4;
	font-family: 'Baloo Bhaina';
	font-size: 48px;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 156px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	background: -webkit-linear-gradient(#FFFFFF, #e99031);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	pointer-events: none;
}

.blog-title-text-A-yellow {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 4;
	font-family: 'Baloo Bhaina';
	font-size: 48px;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 156px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	background: -webkit-linear-gradient(#FFFFFF, #e9e331);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	pointer-events: none;
}

.blog-title-text-A-green {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 4;
	font-family: 'Baloo Bhaina';
	font-size: 48px;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 156px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	background: -webkit-linear-gradient(#FFFFFF, #65e931);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	pointer-events: none;
}

.blog-title-text-A-blue {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 4;
	font-family: 'Baloo Bhaina';
	font-size: 48px;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 156px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	background: -webkit-linear-gradient(#FFFFFF, #3153e9);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	pointer-events: none;
}

.blog-title-text-A-violet {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 4;
	font-family: 'Baloo Bhaina';
	font-size: 48px;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 156px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	background: -webkit-linear-gradient(#FFFFFF, #e931de);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	pointer-events: none;
}

.blog-title-text-B {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 3;
	font-family: 'Baloo Bhaina';
	font-size: 48px;
	font-weight: 700;
	color: #CCC;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 156px;
	-webkit-text-stroke-width: 6px;
	-webkit-text-stroke-color: white;
	pointer-events: none;
}

.blog-title-text-C {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 2;
	font-family: 'Baloo Bhaina';
	font-size: 48px;
	font-weight: 700;
	color: #CCC;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 156px;
	-webkit-text-stroke-width: 10px;
	-webkit-text-stroke-color: black;
	pointer-events: none;
}

.blog-title-text-A-multiline-line1-red {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 4;
	font-family: 'Baloo Bhaina';
	font-size: 48px;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 110px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	background: -webkit-linear-gradient(#FFFFFF, #e93131);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	pointer-events: none;
}

.blog-title-text-A-multiline-line1-orange {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 4;
	font-family: 'Baloo Bhaina';
	font-size: 48px;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 110px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	background: -webkit-linear-gradient(#FFFFFF, #e99031);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	pointer-events: none;
}

.blog-title-text-A-multiline-line1-yellow {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 4;
	font-family: 'Baloo Bhaina';
	font-size: 48px;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 110px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	background: -webkit-linear-gradient(#FFFFFF, #e9e331);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	pointer-events: none;
}

.blog-title-text-A-multiline-line1-green {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 4;
	font-family: 'Baloo Bhaina';
	font-size: 48px;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 110px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	background: -webkit-linear-gradient(#FFFFFF, #65e931);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	pointer-events: none;
}

.blog-title-text-A-multiline-line1-blue {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 4;
	font-family: 'Baloo Bhaina';
	font-size: 48px;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 110px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	background: -webkit-linear-gradient(#FFFFFF, #3153e9);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	pointer-events: none;
}

.blog-title-text-A-multiline-line1-violet {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 4;
	font-family: 'Baloo Bhaina';
	font-size: 48px;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 110px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	background: -webkit-linear-gradient(#FFFFFF, #e931de);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	pointer-events: none;
}

.blog-title-text-B-multiline-line1 {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 3;
	font-family: 'Baloo Bhaina';
	font-size: 48px;
	font-weight: 700;
	color: #CCC;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 110px;
	-webkit-text-stroke-width: 6px;
	-webkit-text-stroke-color: white;
	pointer-events: none;
}

.blog-title-text-C-multiline-line1 {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 2;
	font-family: 'Baloo Bhaina';
	font-size: 48px;
	font-weight: 700;
	color: #CCC;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 110px;
	-webkit-text-stroke-width: 10px;
	-webkit-text-stroke-color: black;
	pointer-events: none;
}

.blog-title-text-A-multiline-line2-red {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 4;
	font-family: 'Baloo Bhaina';
	font-size: 48px;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 210px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	background: -webkit-linear-gradient(#FFFFFF, #e93131);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	pointer-events: none;
}

.blog-title-text-A-multiline-line2-orange {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 4;
	font-family: 'Baloo Bhaina';
	font-size: 48px;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 210px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	background: -webkit-linear-gradient(#FFFFFF, #e99031);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	pointer-events: none;
}

.blog-title-text-A-multiline-line2-yellow {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 4;
	font-family: 'Baloo Bhaina';
	font-size: 48px;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 210px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	background: -webkit-linear-gradient(#FFFFFF, #e9e331);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	pointer-events: none;
}

.blog-title-text-A-multiline-line2-green {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 4;
	font-family: 'Baloo Bhaina';
	font-size: 48px;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 210px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	background: -webkit-linear-gradient(#FFFFFF, #65e931);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	pointer-events: none;
}

.blog-title-text-A-multiline-line2-blue {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 4;
	font-family: 'Baloo Bhaina';
	font-size: 48px;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 210px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	background: -webkit-linear-gradient(#FFFFFF, #3153e9);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	pointer-events: none;
}

.blog-title-text-A-multiline-line2-violet {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 4;
	font-family: 'Baloo Bhaina';
	font-size: 48px;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 210px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	background: -webkit-linear-gradient(#FFFFFF, #e931de);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	pointer-events: none;
}

.blog-title-text-B-multiline-line2 {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 3;
	font-family: 'Baloo Bhaina';
	font-size: 48px;
	font-weight: 700;
	color: #CCC;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 210px;
	-webkit-text-stroke-width: 6px;
	-webkit-text-stroke-color: white;
	pointer-events: none;
}

.blog-title-text-C-multiline-line2 {
	width: 700px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 2;
	font-family: 'Baloo Bhaina';
	font-size: 48px;
	font-weight: 700;
	color: #CCC;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	line-height: 210px;
	-webkit-text-stroke-width: 10px;
	-webkit-text-stroke-color: black;
	pointer-events: none;
}

.post-portrait {
	position: absolute;
	left: -14px;
	top: -133px;
	float: none;
	width: 187px;
	height: 208px;
}

#post-portrait-announcement {
	background: url(../img/portraits/blog/announcement.png) no-repeat;
}

#post-portrait-artwork {
	background: url(../img/portraits/blog/artwork.png) no-repeat;
}

#post-portrait-audio {
	background: url(../img/portraits/blog/audio.png) no-repeat;
}

#post-portrait-charlie {
	background: url(../img/portraits/blog/Charlie.png) no-repeat;
}

#post-portrait-ethan {
	background: url(../img/portraits/blog/Ethan.png) no-repeat;
}

#post-portrait-video {
	background: url(../img/portraits/blog/video.png) no-repeat;
}

#post-portrait-will {
	background: url(../img/portraits/blog/Will.png) no-repeat;
}

.entry-content {
	margin-top: 60px;
}

time.updated {
	display: none;
}

time.published {
	display: inline-block;
	margin-right: 20px
}

.edit-link {
	margin-left: 20px;
}

.more-anchor {
	display: block;
	position: relative;
	top: -250px;
	visibility: hidden;
}

ul#dsq-tabs li:last-child {
	width: 100px;
}
ul#dsq-tabs li.selected {
	font-weight: bold;
}
ul#dsq-tabs li {
	float: left;
	color: #333;
	padding: 0.25em;
	height: 16px;
	cursor: pointer;
	margin-right: 8px;
	text-align: right;
}

ul#dsq-tabs {
	display: block;
	height: 20px;
	list-style: none;
	margin: 15px 0;
	padding: 0;
	border: 0;
	position: absolute;
	right: 10px;
}

select.disqus-replace {
    border-color: #C6D9E9;
}

.dsq-content h2 {
	line-height: 41px;
	margin: 15px 0 10px;
}

.dsq-alert {
	color: #fff;
	background: #e76c35;
	border: 1px solid #8f3e1c;
	padding: 5px;
}

.dsq-disabled-text {
	color: #e76c35;
	font-weight: 700;
}

.dsq-enabled-text {
	color: #7fbd5a;
	font-weight: 700;
}