/********************************************************************************                                                  
                          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
********************************************************************************/

body {}
#main {}
#header{}
#header-left{}
#logo{}

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

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;}
.commentnum{ font-size: .8em; line-height: 1.2em;}
.incategory{ font-size: 1em; line-height: 1.2em;}


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

a { color: #000; text-decoration: none; }

/* Removes unwanted link decoration
***************************************/
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, p a, nolink {border-bottom: 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;
}
.title{font-size:14px; font-weight:bold; color:#000; text-align: left;}



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


/********************************************************************************
                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;
}


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

/* Use a .box(Blueprint default) or .box2 to create a padded box inside a column. 
***************************************/
.floatright{float: right;}
.floatleft{float: left;}
.imgborder{margin:3px; padding: 2px; border: #ccc solid 1px;}
/* 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;
}


/********************************************************************************                                                  
                          CUSTOM CSS                                                  
********************************************************************************/
#header{width:946px; height:263px;float:left;border:1px  solid #C3C3C3;padding:1px;}

.blue #nav{position:relative; margin-top:2px;  float:left;display:block;height:45px; width:950px;font-size:11px;font-weight:bold;background:transparent url(images/blueslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.blue #nav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.blue #nav ul li{display:block;float:left;margin:0 1px 0 0;}
.blue #nav ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:14px 20px 0 20px;height:28px;}
.blue #nav ul li a:hover,.blue #nav ul li a.current{color:#fff;background:transparent url(images/blueslate_backgroundOVER.gif) no-repeat top center;}

#content{ margin-top:30px;}

h1 { font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#000;}
h2 { font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#000;}
h3 { font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#000;}
a.post-edit-link{color:#900; font-weight:bold; text-transform:uppercase; border: #900 solid 1px; padding:3px; }

#footer{ height:98px; margin-top:40px; background-image:url(images/footer.jpg); background-repeat:repeat-x;}
.footerlogo{ width:109px; height:98px; float:left; margin-left:10px;}
.footertext{width:500px; height:98px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:10px; color:#FFF; float:right; line-height:25px; padding:15px 15px 0px 0px;}

/* FOOTER NAV */
#navcontainer { margin-left: 30px;  font-size:90%; }
#footer a{color:#fff;}
/*Fat Erik's Pipelist*/
.navlist
{
list-style: none;
padding: 0;
margin: 0;
}

.navlist li
{
display: inline;
padding: 0;
margin: 0;
}

.navlist li:before { content: "| "; }
.navlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html .navlist li
{
border-left: 1px solid black;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html .navlist { height: 1%; }

* html .navlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html .navlist li:first-child { border-left: 0; }