/********************************************************************************                                                  
                          USING SF-BLUEPRINT-CSS

-Never make changes to the original Blueprint CSS files.  Overwrite them in this custom.css file.
-Not all of the css classes are listed in this file. Since Blueprint has great default classes, only overwrites and additions are listed.

For more information on BluePrint CSS, visit: http://code.google.com/p/blueprintcss/

Good luck!
********************************************************************************/


/********************************************************************************
	         Body
********************************************************************************/

pre { border: 1px solid #999; border-left: 1px solid #444; border-right: 1px solid #ccc; padding: 10px 0px 10px 20px; background: #eee; }

body
{
   	color: #000; 
	font-size: 12px;
}

#main {
   padding-top: 10px;
}

#header {
	font: italic normal 100% Helvetica, 'Times New Roman', Times, serif;
	letter-spacing: 0.6em;
	padding: 15px 10px 0px 20px;
}

#header a { color: #005; }

.single-page h1 { font-size: 18px; padding: 5px; border-bottom: 1px solid #ddf; }
.index-page h1 { font-size: 18px; padding: 5px; border-bottom: 1px solid #ddf; }
.index-page .post { 	border-left: 15px solid #edd; 
			margin: 15px 2px 45px 2px; padding: 5px 50px 5px 20px; border-bottom: 5px solid #edd; }
.post { font-size: 12px; letter-spacing: 0.05em; }
#content p { font-size: 1.2em; letter-spacing: 0.05em; }
.index-page .more-link { font-weight: bold; color: #448; display: block; text-align: right; border: 0px solid #224; text-decoration: none; }
.Categories ul li { list-style-type: none; font-weight: bold;}
.Categories
{
	background: #fff url(/wp-content/themes/hab/cat-bg.png) no-repeat top left;
}
#sidebar #bgimg 
{ 
	/* opacity:.6; -moz-opacity:.6; filter: alpha(opacity=60);	 */
	margin: 40px 3px 40px 3px;
	background: #fff url(/wp-content/themes/hab/ha17-logo.png) no-repeat center center; height: 200px;  border: 0px solid #aaa;
}

#sidebar #copyright
{
	color: #aaa;
}

#blog-title-s2a
{
	line-height: 120px;
	background: #fff url(/wp-content/themes/hab/s2a-logo.png) no-repeat 1px -51px;
	text-align: right;
	vertical-align: bottom;
}

/********************************************************************************
               Typography
********************************************************************************/
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px)
***************************************/
   
body {
   font-family:arial, verdana, Geneva, Verdana, "Lucida Grande", Arial, sans-serif;
}

h1,h2,h3,h4,h5,h6 { 
  color: #000080;
}



/* SlipFire created typography classes
***************************************/

.medium { font-size: 1em; line-height: 2.1875em;}
.center {text-align:center;}
.byline{ font-size: .8em; line-height: 1em;}
.timestamp{ font-size: .8em; line-height: 1.2em; text-align: right; color: #aaa;}
.commentnum{ font-size: .8em; line-height: 1.2em;}
.incategory{ font-size: 1em; line-height: 1.2em;}



/********************************************************************************
               Text Elements and Lists
********************************************************************************/

a { color: #000; }

/* Removes unwanted link decoration
***************************************/
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, .nolink, .tabbertab a, .icon, a img{
	border: 0;
	text-decoration: none;
}


a:focus, a:hover { }

/* Removes unwanted hover decoration
***************************************/
a.nohover:hover  { background: none;}


li { list-style: square inside url(images/bullet.gif);}

.fancybullet li {
      list-style: none;
	background: url(images/bullet.gif) no-repeat top left;
	padding: 0px 0px 5px 18px;
      margin: 0px 0px 0px 0px;
}




/********************************************************************************                                            
                            SLIPFIRE CREATED CLASSES                                                   
********************************************************************************/



/********************************************************************************
                Images
********************************************************************************/

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

/********************************************************************************
                Borders
********************************************************************************/

.border-left{
  margin-left: 7px;
  padding-left: 7px;
  border-left: 1px solid #ddd;
}

.border-right{
  margin-right: 7px;
  padding-right: 7px;
  border-right: 1px solid #ddd;
}

.border-top{
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px solid #ddd;
}

.border-bottom{
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ddd;
}

div.border{
  border: 1px solid #ddd;
}


/********************************************************************************
                Misc
********************************************************************************/

/* Use a .box(Blueprint default) or .box2 to create a padded box inside a column. 
***************************************/

.box2 { 
  padding: .5em; 
  margin-bottom: .5em; 
  background: #eee; 
  border: 1px solid #ddd;   
}


/* Use to push down a div (adds vertical space between divs)
***************************************/

.pushdown-1 {padding-top:10px;}
.pushdown-2 {padding-top:20px;}
.pushdown-3 {padding-top:30px;}
.pushdown-4 {padding-top:40px;}
.pushdown-5 {padding-top:50px;}



/********************************************************************************
                Lines
********************************************************************************/

/* Lines: add "class=" to HR to control color and height
     example: <hr class=thick> for a thick line
***************************************/

.thick {
  height: 3px;
  margin: 0 0 1.4em 0;
}

.thin{
  height: 1px;
  margin: 0 0 0 0;
}

/* rounded borders */
.border-rounded-3 { -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 
					-moz-border-radius-topleft: 0px; -khtml-border-radius-topleft: 0px; 
					-webkit-border-top-left-radius: 0px; border-radius-topleft: 0px; }
.border-rounded-5 { -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
					-moz-border-radius-topleft: 0px; -khtml-border-radius-topleft: 0px; 
					-webkit-border-top-left-radius: 0px; border-radius-topleft: 0px; }
.border-rounded-10 { -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }


/********************************************************************************                                                  
                          SLIPFIRE CREATED FOR WORDPRESS                                                   
********************************************************************************/


/********************************************************************************
                Navbar
********************************************************************************/


#navbar { 
		margin: 0px auto 0px; padding: 5px 0px 10px 0px; background: #a33; color: white; font-weight: bold;
 		-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
		letter-spacing: 1.5px; font-size: 14px; text-decoration: none; 
}

#navbar img { vertical-align: text-top; }

#navbar a { color: white; }
#navbar li { display: inline; list-style-type: none; font-weight: bold; margin: 0px; padding: 0px; }
#navbar ul { margin: 0px; padding: 0px; }
#navbar ul li a { color: #000080; padding: 0px 10px 0px 10px; margin: 0px; text-decoration: none; border-bottom: none; }
#navbar ul li a:hover, a:active { text-decoration: underline; }

#current_page_item a { text-decoration: underline; }


/********************************************************************************
                Sidebar
********************************************************************************/

#sidebar { font-weight: bold; font-size: 14px; }
#sidebar div { margin: 10px; }
#sidebar h2 { font-size: 1.5em; font-weight: bold; margin-bottom: .2em; }
#sidebar a {border-bottom: none; font-size: 14px; }


#prx { vertical-align: bottom; height: 97px; width: 200px; text-align: center; font-weight: bold; background: url(/wp-content/themes/hab/prx.png) no-repeat top center ; }

/********************************************************************************
                Footer
********************************************************************************/

#footer {
	text-align: left;
	font-weight: normal;
}

#big-foot { background: #eee; border-top: 3px double #ccc; width: 100%; margin: 20px 0px 0px -20px; padding: 20px; font-size: 110%; } 
#big-foot #feed { float: right; border: 1px solid #aaa; margin: 1px 3px 10px 13px; padding: 7px; background: #fff; text-align: center; }
#big-foot #aka { float: left; width: 45%; border: 1px solid #ddd; }
#big-foot #about { float: right; width: 50%; padding: 1px 10px 1px 10px; }
#big-foot #about b { font-size: 120%; }

#big-foot #aka {
	padding: 15px 0px 3px 15px;
	background: #fff url(/wp-content/themes/hab/s2a-logo.png) no-repeat 230px -21px;
}