/*------------------------------------*\
	RESET
\*------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ 
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{ 
	border:0;
}
address,caption,cite,code,em,strong,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
ol,ul{
	list-style:none;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}





/*------------------------------------*\
	MAIN
\*------------------------------------*/
html{
	font-size:100%;
	height:101%;
}
body{
	font-size:62.5%;
	font-family:Arial, Verdana, sans-serif;
	color:#ccc;
	background:/*url(../img/css/grid.gif) top center repeat-y */#333;
	
	text-shadow:1px 1px 1px #111;
}
#wrapper{
	width:340px;
	padding:20px;
	margin:0 auto;
}
@font-face{
	font-family: "GraublauWeb";
	src: url(../fonts/GraublauWeb.eot);
	src: local('GraublauWeb'), local('GraublauWeb'),
	url(../fonts/GraublauWeb.otf) format('opentype');
}
@font-face{
	font-family: "GraublauWebBold";
	src: url(../fonts/GraublauWebBold.eot);
	src: local('GraublauWebBold'), local('GraublauWebBold'),
	url(../fonts/GraublauWebBold.otf) format('opentype');
}





/*------------------------------------*\
	TYPE
\*------------------------------------*/
/*--- HEADINGS ---*/
h1,h2,h3,h4,h5,h6{
	font-family:GraublauWeb, Helvetica, Arial, Verdana, sans-serif;
	text-align:center;
	margin-bottom:18px;
}
h1{
	font-size:2.4em;
	line-height:1.2em;
}
h2{
	font-size:2em;
	line-height:1.2em;
}
/*--- PARAGRAPHS ---*/
p{
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:18px;
}
p#intro{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.6em;
	text-align:justify;
}
/*--- LINKS ---*/
a{
	color:#fff;
	padding:2px;
	font-weight:bold;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
a:visited{
	color:#999;
}
a:hover{
	text-decoration:none;
	color:#333;
	background:#fff;
	text-shadow:none;
}
a:active{
	-moz-transform:translate(0, 1px);
	-webkit-transform:translate(0, 1px); /* Doesn't appear to work */
}
#intro a{
	font-weight:normal;
}
/*--- MISC ---*/
code{
	font-size:1em;
	font-family:monospace;
}
p code,pre code{
	font-size:1.2em;
}
pre{
	font-size:1.2em;
	font-family:monospace;
	margin-bottom:18px;
	overflow:hidden;
}
p+pre{
	margin-top:18px;
}
em{
	font-style:italic;
}
strong{
	font-weight:bold
}
blockquote{
	padding:10px 0;
	width:90%;
	margin:0 auto;
}
blockquote p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.6em;
	text-indent:-0.5em;
}
blockquote p.author{
	font-size:1.2em;
	font-family:Arial, Verdana, sans-serif;
	text-indent:0;
	margin:0;
}
del{
	color:#999;
}
.footnote{
	font-size:1em;
}





/*------------------------------------*\
	LISTS
\*------------------------------------*/
dl{
	margin-bottom:18px;
	border-top:1px solid #ccc;
}
dt{
	font-family:GraublauWeb, Helvetica, Arial, Verdana, sans-serif;
	text-align:left;
	font-size:2em;
	padding-top:10px;
}
dd{
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}
dd p{
	margin:0;
}
dd p+p{
	text-indent:2em;
}
dd .tools{
	text-transform:uppercase;
	display:block;
	padding-top:10px;
}
p+ul{
	margin-top:18px;
}
ul{
	margin-bottom:18px;
	list-style:square outside;
}
ul li{
	font-size:1.2em;
	line-height:1.5em;
}
li ul{
	margin:0 0 0 20px;
	list-style:square outside;
}
ul li ul li{
	font-size:1em;
}
li code{
	font-size:1.2em;
}
.file-structure li{
	list-style:none;
}
.file-structure li ul{
	margin:0;
	border-left:1px solid #444;
}
.file-structure li li{
	background:url(../img/css/dot.gif) center 10px repeat-x;
	padding-left:20px;
}
.file-structure li code{
	background:#333;
	display:block;
}





/*------------------------------------*\
	FORMS
\*------------------------------------*/
#iPhone-nav{
	margin-bottom:18px;
}
#iPhone-nav fieldset{
	border:1px solid #ccc;
	padding:10px;
	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:1px 1px 1px #111;
	-webkit-box-shadow:1px 1px 1px #111;
	box-shadow:1px 1px 1px #111;
}
#iPhone-nav legend{
	font-size:1.2em;
	font-weight:bold;
}
#iPhone-nav select{
	width:100px;
}





/*------------------------------------*\
	IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){
body{
	font-family:Helvetica, Arial, Verdana, sans-serif;
	-webkit-text-size-adjust:none;
	padding:5px
}
#wrapper{
	width:auto;
	overflow:hidden;
}
p{
	font-size:1.6em;
}
dt{
	font-weight:bold;
}
.tools{
	padding:10px 0;
}
}