/*   
Theme Name: Hart Strategists
Author: Highwire Creative
*/

* { margin: 0; padding: 0; outline: 0; }
body { font: 14px/22px "Segoe UI", "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Helvetica, Arial, sans-serif; color: #333; text-align: left; background: #ffe95c url(images/background.gif) no-repeat center 0; border-top: 11px solid #c56231; }
body, html { min-height: 100%; height: 100%; }

a { color: #c56231; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, select, textarea { font-family: Arial, sans-serif; }
textarea { overflow: auto; }
fieldset { border: 0; }

.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }

.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }

.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 827px; }

h2,h3,h4,h5 { color: #666; }
h1 { font-size: 21px; line-height: 23px; margin-bottom: 15px; }
h2 { font-size: 21px; line-height: 23px; margin-top: 10px; margin-bottom: 15px; }
h3 { font-size: 14px; line-height: 16px; border-top: 1px dotted #000; display: inline; margin-bottom: 10px; text-transform: uppercase; }
h4 { }
h5 { }

p {margin-bottom: 15px;}
small { font-size: 10px; }

hr {border: none 0;
border-top: 1px dotted #000;/*the border*/
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
margin-top: 15px;}

#page { position: relative; min-height: 100%; }

h1#logo { height: 80px; width: 233px; padding: 28px 0 40px 0; }
h1#logo a { display: block; height: 80px; background: url(images/logo.png); }

#search { margin: 12px 0 18px; float: right; display: inline; width: 203px; }
#search .field { float: left; display: inline;  width: 144px; padding: 1px 5px 1px; border: 0; background: #c7c7c7; font-size: 10px; height: 13px; color: #fff; }
#search .submit { float: left; display: inline; height: 15px; width: 41px; background: url(images/btn-search.gif); border: 0; margin-left: 8px; cursor: pointer; }

.header-right p.ar { padding-top: 12px; }
/* .header-right p.ar a { font-size: 8px; color: #cc6633; text-transform: uppercase;  } */

#navigation { float: right; display: inline; }
#navigation ul { list-style: none outside none; }
#navigation ul li { float: left; display: inline; height: 17px; border-right: 1px solid #999; padding: 0 8px; }
#navigation ul li.last_one { border-right: 0; }
#navigation ul li.page-item-13 { border: 0; padding-right: 0; }
#navigation ul li a { float: left; display: inline; font: bold 11px/17px Arial, Sans-Serif; color: #cc6633; text-transform: uppercase; }
#navigation ul li a:hover,
#navigation ul li.current_page_item a { text-decoration: none; color: #666; }

#content { padding-bottom: 105px; } 

.widecolumn { width: 486px; }
.widecolumn ul { list-style: none outside none; padding: 0 0 15px 15px; }
.widecolumn ul li { background: url(images/bullet1.gif) no-repeat 0 8px; text-indent: 10px; }

.sidebar { width: 310px; }
.about { font-size: 11px; line-height: 15px; padding-left: 15px; margin-bottom: 20px; }
.about strong { font-size: 14px; color: #c56231; }
.about img { margin-left: 20px; }
.about p { padding: 25px 0 0 0; }

.quotes { margin: 20px 10px 20px 5px; }
.quotes p.quote { font: italic 14px/24px Georgia, Times, Serif; color: #000; }
.quotes p.ar { line-height: 12px; color: #333; text-transform: uppercase; margin-top: -10px;}
.quotes p.ar span { display: block; }

.quotes.home p.quote {
border-left:2px dotted #666;
margin-left:20px;
margin-top:50px;
padding-left:15px; }

.dotted-box { border: 1px dotted #000; padding: 25px 15px 20px 15px; margin: 20px 0; height: 100%; }

.subscribe { width: 310px; }
.subscribe h2 { height: 35px; width: 308px; background-image: url(images/h-subscribe.gif); background-repeat:no-repeat; margin-bottom: 5px; }
.subscribe .field { border: 1px solid #fff; background: #c7c7c7; font-size: 10px; color: #fff; height: 14px; padding: 0 5px; width: 299px; margin-bottom: 5px; }
.subscribe .submit { display: block; height: 15px; width: 41px; border: 0; cursor: pointer; background: url(images/btn-enter.gif); margin: 0 0 0 auto; }

.subscribe.home .field { width: 199px; }


/*
.subscribe { width: 150px; }
.subscribe h2 { height: 35px; width: 148px; background: url(images/h-subscribe.gif); margin-bottom: 5px; }
.subscribe .field { border: 1px solid #fff; background: #c7c7c7; font-size: 10px; color: #fff; height: 14px; padding: 0 5px; width: 139px; margin-bottom: 5px; }
.subscribe .submit { display: block; height: 15px; width: 41px; border: 0; cursor: pointer; background: url(images/btn-enter.gif); margin: 0 0 0 auto; }
*/

.connect { width: 110px; padding: 30px 5px 0 0; }
.connect h2 { height: 39px; width: 62px; background: url(images/h-connect.gif); margin-bottom: 0; }
.connect a { float: left; display: inline;  margin-left: 5px; }
.connect .links-wrapper { padding-left: 25px; }

#footer { position: absolute; bottom: 0; left: 0; width: 100%; background: #777; padding: 25px 0 20px; color: #fff; font-size: 10px; line-height: 15px; text-transform: uppercase; }
#footer p.fr { margin-top: 10px; }
#footer a { color: #fff; }

#navigation{
  margin:0;
  padding:0;
  list-style:none;
  float:right;
  display:inline;
}
#navigation li{
  float:left;
  line-height:15px;
  padding:0 19px 0 0;
}
#navigation li:hover, #navigation li.hover{
  position:relative;
}
#navigation li a{
  word-spacing:1px;
  text-decoration:none;
  color:#7498bf;
  font-size:12px;
  line-height:15px;
}
#navigation li a:hover{
  color:#d66a00;
}
#navigation li.current_page_item a, #navigation li.current_page_parent a{
  color:#3e3a36;
}
#navigation li ul{
  margin:0;
  padding:0;
  list-style:none;
  display:none;
  position:absolute;
  top:15px;
  left:0;
  z-index:20;
}
#navigation li:hover ul, #navigation li.hover ul{
  display:block;
  background-color:white;
}
#navigation li ul li{
  float:none;
  padding:0;
}
#navigation li ul li a{
  white-space:nowrap;
  position:relative;
}

#navigation li .sub-nav{
  z-index:11;
}
#navigation li .sub-nav ul{
  width:165px;
  padding:0;
  padding-top:5px;
}
#navigation li .sub-nav li{
  width:165px;
  height:21px;
  background:#deeda0;
  border:0;
}
#navigation li .sub-nav li a{
  width:156px;
  padding-left:9px;
  line-height:21px;
}

li.widget { list-style:none; }

.client-login-button { width:61px; height:5px; display:block; margin:0 0 0 auto; background:url(images/login-link.gif); text-align: left;}