/*
Theme Name: Badzok
Theme URI: www.trzezwymokiem.pl
Description: Created by badzok.
Version: 1.0
Author: Piotr Bujok
Author URI: trzezwymokiem.pl/
Tags:  left-sidebar, two-columns
*/

/* begin Page */

body
{ 
padding: 0;  
font-family: Verdana, Arial, Sans-Serif; 
color: #000000;  
background-color: #ffffff;
background-image: url('images/background_top.jpg');
background-repeat: repeat-x;
font-size: 13px;
margin: 0;
}

#header{
width: 900px;
clear: both;
font-family: "Times New Roman",Georgia,Serif;
display: block;
margin: 0 auto;
}

#header .top
{
height: 70px;
font-size: 21px;
color: #000000;
float: left;
line-height: 34px;
padding-top: 31px;
display: inline;
text-decoration: none;
width: 350px;
}

#header .rss
{
height: 68px;
width: 70px;
float: right;
background-image: url('images/rss_ico.jpg');
margin-top: 20px;
display: inline;
text-decoration: none;
background-repeat: no-repeat;
}

#header .twitter
{
height: 68px;
width: 70px;
float: right;
background-image: url('images/twitter_ico.jpg');
margin-top: 20px;
display: inline;
text-decoration: none;
background-repeat: no-repeat;
}

#header .twitter:hover
{
background-image: url('images/twitter_ico_hover.jpg');
background-repeat: no-repeat;
}

#header .rss:hover
{
background-image: url('images/rss_ico_hover.jpg');
background-repeat: no-repeat;
}

#header .search
{
width: 238px;
height: 15px;
padding: 0;
padding-bottom: 24px;
float: left;
margin: 0;
background-image: url('images/search.jpg');
margin-top: 48px;
margin-left: 160px;
display: inline;
background-repeat: no-repeat;
overflow: hidden;
}

#header .search p
{
float: left;
padding: 0;
margin: 0;
margin-top:9px;
}

#header .search input
{
border: 0;
margin-left: 8px;
width: 190px;
background: transparent; 
}

#header .search .submitbutton
{
width: 22px;
height: 22px;
}

#header span
{
clear: both;
color: #054F7E;
float: left;
font-size: 35px;
font-weight: 100;
}

#container
{
width: 100%;
float: left;
clear: both;
display: inline;
background-color: #ECECE2;
}

#main
{
width: 900px;
clear: both;
display: block;
margin: 0 auto;
padding: 0;
}

#main .sidebar
{
width: 300px;
float: left;
display: inline;
padding: 0;
font-family: "Times New Roman",Georgia,Serif;
font-size: 29px;
padding-top: 30px;
font-weight: 100;
}

#main .sidebar .about
{
width: 280px;
float: left;
padding: 10px;
margin: 0;
font-family: Verdana, Arial, Sans-Serif; 
font-size: 16px;
font-weight: 100;
line-height:20px;
}

#main .sidebar .about a
{
color: #7A7A7A;
font-size: 23px;
font-family: "Times New Roman",Georgia,Serif;
text-decoration: none;
clear: both;
float: right;
padding-top: 9px;
}

#main .sidebar .about a:hover
{
color: #670303;
font-size: 23px;
text-decoration: none;
clear: both;
float: right;
padding-top: 9px;
}

#main .sidebar ul
{
width:300px;
padding: 0;
margin: 0;
list-style-type: none;
margin-top: 10px;
margin-bottom: 40px;
}

#main .sidebar ul li
{
width:300px;
padding: 0;
margin: 0;
margin-bottom: 4px;
margin-top: 4px;
text-align: center;
color: #7A7A7A;
font-size: 21px;
overflow: hidden;
}

#main .sidebar a
{
color: #7A7A7A;
font-size: 24px;
text-decoration: none;
}

#main .sidebar a:hover
{
color: #670303;
font-size: 24px;
text-decoration: underline;
}

#main .mainbar
{
width: 600px;
margin: 0;
display: inline;
padding: 0;
padding-top: 20px;
padding-right: 0;
float: left;
line-height: 22px;
color: #000000;
overflow: hidden;
list-style-type: none;
}

#main .mainbar li
{
width: 600px;
margin: 0;
padding: 0;
float: left;
clear: both;
display: block;
margin-bottom: 20px;
}

#main .mainbar li .left
{
float: left;
text-decoration: underline;
display: inline;
}

#main .mainbar li .right
{
float: right;
text-decoration: underline;
display: inline;
}

#main .mainbar li .comment
{
float: right;
text-decoration: none;
display: inline;
padding-left: 20px;
font-size: 12px;
line-height: 15px;
background-image: url('images/arrow.png');
background-repeat: no-repeat;
}

#main .mainbar li .read_again
{
float: right;
text-decoration: none;
display: inline;
padding-left: 20px;
font-size: 12px;
line-height: 15px;
background-image: url('images/arrow2.png');
background-repeat: no-repeat;

}

#main .mainbar li .trackback
{
float: left;
text-decoration: none;
display: inline;
font-size: 12px;
line-height: 15px;
}

#main .mainbar p
{
width: 575px;
clear: both;
float: left;
margin: 0;
padding: 5px;
padding-left: 10px;
text-align: left;
}

#main .mainbar a
{
color: #6D8918;
text-decoration: none;
margin:3px;
font-weight: 600;
}

#main .mainbar a:hover
{
color: #000000;
font-weight: 600;
}

#main .mainbar .title
{
font-size: 22px;
text-decoration: none;
color: #000000;
clear: both;
padding-left: 5px;
font-family: "Times New Roman",Georgia,Serif;
}

#main .mainbar .title:hover
{
color: #670303;
font-size: 22px;
text-decoration: none;
padding-left: 5px;
}

#main .mainbar .rss
{
width: 539px;
float: left;
height: 75px;
clear: both;
background-image: url('images/rss_bar.jpg');
margin-top: 19px;
margin-bottom: 19px;
}

#main .mainbar h3
{
font-size: 21px;
color: #9B0000;
padding: 0;
margin: 5px;
width: 500px;
margin-top: 10px;
margin-left: 10px;
font-weight: 100;
float: left;
clear: both;
font-family: "Times New Roman",Georgia,Serif;
}

#main .mainbar h4
{
padding: 0;
margin:0;
float: left;
padding-left: 5px;
margin-top:19px;
margin-bottom:12px;
font-size: 24px;
color: #CABEAD;
font-weight: 100;
}

#main .mainbar img
{
margin: 0 auto;
max-width: 560px;
margin-top: 5px;
clear: both;
background-color: #EAEAEA;
border: 1px solid #9F9F9F;
display: block;
padding: 5px;
}

#main .mainbar .date
{
float: left;
font-size: 13px;
background: transparent;
color: #666666;
}

#footer
{
width: 100%;
float: left;
clear: both;
display: block;
padding-top: 30px;
background-image: url('images/line.jpg');
background-repeat: repeat-x
}

#footer .main
{
width: 900px;
margin: 0 auto;
}

#footer .comments
{
width: 900px;
float: left;
clear: both;
display: block;
padding-top: 30px;
}

#footer ul
{
width: 550px;
float: left;
display: inline;
padding: 0;
margin: 0;
margin-left: 123px;
list-style-type: none;

}

#footer ul li
{
width: 530px;
float: left;
clear: both;
display: block;
padding: 5px;
margin: 0;
margin-top: 5px;
padding-left: 20px;
}

#footer ul li span
{
font-size: 13px;
font-weight: 600;
line-height: 20px;
padding: 3px;
padding-right: 5px;
background-color: #2873A3;
color: #f3f3f3;
margin-bottom: 7px;
margin-top:20px;
float: left;
margin: 2px;
text-decoration: none;

}

#footer ul li a
{
padding: 0;
margin: 0;
color: #f3f3f3;
text-decoration: none;
}

#footer ul li .date
{
float: left;
font-size: 13px;
background: transparent;
color: #666666;
}

#footer ul li p
{
width: 460px;
padding: 5px;
margin: 0;
display: block;
}

#footer ul li .ccc
{
width: 470px;
margin: 0;
display: inline;
float: right;
border: 1px solid #dddddd;
margin-top: 3px;
}

#footer  h4
{
padding: 0;
margin:0;
float: left;
padding-left: 5px;
margin-top:19px;
margin-bottom:12px;
font-size: 24px;
color: #CABEAD;
font-weight: 100;
display: inline;
float: left;
width: 190px;
}

#footer .form
{
width: 700px;
float: right;
display: inline;
padding: 0;
margin: 0;
}

#footer a
{
color: #000000;
font-weight: 600;
}

#footer .form dd
{
padding: 0;
margin: 0;
width: 120px;
padding-right: 10px;
float: left;
display: inline;
text-align: right;
}

#footer .form dt
{
padding: 0;
margin: 0;
width: 500px;
padding-left: 10px;
float: left;
display: inline;
text-align: left;
}

#footer .comluv
{
width: 570px;
float: right;
display: inline;
padding: 0;
padding-top: 10px;
margin: 0;
}

#bottom
{
width: 900px;
clear: both;
margin: 0 auto;
text-align: center;
padding-top: 20px;
height: 30px;
}

#footer .main .gravatar
{
width: 50px;
height: 50px;
float: left;
display: inline;
margin: 3px;
}

#footer  .cluv
{
margin-top: 14px;
background: transparent url('images/data.png') no-repeat;
padding-left: 19px;
color: #333333;
font-size:11px;
font-style: italic;
font-weight: 400;
}


#footer .cluv a
{
color: #6D8918;
text-decoration: none;
font-weight: 500;
}

#footer .cluv a:hover
{
color: #000000;
font-weight: 500;
}

#footer  .heart_tip_box
{
display: none;
}

#main .mainbar li .post_footer, #main .mainbar li .post_footer2
{
width: 550px;
float: left;
display: block;
margin-top:10px;
margin-left:10px;
margin-bottom: 10px;
}

#main .mainbar li .date a
{
text-decoration: none;
color: #000000;
font-weight: 400;
}

#main .mainbar li .post_footer
{
border: 1px solid #ddd; 
}

#main .mainbar li .more-link
{
display: none;
}

#main .mainbar .kod {float: left; width: 530px; margin-left: 18px; clear: both;}
#main .mainbar .kod .code_hider {float: left; width: 530px; padding-left: 0; list-style-position: inside ;}
#main .mainbar .kod .code_hider li {float: left; width: 525px; background-color: #F0EEDD; margin: 1px; border: 1px solid #dddddd; padding-left: 5px;}

#footer .main .miniblog
{
width: 420px;
padding-right:30px;
display: inline;
float: left;
}

#footer .main .cloud_of_tags
{
width: 420px;
padding-left:30px;
display: inline;
float: left;
}

#footer .main .miniblog p
{
clear: both;
display: block;
float: left;
width: 404px;
padding: 5px;
margin: 3px;
background: #f3f344;
}

#footer .main .cloud_of_tags a
{
text-decoration: none;
color: #666666;
line-height: 30px;
padding: 6px;
}

#footer .main .cloud_of_tags a:hover
{
color: #000000;
}

#main .mainbar li ul
{
width: 500px;
list-style-type: circle;
float: left;
display: block;
clear: both;
}

#main .mainbar li ol
{
width: 500px;
list-style-type: decimal;
float: left;
display: block;
}

#main .mainbar li ul li, #main .mainbar li ol li
{
margin: 2px;
width: 475px;
line-height: 18px;
display: list-item;
border-bottom: 1px solid #aaaaaa;
}