/*
Theme Name: Harbour Resources
Theme URI: http://episcopalarkansas.org/
Description: This is the WordPress theme for Harbour Resources
Version: 2.0
Author: Jenna Dixon
Author URI: http://inthooz.com/
*/


* { padding: 0; margin: 0; }
.clear {clear: both; }
.spacer { height: 30px; clear: both; }
img, a img { outline: none; border: none; }
img, div, a, div a img, div img { behavior: url(iepngfix.htc) }
body { color: #666; font-family:  "Arial", Verdana, Helvetica, sans-serif; font-size: 14px; }


/* Headings */
h1,h2,h3,h4,h5,h6{ color:#006699; text-decoration:none;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#006699; text-decoration:none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color:#469dc9; text-decoration:none;  border-bottom: none;}
h1 { font-size: 55px; padding: 15px 0 5px 0; font-weight: normal; }
h2 { font-size: 28px; padding:10px 0 3px 0 ; margin: 0; font-weight: normal; }
h3 { font-size: 30px;  padding:15px 0 3px 0; font-weight: normal; }
h4 { font-size: 22px; padding:10px 0 3px 0; font-weight: normal; }
#twitter h6, #twitter-interior h6 { position: relative; top: 13px; left: 75px; word-wrap: break-word; }
h5 { font-size: 20px; padding:10px 0 0 0; font-weight: normal; }
h6 { font-size: 18px; padding:10px 0 0 0; font-weight: normal; }
h2 span.top { padding: 0; margin: 0 0 -10px 0; display: block; font-size: 25px; text-transform:uppercase; }
h2 span.bottom { padding: 0; margin: -20px 0 0px 0; display: block; font-size: 25px; text-transform: uppercase; }
#slide-content h2 span.top { padding: 0; margin: 0 0 -20px 0; display: block; font-size: 22px; text-transform:uppercase; color: #FFF; }
#slide-content h2 span.bottom { padding: 0; margin: -20px 0 10px 0; display: block; font-size: 30px; text-transform: uppercase; color: #FFF; }


/* Text Formatting */
.entry p, .post p { line-height: 20px; padding: 0 0 10px 0; }
.spotlight p { padding: 0 0 0 16px; font-size: 12px; }
#top-phone p { margin: 5px 0 0 3px; font-size: 27px; color: #999; }
#twitter p, #twitter-interior p { font-size: 12px; margin: -5px 10px 0px 10px; list-style: none; }
#rainmaker p, #rainmaker-interior p { font-size: 12px; }
#footer p { margin: 0 0 10px 0; }
.edit-entry p { width: 720px; text-align: right; float: right; } 
#breadcrumbs { top: 18px; color: #66; position: relative; font-size: 13px; }
#slide-content p { color: #FFF; line-height: 20px; font-size: 15px;}
blockquote { padding: 10px 25px; font-style:italic;}
.smartp { float: right; width: 165px; margin: 10px 0 5px 0; font-size: 12px; }
.psmart { float: left; width: 165px; margin: 10px 0 5px 0; font-size: 12px; }
.archive-entry { margin: 10px 0 20px 0; }

/* Links */
p a, p a:visited, .entry li a, .entry li a:visited, #twitter a, #twitter a:visited, #twitter-interior a, #twitter-interior a:visited, #breadcrumbs a, #breadcrumbs a:visited, .entry-utility a, .entry-utility a:visited, .entry-meta a, .entry-meta a:visited, #smart-options-interior a, #smart-options-interior a:visited, #smart-options a, #smart-options a:visited { color:#006699; text-decoration:none; border-bottom: 1px dotted #006699; }
p a:hover, .entry li a:hover, #twitter a:hover, #twitter-interior a:hover, #breadcrumbs a:hover, .entry-utility a:hover, .entry-meta a:hover, #smart-options-interior a:hover, #smart-options a:hover { color:#006699; text-decoration:none; border-bottom: none; } 

/* Lists */
.entry ul { list-style: image; background-image: url(images/bullet.jpg) no-repeat; margin: 10px 10px 10px 0px; }
.entry ul li { padding: 3px 0 3px 10px; margin-left: 15px; }
.entry ol {  margin: 5px 0 15px 0;  }
.entry ol li { text-indent: 0 0 0 25px; padding:0; margin: 0 0 0 25px; line-height: 20px;}


/* Sprites */
ul#sprite { width: 960px; margin: 10px 0 0 0; list-style: none; }
ul#sprite li { display: block; float: left; }
ul#sprite  li a { position: relative; display: block; height: 41px; margin: 0; background-image: url(images/sprite.png); text-indent: -9999px; }
ul#sprite  li a.about { width: 173px; background-position: 0 0; }
ul#sprite  a.about:hover, ul#sprite  li a.about:focus {	background-position: 0 -41px; }
ul#sprite  li a.clients { width: 140px; background-position:  -173px 0; }
ul#sprite  a.clients:hover, ul#sprite  li a.clients:focus {	background-position: -173px -41px; }
ul#sprite  li a.candidates { width: 198px; background-position: -313px 0; }
ul#sprite  a.candidates:hover, ul#sprite  li a.candidates:focus {	background-position: -313px -41px; }
ul#sprite  li a.assessment { width: 203px; background-position: -511px 0; }
ul#sprite  a.assessment:hover, ul#sprite  li a.assessment:focus {	background-position: -511px -41px; }
ul#sprite  li a.expert { width: 246px; background-position: -714px 0; }
ul#sprite  a.expert:hover, ul#sprite  li a.expert:focus {	background-position: -714px -41px; }
ul.learn-more { width: 0px; margin: 10px 0 0 64px; list-style: none; position: absolute; top: 200px;}
ul.learn-more li { display: inline; }
ul.learn-more  li a { position: relative; display: block; height: 23px; margin: 0; background-image: url(images/learnmore.png); text-indent: -9999px; }
ul.learn-more  li a.button { width: 111px; background-position: 0 0; }
ul.learn-more  a.button:hover, ul.learn-more  li a.button:focus {	background-position: 0 -23px; }



/* Background Images */
#header-wrap { background: url(images/headerbg.jpg) repeat-x; }
#nav-wrap { background: url(images/navbg.jpg) repeat-x; }
#slide-wrap { background: url(images/slidebg.jpg) repeat-x; }
#spot-wrap { background: url(images/spotbg.jpg) repeat-x; }
#header { background: url(images/header.jpg); }
#nav { background: url(images/nav.jpg); }
#slide { background: url(images/slide.jpg); }
#slide-spot-wrap { background: url(images/slidespotbg.jpg) repeat-x; }
#slide-spot { background: url(images/slidespot.jpg) no-repeat; }
#twittertop { background: url(images/twittertop.jpg) no-repeat; }
#twittermiddle { background: url(images/twittermiddle.jpg) repeat-y; word-wrap: break-word; }
#twitterbottom { background: url(images/twitterbottom.jpg) no-repeat; }


/* Images */
#content .entry p.wp-caption-text { color: #666; font-size: 12px; text-align: center; padding: 2px 0; }
.wp-caption{ background-color:#F4F4F4; border:1px solid #CCC; margin: 10px; padding:6px 6px 0px 6px; text-align:center; max-width:470px!important}
.wp-caption img{ border:none; margin:0; padding:0; width:100%!important; height:auto!important }
.alignleft { float: left; margin-right: 10px; padding: 3px; border: 1px solid #CCC; }
.alignright { float: right; margin-left: 10px; padding: 3px; border: 1px solid #CCC; }
.smartimg { float: left; margin: 5px 0 0 10px; }
.imgsmart { float: right; }



/* Layout */
#header-wrap { height: 120px; }
#nav-wrap { height: 41px; }
#slide-wrap { height: 322px; }
#spot-wrap { height: 252px; }
#slide-spot-wrap { height: 38px; }

#header { margin: 0 auto -10px auto; position: relative; width: 960px; height: 128px; }
#logo { width: 276px; height: 107px; float: left; margin: 15px 0 0 10px; padding: 0; }
#top-contact { width: 300px; height: 100px; float: right; }
#top-contact img { position: relative; top: 0; float: right; }
#top-phone { width: 173px; float: right; }

#nav { margin: 0 auto; position: relative; width: 960px; height: 41px; }
#slide { margin: 0 auto; position: relative; width: 960px; height: 322px; z-index: 1; }
#spot { margin: 0 auto; position: relative; width: 960px; }

#slide-spot { margin: 0 auto; position: relative; width: 960px; height: 38px; }

#content { margin: 0 auto; position: realtive; width: 960px; }
#footer { margin: 20px auto 0 auto; position: relative; width: 960px; border-top: 1px solid #CCC; padding: 20px 0 10px 0 ; }
#footer-left { width: 720px; float: left; }
#footer-right { width: 240px; float: right; }
#footer-right img { float: right; }
.spotlight { width: 240px; height: 252px; float: left; }
.spotlight img { margin: 10px 16px 5px 16px; }
#main-column { width: 705px; float: left; padding: 10px 15px 0 0;}
#sidebar-column { width: 239px; margin: 20px 0 0 0; float: right; border-left: 1px solid #CCC; }
#twitter { height: 100px; width:223px; margin: -20px 0 10px 0; float: right; word-wrap: break-word;}
#social-links { text-align: right; float: right; margin: 20px 0 10px; }
#harbour-report { text-align: right; float: right; margin: 0 0 10px; }
#smart-options { float: right; width: 240px; text-align: right; margin: 0 0 10px; }
#rainmaker { float: right; widht: 240px; text-align: right; }

#main-column-interior { width: 705px; float: left; padding: 0 0 0 15px; }
#sidebar-column-interior { width: 239px; margin: 20px 0 0 0; float: left; border-right: 1px solid #CCC; }
#twitter-interior { height: 100px; width:223px; margin: -20px 0 10px 0; float: left;word-wrap: break-word;}
#social-links-interior { text-align: left; float: left; margin: 20px 0 10px; }
#harbour-report-interior { text-align: left; float: left; margin: 0 0 10px; }
#smart-options-interior { float: left; width: 240px; text-align: left; margin: 0 0 10px; }
#rainmaker-interior { float: left; widht: 240px; text-align: left; }
#slideshow { width: 580px; float: right; }
#slideshow img { margin: -1px 0 0 0; }
#slide-content { width: 380px; float: left; margin: 20px 0 10px 0; }

#twittertop { width: 223px; height: 33px; }
#twittermiddle { width: 223px;word-wrap: break-word; }
#twitterbottom { width: 223px; height: 14px; }
#smartoptions-library-spotlight { width: 250px; float: right; margin: 0 0 0 20px; }
img.library-icon { float:right; margin: -35px 0 0 0; }
#smartoptions-library-spotlight p a { border-bottom: none; }
span.smartoptions-text { float: left; width: 155px;}
#submit-resume { float: left; margin: 10px 10px 10px 0; width: 285px; height: 185px;}
#submit-resume img { margin: 0 0 10px 0; }
#current-opportunities { float: right; margin: 10px 10px 10px 0; width: 260px; height: 185px; }
#current-opportunities h5 { float: right; }


/* Mega Menu */
ul#sprite li .sub { position: absolute; z-index: 99999; padding: 8px 0px 0 0px; margin: 0 0 0 15px; -moz-border-radius-bottomright: 6px; -khtml-border-bottom-right-radius: 6px; -webkit-bottom-right-radius: 6px; -moz-border-radius-bottomleft: 6px; -khtml-border-bottom-left-radius: 6px; -webkit-bottom-left-radius: 6px; background: rgba(22, 66, 131, 0.90); filter:alpha(opacity=90); display: none; border-left: 1px solid #113363; border-right: 1px solid #113363; border-bottom: 1px solid #113363; max-width: 190px !important; }
ul#sprite li .sub ul { list-style: none; margin: 0; padding: 0; }
ul#sprite li .sub ul li { display: block; color: #FFF; margin: 0;}
ul#sprite li .sub ul li a { display: block; width: 160px; text-indent: 0; height: auto; background: none; padding: 5px 15px; text-decoration: none; color: #FFF; font-size: 16px;}
ul#sprite li .sub ul li a:hover { color: #FFF; background: rgba(17, 51, 99, 0.50); filter:alpha(opacity=50); -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px;}
ul#sprite li .sub ul li ul li a { display: block; width: 160px; text-indent: 20px; height: auto; background: none; padding: 5px 15px; text-decoration: none; color: #FFF; font-size: 16px;}


/* Forms */
#smart-options-interior input, #smart-options input { border: 1px solid #CCC; padding: 3px; margin: 0 0 5px 0;color: #999; }
#harbour-report input.button, #harbour-report-interior input.button { border: 1px solid #CCC; margin: 0; }
#smart-options form { margin: 0 -15px 0 0; }
.entry input, .entry textarea, .entry select { border: 1px solid #CCC; padding: 3px; margin-bottom: 5px; }
.entry select.droppy { height: 110px; overflow: scroll; }
#harbour-report input, #harbour-report-interior input { margin: 3px 0 0 0; color: #999999; }
input.button { padding: 0; }