/*   
Theme Name: Insurance Services of America
Author: Blaker Design
Author URI: http://www.blakerdesign.com
*/

@import url(css/reset.css);

@import url(css/widgets.css);

@import url(css/page.css);

/* Tags */

body {
  font-family:Muli,Arial,sans-serif;
  min-width:1050px;
}

hr {
  border:none;
  height:3px;
  width:100%;
  background:url('./img/hr.png') left top repeat-x;
  margin-bottom:25px;
}

h1, 
h2,
#benefits-tray h3 {
  font-family:Oswald,Arial;
  font-size:30px;
  font-weight:normal;
  margin-bottom:25px;
}


h3 {
  font-family:Oswald,Arial;
  font-size:24px;
  font-weight:normal;
  margin-bottom:15px;
}

h3.ribbon-heading {
  color:#fff;
  width:322px;
  height:35px;
  overflow:hidden;
  margin:0 0 10px 0!important;
  font-family:Oswald,Arial,sans-serif;
  color:#fff;
  font-size:15px!important;
  font-weight:normal!important;
  position:relative;
  background-image:url('./img/ribbons.png'); 
  width:100%!important;
}

#highlights .highlight h3 span,
h3.ribbon-heading span {
  position:absolute;
  left:10px;
  top:8px; 
}

h4 {
  font-weight:normal;
  font-size:14px;
  margin-bottom:10px;
}

h4 a {
  text-decoration:none;
}

h5 {
  font-size:16px;
  margin-bottom:15px;
}

h6 {
  font-size:14px;
  font-style:italic;
  margin-bottom:15px;
  font-family:Georiga,serif;
}

p {
  margin-bottom:15px;
  font-size:14px;
  line-height:1.5em;
}

a {
  text-decoration:none;
}

address {
  font-style:normal;
}

pre {
  margin:0 0 25px 0;
  padding:0 0 0 15px;
}

.from-editor hr {
  border:none;
  padding-top:15px;
  border-bottom:1px dotted #9a9785;
  height:1px;
  background:transparent none;
  margin-bottom:25px;
}

.from-editor h4,
.from-editor h5 {
  font-family:Oswald,Arial;
  font-size:18px;
  font-weight:normal;
  margin-bottom:15px;
}

.from-editor ul {
  list-style:none;
  list-style-image:url('./img/bullet.png');
  margin-left:15px;
}

.from-editor ul li {
  margin-bottom:5px; 
}

.from-editor ul ul {
  margin-bottom:0;
  padding-top:5px;
}

.from-editor address {
  margin-bottom:25px;
}

.from-editor ul,
.from-editor ol {
  margin-bottom:25px;
}

.from-editor ol li {
  line-height:20px;
  margin-bottom:10px;;
}

.from-editor blockquote {
  font-family:Georgia,serif;
  font-style:italic;
  position:relative;
  margin-left:30px;
  margin-bottom:25px;
}

.from-editor blockquote p:before {
  content:'\201C';
  position:absolute;
  font-size:48px;
  left:-28px;
  top:10px;
  font-style:normal;
}

/* Header */

header {
  padding-top:20px;
  display:block;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .3);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .3);
  position:relative;
  z-index:10;
  background-color:#fff;
}

header .container {
  height:156px;
}

header .logo {
  display:block;
  position:absolute;
  left:0;
  bottom:15px;
  width:153px;
  height:131px;
  background:url('./img/isa-logos.png') left top no-repeat;
}

header .logo:hover {
  background:url('./img/isa-logos.png') left bottom no-repeat;
}

header .assistance {
  position:absolute;
  top:10px;
  right:0;
  font-size:12px;
  padding-left:30px;
  line-height:16px;
}

header .assistance p {
  font-size:12px;
  line-height:16px;
  margin-bottom:0;
}

header .assistance span {
  position:absolute;
  left:0;
  top:4px;
  background:url('./img/sprite.png') -199px -3px no-repeat;
  display:block;
  width:24px;
  height:24px;
}

header nav {
  position:absolute;
  bottom:5px;
  left:188px;
}

header nav ul {
  list-style-type:none;
  margin:0;
  position:relative;
}

header nav ul li {
  float:left;
  border-right:1px solid #e4e3e3;
}

header nav ul li:last-child {
  border-right:none;
}

header nav ul li a,
header nav ul li a:visited {
  display:block;
  padding:35px 20px 13px 20px;
  text-decoration:none;
  font-size:16px;
  font-family:Oswald,Arial,sans-serif;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}

header #searchform {
  position:absolute;
  right:0;
  bottom:10px;
  width:180px;
  height:30px;
  background:url('./img/sprite.png') -2px -1px;
  overflow:hidden;
}

header #searchfield {
  border:none;
  background-color:transparent;
  position:absolute;
  left:5px;
  top:0;
  height:100%;
  width:157px;
}

header #searchsubmit {
  display:block;
  background:transparent;
  border:none;
  width:23px;
  height:25px;
  overflow:hidden;
  text-indent:999px;
  line-height:999px;
  position:absolute;
  right:5px;
  top:5px;
}

/* Main Section */

#main-content {
  background:url('./img/sidebar.png') 647px top repeat-y;
}

#main-content.fullwidth {
  background-image:none;
}

section#main {
  background:url('./img/main-section-tile.png') left top repeat;
  z-index:0;
  padding:20px 0 20px 0;
}

#main-content > .column-left {
  width:640px;
  position:relative;
}

#main-content > .column-right {
  width:321px;
  padding-left:15px;
  height:100%;
}

#main-content img {
  padding:4px;
  background-color:#fff;
  border:1px solid #c6c6c6; 
}

#main-content img.plain {
  border:none;
  background-color:transparent;
  padding:0;
}

/* Subnav */

#sub-nav {
  background-color:#e9e7d8;
  padding:10px 15px;
  top:-20px;
  position:relative;
  -webkit-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, .3);
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, .3);
}

#sub-nav li {
  float:left;
}

#sub-nav li a,
#sub-nav li a:visited {
  font-family:Oswald,Arial;
  padding:0 8px;
  font-size:12px;
}

.wf-active #sub-nav li a {
  font-size:13px;
}

#sub-nav li:last-child a {
  border:none;
}

/* Blog */

.blog article.excerpt {
  margin-bottom:20px;
  border-bottom:1px dotted #9a9785;
}

.blog article.excerpt .column-left {
  width:130px;
}

.blog article.excerpt .column-right {
  width:510px; 
}

.blog article h1,
.blog article h2 {
  margin-bottom:5px;
}

.blog article .post-meta {
  font-style:italic;
  font-family:Georgia,serif;
  font-size:12px;
  margin-bottom:10px;
  display:block;
}

.blog article.excerpt .addthis_toolbox {
  display:none;
}

.single-post .blog article {
  padding-bottom:20px;
}

.tags-and-categories {
  margin-bottom:20px;
}

#main-content .blog img.featured {
  padding:7px;
  margin-bottom:15px;
}

#comment-list {
  padding-bottom:20px;
  border-bottom:1px dotted #9a9785;
  margin-bottom:20px;
}

#comment-list ol {
  list-style:none;
  margin:0;
  position:relative;
}

#comment-list li {
  background:url('./img/comment-form-point.png') left center no-repeat;
  padding-left:10px;
  position:relative;
  left:-10px;
  margin-bottom:10px;
}

#comment-list li div {
  background-color:#cdc6a4;
  padding:14px 24px 0 24px;
}

#comment-list li div p {
  margin-bottom:14px;
}

#comment-list .meta {
  font-size:14px;
  font-family:Oswald,Arial;
  display:block;
  margin-bottom:10px;
}

/* Comment Form */

#comments {
  padding-top:20px;
  border-top:1px dotted #9a9785
}

#comments h2 {
  font-size:24px;
}

#comments label {
  display:none;
}

#comments fieldset {
  margin-bottom:15px;
}

#comments input[type="text"] {
  width:345px;
  padding:8px 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  border:1px solid #d3d2cf;
  -webkit-box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, .3);
  -moz-box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, .3);
  box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, .3);
}

#comments textarea {
  width:95%;
  padding:8px 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  border:1px solid #d3d2cf;
  -webkit-box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, .3);
  -moz-box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, .3);
  box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, .3);
  height:200px;
}

#comments input[type="submit"] {
  font-size:16px;
  font-family:Oswald,Arial;
  float:right;
  background:none;
  border:none;
  padding:0;
  font-size:20px!important;
  margin-right:25px;
}

/* Sidebar ULs */
ul.toolbox-item-links {
  list-style-type:none;
  margin:0;
  padding:0;
}

ul.toolbox-item-links li {
  margin:0 0 10px 0;
}

/* Footer */

footer {
  background-color:#eae8d8;
  padding-top:20px;
}

footer #copyright {
  height:55px;
  background:url('./img/footer-tile.png') left top repeat;
  font-family:Oswald,Arial;
  color:#fff;
  font-size:14px;
  position:relative;
}

footer #copyright .container {
  top:17px;
}

footer #copyright a {
  color:#fff;
}

/* Text Colors */

.color-1,
.from-editor .color-1,
.from-editor h5,
header nav ul li a,
header nav ul li a:visited,
#sub-nav li a,
#sub-nav li a:visited,
h2.gsection_title,
.tags-and-categories,
.tags-and-categories a,
.widget_isa_picture blockquote {
  color:#424345;
}

header nav ul li a:hover,
header nav ul li a:active,
header nav ul li.current-menu-item a,
header nav ul li.current_page_parent a,
header nav ul li.current-page-ancestor a {
  color:#bcbaaa;
}

.color-2,
footer .column a,
.insurance-category h2 {
  color:#545454;
}

.color-3,
.sidebar .widget ul a {
  color:#676663;
}

/* Global Classes */

.container {
  width:984px;
  position:relative;
  margin:0 auto;
}

.column-left {
  display:inline-block;
  float:left;
}

.column-right {
  display:inline-block;
  float:right;
}

.clearfix:before,
.clearfix:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden;	
}

.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */

/* Gravity Forms */

.gform_body ul {
  list-style:none;
  margin:0;
}

.gform_widget {
  display:inline-block;
  width:100%;
}

.gform_widget .ginput_container input {
  width:96%!important;
  padding:8px 5px!important;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  border:1px solid #d3d2cf;
  -webkit-box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, .3);
  -moz-box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, .3);
  box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, .3);
}

.gform_widget .gform_wrapper .gform_footer {
  padding:0;
}

.gform_widget .gfield {
  margin-bottom:10px;
}

.gform_widget .gfield_label {
  display:none;
}

.gform_wrapper .validation_message {
  padding-top:5px;
  font-size:11px;
}

.gform_wrapper .validation_error {
  margin-bottom:10px;
}

.gform_button {
  font-size:16px;
  font-family:Oswald,Arial;
  float:right;
  background:none;
  border:none;
  padding:0;
  font-size:20px!important;
}

.gform_wrapper .gsection {
  border-bottom:1px dotted #9a9785!important;
}

.gform_wrapper h2.gsection_title {
  font-size:16px!important;
  font-weight:normal!important;
}

.gfield_label {
  font-weight:normal!important;
  width:24%;
  font-size:12px;
  *float:none!important;
}

#main-content > .column-left .gform_wrapper input[type="text"],
#main-content > .column-left .gform_wrapper input[type="email"],
#main-content > .column-left .gform_wrapper input[type="tel"],
#main-content > .column-left .gform_wrapper textarea {
  padding:8px 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  border:1px solid #d3d2cf;
  -webkit-box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, .3);
  -moz-box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, .3);
  box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, .3);
}

#main-content > .column-left .gform_wrapper input {
  padding:4px;
}

#main-content > .column-left .gform_wrapper .male-female li,
#main-content > .column-left .gform_wrapper .email-phone li {
  float:left;
  margin-right:15px;
}

#main-content > .column-left .gform_wrapper {
  display:inline-block;
  width:100%;
}

#main-content > .column-left .gfield_description,
#main-content > .column-left .gfield_radio,
#main-content > .column-left .gfield_checkbox {
  *margin-left:0;
}

#gforms_confirmation_message {
  background-color:#f2eed7!important;
  border:1px solid #CCC6A4!important;
  font-size:1.1em!important;
  color:#434245!important;
  text-align:left!important;
}

.gform_wrapper .description, 
.gform_wrapper .gfield_description, 
.gform_wrapper .gsection_description, 
.gform_wrapper .instruction {
  font-family:Muli,Arial,sans-serif!important;
}

.gsection_description {
  font-size:12px!important;
}