h1, h2, h3, h4, h5, h6, form { margin: 0; padding: 0; }
body {
margin:0;padding:0;
background:url(img/bg.jpg) repeat-x;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
img {border:0;}
blockquote {border-left:3px solid #e2dac4;padding-left:10px;}
.clear {clear:both;}
a {color:#ee8634;}

#page {
text-align:left;
width:950px;
margin:auto;
color:#484d5a;
background:url(img/page_bg.gif) repeat-y #FFF;
}
#header {
position:relative;
}
#headerimg {
background:url(img/header.jpg) no-repeat;
width:950px;
height:248px;
}
#headerimg {
text-indent:-5999px;
}
#headerimg h1 a {
display:block;
width:400px;
height:200px;
outline:none;
margin:0;padding:0;
}
#headerimg .description {display:none;}
#menu {position:absolute;right:0;top:6px;text-align:right;}
#menu ul {margin:0;padding:0;}
#menu li {display:inline;}
#menu li a {color:#FFF;font-size:22px;text-decoration:none;display:block;float:right;margin-right:20px;padding:5px;}
#menu li a:hover {background:#000066;}

#about {
height:221px;
background:url(img/about.gif) repeat-y top;
}
#about h2 {
color:#004503;
font-size:22px;
text-transform:uppercase;
}
#about .inner {
margin:10px 20px 0 20px;
}
.aboutme, .aboutblog {
float:left;
width:475px;
}

.aboutme h2, .aboutme p {
margin-left:5px;
}
.aboutfoot {
background:url(img/about_foot.gif) no-repeat bottom;
height:11px;
clear:both;
margin:0;
font-size:0;
}

#content {
float:left;
width:750px;
}
#content .inner {
margin:20px;
}
#sidebar .inner {
margin:20px 5px 15px 15px;
}
#sidebar {
float:left;
width:200px;
}
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
}


#footer {
clear:both;
background:url(img/footer.jpg) no-repeat bottom;
text-align:center;
color:#FFF;
height:92px;

}

#footer a {
color:#FFCC99;
}
#footer .spacer {
display:block;
height:42px;
}
#bottom p{
margin:0;
}
#wrapper {
background:url(img/foot_bg.gif) repeat-x bottom;
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

a img {
	border: none;
	}

/* End Various Tags & Classes*/
/* Begin Form Elements */
.sidebox {
background:url(img/sidemenu.gif) no-repeat top;
width:165px;
padding-top:20px;
margin:0;
margin-bottom:15px;
}
.sidebox ul, .sidebox li {
margin:0;padding:0;

}
.sidebox ul {
list-style-type:none;
}
.sidebox li {
margin-left:14px;
margin-right:3px;
padding-top:4px;
}
#sidebar h2 {
text-align:center;
font-size:18px;
}