/*
-----------------------------------------------
File:		global.css
Desc:		All Master
Name:		Salmon Run
Author:		Neal Krouse
Version:	1/7/06
----------------------------------------------- */

/************************************************
 * Standard Styles
 * These rules are the base for a 
 * 2-column layout.
 ***********************************************/

/* make the fonts 125% larger, why? look below */
html { font-size: 125%; }

body
{
	padding: 0;
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	/* 
	 * Now, make the fonts 50% smaller.
	 * This makes it easier to set font
	 * sizes: 1em = 10pts. So 12pt = 1.2em.
	 */
	font-size: 50%;
	background-color: rgb(82, 45, 27);
	background-image: url(bkgn_tile.gif);
	background-repeat: repeat-x;
	background-position: left top;
}



/* zero out everything */
* { margin: 0; padding: 0; }

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }


/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

img { border: 0; margin: 0; padding: 0; }

/* CONTAINER
----------------------------------------------- */
/* main div that holds everything */
div#container
{
	position: absolute;
	top: 0;
	left: 50%;
	padding: 0;
	width: 770px;
	/* margin-left 
	 * is half the width, 
	 * so it centers page 
	 * in browser */
	margin-left: -385px;
}

/* HEADER
----------------------------------------------- */
div#header
{
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #fc6;
}



/* WRAPPER
----------------------------------------------- */
/* wrapper div holds 2 columns and adjusts it's 
 * depth depending on which column is deepest. 
 */
div#wrapper
{
	width: 100%;
	padding: 0;
	margin: 0;
	/*
	background-image: url(wrapper_tile.gif);
	background-repeat: repeat-y;
	background-position: left top;
	*/
	background-color: #fc9;
	clear: both;
}




/* SECONDARY NAVIGATION
----------------------------------------------- */
#nav2
{
	position: absolute;
	top: 14px;
	left: 600px;
	z-index: 10;
	width: 300px;
}


/* FIRST COLUMN (for images)
----------------------------------------------- */
div#col1
{
	width: 254px;
	padding: 0;
	/* Left Margin is half 
	 * of what I want,
	 * because IE/Win 
	 * doubles it */
	margin: 0;
}
/* Hack for IE/Win, it ignores rule 
body>div#container div#wrapper div#col1
{
	margin: 0 0 0 24px;
}
*/



/* SECOND COLUMN
----------------------------------------------- */
div#col2
{
	width: 470px;
	margin: 0 0 0 22px;
	padding: 55px 0 0 0;
	float: left;
}







/* FOOTER
----------------------------------------------- */
/* Footer is outside wrapper */
div#footer
{
	padding: 1em 0 1em 0;
	margin: 0;
	width: 100%;
	text-align: center;
	background-color: black;
}




/* MISC
----------------------------------------------- */
div.clearMe { clear: both; }



/* Test using HR tag to align 2 columns
----------------------------------------------- */

hr { clear: both; visibility: hidden; height: 0;}