/* ABs Customizations*/

/* I added this to format the new HEADER WIDGET AREA with the SOCIAL MEDIA ICONS in the header banner */
	body.custom div#top {width: 50%; float: left;}
	body.custom #header_widget {float: right; width:45%; position: relative; z-index: 999;}
	body.custom #header_widget ul.sidebar li.widget {display: block; margin-top: 108px; margin-bottom:-5px;}

/*-----This controls the positioning of the FLASH HEADER "my-flash"-----------*/
	#my-flash { 
	position: relative;
	margin-left:0px;
	}
	#header_area .page, #header { padding:0;
	}

/*-----This controls the positioning of the RSS SUBSCRIBE ELEMENT in the header-----------*/
div#wrapper div.header-image a#header-rss-link, div#header-container div.header-image a#header-rss-link {
   	 margin: 0;
    	position: absolute;
    	right: 10px;
    	top: 120px;
	}

/* I added this to format BULLET LISTS with an IMAGE instead of a round puck bullet */
	body.custom div#leaf-41 ul li {
	list-style: none; list-style-image: none; background: url(custom/images/red-bull.png) no-repeat; padding-left: 20px;
	}

/* I added this to format BULLET LISTS with a RED IMAGE instead of a round puck bullet */
	body.custom div.RedBull ul li {
	list-style: none; list-style-image: none; background: url(custom/images/redbull.png) no-repeat; padding-left: 20px;
	color: #8F773F;
    	font-family: arial,sans-serif;
    	font-size: 18px;
    	font-style: italic;
    	font-variant: normal;88
    	font-weight: normal;
    	letter-spacing: 0;
    	line-height: 120%;
    	text-decoration: none;
    	text-transform: none;
	}

/* I added this to format BULLET LISTS with a GOLD IMAGE instead of a round puck bullet */
	body.custom div.GoldBull ul li {
	list-style: none; list-style-image: none; background: url(custom/images/goldbull.png) no-repeat; padding-left: 20px;
	color: #8F773F;
    	font-family: arial,sans-serif;
    	font-size: 18px;
    	font-style: italic;
    	font-variant: normal;
    	font-weight: normal;
    	letter-spacing: 0;
    	line-height: 120%;
    	text-decoration: none;
    	text-transform: none;
	}

/* I added this to control the positioning of the BULLET TABLES in the SOLUTIONS posts*/
	div.entry-content ul, div.html div.leaf-content ul {
    	list-style: disc outside none;
    	margin: 0 0;
    	padding: 0 0 0 40px;
	}

/* I added this to create a custom class that removes the TITLES in posts by displaying the font size as 0 
	div.NoTitle .entry-title, .entry-title a  {
    	font-size: 0;
	}*/

/* I added this to create a custom class of "TopPad" that gives extra PADDING in posts by adding 30px of padding to the CONTENT */ 
	div.TopPad div.entry-content  {padding-top: 30px;}

/* I added this to create a custom class that makes the SEARCH RESULTS listing page have smaller TITLES  */ 
	div.SmallTitle h2.entry-title, h2.post-title {Font-size: 18px; line-height: 100%;}

/* I added this code to remove the ARCHIVES TITLE from displaying */
	body.custom .archives-title {display:none;}

/* I added this code to modify the ¶ text on the SOLUTIONS pages */
body.custom .category-solution div.entry-content {color: #365453;
    font-family: cambria,georgia,serif; font-size: 18px;  font-weight: bold; line-height: 120%;}

/* I added this to remove the STANDARD PADDING around the LEAFS... NOTE: better to control this directly within the Headway visual editor
	body.custom div.headway-leaf {
	padding: 0 2; margin: 0; border: 0;
	}
	.leafs-column .headway-leaf .headway-leaf-inside {padding: 0 10;}
	div#wrapper div.leafs-column .headway-leaf {margin: 0;} 
	*/

/* I added this to adjust the PADDING AND MARGIN around the PHOTOS */	
	.wp-caption {
    	margin-bottom: 15px;
   	margin-top: 0;
   	padding: 6px 10px;
	font-style: italic;
	}

/* I added this to remove the standard PADDDING under the H TAGS */
	body.custom .entry-content h2, .entry-content h3, .entry-content h4, .page-title {
	margin-bottom: -10px;
	margin-top: -5px;
	} 

/* I added this to FORMAT ELEMENTS on SPECIFIC LEAFS */
	/* MAIN page*/
	body.custom div#leaf-109 { 
		padding: 10px 0 0 10; margin: 0;
		}
	body.custom div#leaf-116 { 
		margin-top:-30px;
		}
	/* Experience page */
	body.custom div#leaf-131 { 
		padding: 0px 0 0 0; margin: -10px 0 0 0;
		}
	body.custom div#leaf-141 { 
		padding: 0px 0 0 0; margin: -8px 0 0 10;
		}

/* I added this to remove the grey boxes from the background of the J-SHORTCODES page */
	body.custom code {
	background: transparent;
	} 
/* I added this to set the font BODY STYLE where it changed because of the use of J-SHORTCODES*/
	code {
    	font-family: cambria, georgia, serif !important;
  	 }

/* I added this to control the QUOTE - use in the custom.css tag field on any leaf */
	body.custom div.quote div.entry-content { 
	color: #900000; font-size: 18pt; font-style: italic; font-weight: bold; 
		line-height: 18pt; font-family: nueva, times, serif;
	} 

/* I added this to set the BLOCKQUOTE style - can use in the custom.css tag field on any leaf */
	body.custom div.blockquote div.entry-content, div.blockquote div.leaf-content { 	
    	color: #8F773F;
    	font-family: arial,sans-serif;
    	font-size: 17px;
    	font-style: italic;
    	font-variant: normal;
    	font-weight: normal;
    	letter-spacing: 0;
    	line-height: 120%;
    	text-decoration: none;
    	text-transform: none;
	}

/* I added this to control the TIGHT LINES - use in the custom.css tag field on any leaf*/
	body.custom div.tight-lines div.entry-content { 
	font size: 16px; line-height: 14px; 
	} 

/* I added this to control the SMALL-SIDEBAR text - use in the custom.css tag field on any leaf */
	body.custom div.small-sidebar div.entry-content { 
	color: #365453; font-size: 10pt; line-height: 12pt; font-family: nueva, times, serif;
	}
	
/* I added this to control the COLOR for the ALTERNATE HEADLINES - 
     	use  <span class = .head1> */
      .head1 {
	color:red; font-size: 2em; 
	}
      .head2 {
	color:#6095d6; font-size:1.1em; font-weight: normal
	}

/* I added this to set the H HOVER STYLE */
	body.custom .entry-content h2, h3, h4, h5 {
	color: #900000 !important;	
	} 

/* I added this to control the BORDER between the LEAF COLUMNS - note I switched to only have this on the middle column 
     	body.custom div.headway-leaf {
     	border-right: 1px dotted grey !important;
     	} */
/* I added this to control the BORDER on just the CENTER LEAF of the main page */
     	body.custom div#leaf-75 {
     	border-width: 0px thin; border-style: dotted; border-color:grey; 
     	} 

/* I added this to control the positioning of the CALL TO ACTION ON THE SOLUTIONS PAGE----------*/
	body.custom div#leaf-175 { 
	position: relative;
	margin-top: -250px;
	}


/*  I added this to add a FOOTER IMAGE to the bottom*/
	/* Fixed Footer */
 /*	body.custom div#footer {background: url(custom/images/footer.png); margin-left: -2px; }  */
 	/* Fluid Footer */
 /*	body.custom div#footer-container {background: url(custom/images/footer.png); }  */
	body.custom div#footer {background-color: #365453; }
	

/* I added this to STYLIZE the FOOTER WIDGETS */
	body.custom div#footer-widgets {width:100%;}
	body.custom div#footer-widgets div.footer-item {float:left; width:30%; margin:15px;}
	body.custom div#footer-widgets h2 
		{font-weight:bold;font-size:13px;line-height:20px;border-bottom: 1px solid #ddd; 
		margin-bottom:4px;padding-bottom:4px;}
	body.custom div#footer-widgets ul {padding:0px; margin:5px 0 0px;}
	body.custom div#footer-widgets ul li {list-style-type:none; margin: 0 0 2px; padding: 0 0 2px;}
	body.custom div#footer-widgets ul li a {text-decoration:none;}
	body.custom div#footer-widgets ul li a:hover {text-decoration:underline;}
	body.custom div#footer {padding-bottom:25px;margin: 0 auto;}
	body.custom #footer ul {}
	/* end footer widgets */


/* I added this to STYLIZE the SOCIAL MEDIA ICONS in the FOOTER WIDGETS */
	div#footer * {margin: -1px; padding: 0;}

/* I added this to POSITION the HEADWAY-ADDED SUBSCRIBER ICONS and text in the FOOTER WIDGET */
	body.custom div#footer-widgets ul li a {
    	margin: 20px;
    	text-decoration: none;
	}


/* - - This area controls specific formatting of the WuFoo form (most of the base formatting is done on the WuFoo site)  -- */

.wufoo input.text, .wufoo textarea.textarea{background:#FFFFFF url(/images/fieldbg.gif) repeat-x top}
.wufoo .focused{background:#FFF7C0}
.wufoo .instruct{background-color:#F5F5F5}

/* Borders */
#container{border: 0px solid #cccccc}
.wufoo .info{border-bottom:1px dotted #CCCCCC}
.wufoo .instruct{border:1px solid #e6e6e6}

/* Typography */
.wufoo .info h2{font-size:160%;font-family:inherit;color:#900000}
.wufoo .info div{font-size:95%;font-family:inherit;color:#444444}
.wufoo .section h3{font-size:110%;font-family:inherit;background:#FFFFFF;color:#000000}
.wufoo .section div{font-size:85%;font-family:inherit;color:#444444}
.wufoo label.desc, .wufoo legend.desc{font-size:95%;font-family:inherit;color:#444444}
.wufoo li div, .wufoo li div label, .wufoo li span label{font-family:inherit;color:#444444; font-size:80%; line-height: 100%;padding-top:1px;}
.wufoo input.text, .wufoo textarea.textarea, .wufoo select.select, .wufoo label.choice{font-size:100%;font-family:inherit;color:#333333}
.wufoo label.choice{color:#444444}
.wufoo .instruct{font-size:80%;font-family:inherit;color:#444444
}

form li {padding: 2px 1% 3px;}

/* Drop Shadows */
#bottom{visibility:visible}