/* @override http://fileability.net/ingredients/screen.css */

html
{
	background-color: #fefefb;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	
	padding: 0;
	margin: 0;
	
	height: 100%;
}
.choc {
	position: absolute;
	top: 0;
	padding-left:8px;
	width:100%;
	padding-top:6px;
	padding-bottom: 6px;
	
	
	font-family: "Helvetica Neue";
	font-size: 14px;
text-align: left;

	color: #5E0F06;
	
	font-size: 15px;

}
.choc a
{
    text-decoration: underline;
    color: inherit;
}
.choc a:visited
{
    color: inherit;
}
.choc a:hover
{
    text-decoration: underline;
    color: red;
}
.choc a:active
{
    text-decoration: underline;
    color: red;
}

img
{
    border: 0;
}

.forkme
{
    position:fixed;
    right:0;
    z-index:1;
    
    opacity: 0.5;
    -webkit-transition: opacity 0.2s linear;
}
.forkme:hover
{
    opacity: 1;
}

body
{
    padding: 0;
	margin: 0;
	
	width: 896px;
	margin: 0 auto;
	
	background: url(checkerboard2.png) repeat-x;
	margin-bottom: -10%;
	
	height: auto !important;
	min-height: 100%;
}

.header
{
	padding: 79px;
}
h1
{
	padding: 0;
	margin: 0;
	font-size: 70px;
	text-align: center;
	color: #d23b2a;
	text-shadow: rgba(254,255,255,0.7) 0 1px 0;
}

h2
{
	padding: 0;
	margin: 0;
	
	margin-top: -8px;
	margin-right: 182px;
	
	font-size: 15px;
	color: #961a0c;
	text-shadow: rgba(254,255,255,0.7) 0 1px 0;
	text-align: right;
	font-weight: normal;
	font-style: normal;
}

.centerpieceParent
{
	margin: 0 auto;
	border: 2px solid #961a0c;
	
	width: 764px;
	height: 215px;
	position: relative;
}
.centerpiece
{
	background-color: #feffff;
	
	border: 2px solid #fffefe;

	width: 760px;
	height: 211px;
	position: absolute;
}
.centerpiece2
{
	position: absolute;
	top: -211px;
}

.download
{
	-webkit-transition: background-color 0.1s linear;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
	border: none;
	background-color: rgba(0, 0, 0, 1.0);
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 20px;
	
	float: right;
	margin-right: 64px;
	margin-bottom: 20px;
	
	color: white;
	padding: 6px 9px;
		
	text-shadow: rgba(0,0,0,0.35) 0 1px 0;
}
.download:hover
{
	background-color: #6D0B00;
	
	
}
.download:active
{
	background-color: #FF1A00;
}

.copy
{
	padding: 0 64px;
	
	clear: both;
	
	color: #5E0F06;
	
	font-size: 15px;
}
.twocolumn
{
    -webkit-column-count: 2;
	-moz-column-count: 2;
	
	-webkit-column-gap: 1em;
	-moz-column-gap: 1em;
}
.copy p
{
	text-shadow: rgba(254,255,255,0.7) 0 1px 0;
}

.screenshot
{
    max-width: 896px;
}

.copy
{
	padding-bottom: 20px;
}
.copy a
{
    text-decoration: underline;
    color: inherit;
}
.copy a:visited
{
    color: inherit;
}
.copy a:hover
{
    text-decoration: underline;
    color: red;
}
.copy a:active
{
    text-decoration: underline;
    color: red;
}

code
{
	font-family: "Menlo", fixed;
	font-size: 12px;
	
	background-color: rgba(94, 15, 6, 0.075);
}

hr
{
    border-style-left: none;
    border-style-right: none;
	border-top: 3px solid #961a0c;
	border-bottom: 1px solid rgba(254,255,255,0.7);
	
	opacity: 0.5;
	
	margin-top: 20px;
	margin-bottom: 20px;
 
}
.switchercontainer
{
	border-top: 3px solid rgba(150,26,12,0.5);
	padding-top: 3px;
	margin-bottom: -14px;
}
a.switcher
{
	background-color: rgba(150,26,12,0.035);
	font-weight: bold;
	padding: 3px 6px 6px;
	margin-right: -2px;
}
a.switcher:hover
{
	text-shadow: rgba(0,0,0,0.1) 0 1px 0;
	background-color: rgba(150,26,12,0.5);
	
	color: white;
}
a.switcher:active
{
	background-color: rgba(150,26,12,0.75);
	color: white;
}



.beta {
	text-align: center;
	background-color: #961a0c;
	color: white;
	padding-top: 3px;
	padding-bottom: 5px;
}
p.beta, .beta a {
	text-shadow: rgba(254,255,255,0.0) 0 1px 0 !important;
}
.beta a {
	font-weight: bold;
}