/*
Theme Name: tbr
Theme URI: http://disordereddesign.com
Description: A two column theme based on 2 main colors and simplicity rule.
Version: 0.3
Author: Krystian Buczak
Author URI: http://disordereddesign.com
Tags: blue, dark grey, black, two columns, icons sidebar

	All rights reserved.
*/

/* ----------- main page structure (content and sidebar) */
* {
margin: 0;
padding: 0;
}
html, body {height: 100%;}/* for 100% height solution */
body {
background: #f2efe9;
font: 100% arial, sans-serif;
color: #333;
}
img {border: 0;}
p {
line-height: 1.2;
margin: 0.625em 0;
text-align: justify;
}
ul li {
list-style: none;
background: url('images/biuro-rachunkowe-sosnowiec-bullet.png') no-repeat left top;
padding-left: 1.5em;
margin: 0.25em 0 0.25em 0.5em;
}
abbr, acronym {
border-bottom: 1px dotted;
cursor: help;
}
address {
margin-top: 2em;
font-weight: bold;
}
small {font-size: 75%;}
/* ----------- anchors */
a {
text-decoration: none;
}
a:link {
color: #29abe2;
}
.entry a:hover {
color: #fff;
background: #29abe2;
padding: 2px 0;
}
a:visited  {
color: #d5d2cd; 
}
:focus
{
  -moz-outline-style: none;
}

#footer a {
color: #d5d2cd;
}
h1 a:visited {
color:#29abe2}
/* ----------- headers */
h1, h2, h3 {
font-weight: bolder;
margin: 1em 0 0.2em 0;
}
#logo-bar h1 {
margin: 0;
padding-top: 2em;
}

/* ----------- site construcion */
#wrapper-home, #wrapper-page {
min-height: 100%;
}
#accessibility {
font-size: 1px;
position: absolute;
top: -9999px;
}
#top-bar {
height: 2.5em;
width: 100%;
background: #333333 url('images/biuro-rachunkowe-sosnowiec-header.png') repeat-x bottom;
}

#top-bar a {
text-indent: -5000px;
display: block;
float: left;
margin-right: 1%;
}
  a#home {
  width: 42px;
  height: 35px;		
  background: url('images/top-icons.png') top left;}
  a#displaySearchForm {	
  width: 38px;
  height: 35px;		
  background: url('images/top-icons.png') top center;}
  a#rss {	
  width: 45px;
  height: 35px;		
  background: url('images/top-icons.png') top right;}
  a#home:hover {
  width: 42px;
  height: 35px;		
  background: url('images/top-icons.png') bottom left;}
  a#displaySearchForm:hover {	
  width: 38px;
  height: 35px;		
  background: url('images/top-icons.png') bottom center;}
  a#rss:hover {	
  width: 45px;
  height: 35px;		
  background: url('images/top-icons.png') bottom right;}
  #searchform {padding: 0;}	
  #searchform fieldset {margin: 0;padding-top: 5px;}
  #searchform legend, #searchform label {display: none;}
  #searchsubmit {
	padding-right: 20px;
	border: none; 
	color: #29abe2; 
	background: url('images/biuro-rachunkowe-sosnowiec-bullet.png') no-repeat right;
	}
	#searchsubmit:hover {color: #fff;}
#logo-bar {
background: #333;
border-top: 5px solid #fff;
border-bottom: 5px solid #fff;
color: #fff;
position: relative;
clear: both;
}

#wrapper-page #logo-bar {
height: 120px;
width: 100%;
margin: 1.1em 0 3em 0;
}
#home-logo-img {
position: relative;
text-indent: -9999px;
}
#logo-img {
position: absolute;
right: 8%;
top: -23px;
}
#description {
position: absolute;}
#description p {margin: 0.4em 0;}
#container {
margin: 0 auto 2em auto;
}
#content {
width: 53%;
float: left;
padding: 0 0 3em 0;
}
#sidebar {
width: 47%;
float: left;
padding-bottom: 3em;
}
#sidebar ul {
padding-left: 4%;;
}
#sidebar li {
margin: 0;
padding: 0;
background: none;}
#sidebar h2 {
padding: 3em 0 0 1em;
}
/* 100% height + fixed footer - make place 30px */
#clearfooter {
height:30px;
}
#footer {
height: 20px;
margin-top: -30px;
padding-top: 10px;
background: #333 url(images/biuro-rachunkowe-sosnowiec-footer.jpg) repeat-x top;
color: #29abe2;
clear: both;
position: relative;
}
#footer em {
float: left;}
#footer a {
float: right;}
.clear {
clear: both;}
.center {
position: relative;
top: 0;
margin: 0 auto;
}

/* ----------- post & page design */
.post {
margin: 0 0 3em 0;
position: relative;
}
small.date {
border: 0.2em solid #d5d2cd;
position: absolute;
top: 0;
left: -15%;
width: 13%;
padding: 2px;
font-size: 65%;
text-align: center;
}
.date span {
display: block;
font-weight: bold;
}
h2.title {
text-indent: 2%;
}
/* googlemap plugin theme */
.googleMap {
border: 0.5em solid #333;
}
#last-posts h3 {
margin: 0.4em 0;

}
#last-posts a {
height: 1em;
border-left: 1em solid #d5d2cd;
padding-left: 0.5em;
color: #29abe2;
}
#last-posts a:hover {
color: #d5d2cd;
}
/* ----------- menu icons */
ul#menu-icons {
margin: 0 auto;
}
ul#menu-icons li {
float: left;
list-style: none;
background: none;
padding: 0;
margin: 0;
}
#menu-icons a {
display: block;
text-align: center;
}
#menu-icons span {
position: relative;
margin: 0;
font-weight: bold;
}
#menu-icons a:hover .blue,
#menu-icons a:hover .dark,
li#current span {
color: #d5d2cd;
}
/* icon hover state - first label disapears */
#menu-icons a:hover span.blue {
display: none;
}
.blue {color: #29abe2;}
.dark, .page .white {color: #333;}
.white {color: #fff;}


/* ----------- contact form interface */

#gb_form_div { 
  margin-top: 10%;
  text-align : left;
  width : 100%;
}
#gb_form_div p {
  margin-left : 12px;
}
#gb_form {
  text-align : left;
  background : transparent;
}
#gb_form_div a {
  color : #999;
  text-decoration : underline;
}
#gb_form_div a:hover, #gb_form_div a:focus, #gb_form_div a:active {
  color : #111;
  text-decoration : none;
  background-color : #fff;
}
fieldset { 
  border : 0;
  margin-top : 10px;
}
#gb_form legend, legend, #gb_form dt { 
  font-weight : bold; 
  color : #29abe2;
}
#gb_form legend {
  margin-left : -10px;
  padding-top : 5px;
}
/* IE6 patch */
* html #gb_form legend {
  margin-left : -5px;
}
#gb_form legend#mainlegend { 
  font-size : 1.2em;
  color : #333;
  margin-left : -10px;
  padding-top : 5px;
  padding-bottom : 10px;
}

* html #gb_form legend#mainlegend {
  margin-left : -5px;
}
#gb_form legend#mainlegend small { 
  font-size : .7em;
  text-transform : uppercase;
}
#gb_form_div .formhead small a {
  font-size : .7em;
  background-image : none;
  display : inline;
  padding : 0;
  margin : 0;
}
#gb_form_div .main_formhead, #gb_form_div .formhead {
  font-size : 1.2em;
  color : #333;
  width : 97%;
}
label { 
  color : #333; 
  margin-top : 5px;
  margin-left : 0;
}
input.short, input.med, select.med, textarea.textbox, textarea { 
  font : 0.9em 'century gothic', 'trebuchet ms', arial, sans-serif; 
  color : #333; 
  padding : 1px; 
  border : 1px solid #999;
  background-color : #f6f6ed;
  width : 65%;
  font-size : 0.9em;
  height : auto;
}
input.short {
  width : 7%;
}
textarea.textbox, textarea { 
  width : 95%;
  height : 220px;
}
select.med {
  width : 60%;
}
input.checkbox {
  cursor : default;
  background : transparent;
  color : #29abe2;
  border : 0;
  padding : 0; 
  margin : 0;
  width : 10px;
  height : 10px;
}
input.button:hover, input.button:focus, 
input.button.hover, input.button.focus {
  background-color : #333;
  border : 0;
  cursor : pointer;
  color : #fff;
}

/* NOTE: .hover and .focus classes IE JS */
input.short:hover, input.short:hover, 
input.med:hover, input.med:focus, 
select.med:hover, select.med:focus, 
textarea.textbox:hover, textarea.textbox:focus, 
textarea:hover, textarea:focus, 
input.short.hover, input.short.focus,
input.med.hover, input.med.focus,  
select.med.hover, select.med.focus, 
textarea.textbox.hover, textarea.textbox.focus,
textarea.hover, textarea.focus { 
  color : #000;  
  padding : 1px; 
  border : 1px inset #333;
  background-color : #fff;
  cursor : text;
}
input.button {
  cursor : pointer;
  background-color : #29abe2;
  border : 0;
  color : #fff;
  padding : 1px;
  font-size : 1em;
}
#content #gb_form input.button {
  margin : 15px 5px 25px 5px;
  padding : 2px 15px 2px 15px;
}
* html #content #gb_form input.button {
  margin-left : -5px;
}
span.error, span.success, #gb_form_div dt { 
  color : #cc0000;  
  font-weight : bold; 
}
#gb_form_div dt small, #gb_form_div .formhead span.success, span.success, dl#result_dl_blockq dt {
  color : #29abe2;
}
small.whythis, small.whythis a { 
  font-size : .9em; 
  text-decoration : none;
  color : #333;
}
dl#result_dl_blockq blockquote {
  margin-left : 0;
}
dl#result_dl_blockq blockquote p cite {
  display : block;
  text-align : right;
}
#gb_form_div span.items {
  font-weight : bold;
  color : #9e9e55;
}
#gb_form_div ul {
  margin : 10px 10px 20px 10px;
}
#gb_form_div ul li {
  list-style-type : none;
  margin : 0 10px 0 20px;
}

/* --------------- IE hacks */
* html body {
font-size: 16px;
text-align: center;
}