/*  
Theme Name: WordPress HSG Consulting
Theme URI: http://hsgconsultingllc.com
Description: The Wordpress theme developed by <a href="http://www.twolipps.com">Ann Arbor web designer, Constance Lippert</a>.
Version: 1.0
Author: Constance Lippert
Author URI: http://twolipps.com/
*/

/* 
  
  .oooo.        ooooooooo    oooooooooo.   oooooooooooo  .oooooo..o ooooo   .oooooo.    ooooo      ooo  .oooooo..o 
.dP""Y88b      d"""""""8'    `888'   `Y8b  `888'     `8 d8P'    `Y8 `888'  d8P'  `Y8b   `888b.     `8' d8P'    `Y8 
      ]8P'           .8'      888      888  888         Y88bo.       888  888            8 `88b.    8  Y88bo.      
    <88b.           .8'       888      888  888oooo8     `"Y8888o.   888  888            8   `88b.  8   `"Y8888o.  
     `88b.         .8'        888      888  888    "         `"Y88b  888  888     ooooo  8     `88b.8       `"Y88b 
o.   .88P  .o.    .8'         888     d88'  888       o oo     .d8P  888  `88.    .88'   8       `888  oo     .d8P 
`8bd88P'   Y8P   .8'         o888bood8P'   o888ooooood8 8""88888P'  o888o  `Y8bood8P'   o8o        `8  8""88888P'  

  
 Like the code you see? - www.3point7designs.com

  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
  || TABLE OF CONTENTS 									        ||
  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 
  =01 : UNIVERSAL SELECTORS
  =02 : BODY STRUCTURE
  =03 : LINKS
  =04 : NAVIGATION
  =05 : HELPER CLASSES
  =06 : ACCESSIBILITY
  =07 : TABLES


  MARGINS:

  SMALL t10px / b10px
  DEFAULT  t20px / b20px
  LARGE t30px / b30px

*/

/* =01 : UNIVERSAL SELECTORS */

* { }
html, body { margin: 0; font-family: arial, helvetica, san-serif; background: #e2e5ed; font-size: 95%; line-height: 1.35em;}

/* =02: HTML5 BASED NAMING CONVENTIONS + BODY STRUCTURE */

#pagebg { max-width: 1024px; background: url('images/structure/main-bg.gif'); border: 1px solid #60879c; margin: 20px auto 20px auto;}
#pagebgwrapper { border-top: 1px solid #c7e0ef;}
#page { width: 955px; margin: 25px auto 25px auto;}

.article {}
.section {}
.aside

.navigation {}

.menu-header { margin: -12px 0 0 -1px; position: absolute;}

#header { margin-top: -40px; }

#logo {
	width: 955px; margin: 0;
	height: 162px;
	background: url('images/structure/logo.gif') no-repeat;
}

#logo a {
	display: block;
	width: 955px;
	height: 0;
	font-size: 1em;
	padding-top: 162px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('images/structure/logo.gif') no-repeat;
}

#footer { clear: both; width: 955px; margin: 0 auto 0 auto; text-align: right;}

#content { padding: 16px 0 0 0;}
#content-main { width: 745px; float: right; border: 1px solid #638ea6; background: #fff;}
#content-main .box { padding: 37px; }
#content-sup { width: 188px; float: left; border: 1px solid #637ea6; border-top: none; background: #fff; }
#content-main-aside { width: 145px; float: right; margin: 0 0 20px 20px; padding-left: 20px; border-left: 1px solid #eee;}

.testimonial blockquote { background: url('images/testimonial-top.gif') top center no-repeat #e3e3e3; width: 111px; padding: 15px; margin: 0;} 
.testimonial blockquote p { margin: 0; }
.testimonial cite { background: url('images/testimonial-bot.gif') top center no-repeat #fff; width: 111px; padding: 35px 15px 0 15px; display: block; font-size: 11px !important;}

.large-testimonial { padding: 20px 0 20px 0; border-top: 1px solid #aaa; }
.large-testimonial h4 { font-family: georgia, times, 'times new roman', serif; font-style: italic; font-size: 24px; }
.large-testimonial cite { font-weight: bold; }

#main-navigation { color: #434343; list-style: none; margin: 35px 0 30px 0; padding: 0 20px 0 20px;}
#main-navigation li { margin: 0; padding: 0; list-style: none; }
#main-navigation li a { color: #434343; font-size: 14px; text-transform: uppercase; font-weight: bold; height: 15px;padding: 5px; display: block; text-decoration: none;}
#main-navigation li a:hover { background: #ddd; color: #000;}
#main-navigation li ul { border: 4px solid #ddd; list-style: none; margin: -25px 0 0 0; padding: 5px;  color: #000;position: absolute; left: -999em; background: #fff; margin-left: 145px;}
#main-navigation li:hover ul, #main-navigation li.sfhover ul { left: auto; }

/* =03: LINKS */

a { }
a:hover { text-decoration: none; }
a:vistied {}
a:active {}


/* =04: NAVIGATION */


#main_nav { list-style: none; margin: 0; padding: 0; }

/* 
ACCESSIBLE CSS ROLL OVERS 
#main_nav li a { display: block; float: left; width: 0px; height: 0px; text-indent: -99999px; overflow: hidden; }
*/

#subnav {}

#breadcrumbs { list-style: none; margin: 0 0 18px 0; padding: 0; }
#breadcrumbs li { display: inline; font-size: 10px; color: #999; }
#breadcrumbs li a { color: #666; }

/* =06: HELPER CLASSES */

.tac, .center { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }

.fl, .left { float: left; }
.fr, .right { float: right; }

.imgfl, img.alignleft { float: left; margin-right: 18px; clear: left;}
.imgfr, img.alignright { float: right; margin-left: 18px; clear: right;}

.clear { clear: both; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.nolist, .nolist li { margin: 0; padding: 0; list-style: none;}

/* =07: ACCESSIBILITY */

#skiplinks { position: absolute; top: -500px; }

/* =08: TABLES */

table
table tr
table td
summary {}
th {}
legend {}

address { color: #666; font-style: normal; font-size: 11px;} address a { color: #333;}

h1,h2 { line-height: 1.2em;}
h1 a, h2 a, a { color: #337ea8;}

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */
	
	/* ============= */
	/* = post info = */
	/* ============= */

.post-date { font-size: 11px; margin-top: 0; color: #999; font-weight: bold; }
.postmetadata { background: #eee; padding: 5px; font-size: 10px;}
.post h2 { margin-bottom: 5px; }
.post { margin-bottom: 30px;}

/* ================ */
/* = Widget Boxes = */
/* ================ */

.widget-box, #searchform div { margin-top:  20px;border: 1px solid #88bedc; background: url(images/widget-bg.gif) bottom repeat-x #fff; margin: 20px 10px 20px 10px; padding: 5px; }
.widget-box p, #searchform div p { margin: 0; font-size: 11px;}
.widget-box .textfield, #searchform .textfield { width: 110px; color: #aaa; }
.widget-box .textfield:focus, #searchform .textfield { color: #000; }
.widget-text { font-weight: bold; color: #83bbdb; text-align: center; line-height: 1.1em; text-transform: uppercase;}
.widgettitle { display: none; }
.tag-credit { color: #999; font-size: 10px; margin: -15px 0 0 12px;}

#widgets { margin: 0; padding: 0; list-style: none; }
#widgets li { margin: 0; padding: 0; list-style: none;}

#content-sup .testimonial { font-size: 11px; width: 150px; margin: 0 auto 0 auto;}

/* ========= */
/* = forms = */
/* ========= */

.cform { margin: 0; float: none; font-family: arial, helvetica, san-serif !important; color: #000;}
.cform label, .cform label span, .cform legend { font-family: arial, helvetica, san-serif !important; color: #000; letter-spacing: 0;}
.linklove { display: none; }

/* =========== */
/* = flutter = */
/* =========== */

.EIP_textbox { display: inline !important; }