/*
Theme Name: Bar U Trewora Extended
Theme URI: www.trewor.cz
Description: Oranžové téma speciálně vytvořené pro moje stránky
Author: P.J.Trewor
Author URI: www.trewor.cz
Version: 0.8
.
Oranžové téma speciálně vytvořené pro moje stránky
.
*/

* {
    margin: 0px;
    padding: 0px;
}

body {
    background-color: #e8e0d8;
    background-image: url('img/bg_body.gif');
    background-position: left top;
    background-repeat: repeat-x;
    font-family: Verdana, Helvetica, Sans-serif;
    font-size: 0.78em;
    color: #444444;
}

a {
    color: #3054b5;
    text-decoration: none;
}

a:hover {
    color: #0c067e;
    text-decoration: underline;
}

ul {
    list-style-type: none;
}

ul li {
    padding-left: 15px;
    background-image: url('img/li.png');
    background-position: left center;
    background-repeat: no-repeat;
}

p {
    text-align: justify;
    padding-bottom: 10px;
}

/* **************
 ****** Základní strunktura stránek */
#wrap {
    background-image: url('img/bg_wrap.jpg');
    background-position: center top;
    background-repeat: no-repeat;
}

#container1 { /* repeat shadow */
    margin: 0px auto;
    width: 994px;
    background-image: url('img/bg_container1.gif');
    background-position: center top;
    background-repeat: repeat-y;
}

#container2 { /* wrap background (IE hack - explorer špatně počítá střed obrazovky při lichém počtu pixelů) */
    width: 994px;
    background-image: url('img/bg_wrap.jpg');
    background-position: center top;
    background-repeat: no-repeat;
}

#container-top { /* top margin */
    height: 15px;
}

#subcontainer {
    margin: 0px 7px;
    background-color: #ffffff;
}

#header {
    width: 980px;
    margin: 0px 7px;
    height: 150px;
    background-image: url('img/header.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    background-color: #ffad55;
}

#footer {
    padding: 0px 0px 0px 30px;
    width: 964px;
    height: 126px;
    background-image: url('img/footer.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    color: #959595;
}

#menu {
    width: 980px;
    height: 40px;
    background-color: #29261d;
    background-image: url('img/menu_bg.gif');
    background-position: left top;
    background-repeat: repeat-x;
}

#menu_shadow {
    width: 980px;
    height: 10px;
    background-image: url('img/bg_content.gif');
    background-position: left top;
    background-repeat: no-repeat;
    overflow: hidden;
}

#content {
    min-height: 493px;
    width: 980px;
    background-image: url('img/bg_rightpane.gif');
    background-position: right top;
    background-repeat: repeat-y;
    border-bottom: 1px solid #cccccc;
}

#leftpane {
    width: 770px;
    float: left;
    padding: 0px 5px 10px 5px;
}

#rightpane {
    width: 200px;
    float: left;
}

/* **************
 ****** Struktura HEADER a MENU a FOOTER */
#header .title {
    padding: 60px 5px 5px 40px;
    font-size: 30px;
    font-weight: bold;
}

#header .title a {
    color: #ffffff;
}

#header .subtitle {
    padding: 0px 5px 5px 50px;
    font-size: 14px;
    color: #ffffff;
}

#menu ul {
    height: 40px;
}

#menu ul li {
    float: left;
    list-style: none;
    background-image: url('img/menu_span.gif');
    background-position: right top;
    background-repeat: no-repeat;
    height: 40px;
    padding: 0px;
    display: inline;
    padding-right: 2px;
}

#menu ul li a {
    margin: 0px;
    padding: 10px 10px 0px 10px;
    height: 30px;
    display: block;
    color: #e0e0e0;
    text-decoration: none;
    font-size: 14px;
    float: left;
}

#menu ul li.current_page_item a {
    color: #ffffff;
}

#menu ul li a:hover {
    background-image: url('img/menu_hover.gif');
    background-position: left top;
    background-repeat: repeat-x;
    color: #ffffff;
}

#menu ul li a.home {
    width: 51px;
    height: 37px;
    background-image: url('img/menu_home.gif');
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0px;
}

#menu ul li a.home:hover {
    background-image: url('img/menu_home_hover.gif');
    background-position: left top;
    background-repeat: no-repeat;
}

#footer a {
    color: #555555;
    margin-top: 15px;
}

#footer a.up {
    float: right;
    margin-right: 30px;
    background-image: url('img/icons.gif');
    background-repeat: no-repeat;
	padding-left: 18px;
	background-position: 0 -304px;
	height: 16px;
	line-height: 16px;
}

#footer .wplogo {
    background-image: url('img/wordpress-logo.gif');
    background-repeat: no-repeat;
    background-position: left top;
    width: 100px;
    height: 70px;
    float: left;
}

#footer p {
    padding: 20px 0px 0px 120px;
}

/* **************
 ****** Struktura BOXů */
.box_big, .box_small {

}

.box_big .top {
    margin: 0px auto;
    background-color: #fea63f;
    background-image: url('img/box_top_big.gif');
    background-position: left top;
    background-repeat: no-repeat;
    height: 28px;
    width: 753px;
    padding: 10px 0px 0px 15px;
}

.box_big .top h2, .box_big .top h1 {
    font-size: 17px;
    font-weight: normal;
    color: #202020;
}

.box_big .top h1 {
    font-weight: bold;
}

.box_big .top h2 a {
    color: #202020;
    display: block;
}

.box_big .top h2 a:hover {
    color: #000000;
}

.box_big .middle {
    background-image: url('img/box_middle_big.gif');
    background-position: left top;
    background-repeat: repeat-y;
    width: 748px;
    margin: 0px auto;
    padding: 5px 10px 0px 10px;
}

.box_big .middle .author,
.box_big .middle .tags,
.box_big .middle .addcomment,
.box_big .middle .calendar,
.box_big .middle .category,
.box_big .middle .readmore,
.box_big .middle .comments {
    background-image: url('img/icons.gif');
    background-repeat: no-repeat;
	padding-left: 22px;
	height: 16px;
	line-height: 16px;
}
.box_big .middle .addcomment {
    background-position: 0px -112px;
    padding-right: 15px;
}

.box_big .middle .calendar {
    background-position: 0px -48px;
	float: left;
}

.box_big .middle .comments {
    background-position: 0px -96px;
    float: right;
}

.box_big .middle .readmore {
    background-position: 0px 0px;
    float: right;
}

.box_big .middle .category {
    background-position: 0px -32px;
    float: left;
    clear: left;
}

.box_big .middle .views {
    float: right;
    padding-right: 10px;
}

.box_big .middle .content {
    clear: both;
    padding: 5px 0px;
}

.box_big .post .tags {
    float: left;
    clear: left;
	background-position:0 -16px;
	margin-bottom: 5px;
}

.box_big .post .author {
    float: right;
    clear: right;
	background-position:0 -176px;
	margin-bottom: 5px;
}

.box_big .post {
    background-image: url('img/box_post.gif');
    background-position: left top;
    background-repeat: no-repeat;
}

.box_big .bottom {
    background-image: url('img/box_bottom_big.gif');
    background-position: left top;
    background-repeat: no-repeat;
    height: 13px;
    width: 768px;
    margin: 0px auto 10px auto;
}

.box_small .top {
    background-position: left top;
    background-repeat: no-repeat;
    height: 28px;
    width: 178px;
    margin: 0px auto;
    padding: 10px 0px 0px 15px;
    font-size: 17px;
    color: #292929;
}

.box_small .blue {
    background-color: #3faffe;
    background-image: url('img/box_top_blue.gif');
}

.box_small .yellow {
    background-color: #dac910;
    background-image: url('img/box_top_yellow.gif');
}

.box_small .hallow {
    background-image: url('img/box_top_hallow.gif');
    width: 193px;
    height: 13px;
    padding: 0px;
    overflow: hidden; /* pro IE6 */
}

.box_small .middle {
    background-image: url('img/box_middle_small.gif');
    background-position: left top;
    background-repeat: repeat-y;
    width: 173px;
    margin: 0px auto;
    padding: 5px 10px 0px 10px;
}

.box_small .bottom {
    background-image: url('img/box_bottom_small.gif');
    background-position: left top;
    background-repeat: no-repeat;
    height: 13px;
    width: 193px;
    margin: 0px auto 10px auto;
}

.box_small .middle ul {
    margin-left: 10px;
    list-style-type: none;
}

.box_small .middle ul li {
    padding-top: 2px;
    padding-bottom: 2px;
}

.box_small .middle ul li a {
}


/* **************
****** Komentáře */
.comments_header {
    padding-top: 10px;
    padding-bottom: 2px;
    border-bottom: 1px solid #cccccc;
}

.comments_header .acomments_number {
    clear: none;
    float: left;
}

ol.commentlist {
    list-style-type: none;
    margin-top: 10px;
}

ol.commentlist li {
    clear: both;
    padding-top: 5px;
}

ol.commentlist li .comment_author {
    float: left;
    width: 148px;
    background-repeat: no-repeat;
    background-position: right top;
    text-align: center;
    font-weight: bold;
}

ol.commentlist li .comment_author_even {
    background-image: url('img/comment_author_even.gif');
}

ol.commentlist li .comment_author_odd {
    background-image: url('img/comment_author_odd.gif');
}

ol.commentlist li .comment_author_admin {
    background-image: url('img/comment_author_admin.gif');
}

ol.commentlist li .comment_author_user {
    background-image: url('img/comment_author_user.gif');
}

ol.commentlist li .comment_author img {
    margin: 10px auto 0px auto;
    border: 1px solid #cccccc;
    padding: 1px;
}

ol.commentlist li .comment_content {
    float: left;
    width: 600px;
}

ol.commentlist li .comment_color_even {
    background: #e5e5e5;
}

ol.commentlist li .comment_color_odd {
    background: #eeeeee;
}

ol.commentlist li .comment_color_admin {
    background: #ffe1a4;
}

ol.commentlist li .comment_color_user {
    background: #C1FCFF;
}

ol.commentlist li .corner_top_left,
ol.commentlist li .corner_top_right,
ol.commentlist li .corner_bottom_left,
ol.commentlist li .corner_bottom_right {
    width: 4px;
    height: 4px;
    background-image: url('img/corners.gif');
    background-repeat: no-repeat;
    overflow: hidden;
}

ol.commentlist li .corner_top_left {
    float: left;
    background-position: 0px 0px;
}

ol.commentlist li .corner_top_right {
    float: right;
    background-position: -4px 0px;
}

ol.commentlist li .corner_bottom_left {
    float: left;
    background-position: 0px -4px;
}

ol.commentlist li .corner_bottom_right {
    float: right;
    background-position: -4px -4px;
}


ol.commentlist li .comment_info {
    clear: left;
    float: left;
    padding-left: 5px;
    padding-top: 4px;
}

ol.commentlist li .comment_reply {
    clear: right;
    float: right;
    padding-right: 5px;
    padding-top: 4px;
}
ol.commentlist li .comment_text {
    clear: both;
    padding: 5px;
}

ol.commentlist li .comment_text p {
    padding-bottom: 5px;
}

ol.commentlist li .comment_text blockquote {
    border: 1px solid #999999;
    background-image: url('img/darkening.png');
    margin: 5px 5px 5px 15px;
    padding: 5px;

}

.comment_respond_left {
    margin-top: 5px;
    padding-top: 25px;
    float: left;
    border-top: 1px solid #cccccc;
    width: 148px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

.comment_respond_right {
    margin-top: 5px;
    padding-top: 5px;
    float: left;
    border-top: 1px solid #cccccc;
    width: 600px;
}

.comment_respond_right input {
    width: 200px;
}

.comment_respond_right textarea {
    margin: 5px 0px;
    width: 100%;
    height: 100px;
}

.comments_navigation {
    float: right;
    width: 600px;
}

/* **************
 ****** Archív */
.archive {
    background-color: #eeeeee;
    width: 758px;
    margin: 5px 5px 10px 5px;
}

.archive p {
    padding: 5px 0px 5px 10px;
    font-size: 1.3em;
}

.archive .corner_top_left,
.archive .corner_top_right,
.archive .corner_bottom_left,
.archive .corner_bottom_right {
    width: 4px;
    height: 4px;
    background-image: url('img/corners.gif');
    background-repeat: no-repeat;
    overflow: hidden;
}

.archive .corner_top_left {
    float: left;
    background-position: 0px 0px;
}

.archive .corner_top_right {
    float: right;
    background-position: -4px 0px;
}

.archive .corner_bottom_left {
    float: left;
    background-position: 0px -4px;
}

.archive .corner_bottom_right {
    float: right;
    background-position: -4px -4px;
}

.navi
{
    margin: 0px 20px;
}
/* **************
 ****** Alternativní styly hlavních tagů */
a.yellow {
    color: #ed471a;
}

a:hover.yellow {
    color: #ff0000;
    text-decoration: underline;
}


img.size-thumbnail {
    border: 2px solid #aaaaaa;
    padding: 1px;
    margin: 5px;
}

img.alignleft {
    float: left;
    margin-right: 10px;
}

img.alignright {
    float: right;
    margin-left: 10px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

a img
{
    float: left;
    margin: 10px 20px 10px 40px;
    padding: 1px;
    border: 2px solid #aaaaaa;
}

div.center
{
    display: block;
    margin: 0px auto;
}

div.center a img
{
    float: none;
}

/* **************
 ****** Doplňující styly */
.clear {
    clear: both;
}

.postpath {
    background-image: url('img/icons.gif');
    background-position: 0px -208px;
    background-repeat: no-repeat;
	height:16px;
	line-height:16px;
	margin: 2px 0px 5px 15px;
	padding-left:22px;
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.cervene {
    color: #ff0000;
}

ul.standard li {
    padding-bottom: 10px;
    list-style-type: disc;
    background-image: none;
}