/*
Theme Name: HPA Default
Description: The default HPA theme.
Version: 1.0
Author: Benjamin Allison
Author URI: http://roestudios.com/
Tags: default theme

*/





/* ----- BEGIN GLOBAL & STRUCTURE STYLES ----- */

html, body, img, ul, li, div, span, a, p {
	background: #fff;
}

img {
	border:none;
}

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #4d4d4d;	
}

#floater {
	position: relative;
	float: left;
	height: 50%;
	margin-bottom: -364px;
	width: 1px;
}

#wrap {
	position: relative;
	clear: left;
	height: 672px;
	width: 830px;
	margin: auto;
}

#hpa-logo {
	position: absolute;
	top: 22px;
	left: 0;
	width: 127px;
	height: 25px;
}

#navigation {
	position: absolute;
	top: 64px;
	left: 52px;
	padding: 0;
	height: 85px;
	width: 460px;
}

#img-area {
	position: absolute;
	top: 165px;
	left: 0;
}

#newsNav {
	position: absolute;
	top: 610px;
	left: 530px;
}

#archives-pane{
	position: absolute;
	top: 165px;
	left: -55px;
	width: 500px;
	height: 415px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#archives-pane ul {
	list-style: none;
	margin: 0 0 0 55px;
	padding: 0;
}

#archives-pane ul li{
	height: 127px;
	margin: 0 0 16px 0;
	border-bottom: 1px solid #e7dfce;
}

#archives-pane ul li.lastNews{
	margin: 0;
	border: none;
}

#archives-pane p {
	display: inline;
}

.newsThumb {
	float: left;
	margin: 3px 10px 0 0;
	padding: 0;
	width: 127px;
	height: 105px;
	overflow: hidden;
}

#page {
	position: absolute;
 	top: 165px;
	left: 530px;
	width: 300px;
	height: 425px;
}

#content {
	position: absolute;
	top: 0px;
	left: 0;
	padding: 0;
	width: 300px;
	height: 415px;
	overflow: hidden;
}

#footer {
	position: absolute;
	top: 640px;
	left: 0;
	width: 830px;
	height: 18px;
	margin: 0;
	padding: 2px 0 0 0;
	border-top: 1px solid #e7dfce;
}

#footer ul{
	float: left;
	margin: 0;
	padding: 0;
}

#footer ul li{
	display: inline;
	margin: 0 10px 0 0;
}

#acronym {
	float: right;
	font-weight: bold;
	margin: 4px 0 0 0;
}

/* ----- END GLOBAL & STRCTURE STYLES ---#b5ab97-- */





/* ----- BEGIN MENU STYLES ----- */

#nav, #nav ul{
	position: absolute;
	margin: 0;
	padding: 0;
	height: 85px;
	list-style: none;
	font-family: Helvetica, Arial;
	font-size: 11px;
	line-height: 14px;
	color: #99917d;
}

#nav{
	width: 85px;
}

#nav ul{
	display: none;
	top: 0px;
	left: 85px;
	width: 125px;
}

#nav ul ul{
	display: block;
	left: auto;
	width: 300px;
}

.subsubnav {
	position: absolute;
	left: 105px;
	top: -10px;
	width: 300px;
	height: 105px;
	display: none;
}

.menuClip {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 10px;
	width: 300px;
	height: 85px;
}

#nav .current_page_item ul, #nav .current_page_parent ul, #nav .current_page_ancestor ul, #nav .current_page_parent .current_page_item .subsubnav, #nav .current_page_ancestor .current_page_parent .subsubnav, body.archive #nav .page-item-4 ul {
	display: block;
}

#nav a {
	display: block;
	margin: 0;
	padding: 0;
	height: 14px;
}

.current_page_item li a {
	/* stops cascading to all children */
	color: #99917d;
}

.current_page_item a, body.archive .page-item-96 a{
	/* sets colour for current item */
	color: #4d4d4d;
}

#nav a:hover, a:hover, .current_page_item a:hover, .current_page_item li a:hover {
	color: #000;
}

#nav a.peup:hover {
	cursor: default;
	color: #595449;
}

.menuDown {
	position: absolute;
	top: 95px;
	left: 0;
	width: 300px;
	height: 10px;
    cursor: pointer;
    background: #fff url(images/navArrowDown.gif) no-repeat center;
}

.menuUp {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 10px;
    cursor: pointer;
    background: #fff url(images/navArrowUp.gif) no-repeat center;
}

.menuDown:hover {
    cursor: default;
    background: #fff url(images/navArrowDownOver.gif) no-repeat center;
}

.menuUp:hover {
    cursor: default;
    background: #fff url(images/navArrowUpOver.gif) no-repeat center;
}

.menuInactive, .menuInactive:hover {
	/*background: none;
	background: #fff;*/
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}

/* ----- END MENU STYLES ----- */





/* ----- BEGIN TEXT STYLES ----- */

a {
	color: #99917d;
	text-decoration: none;
}

a:active, a:focus {
	outline: none;
}

h1 {
	position: absolute;
	top: 64px;
	left: 530px;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial;
	font-size: 11px;
	line-height: 14px;
	color: #4d4d4d;
	text-transform: capitalize;
}

h2 {
	position: absolute;
	top: 78px;
	left: 530px;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #99917d;
}

h3 {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial;
	font-size: 11px;
	line-height: 18px;
	color: #99917d;
}

h3 a {
	color: #4d4d4d;
}

h3 a:hover {
	color: #b5ab97;
}

h4 {
	margin: 0 0 2px 0;
	padding: 0;
	font-family: Helvetica, Arial;
	font-size: 11px;
	line-height: 14px;
	color: #99917d;
}

h5 {
	margin: 0 0 10px 0;
	padding: 0;
	font-family: Helvetica, Arial;
	font-size: 9px;
	line-height: 14px;
	color: #99917d;
}

p {
	margin: 0 0 17px 0;
	padding: 0 0 1px 0;
}

#newsLinks {
	margin: 0;
	padding: 0;
	list-style: none;
}

.selectedPoast {
	color: #333;
}

.post {
	-bottom: 1px solid #99917d;
	margin: 0 0 15px 0;
}

#archive_list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.page-id-777 #content {
	padding: 18px 0 0 0;
	height: 397px;
}

.page-id-777 #content h3 {
	font-weight: normal;
	margin: -18px 0 0 0;
}

.page-id-777 #content p {
	margin: -18px 0 35px 30px;
}

.page-id-204 #content {
	padding: 18px 0 0 0;
	height: 397px;
}

.page-id-204 #content h3 {
	font-weight: normal;
	margin: -18px 0 0 0;
}

.page-id-204 #content p {
	margin: -18px 0 35px 30px;
}

.smallCaps {
	font-size: 9px;
	font-weight: bold;
}
.awcaps {
	font-size: 10px;
	font-weight: bold;
	color: #99917d;
	line-height: 14px;
}

/* ----- END TEXT STYLES ----- */





/* ----- BEGIN SCROLLING CONTENT STYLES ----- */

#move_this_up, #move_this_down {
	position: absolute;
	display: block;
	width: 300px;
	height: 10px;
	cursor: default;
	color: #fff;
}

#move_this_up, #move_this_down {
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}

#move_this_up {
	top: -10px;
	left: 0px;
}

#move_this_down {
	bottom: 0px;
	left: 0px;
}

#move_this_up {
	background-image: url(images/navArrowUp.gif);
}

#move_this_down {
	background-image: url(images/navArrowDown.gif);
}

#move_this_up:hover {
	background-image: url(images/navArrowUpOver.gif);
}

#move_this_down:hover {
	background-image: url(images/navArrowDownOver.gif);
}

/* ----- END SCROLLING CONTENT STYLES ----- */





/* ----- BEGIN GALLERY STYLES ----- */

#gallery {
	display: none;
}

#gallery {
	float: left;
	margin: 20px 0 0 55px;
}

.home #gallery {
	margin-top: 20px;
}

.galleria {
	height: 20px;
	padding: 0;
	list-style: none;
}

body.page-template-page-nothumbs-php #gallery li {
	visibility: hidden;
}

.galleria li {
	display: block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	float: left;
	margin: 0 4px 0 0;
	background: #eee;
}

.galleria li.active{
	background: #fff;
}

.galleria li a {
	display: none;
}

.galleria li div {
	position: absolute;
	display: none;
	top: 0;
	left: 180px
}

.galleria li div img {
	cursor: pointer
}

.galleria li.active div img,.galleria li.active div {
	display: block
}

.galleria li img.thumb {
	cursor: pointer;
	top: auto;
	left: auto;
	display: block;
	width: auto;
	height: auto
}

#img_deets {
	float: left;
	left: 10px;
	padding: 0;
}

.page-template-default #img_deets {
	margin: 17px 0 0 5px;
}

.home #img_deets {
	margin: 23px 0 0 0;
}

#caption, #linky {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial;
	font-size: 11px;
	line-height: 14px;
	color: #99917d;
}

#caption {
	color: #fff;
}

.home #caption {
	float: left;
	color: #4d4d4d;
}

.home #linky {
	float: left;
	margin: 0 0 0 4px;
}

* html .galleria li div span {
	width: 400px
}

#img {
	width: 450px;
	height: 415px;
	margin: 0;
}

body.home #img {
	width: 830px;
	height: 415px;
	margin: 0;
	background: #c8c0b1;
}

.replaced { position:absolute; }
/* MSIE bug */

.singleFade {
	display: none;
}

/* ----- END GALLERY STYLES ----- */
