

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { 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:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* BASIC STRUCTURE */
/* ----------------------------------------- */

html, body {height: 100%;}
body {font-size:inherit; font-family:"Helvetica Neue", Helvetica, Arial, Helvetica, sans-serif; color:#CCCCCC; background-color:#000 ; }

/* STRUCTURE */
/* ----------------------------------------- */

#pagewrap	{width: 950px; margin: 0px auto -200px; min-height: 100%; height: auto !important; height: 100%; background:url(../images/bg-body.png);}
#burst	{background:url(../images/starburst.png) no-repeat; min-height:450px;}
#push		{height: 200px;}
.clear 		{ clear:both; }
p.bio		{line-height:20px; margin-bottom:10px;}


/* HEADER */
/* ----------------------------------------- */

#bannerinside	{margin: 0 auto; padding:0px 28px 0px 25px; background:url(../images/bg-banner.png) top left no-repeat; }
.menu	{float:right; }

#nav	{background:url(images/bg-content.png) repeat; padding:5px;}


/* NAVIGATION */
/* ----------------------------------------- */



/* MAIN STUFF */
/* ----------------------------------------- */
#content	{margin: 0 auto; min-height:350px; width:865px; background:url(../images/bg-content.png) repeat; padding:15px;}
#major	{width:365px; float:left;}
#minor	{width:470px; float:right;}
#major2	{width:550px; float:left;}
#minor2	{width:285px; float:right;}
#major3	{width:504px; float:left;}
#minor3	{width:331px; float:right;}

.pic		{border:5px solid #999999; padding:5px; margin-bottom:10px;}
.pic2		{border:2px solid #999999; padding:3px; margin-bottom:0px;}
.pic3		{border:2px solid #black; padding:0px; margin-bottom:10px;}

/* FOOTER */
/* ----------------------------------------- */
#footer		{margin: 0 auto; width:100%; height:200px; background:url(../images/cityscape.png) repeat-x; background-color:; text-decoration:none; color:#FF9933;}
#footerbase	{margin: 0 auto; width:100%; text-align:center; background-color:#000; color:#333333; padding:5px; height:45px;}




/* TYPOGRAPHY */
/* ----------------------------------------- */

h1, h2, h3, h5, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white; } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.*/

h3 {color:white; margin-bottom: 10px; padding:7px; font-size:large; background:url(../images/bg-content.png);}
h5 {font-weight:normal; font-size:small; margin-left:8px;}
h6 {font-size:small; text-align:right;}

/* Font stack options

	The following represents a list of font stacks, as recommended by Nathan Ford in
	http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

	I've added inverted commas around the relevant family names to ensure compatibility.
	p = balanced for paragraphs or body copy
	t = balanced for headlines or titles

	- - - -

Arial, "Helvetica Neue", Helvetica, sans-serif - p, t

Baskerville, "Times New Roman", Times, serif - p
Baskerville, "Times, Times New Roman", serif - t

Cambria, Georgia, Times, "Times New Roman", serif - p, t
"Century Gothic", "Apple Gothic", sans-serif - p, t

Consolas, "Lucida Console", Monaco, monospace - p, t

"Copperplate Light", "Copperplate Gothic Light", serif - p, t

"Courier New", Courier, monospace - p, t

"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t

Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t

Garamond, "Hoefler Text", "Times New Roman", Times, serif - p
Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t

Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p
Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t

Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p
Georgia, Times, "Times New Roman", serif - t

GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t

"Helvetica Neue", Arial, Helvetica, sans-serif - p
Helvetica, "Helvetica Neue", Arial, sans-serif - t

Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t

"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t

Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p
Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t

Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t

Times, "Times New Roman", Georgia, serif - p, t

Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t

Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t

*/
