/*

custom.css is used for css styling.

Defaults come from the blueprint-css framework and can be overridden in this css file.

ATTENTION
    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 {
   background: #fff;
        background:transparent url(images/header_bg.png) repeat-x left top;
   color: #000;
}

#main {
   background-color: white;
   padding-top: 10px;
}



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

body {
   font-size: 85%;
   font-family:"Lucida Grande", Arial, sans-serif;
   background-color: #e4e4e4;
}

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



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

.medium { font-size: 1em; line-height: 2.1875em;}

.center {text-align:center;}

.byline{ font-size: 1em; line-height: 1.2em;}

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

a { color: #000; border-bottom: 1px dotted red;  text-decoration: none; }

/* Removes unwanted link decoration
***************************************/
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, p a{border-bottom: 1px dotted red; color: red; }

a:focus, a:hover { background: #fff;}

li { list-style-type: square;}
li img {border: 1px #777 solid; padding: 1px}

.nosquare { list-style-type: none; }

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


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

.borderbox {
  margin: 5px 5px 20px 5px;
}


/********************************************************************************
                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 {
  background: #5b5b5b;
  color: #5b5b5b;
  height: 3px;
  margin: 0 0 1.4em 0;
}

.thin{
  background: #5b5b5b;
  color: #5b5b5b;
  height: 2px;
  margin: 0 0 0 0;
}




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


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

#navbar {
   margin: 0px auto 0px;
   padding: 10px 0px 10px 0px;
}

#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: red;
   padding: 0px 10px 0px 10px;
   margin: 0px;
   text-decoration: none;
   border-bottom: 1px dotted red;
}

#navbar ul li a:hover, a:active {
   border-bottom: 3px solid red; ;
}

#current_page_item a {
   text-decoration: underline;
}

#nav {
        margin:-40px 0pt;
        padding:0pt 0pt 10px 0px;
}

#nav li {
        display:block;
        float:left;
        list-style-type:none;
        margin:0pt;
        padding:0pt;
}

#nav a:link, #nav a:visited {
        color:#CCCCCC;
        display:block;
        float:left;
        font-size:11px;
        font-weight:bold;
        padding:0pt 10px 8px;
        text-decoration:none;
        text-transform:uppercase;
        border-bottom:medium none;
}

#nav li.current_page_item, #nav a:hover {
        background:transparent url(images/tab.gif) no-repeat scroll 50% 100%;
        border-bottom:medium none;
        color:#1B42FE;
}
#header1 {
        text-align:left;
        height: 81px;
}

#header1 h1 {
        /*margin-left: -5000px; */
        text-align: right;
        color: transparent;
        background:transparent url(http://www.contactfactory.de/img/contactfactory.png) no-repeat left top;
        height: 80px;
}
#header1.container a { font-size: 1px; color: transparent; }
.box { background-color: #fff;}

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

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

#sidebar a, #right a {border-bottom: 1px dotted red;}

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

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

a#feedbackbutton {
background:#000000 url(http://www.contactfactory.de/img/support.png) no-repeat scroll -2px 50%;
border-color:#000000 #000000 #000000 -moz-use-text-color;
border-style:outset outset outset none;
border-width:1px 1px 1px medium;
display:block;
height:81px;
left:0;
margin-top:-45px;
position:fixed;
text-indent:-4000px;
top:40%;
width:27px;
z-index:100001;
}
a#feedbackbutton:hover {
background:#000000 url(http://www.contactfactory.de/img/support.png) no-repeat scroll 3px 50%;
}