/*
Theme Name: SpaceHippo
Theme URI: http://space-hippo.net
Description: John's Own Theme
Version: 1.0
Author: John the Web Guy
Author URI: http://www2.gol.com/users/johnm/
*/




body
{ 
	background: #D7D7D7; 
	font-family: Verdana, Helvetica, sans-serif; 
	text-align: center;	/* ---- IE HACK TO CENTER ---- */
	margin: 0px;
	padding: 0px;
}

body a
{
	text-decoration: none;
	color: #000099;
}

body a:hover
{
	text-decoration: underline;
}



.mainContentContainer
{
	margin-left: auto;	/* ---- CENTER ---- */
	margin-right: auto;	/* ---- CENTER ---- */
	width: 960px;
	height: auto;
	padding: 0px;
	background-color: #FFFFFF;
	border-top: 1px solid #32962d;
}


#header
{
	background: #32962d; /* Old browsers */
	background-image: linear-gradient(bottom, rgb(20,100,20) 0%, rgb(50,150,45) 33%, rgb(70,180,70) 100%);
	background-image: -o-linear-gradient(bottom, rgb(20,100,20) 0%, rgb(50,150,45) 33%, rgb(70,180,70) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(20,100,20) 0%, rgb(50,150,45) 33%, rgb(70,180,70) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(20,100,20) 0%, rgb(50,150,45) 33%, rgb(70,180,70) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(20,100,20) 0%, rgb(50,150,45) 33%, rgb(70,180,70) 100%);
	background-image: -webkit-gradient(linear,left bottom,left top, color-stop(0, rgb(20,100,20)), color-stop(0.33, rgb(50,150,45)), color-stop(1, rgb(70,180,70)) );
	border-bottom: 1px solid #005522;

	width: 960px;
	height: 80px;
	margin: 0px 0px 0px 0px;
	float: left;
}


#header h1
{
}
#header h1 a
{
	float: left;
	margin-top: -12px;
	margin-left: 4px;
	width: 400px;
	height: 65px;
	background: url('images/aboard-the-hippo-501e.png') no-repeat 0 0;
}


ul#nav
{
	float: left;
	margin: 10px 0px 0px 80px;
	line-height: 20px;
}
ul#nav li
{
	display: inline;
	float: left;
	margin: 0 24px 0 0px;
	list-style: none;
}
ul#nav li a
{
	padding: 5px 8px;
	color: #eee;
	text-decoration: none;
}
ul#nav li a:hover
{
	color: #eeffee;
}
ul#nav li a.active
{
	color: #fff;
}


#nav li a
{
	color: #fff;
	font-family: "Helvetica Neue", sans-serif;
	text-shadow: 0 -1px 0 rgba(0,162,116,0.8);
	height: auto;
	line-height: 1;
	padding: 5px 10px;
	font-weight: 500;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid transparent;
}


#nav li.current a,
#nav li a:hover
{
	color:rgba(235,255,235,0.9);
	text-shadow: 0 -1px 0 rgb(0,162,116);

	border: 1px solid #1d6422;

	background-image: -moz-linear-gradient(top, #009900 0%, #004400 100%);
	background-image: -webkit-linear-gradient(top, #009900 0%, #004400 100%);
	background-image: -o-linear-gradient(top, #009900 0%, #004400 100%);
	background-image: -ms-linear-gradient(top, #009900 0%, #004400 100%);
	background-image: linear-gradient(top, #009900 0%, #004400 100%);

	-moz-box-shadow: inset 0 1px 0 #00aa00, inset 0 2px 0 rgba(120,230,120,0.7);
	-webkit-box-shadow: inset 0 1px 0 #00aa00, inset 0 2px 0 rgba(120,230,120,0.7);
	-o-box-shadow: inset 0 1px 0 #00aa00, inset 0 2px 0 rgba(120,230,120,0.7);
	-ms-box-shadow: inset 0 1px 0 #00aa00, inset 0 2px 0 rgba(120,230,120,0.7);
	box-shadow: inset 0 1px 0 #00aa00, inset 0 2px 0 rgba(120,230,120,0.7);
}



.maincontentarea
{
	float: left;
	width: 960px;
	margin: 0px;
	text-align: left;
	background: #dbfee0;
}



.contentarea
{
	float: left;
	width: 908px;
	margin: 0px;
	padding: 0px 0px 40px 50px;
	text-align: left;
	background: white;
}


.contentarea p, li
{
	margin-bottom: 20px;
	margin-right: 160px;
}


.header2
{
	margin-top: 30px;
	color: #444444;
	font-weight: bold;
}


.list-header
{
	color: #32962d;
	font-size: 15px;
	font-weight: bold;
}


.blockquote
{
	width: 600px;
	border: 1px solid #CCCCCC;
	padding: 8px;
	background-color: #e6fefe;
}


.blockquote p
{
	margin-left: 10px;
	margin-right: 10px;

}


h1
{
	font-size: 22px;
	font-weight: bold;
	color: #444444;
	margin: 20px 0px 20px 0px;
}

.sectionlabel
{
	font-size: 12px;
	color: #444444;
	margin: 20px 0px 20px 0px;
}



.summarybox
{
	width: 550px;
	border: 1px solid #CCCCCC;
	padding: 4px;
	margin: 10px 0px 30px 20px;
}


#comments
{
	float: left;
	clear: both;
	color: #003300;
}

#comments p
{
	margin: 0px 0px 20px 0px;
}

.comment-body
{
	width: 740px;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
	padding: 12px;
}


.footer
{
	float: left;
	background: #32962d;
	width: 100%;
	height: 30px;
	margin: 0px 0px 0px 0px;
}



.iemarginbottom
{
	float: left;
	background: #D7D7D7;
	width: 100%;
	height: 30px;
	margin: 0px 0px 0px 0px;
}