/* @override http://www.antoneycalvert.com/style.css */

html {
/*	background: #000 url(img/page-bg.jpg) no-repeat center top;*/
	background: #000 url(img/site_bg.jpg) repeat-x;
}

#content {
  margin-left: auto ;
  margin-right: auto ;
	width: 400px;
	margin-top: 85px;
}

#header {
		width: 400px; display: table;
	background: url(img/header-bg.png) no-repeat;
	height: 100px;
}

#header p strong {
	font: 23px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-shadow: #d7d7d7 0 1px 0;
	display: block;
	margin-top: 30px;
}

#header p strong a {
	text-decoration: none;
	color: #2f2f2f;
}

#header p strong a:hover {
	text-decoration: none;
	color: #000;
}

#header p {
	color: #2f2f2f;
		text-shadow: #c6c6c6 0 1px 0;
	font-size: 13px;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
}

body {
	font: 75%/120% "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: auto;
}
.menu_list {	
	width: 400px;
	background: none repeat-x;
}
.menu_head {
	cursor: pointer;
	position: relative;
	margin: 0;
    font-weight:bold;
    background: #898c8e url(img/left.png) no-repeat right;
	width: 400px; display: table;
	height: 50px;
	border-bottom: 1px solid #545456;
}

.menu_head p {
	display: table-cell; vertical-align: middle; text-align: left;
	padding-left: 15px;
*margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");}

.menu_body {
	display:none;
}
.menu_body a{
  display:block;
  color: #ccc;
  font-weight:bold;
  text-decoration:none;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 15px;
	border-bottom: 1px solid #191919;
	border-top: 1px solid #3b3b3b;
	background-color: #292929;
}

.menu_body a p {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
.menu_body a:hover{
  color: #9767bd;
	text-decoration: none;
}

#icon {
	padding-right: 12px;
	vertical-align: middle;
}

#hireme {
	float: right;
	padding-top: 5px;
}

a:active, a:focus {
outline: 0
}

img {
	border: none;
}

#footer {
	clear: both;
	width: 400px; height: 35px; display: table; background: url(img/footer-bg.png) no-repeat;
}

#footer p {
display: table-cell; vertical-align: middle; text-align: left;
	font-size: 10px;
	color: #242424;
			text-shadow: #a5a5a5 0 1px 0;
	padding-left: 12px;
*margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");}

a:hover{
  color: #000;
	text-decoration: none;
	position: relative;
}

a{
  color: #000;
	text-decoration: none;
}

a span {
	display: none;
	font-size: 11px;
}

a:hover span {
	display: block;
   	position: absolute;
	/* formatting only styles */
   	padding: 5px; margin: 10px; z-index: 100;
   	background: #292929 url(img/tooltip-bg.jpg) repeat-x; border: 1px solid #5b5b5b;
	opacity: 0.9;
	color: #fff;
	text-shadow: #3d3d3d -1px 0 0;
	left: 400px;
	top: 22px;
}