/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs

    1. Open style.css file and find any clasess you want to override
	2. Copy classes to override in this file, make sure you put classes outside
	3. Activate custom.css file in theme admin panel

*/

/* START OVERRIDING / ADDING NEW CLASSES BELOW THIS LINE */
/*



.footer-background .grid_12 {
background: none;
}

.grid_12 {
background: #fff;
}

.grid_12 .pagespot {
width: 620px;
} 

*/

.test {
  font-family: "steinzeit-1","steinzeit-2", Helvetica, Arial;
  font-size: 3em;
  
}

.post a {
border-bottom:0px dotted;
padding:0 0 1px;
text-decoration:underline;
}


p {color:#3b3b3b;}

.arclist ul li {
font-size:16px;
border-bottom:none;
}




.post h3 {
color:#F16900;
padding:0;
}


.post a:hover {
color:#f16900;
background:#fff;
font-style:italic;
border-bottom:0px;
}

#servcrumb {
font-size:9px;
}



img.about {
border:1px solid #cccccc;
padding: 5px;
margin-bottom: 15px;
}

img.aboutf {
border:1px solid #cccccc;
padding: 5px;
margin-bottom: 19px;
margin-top: -14px; 
}



#header {
background:#3b3b3b;
height:91px;
padding-top:15px;
padding-bottom:11px;
}


body {
font-family:Arial, Helvetica, sans;
background:#FFFFFF url(http://influx.us/bg/bg100.png) repeat scroll center top;
font-size:18px;
line-hight:20px;
}

/* footer background color */
.footer-background {
background:#3b3b3b;
}

#top_menu_blog li {
line-height: 40px;
margin-left: 0px;
}
#top_menu_blog li.current_page_item,
#top_menu_blog li.current_page_item a { color:#3b3b3b;  
background:#FFF; 
text-decoration:none;
}

#pagenav li {
font-family:Arial, Helvetica, sans;
}

#pagenav li a {
border-right:1px solid #FFFFFF;
font-size:1.5em;
padding-top:0;
text-transform:lowercase;
}


/* main nav background color url(http://influx.us/bg/header.png) url(http://influx.us/bg/headerblog.png)  */
#top_menu {
background:#3b3b3b;
height:44px;
background:#3B3B3B repeat scroll 0 0;
}



/* background for portfolio page */

.featslider {
background:#FFF;
-moz-border-radius-topleft:0%;
-moz-border-radius-topright:0%;
-moz-border-radius-bottomright:4%;
-moz-border-radius-bottomleft:4%;
margin:0 0 15px 10px;
padding:15px 0 17px 0;
}

.slider-post .slider-title {
font-family:Helvetica,Arial,sans-serif;
color:#3b3b3b;
}



.post ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:none;
color:#555555;
line-height:25px;
margin:5px 0;
padding:0 0 5px -4px;
}

.post ul, .post ol {
padding: 0px 0 10px 0;}

#pagenav li a {
border-right:0px solid #FFFFFF;
}

#pagenav .hometab a {
border-left:0px solid #FFFFFF;
}

#pagenav li a:hover {
background:#FFF none repeat scroll 0 0;
}

/* highlights current nav item when on page */
#top_menu li.current_page_item { color:#000;  background:#FFF; text-decoration:none; }

#top_menu li.hometab a,
#top_menu li.page_item a {
color:#fff;
}

#top_menu #pagenav li.current_page_item a {
color:#000;
}

#top_menu #pagenav li.page_item a:hover { 
color:#f16900;
}

#pagenav .hometab {
background: none;
}

#pagenav .hometab a:hover {
color:#f16900;
}

.post h2 a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#3B3B3B none repeat scroll 0 0;
color:#FFFFFF;
font-size:24px;
margin:0 0 0 -1px;
padding:3px 9px 3px 7px;
border-bottom:0px;
text-decoration: none;
}

.post h2 a:hover {
color:#fff;
font-style:italic;
background:#f16900;
}




.archive-spot .date a {
color:#fff;
border-bottom:0px;
text-decoration: none;
}

.archive-spot .date a:hover {
font-style:italic;
background:#3b3b3b;
color:#f16900;
}



/* gets rid of those nasty star bullets in posts */
.post ul li{ color: #3b3b3b; margin:5px 0px 5px 40px; padding:0 0 5px 0; list-style-type: disc; line-height: 24px }

/* gets rid of those nasty star bullets everywhere else */
#footwidgets-front .widget-spot .widget ul li{ margin:10px 0; padding:0 0 10px 18px; list-style-type: none; line-height: 17px; border-bottom: solid 1px #d8d8d8 }

#footwidgets-blog .widget-spot .widget ul li{ margin:10px 0; padding:0 0 10px 18px; list-style-type: none; line-height: 17px; border-bottom: solid 1px #d8d8d8 }

/* sidebar styling */
.sidebar { padding: 4px 0 0px 0; margin:0 0 0 10px; font:normal 15px Helvetica, Arial, sans }
.sidebar ul li{ margin-left: 14px; padding: 8px 0 8px 0px; list-style-type: none; line-height: 120%; border-bottom: dotted 1px #d8d8d8 }

.sidebar ul, .sidebar ol {
-moz-border-radius-bottomleft:4%;
-moz-border-radius-bottomright:0%;
-moz-border-radius-topleft:0%;
-moz-border-radius-topright:4%;
color:#000;
background:#FFF none repeat scroll 0 0;
}

.sidebar ul li a  {
color:#000;
}


/* styles previous & next links text-shadow:1px 2px 6px #000000;
 */
span.previous { padding: 0 20px 0 0; float: left; font:normal 14px Helvetica; }
span.next { float: right; font:normal 14px Helvetica; }

.featured-button {
padding:130px 10px 0 5px;
}

#footwidgets-front .widget-spot .widget h3 {
color:#FFFFFF;
margin:0px 0px 0px 0px;
}

.textwidget {
-moz-border-radius-bottomleft:4%;
-moz-border-radius-bottomright:0%;
-moz-border-radius-topleft:0%;
-moz-border-radius-topright:4%;
background-attachment:scroll;
background-color:#fff;
background-image:none;
background-position:0 0;
background-repeat:repeat;
color:#000;
line-height:1.25em;
}

#footwidgets .textwidget {
padding-bottom:15px;
padding-left:30px;
padding-right:25px;
padding-top:15px;
}

#footwidgets-front .widget-spot .widget {
color:#FFFFFF;
padding-top:0px;
}

#footwidgets-front .textwidget {
padding-top:0px;
}

.sidebar .widget h3 span {
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
-moz-border-radius-topleft:4%;
-moz-border-radius-topright:4%;
background:#9F9F9F none repeat scroll 0 0;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:17px;
padding:10px 20px;
text-transform:lowercase;
}

.sidebar .widget h3 {
margin:0 0 9px;
padding:20px 0 0;
}

.sidebar ul li a:hover {
color:#fff;
background:#9f9f9f;
padding: 5px;
-moz-border-radius-bottomleft:4%;
-moz-border-radius-bottomright:4%;
-moz-border-radius-topleft:4%;
-moz-border-radius-topright:4%;
}

.pagespot {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:4%;
-moz-border-radius-bottomright:4%;
-moz-border-radius-topleft:0%;
-moz-border-radius-topright:0%;
background:#FFFFFF none repeat scroll 0 0;
border:0px solid #DDDDDD;
margin:0px 0px 10px 0px;
padding:15px 20px 40px 20px;}

.widget #searchform {
-moz-border-radius-bottomleft:4%;
-moz-border-radius-bottomright:0%;
-moz-border-radius-topleft:0%;
-moz-border-radius-topright:4%;
}



#header .blog-title a {
background:#3b3b3b;
font-family:futura;
font-size:36px;
padding-left:9px;

}

#header .blog-title a:hover {
background:#f16900;
}

#footwidgets-front .textwidget {
background:#3b3b3b;
color:#fff;
}

#top_menu_blog {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#3B3B3B;
height:44px;
}

#top_menu_blog a {
color:#fff;
}


#top_menu_blog a:hover {
color:#000;
}

#top_menu_blog li a {
display:block;
padding: 0px 19.7px 8px 19.7px;
color: #fff;}

#top_menu_blog li a:hover {
color:#f16900;
}



#footwidgets-front .widget-spot .widget ul li {
border-bottom:0 solid #D8D8D8;
line-height:17px;
list-style-type:none;
margin:10px 0;
padding:0 0 10px 18px;
background:transparent none repeat scroll 0 0;
}

#footwidgets-front .widget-spot .widget ul, #footwidgets-front .widget-spot .widget ol {font-size:18px}

#footwidgets-blog .widget-spot .widget ul, #footwidgets-blog .widget-spot .widget ol {font-size:18px}



#footwidgets-front a {
color:#fff;
border-bottom: 1px dotted;
}

td {
padding:0px 27px 19px 6px;
color: #3b3b3b;
line-height: 21px; 
}


 
.post h1 {
background:#3B3B3B;
color:#FFFFFF;
font-size:32px;
font-weight:normal;
margin:0 0 2px -1px;
padding:5px 0 7px 10px;
}

.post h1 a {
color: #fff;
background:#3b3b3b;
border-bottom: 0px;
text-decoration: none;
line-height: 35px;
}

.post h1 a:hover  {
color:#f16900;
background:#3b3b3b;
}

#pagenav, #pagenav ul {
font-size:12px;
}



.entry h2 {
padding:16px 0px 3px 0px;
}

.widget #searchform, .widget #calendar_wrap {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DDDDDD;
clear:both;
height:1%;
margin:0 0 14px;
padding:14px 15px 15px;
}



#footwidgets-front a:hover {
color:#fff;
background:#3b3b3b;
font-style:italic;
border-bottom:0px;
}

#footwidgets-blog a:hover {
color:#fff;
background:#3b3b3b;
font-style:italic;
border-bottom:0px;
}

.post p {
line-height:22px;
color: #3b3b3b;

}

.textwidget a:hover {
background:#fff;
color:#000;
font-style:italic;
}

a:hover {
font-style:italic;
}

.slider-post img.fr {
border:0px;
}

.servicename {background:#3b3b3b;padding:5px 10px 5px 10px;color:#fff;font-size:24px;}



input, select, textarea {
border:1px solid #808080;
font-size:14px;
}

.post blockquote {
background:#eee  url(images/ico-quote-trans.png) no-repeat scroll 10px 15px;
}



logo-spot {
margin-left:5px;
}


/* styles date line on blog/archives page */
.archive-spot .date {
background:#3B3B3B none repeat scroll 0 0;
color:#FFFFFF;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
margin:-19px 0 17px -1px;
padding:6px 0 5px 9px;
}



#comments h3 {font-family:helvetica,sans-serif;}

input#submit {font-family:helvetica,sans-serif;background:#707070;}


.slider-post p a:hover {
color:#f16900;
font-style:italic;
background:#ffffff;
}

.box {
	border-bottom: none;
}

.summary {font-size:16px;background:#808080;color:#fff;margin:-17px 0px 20px -1px;border-top:0px solid #ccc;padding:2px 0px 3px 8px;}

.summary p {font-size:16px;background:#808080;color:#fff;margin:0 0 3px;border-top:0px solid #ccc;padding:2px 0 1px 1px}

.small {font-size:16px;}


    #comments .comment .meta-left { width: 90px; float:left; color:#aaaaaa }
    #comments .comment .meta-left p{ padding:0 0 0 0; margin:0; font-size:12px; }
      #comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px }
  #comments .comment small {font-size: 11px }

