/* generics */
body {
    font-size: 70%;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, sans-serif; 
    text-align: center;
    background: #2b2b2b url("../imgs/bg-body.jpg") top center repeat-y;
}

a, a:visited, h2 a:hover, h3 a:hover {
	color: #777;
	text-decoration: none;
	}

a:hover {
	color: #932b2b;
	text-decoration: underline;
	}
	
h1 {font-size: 2em; margin: 1.5em 0 0.5em; padding: 0.25em 0;}
h2 {font-size: 1.5em; margin: 2em 0 0.33em; padding: 0.25em 0;}
h3 {font-size: 1.33em; margin: 2.5em 0 0.25em; padding: 0.125em 0;}
h4 {font-size: 1.1em; margin: 0.5em 0 0;}
h5 {font-size: 1em; margin: 0.5em 0 0 0.5em;}
small {font-size: 85%; margin-left: 0.5em;}
p {margin: 0.33em 0 1em 0;}


	
/* Wrapper */

#wrapper{
	background: transparent;
	width: 968px;
	text-align: left;
	margin: auto; 
	padding: 0 0 50px 0;
	padding-top: 185px;
	position: relative;
}


/* Header */

#header{
	padding: 0;
	margin: 0;
	margin: auto;
	width: 100%;
	height: 463px;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url('../imgs/header.jpg') top center no-repeat;
}

#header h1 {
	display: none;
}

#header a{
	display: block;
}


/* content */

#content {
	font-size: 1em;
	line-height: 1.4em;
	float: right;
	margin: 0 0 0 20px;
	width: 900px;
	}

#content h1 {
	font-size: 1.5em; 
	padding: 0.25em 0;
	margin: 70px 0 0 70px;
	border-bottom: 1px groove #932b2b;
	width: 800px;
}

#content h2 {
	font-size: 1.2em; 
	padding: 0.15em 0;
	margin-left: 70px;
	margin-bottom: 15px;
}

#content p{ 
	width: 800px;
	text-align: left;
	margin-left: 80px;
}

#content a{ 
	text-align: left;
	margin-left: 80px;
}

/* Natvigation*/
 
#navbar {
	float: right;
  padding: 0;
  margin: 0;
  overflow: hidden;
  height: auto;
  position: relative;
	}
	
#navbar h3 {display: none;}

#nav li {
	float: left; 
	list-style: none; 
	margin-right: 20px;
	}
	  
#nav ul li {
	display: none; 
	border: none;
	}

#navbar a{
	display: block;
	text-decoration: none;
	height: 28px;
	vertical-align: top;
	background-color: transparent;
}

#navbar a span{ 
	display: none;
}

#navhome{
	width: 51px;
	background: transparent url(../imgs/home.gif) center center no-repeat;
}
#navhome a:hover{ background: transparent url(../imgs/home-hov.gif) center center no-repeat; }
#navhome a.active{ background: transparent url(../imgs/home-hov.gif) center center no-repeat; }

#navme{
	width: 32px;
	background: transparent url(../imgs/me.gif) center center no-repeat;
}
#navme a:hover{ background: transparent url(../imgs/me-hov.gif) center center no-repeat; }
#navme a.active{ background: transparent url(../imgs/me-hov.gif) center center no-repeat; }

#navphotos{
	width: 67px;
	background: transparent url(../imgs/photos.gif) center center no-repeat;
}
#navphotos a:hover{ background: transparent url(../imgs/photos-hov.gif) center center no-repeat; }
#navphotos a.active{ background: transparent url(../imgs/photos-hov.gif) center center no-repeat; }

#navarchives{
	width: 83px;
	background: transparent url(../imgs/archives.gif) center center no-repeat;
}
#navarchives a:hover{ background: transparent url(../imgs/archives-hov.gif) center center no-repeat; }
#navarchives a.active{ background: transparent url(../imgs/archives-hov.gif) center center no-repeat; }

#navlinks{
	width: 51px;
	background: transparent url(../imgs/links-hov.gif) center center no-repeat;
}


/* Footer */

#footer {
	padding: 5px 0 15px;
	margin-top: 10px;
	text-align: center;
	background-color: #2B2B2B;
	}

#footer p {
	color: #fff;
	text-align: center;
	}
	
#footer a {
	color: #fff;
	}