/*line 109, ../sass/screen.sass*/
/*+clearfix {*/
.example-image-bio:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.example-image-bio
{
	display: inline-block;
}
.example-image-bio
{
	/*\*/
	display: block;
	/**/
	-height: 1px;
}
/*+}*/
.image-row
{
	float: left;
	overflow: hidden;
	padding-left: 3px;
}
::-moz-selection, ::selection
{
	background: #FF8000;
	color: #FFFFFF;
}
/*-- Examples --
line 177, ../sass/screen.sass*/
.examples-section
{
	text-align: center;
}
/*line 180, ../sass/screen.sass
line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss*/
.image-row:after
{
	content: "";
	display: table;
	clear: both;
}
/*line 184, ../sass/screen.sass*/
/*[clearfix]*/.example-image-bio
{
	max-width: 300px;
	margin-right: 36px;
	max-height: 207px;
	margin-bottom: 20px;
	/*+placement:shift 21px 22px;*/
	position: relative;
	left: 21px;
	top: 22px;
}
.example-image-bio:hover
{
	/*+box-shadow:0px 0px 10px #D4D4D4;*/
	-moz-box-shadow: 0px 0px 10px #D4D4D4;
	-webkit-box-shadow: 0px 0px 10px #D4D4D4;
	-o-box-shadow: 0px 0px 10px #D4D4D4;
	box-shadow: 0px 0px 10px #D4D4D4;
}
/*line 191, ../sass/screen.sass*/
.example-image
{
}
.article-photo IMG
{
	max-width: 32%;
	margin-right: 20px;
	border: 4px solid #E2E2E2;
}
.example-image:hover
{
}
#vip-gallery IMG.example-image
{
	height: 127px;
	margin-right: 10px;
	margin-bottom: 5px;
}
#content .example-image-link.article-photo IMG
{
	max-width: 32%;
	margin-right: 20px;
	border: 4px solid #E2E2E2;
}
/*line 194, ../sass/screen.sass
-- Download --
line 199, ../sass/screen.sass*/
.download-section
{
	text-align: center;
}
/*line 202, ../sass/screen.sass*/
.download-button
{
	display: block;
	max-width: 300px;
	margin: 0 auto 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	background-color: #2B2B2B;
	border: 4px solid #444444;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	=zoom: 1;
}
/*line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss*/
.download-button:after
{
	content: "";
	display: table;
	clear: both;
}
/*line 213, ../sass/screen.sass*/
.download-button:hover
{
	border-color: #00BFA8;
	background-color: #444444;
}
/*line 216, ../sass/screen.sass*/
.download-button .file
{
	font-size: 36px;
	color: #FFFFFF;
	line-height: 1em;
}
/*line 220, ../sass/screen.sass*/
.download-button .version
{
	font-size: 24px;
	color: #00BFA8;
}
/*-- Sharing --
line 226, ../sass/screen.sass*/
.sharing
{
	position: fixed;
	top: 20px;
	right: 0;
}
/*-- Donate --
line 233, ../sass/screen.sass*/
.donate-button-form
{
	text-align: center;
}
/*line 235, ../sass/screen.sass*/
.donate-button
{
	border: 4px solid rgba(0, 0, 0, 0);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
/*line 239, ../sass/screen.sass*/
.donate-button:hover
{
	background-color: #444444;
	border-color: #00BFA8;
}
/*-- Responsive design --------------------------------------------------------------
line 247, ../sass/screen.sass
line 250, ../sass/screen.sass*/
@media only screen and (max-width: 640px)
{
	H1
	{
		font-size: 48px;
	}
	/*line 252, ../sass/screen.sass*/
	H2
	{
		font-size: 26px;
	}
	/*line 254, ../sass/screen.sass*/
	H3
	{
		font-size: 16px;
	}
	/*line 256, ../sass/screen.sass
line 258, ../sass/screen.sass*/
	CODE, KBD, PRE, PRE CODE
	{
		font-size: 11px;
	}
	/*line 263, ../sass/screen.sass*/
	.sub-point
	{
		font-size: 12px;
	}
	/*line 265, ../sass/screen.sass*/
	.sub-point CODE
	{
		font-size: 9px;
	}
	/*line 267, ../sass/screen.sass*/
	.lead
	{
		font-size: 16px;
	}
	/*line 269, ../sass/screen.sass*/
	.section
	{
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	/*line 272, ../sass/screen.sass*/
	.author
	{
		margin-top: -5px;
		padding-left: 30px;
	}
	/*line 275, ../sass/screen.sass*/
	.author-links
	{
		font-size: 12px;
	}
}
