/*
Design by Sonic4Spuds
search for sonic for spuds on flickr
Feel free to use this page as an example for learning to code html and css.
(C) 2011 by Sonic4Spuds for information and licensing contact me at
my nickname without capitols at gmail dot com
If requested I *may* be willing to license the css sheets under the CC-BY-SA license
THIS DOES NOT MEAN IT CURRENTLY IS, PLEASE CONTACT BEFORE USING DIRECTLY
*/

/*
color guide
ffff9d	light yellow
ffff00	full yellow
6a6a6a	mid tone grey
393939	dark grey
5cb300	mid dark green
74e500	mid light green
005800	dark green
*/

body	{
	background: #ffff9d;
	font-family: Ariel, Helvetica, Free Sans, sans-serif;
	font-size: 15px;
	color: #6a6a6a;
}

h1, h2, h3	{
	margin: 0;
	padding: 0;
	font-weight: normal;
	text-transform: none;
	color: #ffff9d;
}

h1	{
	font-size: 45px;
}

h2	{
	font-size: 30px;
}

p, ul, ol	{
	margin-top: 0;
	line-height: 200%;
	text-align: justify;
}

li	{
	background-color: #ffff9d;
	border: solid;
	border-color: #393939;
	border-width: 2px;
	border-radius: 7px;
	margin: 4px;
}

li:hover	{
	background-color: #ffff00;
	border: solid;
	border-color: #393939;
	border-width: 2px;
	border-radius: 7px;
	margin: 4px;
}

a	{
	color: #5cb300;
	text-decoration: none;
}

a:hover	{
	color: #74e500;
	text-decoration: underline;
}

a img	{
	border: none;
}

img.left	{
	float: left;
	margin: 5px 25px 0 0;
}

img.right	{
	float: right;
	margin: 5px 0 0 25px;
}

hr	{
	display: none;
}

#wrapper	{
	width: 950px;
	margin: 0 auto;
}

#header-wrapper	{
	height: 100px;
	background: url(../images/header.png) no-repeat left top;
	margin: 0 auto;
	border: none;
	border-bottom: 4px solid #ffff00;
}

#header	{
	width: 920px;
	height: 100px;
	margin: 0 auto;
	border-radius: 7px;
}

#logo	{}

#logo-image	{}

#logo-image img	{
	padding: 2px;
	padding-top: 10px;
}

#menu	{
	float: left;
	width: 550px;
	height: 70px;
}

#menu ul	{
	margin: 0;
	padding: 18px 0 0 8px;
	list-style: none;
	line-height: normal;
}

#menu li	{
	display: block;
	float: left;
}

#menu a	{
	display: block;
	float: left;
	height: 30px;
	padding: 10px 20px 0 20px;
	text-decoration: none;
	text-align: center;
	text-transform: lowercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #6a6a6a;
}

#menu a:hover	{
	text-decoration: none;
	color: #393939;
}

/* Page */

#page	{
	width: 920px;
	margin: 0 auto;
	padding: 0;
	background: #393939;
	border-radius: 7px;
}

/* Content */

#content	{
	float: left;
	width: 900px;
	margin-left: 10px;
	margin-bottom: 15px;
	border-radius: 7px;
	background-color: #393939;
	color: #74e500;
	border: solid #ffff00;
}

#content a	{
	color: #ffff00;
}

#info	{
	float: left;
	width: 850px;
	margin-left: 25px;
}