/* © 2012 Artem Sapegin http://sapegin.me */

/* Global reset */
* {
	padding:0;
	margin:0;
}
html { overflow-y:scroll; }

/* Clear fix: nicolasgallagher.com/micro-clearfix-hack/ */
.group:before, .group:after { content:""; display:table; }
.group:after { clear:both; }
.group { *zoom:1; }  /* IE6-7 */

body {
	font-family:Arial;
	background:#fff;
	color:#111;
	font-size:12px;
	}

/*a,*/
/*a:link,*/
/*a:visited {*/
	/*color:#428ad3;*/
	/*}*/
/*a:hover,*/
/*a:active,*/
/*a:focus {*/
	/*color:#f78520;*/
	/*}*/


/* Header */
.header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	color:#ccc;
	background:#111;
	background:hsla(0,0%,0%,.6);
	z-index:10;
	}

.header a,
.header a:link,
.header a:visited {
	color:#ccc;
	}
.header a:hover,
.header a:active,
.header a:focus {
	color:#fff;
	}

.fotorama-header {
	margin-left:8px;
	}

 
.fotorama .caption {
	position:absolute;
	bottom:8px;
	left:8px;
	font-size:12px;
	color:#fff;
	}
	.fotorama .caption__title,
	.fotorama .caption__location {
		display:inline-block;
		padding:2px 6px;
		line-height:19px;
		background:#111;
		background:hsla(0,0%,0%,.9);
		}

.credit {
	padding-right:20px;
	text-align:right;
	font-size:13px;
	line-height:19px;
	color:#666;
	}
	.credit a,
	.credit a:link,
	.credit a:visited {
		color:#666;
		}
	.credit a:hover,
	.credit a:active,
	.credit a:focus {
		color:#a66;
		}

.content {
	margin:20px 10px;
	}
	.content h2 {
		margin-bottom:.5em;
		font-size:22px;
	}
	.content p {
		margin-bottom:1em;
		font-size:17px;
		line-height:1.6;
	}
.column {
	float:left;
	width:33.33333333333333%;
	}
	.column-i {
		padding:0 30px;
		}

/* Download button */
#download {
	margin-bottom:1em;
	text-align:center;
	}
	#download a {
		display:inline-block;
		font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:14px;
		}


@media (max-width:600px) {
	.menu,
	.column_3 {
		display:none;
		}
	.column {
		width:50%;
		}
}
@media (max-width:400px) {
	.column_2 {
		display:none;
		}
	.column {
		width:auto;
		}
}