/* Carlo Hume */
body {
  font-family: Century Gothic;
  background: url(../images/body-bg.png) repeat #ffffff;
  margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
  padding: 0;
  text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
  color: #000000;
}

a:link {color:#000000;}      /* unvisited link */
a:visited {color:#000000;}  /* visited link */
a:hover {color:#E28F25;}  /* mouse over link */
a:active {color:#784812;}  /* selected link */

h1 {
	font-size:24px;
	margin:0;
	padding:0;
}
h2 {
	font-size:20px;
}
.carlo #container {
  background: url(../images/body-bg.png) center repeat #ffffff;
  margin-top: 10px; /* the auto margins (in conjunction with a width) center the page */
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  border: 0px solid #E28F25;
  text-align: left; /* this overrides the text-align: center on the body element. */
  border-radius: 50%;
  width:700px;
  height:700px;
  /*
  -moz-box-shadow: 0 0 0.4em 0.6em rgba(200,127,3,0.8);
  -webkit-box-shadow: 0 0 0.4em 0.6em rgba(226,143,37,0.8);
  box-shadow: 0 0 0.4em 0.6em rgba(226,143,37,0.8);
  */
  -moz-box-shadow: 0 0 0.4em 0.6em rgba(192,192,192,0.8);
  -webkit-box-shadow: 0 0 0.4em 0.6em rgba(192,192,192,0.8);
  box-shadow: 0 0 0.4em 0.6em rgba(192,192,192,0.8);
}
.carlo #header {
	margin-top: 30px;
	margin-left: auto;
    margin-right: auto;
	padding-top:15px;
    width: 220px;
}
.carlo #header h1 {
  margin-top:10px;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.carlo #main {
	padding: 0; 
	margin-left: auto;
    margin-right: auto;
	width: 700px;
}

.carlo #main p {
	margin: 0; 
	padding: 0; 
}

.carlo #footer { 
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  width: 180px;
} 
.carlo #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.myname {
	
}
.carlo #container #header h1 .myname {
	/*color: #E28F25;*/
	color:#000000;
}

.carlo #container #footer p {
	font-family: Century Gothic;
	color: #E28F25;
}

.carlo #container #footer table tr td {
	font-family: Century Gothic;
}

.carlo #container #footer {
	color: #E28F25;
	font-family: Century Gothic;
}