/********************************************************************************                                                  
                          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!
********************************************************************************/
html {
 overflow-y: scroll;
}

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

body {
   background: #fff;
   color: #000;
   margin:0 0 1.5em 0;
   background:url(images/bg_body.gif) repeat-x #fff; 
   font-family: Arial, Helvetica, sans-serif;
   color:#333;   
}

#main {
   padding-top: 10px;
}




/********************************************************************************
               Typography
********************************************************************************/
/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px)
***************************************/
   


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



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

p {
clear:both
}

/* Removes unwanted link decoration
***************************************/
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, p a, nolink {border-bottom: none;}
/*
a:focus, a:hover { background: #E5ECF9;}
*/

/*
a.content_link {
color: #789ebc;
text-decoration:none;
}

a.content_link:hover {
color: #3b6e97;
text-decoration:none;
}
*/


a {
color: #789ebc;
text-decoration:none;
}
a:hover{
color:#3b6e97;
}

content a{
color:#333333;
}
content a:hover{
color:#3b6e97;
}

a.piclink {
border: 2px solid #789ebc;
}
a.piclink:hover {
border: 2px solid #3b6e97;
}





p.footer {
text-align:right;
margin-bottom:36px;
}

a.footer {
text-decoration:none;
text-transform:uppercase;
color:#666;
}

a.footer:hover {
color:#789ebc;
}





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


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

.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;
}




/********************************************************************************                                                  
                          MY STYLES                                                
********************************************************************************/
/*GLOBAL*/
/*
div {
outline:1px solid red;
}
*/
img {
display:block;
}
/*MISC*/
 
#search {
padding: 18px 0 18px 0;
text-align:right;
}

 
/*HEADER*/


#header {
height:126px;

}
#header h5 {
color:#6f777a;
position:relative;
top:62px;
font-size:12px;

}

#header h2 {
color:#6f777a;
position:relative;
top:52px;
}

#nav_container {
margin-bottom:36px;
}

/*NAVIGATION*/


#navbar_main {
height:36px;
line-height:36px;
background:transparent;

}

#navbar_main ul {
list-style-type:none;
margin:0;
padding:0;
line-height:36px;
}
 
#navbar_main li {
display:inline;
float:left;
padding-right:30px;		
}

#navbar_main li a{
display:inline-block;
font-size:14px;
text-decoration:none;		
} 

#navbar_main li a:link {
color:#ccc;
} 

#navbar_main li a:visited {
color:#ccc;
} 
#navbar_main li a:hover {
color:#789ebc;
} 

#navbar_main li a:active{
color:#789ebc;
} 

#home #navbar_main a.home {
color:#789ebc;
}
#services #navbar_main a.services {
color:#789ebc;
}
#portfolio #navbar_main a.portfolio {
color:#789ebc;
}
#contact #navbar_main a.contact {
color:#789ebc;
}




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

#sidebar h2{
   font-size: 1em;
   font-weight: bold;
   margin-bottom: .2em;
}

#sidebar a {border-bottom: none;}


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

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