/*
Theme Name: wpBusinessBlue
Theme URI: http://wpBusiness.sarah-neuber.de/
Description: A child theme of wpBusiness with bluetones.
Template: wpBusiness
Author: Sarah Neuber
Author URI: http://www.sarah-neuber.de
Version: 1.0
*/
@import url(../wpBusiness/style.css);
/*
General Styling for
Links, Messages, Forms, Tables
*/
a { text-decoration:none;color:#c96503;}
a:hover, a:focus { text-decoration:underline;}
.title a {color:#273746;}
.title a:focus, .title a:hover {color:#c96503;text-decoration:none;}
.error {color:#ff0000;}
.success {color:#339900;}

h1 { font-size: 2.275em;}
h2 { font-size: 1.875em;}
h3 { font-size: 1.375em;}
h4 { font-size: 1.275em;}
h5 { font-size: 1.125em;}
h6 { font-size: 0.875em;}


/* FORMS */
form .error {font-size:0.8em;}
label { display:block; float:left; width:80px; margin:0 12px 6px 0; text-align:right;font-size:1.1em;}
label span {font-size:0.8em;}
form br {clear:left;}

/* Fieldsets */
fieldset { margin: 0 0 18px 0;}
legend { font-weight: bold; font-size:1.2em; margin-bottom:6px; }

/* Text fields , textareas, select*/
input, textarea, select  { margin:0 0 6px 0; }
input.text, input[type='text'], textarea, select { width: 210px; display:block; float:left; border:1px solid #d4d4d4;background:#f0f0f0;padding:4px;}
textarea {height: 180px;width:283px;}
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }
input[type='hidden'] { display:none; }

/*hover and focus styles*/
textarea:focus, textarea:hover, input[type='text']:focus, input.text:focus, input[type='text']:hover, 
input[type='password']:focus, input[type='password']:hover, select:focus, select:hover { border-color:#bdbdbd;}

/*Buttons*/
.formbtn, .button, .sendbutton {padding:4px 12px;border:1px solid #141d25;background:#273746;color:#fff;}
.formbtn {float:left;margin-left:12px;display:inline;}
.formbtn:focus, .formbtn:hover, .button:focus, .button:hover, .sendbutton:focus, .sendbutton:hover {background:#394f66;text-decoration:none;}
.formbtn:active, .formbtn:active, .button:active, .button:active, .sendbutton:active {background:#141d25;}

/* TABLES */
/* tables still need 'cellspacing="0"' in the markup */
table, thead, tbody, tr, th, td {font-size:1em}
table { border-collapse:separate; border-spacing:0; margin-bottom:18px;}
caption, th, td { text-align:left;}
th { border-bottom: 2px solid #ccc; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding:6px; }
tfoot { font-style: italic; }
caption { background: #ffc; }

/*

Layout styling starts here

*/

/*make sticky footer*/
html, body { height:100%;}
body {background:#e0e0e0;font-family:Tahoma;color:#273746;}
#pg_wrap {min-height:100%;height:auto;}
.container {width:960px;margin:0 auto;}
/*For the Big Footer */
.bigftfl {padding-bottom:246px;}/*to keep content from hiding behind the footer. Value= footer's height +36px */
/*For the Small Footer */
.smallftfl {padding-bottom:72px;}/*to keep content from hiding behind the footer. Value= footer's height  +36px*/

/*  FOOTER */
#footer {position:relative;z-index:10;border-top:1px solid #000;background:#273746;color:#b2b2b2;}
#footer a {color:#e0e0e0;}
/*Big Footer styles*/
.bigft {margin-top:-210px;}
.bigft .container {height:209px;/*minus the footer's border*/}
#footer .footer_box {float:left;width:292px;margin-bottom:18px;padding-top:36px;}
#footer .footer_box .footer_inner_box {border-left:1px solid #1d2730;padding-left:18px;}
#footer .middle {margin:0 15px 18px;}
#footer .footer_box h3 {margin-bottom:12px;color:#b2b2b2;}
#footer .footer_box p {margin:0;}
#footer .footer_box ul, #footer .footer_box ul li {list-style-type:none;}
#footer .footer_box a {display:block;padding:8px 0;}
#footer .copyright_notes {clear:both;border-top:1px solid #1d2730;}
#footer .copyright_notes p {margin:0;padding:9px 0 0;text-align:center;font-size:0.8em;border-top:1px solid #364d61;}
/*Small Footer Styles*/
.smallft {margin-top:-35px;}
.smallft .container {height:34px;/*minus the footer's border*/}
#footer .footer_notes {padding:9px 0 0;font-size:0.8em;overflow:hidden;}
#footer .footer_notes span {float:right;}
#footer .footer_notes .copyright {float:left;}

/* HEADER */
#header {background:url(images/header_bgd.png) repeat-x top left;}
#header .container {background:url(images/header_shine-trans.png) no-repeat 29px left;}

/* MAIN NAVIGATION */
#main_navi {padding-bottom:36px;background:url(images/main_navi_bgd.png) no-repeat top left;}
#main_navi ul {float:right;}
#main_navi ul li {display:inline;float:left;}
#main_navi ul .home {margin-left:0;}
#main_navi ul li a { display:block;padding:8px 9px;float:left;font-size:1.1em;letter-spacing:1px;color:#b2b2b2;background:url(images/navi_divider.png) no-repeat left 60%;}
#main_navi ul .home a {background:none;}
/*nested ul*/
#main_navi ul li ul {position:absolute;border-top:0 none;z-index:300;display:none;background:#273746;}
#main_navi ul li ul li a {font-size:1em;background:none;}

/*for the drop-line ul*/
#main_navi .drop_line {position:relative;width:389px;}
#main_navi .drop_line li ul {top:27px;left:0;width:387px;border:1px solid #212f3c;border-top:0 none;}

/* for the drop-down ul */
#main_navi .drop_down li {position:relative;}
#main_navi .drop_down li ul {top:27px;left:0;border:1px solid #212f3c;border-top:0 none;width:100%;}
#main_navi .drop_down li ul li {display:block;float:none;white-space:nowrap;}
#main_navi .drop_down li ul li a {float:none;white-space:nowrap;}

/*hover and active styles*/
#main_navi a:focus, #main_navi a:hover, #main_navi .current-cat a, #main_navi .active a, #main_navi .current-cat-parent a, body.home #main_navi .home a, 
#main_navi .current_page_item a, #main_navi .current_page_parent a, #main_navi .current_page_item a {text-decoration:none;color:#f1f0f0;}

/*we don't want the drop down highlighted when the parent is */
#main_navi ul .main_page_item ul li a, #main_navi .subscribe ul li a {color:#b2b2b2;}
/* add hover styles back on*/
#main_navi ul .main_page_item ul li a:focus, #main_navi ul .main_page_item ul li a:hover, 
#main_navi .subscribe ul li a:focus, #main_navi .subscribe ul li a:hover, #main_navi ul .main_page_item ul .current_page_item a {color:#f1f0f0;}

/* LOGO */
#header h1 {float:left;width:520px;height:68px;background:url(images/logo-trans.png) no-repeat top left;text-indent:-9999em;}
#header h1 a { cursor:pointer;display:block;width:520px;height:68px;}
.logo {margin-bottom:36px;}

/* SEARCH*/
#header #searchform {clear:both;float:right; width:315px;}
#header #searchform label{padding-top:6px;}
#header #searchform input[type='text'], #header #searchform .text {width:172px;margin-right:12px;}
/*when on a 404 page*/
.main_col_searchform #searchform {float:left;}

/* THE CONTENT COLUMNS*/
#main_col {float:left;width:622px;}
#main_col, .sidebar {margin-top:18px;display:inline;}
.sidebar {float:right;width:284px;background:#e8e8e8;border:1px solid #d4d4d4;}
.sidebar .padding {padding:18px;}
.content_box {padding-top:36px;}
/*because of the breadcrumb we need less than 36px padding so...*/
body.sub .content_box {padding-top:18px;}
/*create the illusion of more space due to the adjustment above*/
.content_narrowbox a {margin-bottom:18px;}
.content_box, .content_narrowbox {float:left;width:284px;display:inline;}
.content_narrowbox {width:188px;margin:0 0 36px 28px;}
body.sub .content_box, .content2colBox {margin-left:54px;}
.content2colBox {width:275px; border-left: 1px dotted grey; border-right: 1px dotted grey; padding-left:5px;}
.content2colBoxFirst{width:618px; border-left: none; border-right: none}
body.sub .content_box_first, .content_narrowbox_first, .content2colBoxFirst {margin-left:0;}
.middle {margin:0 54px;}
/*bredcrumb*/
.bredcrumb {margin-top:18px;}


/*** GENERAL POST STYLING ***/
.post {margin-top:36px;}
.post:first-child {margin-top:0;}
/* headings/titles */
.subtitle {font-size:2.6em;}
.servicetitle, .sidebar .widget .title {font-size:1.675em;}
.content_narrowbox .servicetitle {text-align:center;}
.multiblePagePost_title {font-size:2em;}
/*post meta*/
.time, .notes {margin-bottom:9px;}

/* the post image/s */
.content_box img, .thumb_img img, .single_post img, .page_post img   {padding:4px;border:1px solid #d4d4d4;background:#f0f0f0;}
.single_post img  {padding:6px;}
.post .gallery {clear:both;}
.post .gallery img {padding:3px;border:1px solid #d0c7c1!important;}
/* WP-PAGENAVI */
.wp-pagenavi {clear:both;margin-top:36px;}
.wp-pagenavi a, .wp-pagenavi a:link {padding:4px 6px;margin:4px;}
.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {padding:4px 6px;margin:4px;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.pages, 
.wp-pagenavi span.extend {border:1px solid #141d25;background:#273746;color:#fff;}
.wp-pagenavi a:focus, .wp-pagenavi a:hover, 
.wp-pagenavi a:active, .wp-pagenavi span.current {text-decoration:none;border:1px solid #d4d4d4;background:#f0f0f0;color:#273746;}
.wp-pagenavi span.current {font-weight:bold;}

/*blockquotes on Homepage and sidebar*/
.content_box blockquote, .sidebar blockquote {margin:0 0 18px;border:0 none;background:url(images/quotes.png) no-repeat top left;padding-left:47px;color:#555;}
.content_box blockquote cite, .sidebar blockquote cite {font-weight:bold;font-style:normal;}

/*** SIDEBAR ***/
.sidebar .widget {margin-top:36px;}
.sidebar .widget:first-child {margin-top:0;}
.sidebar .widget ul li a {display:block;padding:6px 0;font-size:1.2em;}
.sidebar .widget ul li:first-child a {padding-top:0;}
.sidebar .widget ul li a:focus, .sidebar .widget ul li a:hover, 
.sidebar .widget ul .current_page_item a, .sidebar .widget ul .current-cat a {color:#273746;text-decoration:underline;}

/* ## FEATURED CONTENT ##*/
.featured {position:relative;color:#e6e6e6;border:1px solid #fff;}
.featured .featured_container {padding:54px;background:#273746 url(images/featured_shine.png) no-repeat top left;}

/***STATIC CONTENT DISPLAY***/
/*static img only*/
.featured .staticCont .aligncenter {margin:0 auto;}
/*static img with tagline*/
.featured .staticCont .alignleft {margin-right:54px;}
.featured .staticCont .alignright {margin-left:54px;}
.featured .staticCont h2 {font-size:3.35em;margin-bottom:36px;}
.featured .staticCont p {font-size:1.45em;}
.featured .action_btns {white-space:nowrap;display:block;float:left;width:128px;height:42px;text-indent:-9999em;padding:0;border:0 none;}
.featured .buy_now {background:url(images/buy_now.png) no-repeat top left;margin-right:54px;}
.featured .take_tour {background:url(images/take_tour.png) no-repeat top left;}
.featured .action_btns:focus, .featured .action_btns:hover {background-position:0 -42px;}
.featured .action_btns:active {background-position:0 -84px;}

/***ANIMATED CONTENT DISPLAY***/
/*animated img only*/
.featured .animCont li {display:none;width:100%;}
.featured .animCont .aligncenter {margin:0 auto;}
/*animated img with tagline*/
.featured .animCont .alignleft {margin:0 36px 0 0;}
.featured .animCont .alignright {margin:0 0 0 36px;}

/***TABED SERVICES DISPLAY***/
/*navigation*/
.featured .tabNav {margin:0 36px 0 0;width:284px;}
.featured .tabNav li {border-bottom:1px solid #364c5d;margin-top:18px;}
.featured .tabNav li:first-child {margin-top:0;}
.featured .tabNav a {font-size:1.675em;display:block;padding-bottom:9px;border-bottom:1px solid #212e3a;color:#bcbcbc;}
.featured .tabNav a:focus, .featured .tabNav a:hover, .featured .tabNav .selected a  {color:#fff;text-decoration:none;}

/*navigation with icons*/
.featured .tabNavico li {margin-top:12px;}

/*add your icon here if you are using just one- the same for each link*/
.featured .tabNavico li a {padding:9px 0 15px;font-size:1.8em;}

/*add your own unique icons next to each link by targeting it's corresponding li class*/
.featured .tabNavico .page-item-24 a {background:url(images/lightbulb_icon-trans.png) no-repeat top left;padding-left:105px;}
.featured .tabNavico .page-item-26 a {background:url(images/chart_icon-trans.png) no-repeat top left;padding-left:68px;}
.featured .tabNavico .page-item-28 a {background:url(images/gear_icon-trans.png) no-repeat top left;padding-left:56px;}
.featured .tabNavico .page-item-30 a {background:url(images/globe_icon-trans.png) no-repeat top left;padding-left:68px;}
.featured .tabNavico .page-item-32 a {background:url(images/puzzle_icon-trans.png) no-repeat top left;padding-left:105px;}

/*images*/
.featured .tabContainer a {display:block;border:1px solid #212e3a;}
.featured .tabContainer a img {padding:4px; border:1px solid #364c5d;}
/*image-only content*/
.featured .tabContainerimg {float:right;}
/*if link buttons are used*/
.featured .tabContainer .action_btns {border:0 none;} 

/*finally hide contain tabs and show only the selected one!*/
.featured .tabContainer .tab {display:none;}
.featured .tabContainer .selected{display:block;}

/***  SUBSCRIPTIONS AND SOCIAL BOOKMARKING ON SINGLE POSTS  ***/
.tiny_tweet {clear:both;margin-top:18px;border-top:2px solid #d4d4d4;padding-top:9px;}
#social {margin-bottom:36px;}
#social #socialtabs{border-top:2px solid #d4d4d4;margin-top:9px;}
#social #socialtabs li {float:left;display:inline;}
#social #socialtabs li a {display:block;float:left;font-size:1.275em;padding:9px 36px 9px 0;color:#273746;font-weight:bold;}
#social #socialtabs li a:focus, #social #socialtabs li a:hover, #social #socialtabs .selected a {color:#c96503;text-decoration:none;}
#social .tabContainer .tab {display:none;}
#social .tabContainer .selected{display:block;}

/***  COMMENTS ***/
#comments {clear:both;background:#eaeaea;border:1px solid #d4d4d4;}
#comments, .trackbacks {margin-bottom:36px;}
.trackbacks {border-bottom:2px solid #d4d4d4;position:relative;}
.trackback_title {float:left;width:50%;margin-bottom:9px;}
.show_trackbacks {position:absolute;top:0;right:0;font-size:1.275;}
.trackback {display:none;list-style-type: decimal;list-style-position:inside;}
#comments .padding {padding:18px;border:1px solid #fff;}
#respond .padding {border:0 none;}
#comments .comment-author {float:left;}
#comments .avatar {padding:3px;border:1px solid #c4c4c4;background:#f3f3f3;margin-bottom:9px;}
#comments .fn {display:block;margin-bottom:9px;}
#comments .says {display:none;}
#comments .comment-meta {float:right;margin-bottom:18px;}
#comments .comment p {clear:right;margin-left:106px;}
#comments .reply {clear:both;}
#comments .comment_navigation  {padding:9px 0;}
#comments .commentlist, #comments .commentlist li {list-style-type:none;}
#comments .commentlist li {list-style-position:outside;overflow:hidden;padding:6px;margin-bottom:36px;border-bottom:1px solid #d4d4d4;}
#comments .commentlist li .children {padding:18px 0 0 18px;}
#comments .commentlist .children li {border-left:2px solid #d4d4d4;border-bottom:0 none;}
#comments .commentlist li.comment-author-admin {border-left:2px solid #7f7f7f;}
#commentform label {width:200px;text-align:left;margin:0 0 6px 12px;display:inline;}
#commentform input.text, #commentform input[type='text'], #commentform textarea, #commentform select {width:285px;}
#commentform textarea { width:100%;}
#commentform #submit {float:left;margin:0;}

/*** CONTACT FORMS STYLING ***/
/*cformsII*/
#cformsform, #cformsform ol, #cformsform fieldset {overflow:hidden;}
#cformsform ol {list-style-type:none;margin:0;}
#cformsform ol li, #cformsform fieldset {clear:both;}
#cformsform textarea {width:450px;}
#cformsform .reqtxt, #cformsform .emailreqtxt, .failure {color:#ff0000;}
#cformsform .cf-sb {padding-left:92px;}
#cforms_captcha {margin:9px 12px 6px 0;}
#cformsform .cf_hidden {margin:0;}
.linklove {display:none;}

img.captcha-reset {
	vertical-align:text-bottom;
	background:	url(images/captcha_reset_grey.gif) no-repeat;
	margin:0 0 2px 3px;
	width:21px;
	height:21px;
	border:none;
}

.cform, #cformsform ol, #cformsform fieldset {overflow:hidden;}
.cform ol {list-style-type:none;margin:0;}
.cform ol li, #cformsform fieldset {clear:both;}
.cform textarea {width:450px;}
.cform .reqtxt, #cformsform .emailreqtxt, .failure {color:#ff0000;}
.cform .cf-sb {padding-left:92px;}
.cforms_captcha {margin:9px 12px 6px 0;}
.cformsform .cf_hidden {margin:0;}

.upload-form-headers {
	font-weight: 700;
	font-size: 1.0em;
	padding-top: 20px;
}


#usermessage2a {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-weight: 700;
}
/*
	background: #FDB1B1;
	border: red solid 1px;
	margin-bottom: 15px;
*/




/*Secure and Accessible PHP Contact Form v.2.0WP*/
#gb_form {padding:18px;background:#e8e8e8;border:1px solid #d4d4d4;}
#gb_form legend {display:none;} 
#gb_form fieldset {margin-bottom:0;}
#gb_form label {text-align:left;width:120px;}
#gb_form input, #gb_form select, #gb_form textarea {width:155px;}
#gb_form select {width:165px;}
#gb_form textarea {width:235px;}
.content2colBox #gb_form input, .content2colBox #gb_form select, .content2colBox #gb_form textarea {width:280px;}
.content2colBox #gb_form select {width:290px;}
.content2colBox #gb_form textarea {width:405px;}
#gb_form input.button {width:auto;}
#gb_form_div ul {margin:0 0 18px 18px;}
#gb_form_div ul li {line-height:18px;}
#result_dl_blockq dt {margin-bottom:18px;}
#result_dl_blockq blockquote {background:none;border-left:3px solid #d4d4d4;padding-left:18px;}