/*
Theme Name: JHA
Version: 1.0
Author: inspire:
*/

/*
Colours
Light grey				#edf0f1
Lighter grey			#f7f8f9
Dark grey				#3c4548
Darker grey				#293235
Steel blue				#73a9be
Steel blue + 20% black	#608e9f

/*** General ***/
* { padding: 0px; margin: 0px; }
p { margin: 6px 0px }
body { background: #edf0f1 url(images/bg1.jpg) repeat-x; font-family:Helvetica, sans-serif; color:#000; }
.inwrap { width: 1000px; margin: 0 auto; background: url(images/bg2.png) repeat-y; padding: 30px 0 0 }
.content { width: 900px; margin:0 50px; }
.clear { clear: both; display: block; }
a, a:link, a:active { color: #73a9be; text-decoration:none; }
a img {border:none;}
hr {border-top:1px solid #edf0f1; border-bottom:none;border-left:none;border-right:none; margin:10px 0 20px;}

/*  font-face */
@font-face { font-family: 'TradeGothicLTStdCnBold'; src: url('fonts/tradegothicltstd-bdcn20-webfont.eot'); src: url('fonts/tradegothicltstd-bdcn20-webfont.woff') format('woff'), url('fonts/tradegothicltstd-bdcn20-webfont.ttf') format('truetype'), url('fonts/tradegothicltstd-bdcn20-webfont.svg#webfontjStpWU2q') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'TradeGothicLTStdCnRegular'; src: url('fonts/tradegothicltstd-cn18-webfont.eot'); src: url('fonts/tradegothicltstd-cn18-webfont.woff') format('woff'), url('fonts/tradegothicltstd-cn18-webfont.ttf') format('truetype'), url('fonts/tradegothicltstd-cn18-webfont.svg#webfonteTMJvSS1') format('svg'); font-weight: normal; font-style: normal; }

/*** Header ***/
.header { height:141px; background: #73a9be;  }
.header h1 a { background:url(images/jhalogo.png) no-repeat; width:500px; height:91px; text-indent:-9999px;display: block;margin:25px 0 0 50px; float:left; }
.header h1 a:hover { border-bottom:none; }
.header .description {width:300px; float:left; margin:24px 0 0 5px; color:#fff; font-family: 'TradeGothicLTStdCnRegular', Helvetica, sans-serif; font-size:50px; text-transform:uppercase; line-height:53px; }

/*** Navigation ***/
.navigation {margin:0 50px;height:auto;color:#000}
.navigation li{list-style:none;}
.navigation li a {float:left;width:230px;height:30px;line-height:30px;color:#000;font-size:20px; font-family: 'TradeGothicLTStdCnBold', Helvetica, sans-serif; text-transform:uppercase}
.navigation li a:hover, .navigation li:hover a, .navigation li.hover a {text-decoration:none;color:#73a9be;}
.navigation li:hover ul, .navigation li.hover ul {display:block;}
.navigation .current_page_item a { color:#608e9f; }

/*** Home ***/
.home { width: 400px; float: left; height:495px; float:right; position: relative; bottom:20px; left: 0; }

/*** Blog Posts ***/
.blogPosts { width: 580px; float: left; margin:15px 15px 0 55px}
.postContent { line-height: 21px; font-size:14px; }
.postContent h2 { font-size: 30px; font-weight: normal; line-height: 140%; margin: 0 0 10px 0; font-family: 'TradeGothicLTStdCnRegular', Helvetica, sans-serif; color:#2b241d; text-transform:uppercase }
.postContent h3 { font-size: 24px; font-weight: normal; line-height: 140%; margin: 10px 0 5px 0; font-family: 'TradeGothicLTStdCnRegular', Helvetica, sans-serif; color:#2b241d; text-transform:uppercase}
.postContent h4 { font-size: 16px; font-weight: normal; line-height: 140%; margin: 10px 0 0 0; font-family: 'TradeGothicLTStdCnRegular', Helvetica, sans-serif; }
.postContent h2 a, .postContent h3 a, .postContent h4 a {border-bottom:1px solid #73a9be;}
.postContent ul { list-style: disc; margin: 5px 0px 5px 20px; }
.postContent ol { margin: 5px 0px 5px 20px;  }
.postContent blockquote { color:#73a9be; border-left:dotted 2px #73a9be; padding:0 10px; width:75% }
.postContent blockquote p { margin: 10px; font-size: 18px;}
.postContent p a { color:#73a9be; border-bottom:1px solid #73a9be}
.postContent p a img {border-bottom:none; }

/*** Blog page navigation ***/
.postContent .previous a { background: none; width:290px; float:left; color:#73a9be; margin:20px 0 0; }
.postContent .next a { background: none; width:290px; float:right; color:#73a9be; margin:20px 0 0; text-align:right; }
.postContent .previous a:hover, .postContent .next a:hover {border-bottom:none; color:#2b241d;}

/*** Contact Form ***/
.postContent input { width:550px; height:40px; line-height:40px; font-size:18px; margin:10px 0; padding:0 5px; background: #edf0f1; color: #73a9be; border:none }
.postContent textarea { width:550px; padding:5px; background: #edf0f1; border: none; font-family: Helvetica, sans-serif; font-size:18px; line-height:130%; color: #73a9be; }
.postContent input[type="submit"] { width:70px; height:30px; line-height:30px; text-align:center; font-size:15px; margin:10px 0; background: #73a9be; border: none; color: #fff; cursor:pointer; padding:0}
.postContent input[type="submit"]:hover{ background: #608e9f; }
.postContent input[type="submit"]:active { background:#3c4548; }

/*** Specials ***/
.postContent .wp-caption { background: #f8f7eb; border: solid 1px #EBE9D7; text-align: center; padding-bottom: 4px; font-family: Helvetica, sans-serif; }
.postContent .wp-caption img { border: solid 5px #f8f7eb; }
.postContent .alignleft { float: left; margin: 0px 15px 5px 0px; display: block; }
.postContent .alignright { float: right; margin: 0px 0px 5px 15px; display: inline; }
.postContent .aligncenter { margin: 0 auto 0 auto; }
.postContent .wp-caption p { margin: 0px; }

/*** Sidebar ***/
.sidebar { width: 230px; float: left; display: block; margin:15px 0 0;  }
.sidebar .sidebarItem { margin:0 50px 20px; }
.sidebar .sidebarItem h3 { font-size: 20px; font-family: 'TradeGothicLTStdCnBold', Helvetica, sans-serif; font-weight: normal; color: #73a9be }
.sidebar .sidebarItem h4 { font-size: 15px; font-family: 'TradeGothicLTStdCnBold', Helvetica, sans-serif; font-weight: normal; color: #73a9be }
.sidebar .sidebarItem h4 a, .sidebar .sidebarItem h3 a { color: #73a9be; }
.bottom { margin:100px 50px 20px; float:left; width:230px; }
.bottom h3 { font-size: 20px; font-family: 'TradeGothicLTStdCnBold', Helvetica, sans-serif; font-weight: normal; color: #73a9be }
.bottom h4 { font-size: 15px; font-family: 'TradeGothicLTStdCnBold', Helvetica, sans-serif; font-weight: normal; color: #73a9be }
.bottom h4 a { color: #73a9be; }
.bottom h4 a:hover { color: #608e9f; }


/*** Footer ***/
.footer { width: 900px; margin: 0 auto; font-size:9px; color: #3c4548; background:#f7f8f9; }
.footer a {color:#293235}
.footer a:hover {color:#73a9be}
.footer .fleft { width: 400px; float: left; margin: 10px 0 15px 50px;}
.footer .fright { width: 400px; float: left; margin: 10px 50px 15px 0; text-align:right}

/*** Mappress ***/
.mapp-poweredby {display:none}