/*----------------------------------------------------------------------------
"Untitled"
By Roben Kleene
   www.1percenter.com
----------------------------------------------------------------------------*/

@import "reset.css";
@import "grid.css";
@import "pagespecific.css";
@import "firefox.css";

@import "debug.css";


/* !Generals Styles
============================================================================*/
body {
	font-family: Helvetica, sans-serif;
	color: rgba(255,255,255,0.9);
	background-color: #181818;
}
#page {
	background: transparent url('../images/noise_gradient.png') repeat-x 0 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);

	-webkit-box-shadow: 0px 1px 10px rgba(255, 255, 255, 0.05);
	-moz-box-shadow: 0px 1px 10px rgba(255, 255, 255, 0.05);
	box-shadow: 0px 1px 10px rgba(255, 255, 255, 0.05);
}
#homepage #page {
	border-bottom: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
h1, h2, h3 {
	color: rgba(255,255,255,0.7);
	font-family: Helvetica, sans-serif;
	font-weight: 100;
}
h1 {
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 1);
}
h3 {
	color: rgba(255,255,255,0.8);
	font-weight: normal;
}

a {
	color: rgba(255,255,255,0.8);
	-webkit-transition-property: color;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: linear;
	-moz-transition-property: color;
	-moz-transition-duration: .2s;
	-moz-transition-timing-function: linear;
	transition-property: color;
	transition-duration: .2s;
	transition-timing-function: linear;	
}
a:hover, #nav li a:hover {
	color: rgba(255,255,255,1);
}

/* !Nav
============================================================================*/
#nav li {
	float: left;
	list-style: none;
    font-family: Georgia, serif;
	font-size: 14px;
}
#nav li a {
	color: rgba(255,255,255,0.7);
}