/* Color swatches
white: ffffff
black: 000000
*/

/* === GENERAL TYPOGRAPHY STYLES === */

* {
	margin:0;
	padding:0;
	}
body {
	margin:0; 
	padding:0; 
	background:#292929 url(../images/bg-gradient.jpg) repeat-x; 
	text-align:center; /* center layout in older browsers */
	font:100% Helvetica,Arial,sans-serif; 
	color:#fff; 
	}
p, ul, ol {
	margin:0.5em 0 0.5em 0; 
	line-height:1.5em; 
	}
p {
	}
ul {
	padding:0 0 0 15px; 
	list-style-type:square; 
	}
ol {
	padding:0 0 0 15px; 
	list-style-type:decimal; 
	}
ul ul, ol ol {
	margin:0; 
	}
a {
	text-decoration:underline; 
	}
a:link {
	color:#ccc; 
	}
a:visited {
	color:#ccc; 
	}
a:hover {
	color:#fff; 
	}
a:active {
	color:#fff; 
	}
h1, h2, h3, h4, h5, h6 {
	color:#fff; 
	font:bold 100% Helvetica,Arial,sans-serif;
	line-height:1.2em; 
	}
h1 {
	margin-top:0; 
	font-size:110%; 
	}
h2 {
	font-size:110%; 
	}
h3 {
	font-size:100%; 
	}
h4 {
	font-size:120%; 
	}
h5 {
	font-size:110%; 
	}
h6 { 
	font-size:100%; 
	}
h1+p, h1+ul, h1+ol, h2+p, h2+ul, h2+ol, h3+p, h3+ul, h3+ol, h4+p, h4+ul, h4+ol, h5+p, h5+ul, h5+ol, h6+p, h6+ul, h6+ol {
	margin-top:0.25em; /* set headings close to subsequent text */
	}
input, textarea, select {
	border:1px solid #666; 
	}

/* === CONTAINER TAG STYLES === */

#page {
	position:relative; /* position must be set to absolutely position children within */
	width:320px; 
	margin:0 auto; /* center layout in browser */
	text-align:left; 
	}
#contentWrapper, #header { /* list of positioned containers */
	position:absolute; 
	font-size:76%; 
	}
#contentWrapper {
	top:160px; 
	width:320px;
	}
#content {
	padding: 0  25px 5px 25px; 
	height:100px; 
	font-size:11px;
	}
	html>body #content {
		height:auto; 
		min-height:100px; 
		} 
#footer {
	padding:0px; 
	font-size:11px; 
	color:#cccccc;
	}
	html>body #footer {
		
		}
#footerLinks {
	float:right; 
	text-align:right; 
	}
#copyright {
	margin-right:-25px;
	font-size:11px; 
	}
#header {
	top:10px; 
	left:0; 
	width:100%; 
	height:125px; 
	}
#logo {
	
	}
#navigation { 
	
	} 
	
/* === SPECIFIC CHILDREN STYLES === */

#content table {
	font-size:131%; /* this percentage of the inherited size will reset table to 100% */
	}
#content td {
	font-size:76%; /* font size must be reset because some browsers do not allow tables to inherit sizes */
	}
#navigation a:link, #navigation a:visited {
	text-decoration:none; 
	color:#ffffff; 
	}
#navigation a:hover, #navigation a:active {
	text-decoration:underline; 
	color:#000; 
	}
#navigation, #navigation ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	}
#navigation li {
	padding:0px 0px 0px 0px; 
	}
#footer a:link { 
	color:#cccccc;
	text-decoration:none;
	}
#copyright p {
	margin:0;
	padding:0 0 3px 0;
	}


/* http://www.positioniseverything.net/easyclearing.html */
#navigation ul:after, #footer:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden; 
	}

/* === COMMONLY USED HACKS === */

/* http://www.positioniseverything.net/easyclearing.html 
containerTagForFloatedElements:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden; 
	} */

/* http://tantek.com/CSS/Examples/boxmodelhack.html 

#divWithHorizontalPaddingAndWidth {
	padding:0 20px; 
	width:500px; 
	voice-family:"\"}\""; voice-family:inherit; 
	width:460px; 
	}
	html>body #divWithHorizontalPaddingAndWidth {
		width:460px; 
		} */

/* http://www.webcredible.co.uk/user-friendly-resources/css/more-css-tricks.shtml 

#containerWithMinimumHeight {
	height:100px; 
	}
	html>body #containerWithMinimumHeight {
		height:auto; 
		min-height:100px; 
		} */