@CHARSET "UTF-8";

html, body {
	background-color:#5290b7;
	font-family:Arial, Verdana, Helvetica;
	font-size:18px;
	line-height:24px;
	height:100%;
	width:100%;
}

a:hover {
	color:#555555;
}

h2 {
	font-size:20px;
	margin-bottom:7px;
}

#ctn_header {
	color:#ffffff;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	background-image:url("../images/banner.png");
	background-size: cover;
	background-repeat: no-repeat;
	height:465px;
	margin-bottom:-120px;
}

#ctn_header_stores {
	background:rgba(100, 100, 100, 0.85);
	border-radius:10px;
	padding:8px;
	margin:0px auto;
	margin-bottom:10px;
	width:834px;
}

#ctn_header_stores_links {
	margin-top:8px;
}

#ctn_header_stores_links a {
	text-decoration:underline;
}

#ctn_header a:hover {
	color:#cccccc;
}

.sidebar_wrapper {
	position:absolute;
	width:150px;
	height:100px;
	right:-160px;
	top:0px;
}

.sidebar {
	width:inherit;
	height:inherit;
}

.fixed {
	position:fixed;
	top:0px;
}

.columns {
	display:flex;
}

.contentbox {
	background-color:#d6cccc;
	border-radius:10px;
	box-shadow:0px 18px #5c5858;
	margin-bottom:48px;
}

.blueprintbox {
	background:url("../images/grid_tiling.png") 0px 0px repeat;
    border:8px solid #FFFFFF;
    box-shadow:none;
    color:#FFFFFF;
}

.blueprintbox a:hover {
	color:#FFFFFF;
}

.contentbox .content {
	padding:15px;
}

.contentbox .textbox {
	padding:35px;
}

.contentbox .border_bottom {
	background:url("../images/contentbox_shadow.png") 0px 0px repeat-x;
	height:28px;
}

.contentbox .border_bottom .border_left {
	background:url("../images/contentbox_border_bottomleft.png") 0px 0px no-repeat;
	float:left;
	height:28px;
	width:10px;
}

.contentbox .border_bottom .border_right {
	background:url("../images/contentbox_border_bottomright.png") 0px 0px no-repeat;
	float:right;
	height:28px;
	width:10px;
}

.contentbox .border_top {
	height:10px;
}

.contentbox .border_top .border_left {
	background:url("../images/contentbox_border_topleft.png") 0px 0px no-repeat;
	float:left;
	height:10px;
	width:10px;
}

.contentbox .border_top .border_right {
	background:url("../images/contentbox_border_topright.png") 0px 0px no-repeat;
	float:right;
	height:10px;
	width:10px;
}

.contentbox .content h1 {
	font-size:30px;
	margin-bottom:20px;
	text-align:center;
}

.column:first-child {
	padding-right:20px;
	padding-left:0px;
}

.column {
	float:left;
	padding-left:20px;
	width:100%;
}

#ctn_gallery img {
	margin:3px;
	opacity:0.8;
    transition:opacity 0.25s ease 0s;
	width:260px;
}

#ctn_gallery img:hover {
	opacity:1;
}

.column .screenshot {
	display:block;
	margin-bottom:40px;
}

.screenshot {
	font-size:0px;
	line-height:0px;
}

.screenshot img {
	border:1px solid #0A0A0B;
	border-radius:10px;
	width:100%;
}

.twitter {
	margin-bottom:15px;
}

.twitter h2 {
	padding:5px 0px;
	margin:0px;
}

.twitter img.avatar {
    border-radius:10px;
	box-shadow:0px 7px #eaeaea;
	float:left;
	margin-right:20px;
	width:95px;
}

.twitter a:hover img.avatar {
	box-shadow:none;
	position:relative;
	top:7px;
}

.twitter img.bird {
	height:18px;
}

#ctn_content {
	position:relative;
}

#ctn_content p,  #ctn_content ul li {
	color: #1e1e1e;
	line-height: 1.5em;
}

#ctn_content ul li {
	list-style:disc outside none;
	margin-left:18px;
}

.mainarea {
	margin:0px auto;
	padding-left:60px;
	padding-right:60px;
	width:850px;
}

#ctn_main {
	height:100%;
}

#logo {
	margin-top:20px;
	margin-bottom:10px;
	width:750px;
}

#ctn_menu {
	background:#2c2d2f url("../images/bg_menu_dark.png") 0px 0px repeat-x;
	bottom:0px;
	color:#CCCCCC;
	font-size:23px;
	font-weight:bold;
	position:absolute;
	width:100%;
	
	transform:scale(1,2); /* W3C */
	-webkit-transform:scale(1,1.1); /* Safari and Chrome */
	-moz-transform:scale(1,1.1); /* Firefox */
	-ms-transform:scale(1,1.1); /* IE 9 */
	-o-transform:scale(1,1.1); /* Opera */
}

#ctn_menu_content {
	background:#383839 url("../images/bg_menu.png") 0px 0px repeat-x;
	text-align:center;
}

#ctn_menu ul {
	line-height:76px;
}

#ctn_menu ul li {
	display:inline;
	margin:0px 40px;
	text-transform:uppercase;
}

#ctn_menu a:hover {
	color:#939090;
}

#ctn_footer a:hover {
	color:#AAAAAA;
}

#ctn_footer {
	color:#FFFFFF;
	height:128px;
	padding-bottom:10px;
	padding-top:60px;
	text-align:center;
}

#copy {
	color:#275f82;
	font-size:16px;
	font-weight:bold;
}

#ctn_linkblocks {
	width:390px;
	margin:0px auto;
	margin-top:15px;
}

a.linkblock {
	color:#ffffff;
	border-radius:15px;
	display:block;
	float:left;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	height:100px;
	line-height:100px;
	margin:15px;
	width:100px;
}

a.linkblock span {
	display:inline-block;
	vertical-align:middle;
	line-height:14px;
}

a.textlink span {
	line-height:26px;
}

a.linkblock:hover {
	position:relative;
	top:5px;
	box-shadow:none !important;
}

.header {
	background-position:center center;
	width:100%;
	position:relative;
	overflow:hidden;
}

#ctn_devlog {
	position:absolute;
	top:25px;
	right:100px;
}

a#devlog {
	background-color:#d6cccc;
	border-radius:10px;
	box-shadow:0px 8px #5c5858;
	color:#000000;
	display:block;
	float:left;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	height:40px;
	line-height:40px;
	margin:15px;
	width:110px;
}

a#devlog:hover {
	position:relative;
	top:8px;
	box-shadow:none !important;
}

#ctn_humblewidgets {
	float:left;
}

.humbletab {
	background-color:#f2f2f2;
	border-top-left-radius:12px;
	border-top-right-radius:12px;
	color:#242841;
	display:block;
	float:left;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	padding:10px;
	text-align:center;
	width:90px;
}

.humbletab_inactive {
	background-color:#b8b8b8;
}