/*
Theme Name: Blue Diffusion
Theme URI:
Description: Blue, 2 column, widget ready WP theme professionally designed.
Author: 9th sphere
Author URI: http://www.9thsphere.com
Version: 1.1.2
Tags: blue, two-columns, fixed-width

Copyright (c) 2009 9th sphere (a division of Etalco Limited)
.
#################
Mod by: bobiko <me@bobiko.pl> http://www.bobiko.pl
Note: Special for www.bikestats.pl
*/

html,body {height: 100%;padding: 0;}
img {border: 0;}
div.clear {clear:both;}
body {text-shadow: 1px 1px 1px #000;font: 1em Arial;color: #fff;	margin: auto;	background: url(bg.jpg) repeat top left fixed;}

div#szablon {width:1000px;height:auto;margin:auto;position: relative;padding:0;}
#szablon div#sidebar, #szablon div#content {float:left;position: relative;}
div#sidebar {width: 240px;margin-top:100px;background:#535353;opacity: 0.85;filter:alpha(opacity=85);zoom:1;font-size: 0.8em;line-height: 1.33em;}
div#content {padding:15px;width: 700px;background:url(content_bg.png) repeat-y;left:-10px}

/* sidebar */
#sidebar a{color:#ffc704;font-size:1.05em;}
#sidebar a:hover{color:#B4FF12;background: #132431;}
#sidebar input[type='text'] {width:150px!important;border: 1px solid #fff;background:#f3f3f3;color:#626262;}
#sidebar input[type='submit']{background:#626262;color:#fff;border:1px solid #626262;}
#sidebar input[type='submit']:hover{color:#626262;background:#fff;border:1px solid #626262;}
#sidebar div.info {float:left;clear:both;padding:10px;}
    #sidebar .info img.avatar {float:left;margin:0  4px 0 4px;}
#sidebar div.szukaj {background:url(search_holder_bg.gif) repeat-x 0 0;height:20px;}
#sidebar h4 {margin:0 0 0 10px;font-weight: bold;border-bottom: 1px solid #fff;float:left;clear:both;font-size: 1.3em; width:230px;}
#sidebar .yearlyimgstat {width: 220px!important;}
#sidebar ul {float:left;clear:both;width:100%;margin: 0 0 0 20px;}
#sidebar ul li {list-style-type: square}
    #sidebar ul.friends {margin:0;}
    #sidebar ul.friends li {display: block;float:left;margin:2px;border:1px solid #626262; }
    #sidebar ul.friends li:hover {border: 1px solid #fff;}
#sidebar .info div.mybikes {width:180px;margin: 5px;float:left;}
    #sidebar .info div.mybikes div {float:left;clear:both;margin: 5px 0;}
    #sidebar .info div.mybikes div a {text-decoration: none}
    #sidebar .info div.mybikes div img{border:1px solid #626262;}
    #sidebar .info div.mybikes div img:hover {border:1px solid #fff;}
#sidebar span.archinfo {float: right;font-style: italic;font-size: 0.8em; color:#d6d422}

/*content */
#content div#top, #content div#middle, #content div#footer, div#komentarze, #middle div#formularz {float:left;clear:both;width:100%;}
#top {height: 80px;}
#top h1 {font-size: 2.3em;width: 100%;border-bottom:1px solid #fefefe;text-align: center;text-shadow: 1px 1px 1px #000;}
#top h3 {font-size: 0.7em;width: 100%;text-align: right;text-shadow: 1px 1px 1px #000;}
#top ul.kategorie {font-size: 0.9em;width:100%;height:23px;background:rgba(81,81,81,0.6);margin-top:5px;}
#top ul li {display: block;float:left;list-style-type: none;margin: 0 5px;}
#top ul li a{color:#ffc704;font-size:0.9em; text-decoration: none}
#top ul li a:hover{color:#B4FF12;}

#middle div.wpis{text-shadow: 1px 1px 1px #000;padding:5px;margin:20px;width:650px;background:rgba(81,81,81,0.8);font-size:0.75em;line-height: 1.33em;}
#middle div.wpis div.tytul{width:100%;background:rgba(128,128,128,0.8);}
#middle div.wpis div.tytul h1{font-size:2em;clear:both;line-height: 1.3em;padding:1px;margin:0 0 0 5px;}
#middle div.wpis div.tytul p.date {width:100%;padding:2px;text-align:right;font-variant: small-caps;font-size:0.9em;right:10px;position: relative;}
#middle div.wpis div.tool{width:100%;background:rgba(128,128,128,0.8);clear:both;}
#middle div.wpis div.tool p {clear:none; float:left;margin:0;}
#middle div.wpis div.tool p.itemCategories {float:left;}
#middle div.wpis div.tool p.admin {float:right}
#middle div.wpis a > div {clear:both;width:100%;}
#middle div.wpis a > img {padding-right:40px;}

#middle .wpis img {float:left;margin:5px;clear:both;}
#middle a{color:#ffc704;font-size:1.05em;}
#middle h1 a{color:#c7f2ff;}
#middle a:hover{color:#B4FF12;background: #132431;}
#middle div.daneWyjazdu{width: auto;height:auto;clear:both;float:right;font-size: 0.78em;line-height: 1.22em;background: #373737;padding:5px;border: 0;border-top: 2px solid #0c0c0c;color: #63869c;margin-top:10px;}
    .daneWyjazdu strong {color: #84BA0C;}
    .daneWyjazdu p.stats_a{	clear:none;float:left;width: 140px;margin-right:5px;text-align: right;padding-bottom:3px;border-bottom:1px solid #14303e;}
    .daneWyjazdu p.stats_b{clear:none;float:left;width: 100px;padding-left: 10px;padding-bottom:3px;border-bottom:1px solid #14303e;}
    .daneWyjazdu p.stats_nav {clear:both;background: #0c0c0c;padding:5px;color:#fff;font-size: 1.2em;width: 80px;position: relative;top:-5px;text-align: center;left: 10px;}


/* footer */
#footer {border-top:2px solid #0c0c0c;padding-top:10px;}
#footer a {color:#81eefb; text-decoration: none;}
#footer a:hover {color:#f7fb81;}
#footer div.logo {width:100px;height:83px;float:left;clear:none;background: url('bikestats.png');margin:0 10px 0 0;position: relative;left:30px;}
#footer p {float:left;clear:none;padding:0;margin:0;font-size:0.8em;position: relative;top:20px;line-height: 1.44em;;left:40px;}

/* komentarze */
#middle div#komentarze{text-shadow: 1px 1px 1px #000;padding:5px;margin:20px;width:650px;background:rgba(81,81,81,0.8);font-size:0.75em;line-height: 1.33em;}
#komentarze h1 {	font-size: 2em;	line-height: 1em;margin-bottom:  10px;text-shadow: 2px 2px 2px #000;border-bottom: 1px solid #fff;}
#komentarze div.kkom {	float:left;	position: relative;	line-height: 1.77em;	color: #fff;margin: 5px 0;width:100%;clear:both;}
    #komentarze div.commavatar {float:left;clear:none;padding:5px 5px 5px 0;}
    #komentarze .kkom h1 {	font-size: 2em;	line-height: 2em;	text-shadow: 2px 2px 2px #000;}
    #komentarze .kkom a {        font-size: 1.2em;	color: #C68D00;	text-decoration: none;}
    #komentarze .kkom a:hover {	color: #84BB0B;}
    #komentarze .kkom blockquote {	margin: 0 0 0 10%;	width: 85%;	background: #0B0B0B;	padding: 10px;	color: #625D51;	font-variant: small-caps;	border-top: 1px solid #55071B;}
    #komentarze .kkom ul {	color:#625D51;	list-style: square;	line-height: 1.44em;}
    #komentarze .kkom ol {	color:#625D51;	line-height: 1.44em;}
    #komentarze .kkom ul a,#komentarze .kkom ol a {color: #625D51;	text-decoration: underline}
    .kkom div.kdata {width: auto;height: auto;border-bottom: 1px solid #171716;position: relative;}
    .kdata p a:hover {color: #84BB0B!important;}
    .kdata span {margin-left: 10px;font-size:0.7em;}
    .kdata .entry {	color: #7F7A66;}

/*formularz */
#middle div#formularz {text-shadow: 1px 1px 1px #000;padding:5px;margin:20px;width:650px;background:rgba(81,81,81,0.8);font-size:0.75em;line-height: 1.33em;}
    #formularz p {background: #181817;padding: 5px;margin: 5px;font-size: 0.7em;line-height: 1.77em;color: #7F7A66;	text-align: justify;}
    #formularz textarea {width: 99%;padding:5px;height: 200px;color: #C68D00;font: 1.2em Arial;background: #373737;	border: 0;	border-top: 4px solid #0c0c0c;	line-height: 1.77em;margin-bottom:10px;}
    #formularz input {background: #373737;width: 100%;padding:5px 0;border: 1px solid #0c0c0c;color: #C68D00;font-size: 1em;clear:both;}
    #formularz input[type="text"] {margin-bottom: 5px;}
    #formularz input[type="submit"]{width: auto;padding:5px;float:right}
    #formularz a {float:right;clear:both;padding:5px;}
    #formularz b {width:100%;clear:both;font-size: 2em;	line-height: 1em;margin-bottom:  10px;text-shadow: 2px 2px 2px #000;border-bottom: 1px solid #fff;}

/*tabelka*/
#middle div.categoryArchHeader  {clear:both;float:left;background: #0c0c0c;line-height: 1.33em;padding:3px;color:#fff;width: auto;position: relative;text-align: center;width: 300px;margin-top:10px;}
#middle div.categoryArchHeader h1 {font-size: 0.8em;float:left;clear:none;}
#middle table.categoryArchSummary {width: 550px;height:auto;line-height: 1.22em;background: #373737;padding:5px;border: 0;border-top: 2px solid #0c0c0c;color: #f4f4f4;clear:both;float:left;}
    #middle table a {color: #C68D00;text-decoration: none;}
    #middle table a:hover {color: #84BB0B;}
    #middle table tr {padding-bottom:3px;border-bottom:1px solid #1A1915;}
    #middle table td {padding: 3px;}
    #middle table td.label { text-align:right; border-right:1px solid #1A1915;}
    #middle table td.value {color:#84BA0C;font-weight: bold}