@charset "UTF-8";
/*------------------------------------*\
	STYLE.CSS
\*------------------------------------*/
/*
Author:             Harry Roberts
Twitter:            @csswizardry
Author URL:         csswizardry.com





/*------------------------------------*\
	CONTENTS
\*------------------------------------*/
/*
SHARED
MAIN
ISLANDS
HEADER
TYPE
*/





/*------------------------------------*\
	$SHARED
\*------------------------------------*/
.island.promo,
pre,
code{
	background-color:#fef8c4;
}

.square{
	background-color:#111;
	width: 270px;
	height: 270px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.gb{
	background-color:#111;
	width: 270px;
	min-height: 270px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

img{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.rounded{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#submit {
 color: #111;
 width: 135px;
 height: 25px;
 border: none;
 margin: 0;
 padding: 0;
 background: #ddd;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border-radius:5px;
 -moz-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
 -webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
 box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
}

/*------------------------------------*\
	$MAIN
\*------------------------------------*/
html{
	background: #111;
	padding-top:10px; /* Move the content down over the page-top background-image. */
//	font-family: Tahoma, Georgia, "Times New Roman", serif;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	color: #333;
}





/*------------------------------------*\
	$ISLANDS
\*------------------------------------*/
.island.promo{
	color:#6d6841;
	border:1px solid #d8d566;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
	box-shadow:0 1px 0 rgba(255,255,255,0.5) inset;
}
	.island.promo a{
		color:inherit;
		font-weight:bold;
		text-decoration:underline;
	}





/*------------------------------------*\
	$HEADER
\*------------------------------------*/
.header{
	padding:1.5em 0;
}
.logo{
	background:url(../img/logo.jpg);
}
.logo,.logo img{
	width:280px;
	height:130px;
}





/*------------------------------------*\
	$FOOTER
\*------------------------------------*/
.footer{
	padding-top:1.5em;
//	border-top:1px solid #ccc;
	color:#999;
}





/*------------------------------------*\
	$TYPE
\*------------------------------------*/
a{
	color:#bb0022;
}
mark{
	border-bottom:2px solid;
}
pre{
	padding:10px;
}
pre code,
pre mark{
	background:none;
}





/*------------------------------------*\
	$MISC
\*------------------------------------*/
::selection		{ background-color:#bb0022; color:#fff; }
::-moz-selection{ background-color:#bb0022; color:#fff; }
hr{
	padding:0;
	border:none;
	height:1px;
	background-color:#ccc;
}