/* 

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. forms stuff

*/



/* --------- 1. defaults  --------- */

* {/* zero margins and padding */
		margin: 0;
		padding: 0;
		}
body {
	margin:auto;
	background-repeat: no-repeat;
	background-color: #FFF;
	background-position: center;
	}

	
/*  --------- 2. structure  --------- */

#wrapper {/* site content container */
		width: 900px;
		margin: 0 auto;
		background-color: #ffffff;
		border: 1px solid #555555;
		border-top: 0px;
		}
		
#masthead {/* add border to masthead */
	border-bottom: 10px solid #dddddd;
	background-repeat: no-repeat;
	width: auto;
	position: relative;
		}

#navContainer {/* navigation container */
		clear: center;
		}

#content {/* content container */
		background: #ffffff;
		padding: 10px;
		padding-right:40px;
		padding-left:40px;
		}

/* ---------- 3. links and navigation ---------- */

a {/* default link style */
	color: #3D5E63;
		}
		
	/* -- skip navigation -- */
#skipNav a {
		font: 1.0em Arial, sans-serif;
		display: block;
		color: #000000;
		width: 60px;
		padding-bottom: 10px;
		} 
		
#skipNav a:hover {
		color: #898989;
		background: url(assets/skip-nav.gif) 50% 100% no-repeat;
		}


	/* -- main navigation -- */
#mainNavigation {
		background: #111111;
		border-top: 1px solid #555555;
		padding: 6px 0;
		}

#mainNavigation ul {
		text-align: center;
		}

#mainNavigation li {
		display: inline;
		}

#mainNavigation a {
		font: bold 1.3em Arial, sans-serif;
		color: #ffffff;
		text-decoration: none;
		padding: 6px 10px;
		padding-left: 35px;
	    padding-right: 35px;
		}
		
#mainNavigation a:hover {
		color: #92b5bc;
		}
		
.sectionHome #mainNavigation #linkHome a, .sectionNews #mainNavigation #linkNews a, .sectionDesign #mainNavigation #linkDesign a, .sectionBrowsers #mainNavigation #linkBrowsers a, .sectionPics #mainNavigation #linkPics a, .sectionContact #mainNavigation #linkContact a {/* automation for active tab */
	background: #92b5bc url(assets/active-tab-background.jpg) 0 100% repeat-x;
	border-top: 1px solid #92b5bc;
	padding-left: 35px;
	padding-right: 35px;
		}

.sectionHome #mainNavigation #linkHome a:hover, .sectionNews #mainNavigation #linkNews a:hover, .sectionDesign #mainNavigation #linkDesign a:hover, .sectionBrowsers #mainNavigation #linkBrowsers a:hover, .sectionPics #mainNavigation #linkPics a:hover, .sectionContact #mainNavigation #linkContact a:hover {/* hover over-ride for automated tab */
		color: #92b5bc;
		}
		
	/* -- sub-navigation -- */
#subNavigation {
		margin-top: -1px;
		background: #92b5bc url(assets/sub-navigation-background.jpg) 0 100% repeat-x;
		border-bottom: 1px solid #6b6b6b;
		padding: 6px 0;
		
		}

#subNavigation ul {
	text-align: center;
	color: #333;
		}

#subNavigation li {
		display: inline;
		}

#subNavigation a {
		font: bold 1.2em Arial, sans-serif;
		color: #ffffff;
		text-decoration: none;
		padding: 6px 10px;
		padding-left: 35px;
	    padding-right: 35px;
		}

#subNavigation a:hover {
	color: #3D5E63;
		}
		
/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
	font-size: 65%;
	width: 900px;
		}

h1 {/* main heading */
		font: normal 1.8em/1.1em Arial, sans-serif;
		margin-bottom: 5px;
		}

h2 {/* cross-head */
	font: normal 1.2em Arial, sans-serif;
	margin-top: 1em;
	margin-bottom: 1em;
	color: #bbb;
		}

p {
		font: 1.25em/1.55em "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		margin-bottom: 0.8em;
		}

/* ---------- 5. images ---------- */

a img {/* remove borders from linked images */
		border: 0;
		}

		
/* ---------- 6. forms stuff ---------- */