/*  Screen stylesheets for vsem blog
    created: Jana Moudra, jana.moudra@imatic.cz
    date: 7-11-2010
    last edit: 7-11-2010
*/

/* HTML elements */
body {
    font: 0.75em/1.4 "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
    color: #333;
    background: #e3e3e3 url(images/background.jpg) repeat-x;
}

h2 {
    font-size: 1.6em;
    color: #104D69;
}

h3 {
    font-size: 1.1em;
}

h4 {
    font-size: 1em;
}
h5 {
    font-size: .9em;
}
h6 {
    font-size: .9em;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

p {
    margin: .5em 0;
}

a {
    color: #0c87aa;
}

a:hover {
    text-decoration: none;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

small {
    font-size: 0.9em;
}

ul, ol {
    margin: .5em 0;
    padding-left: 1.2em;
}

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
    padding-left: 1.5em;
}

li {
    line-height: 1.3;
}

table {
    margin-top:.5em;
    border-spacing:0px;
    border:#cdcdcd 1px solid;
    border-collapse:separate;
}

th {
    background:#cdc7b9;
    color:#4b4a5c;
    border:1px solid #ffffff;
    font-weight: bold;
}

td {
    border:1px solid #ffffff;
    background:#f1f1f1;
}

th, td {
    padding:.1em 1em;
}

input, select, textarea {
    font-family: inherit !important;
    font-size: inherit !important;
}

label {
    font-weight: normal;
}

hr {
    display: none;
}

/* Common selectors */
.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.menu {
    list-style: none;
}

.menu-h li {
    float: left;
}

.menu-h-center li {
    display: inline;
    margin: 0 auto;
    text-align: center;
}

.postmetadata {
    background: #eee;
    padding: .2em;
}
.entry {
    text-align: justify;
}
.entry-time-author, .entry-time, .entry-tags {
    font-style: italic;
    font-size: 0.9em;
    border-bottom: 1px solid #ddd;
}

.counters, .counters * {
    display: none;
    font-size: 0;
    height: 0;
    line-height: 0;
}

/* Content */
/* stylovani odstavcu nadpisu atd ve clanku */
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5,
.entry h6   {
    margin:1em 0 0.5em;
    color:#104D69;
}

.entry h2       {
    padding-left: 20px;
    background:url('images/grey-arrow.jpg') no-repeat left center;
    font-size:1.4em;
}

.entry h3       {
    padding-left: 14px;
    background:url('images/h3-arw.jpg') no-repeat left center;
    font-size:1.3em;
}

.entry h4       {
    padding-left: 13px;
    background:url('images/h4-arw.jpg') no-repeat left center;
    font-size:1.1em;
}

.entry h5,
.entry h6       {
    font-size:1em;
}

.entry p    {
    margin: 0.2em 0.1em;
}

.entry ul   {
    margin:0.5em 0 0;
}

.entry ul li    {
    padding-left:20px;
    background:url('images/blue-arrow.jpg') no-repeat 0px 4px;
    list-style-type:none;
    margin:.1em 0 .1em 2em;
}

/* subheader */
.subheader          {
    height:27px;
    width:765px;
    margin:0px 2px;
    padding:20px 2px 0 19px;
    text-transform:uppercase;
    font-weight:bold;
    background:url('images/subheader-bg.jpg') repeat-x;
    font-size:0.87em;
    margin: -1em 0 0 -1em;
}

/* Header */
#header {
    height: 106px;
    position: relative;
    background: #fdfdfd;
}

#header, #footer {
    color:#333333;
    font: 0.9em/1.5 Tahoma,"Trebuchet MS",Verdana,Helvetica,sans-serif;
}

#header .inside {
    padding: 10px 7px 0 0;
}

#header #logo {
    width: 200px;
    float: left;
}

#header h1, #header .description {
    position: absolute;
    right: 0;
    width: 700px;
    margin: 0;
    padding: 0;
    text-align: right;
    display: block;
    color: #fff;
}

#header h1 {
    font-size: 1.6em;
}

#header h1 a {
    text-decoration: none;
    display: none;
}

#header .description {
    top: 60px;
    display: none;
}
/* login */
#header #menu_header {
    float: right;
}

#header #menu_header ul {
    margin: 0;
    list-style: none;
}

#header #menu_header li {
    background: none;
    padding: 0 8px;
    float: left;
    line-height: 1.4;
    background: url('images/header-oddelovac-w.jpg') no-repeat 100% 3px;
}

#header #menu_header li a {
    font-size: 0.9em;   
    color: #333333;
    text-transform: lowercase;
    text-decoration: none;
}

#header #menu_header li.last {
    padding-right: 0;
    background: none;
}

#header #menu_header li.last a {
    color: #0B87AB;
}

#header #menu_header li a:hover {
    color: black;
}
#header #menu_header .active p {
    margin: 0;
    font-size: 0.9em;
    color: #333333;
    text-transform: lowercase;
}

#header #search-tab {
    clear:both;
    height:31px;
    background: #262626;
    border:1px solid #C9C9C9;
    width:988px;
    position: relative;
}

#header #search-tab .form {
    background:none repeat scroll 0 0 #737373;
    height:31px;
    position:absolute;
    right:0;
    top:0;
    width:200px;
    z-index:6;
}

#header #search-tab #searchform label, #header #search-tab #searchform #searchsubmit {
    display: none;
}

#header #search-tab #searchform #s {
    background:none repeat scroll 0 0 #262626;
    border:1px solid #A6A6A6;
    color:white;
    font-size:0.9em;
    margin-left:8px;
    margin-top:4px;
    padding:4px 6px;
    width:170px;
}

/* Page */
#page {
    width: 990px;
    margin: 0 auto;
}

#content {
    background: url(images/main-bg.jpg);
}

#content.narrowcolumn {
    padding: 1em 2em;
    background: url(images/main-bg.jpg);
}

#content.widecolumn {
    background: url(images/main-bg-wide.jpg);
    padding: 1em 2em;
}

/* main index */
#main {
    float: left;
    width: 760px;
    margin: 1em;
}

#main .post {
    margin-top: 20px;
    width: 760px;
    float: left;
    color: #363636;
}

#main .item_foto {
    float: left;
    width: 150px;
    margin: 0px 10px;
    background: #fff;
    height: 99px;
}

#main .item_head span.name {
    color: #0b87a9 !important;
}

#main .item_foto img {
    float: right;
}

#main .item_content {
    float: left;
    width: 570px;
    margin-bottom: 20px;
    min-height:130px;
}

#main .item_content .item_head h2 {
    margin-top: 0px;
    float: left;
}

#main .item_content .date {
    float: right;
    color: #5dafc6;
    font-weight: bold;
}

#main .item_content h2 {
    margin: 2px 0px;
}

#main .item_content .cb {
    clear: both;
    height: 1px;
    font-size: 1px;
    background: #104d69;
    width: 570px;
}

#main .item_content .postmetadata {
    display: none;
}

#main .item_content h2 a {
    color: #104d69;
    font-size: 22px;
    text-decoration: none;
    margin-top: 12px;
}

#main .item_content h2.item-name  {
    line-height: 25px;
}

#main .item_content h2 a:hover {
    text-decoration: underline;
}

/* main post detail */
.post-detail .navigation {
    display: none;
}

.post-detail .author_info {
    width: 260px;
    float: right;
    margin: 0px 10px;
}

.post-detail .author_photo {
    width: 260px;
    height: 173px;
}

.post-detail .author_photo img {
    float: right;
}

.post-detail .user_info {
    width: 260px;
    background: #104d69;
    color: #ffffff;
    min-height:32px;
}

.post-detail .user_info h2 {
    width: 240px;
    float: right;
    padding: 10px;
    border-bottom: white 1px solid;
    margin: 0;
    color: #ffffff;
    text-align: right;
}

.post-detail #main .user_info p {
    padding: 10px;
    text-align: justify;
    position: relative;
    top: 6px;
}

.post-detail #main h3.next  {
    color: #0b87a9;
    text-align:right;
    margin-bottom:0px;
}

.author_info li {
    margin-left:0px !important;
    list-style:none;
    font-size:1.3em;
    color: #0b87a9;
}

.author_info li a   {
    text-decoration:none;
}

.post-detail .item_content {
    float: left;
    width: 480px !important;
}
.post-detail .item_head {
    float: left;
    width: 480px !important;
    display: block;
}
.post-detail #main .item_content .cb {
    width: 480px;
}
.post-detail .comments_list {
}
.post-detail .link-comments {
    float:right;
    font-weight:bold;
    color: #5dafc6;
}

.post-detail #main .item_content .date {
    float: none;
    color: #5dafc6;
    font-weight: bold;
    display: block;
    margin-top: 10px;
}

.author_info li {
    margin-left:20px;
    list-style:none;
    font-size:1.3em;
}

/* comment_list -- komentar */
.comments_list hr.display    {
    display:block;
    color:#104d69;
    background:#104d69;
    clear:both;
}

.comments_list .comment-author  {
    float:left;
    width:220px;
    height:32px;
}

.comments_list .comment-author img  {
    float:left;
    margin-right:8px;
}
.comments_list .comment-meta,
.comments_list span.fn,
.comments_list span.says    {
    height:32px;
    vertical-align:middle;
    line-height:32px;
}

.comments_list em,
.comments_list .comment-meta   {
    float:right;
    width:220px;
    text-align:right;
}

.comments_list .comment  {
    margin-top:0px;
    float:left;
    width:460px;
}

.comments_list .comment p    {
    float:left;
    width:460px;
    text-align:justify;
}

#respond textarea {
    width:460px;
}

#sidebar {
    margin: 1em;
    float: right;
    width: 180px;
    color: #6d6d6d;
}

#sidebar a {
    color: #6d6d6d;
    text-decoration: none;
}

#sidebar p a {
    color: #0c87aa;
    text-decoration: underline;
}

#sidebar h2 {
    color: #ffffff;
    background: #505050;
    padding: 2px 12px;
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 1.2em !important;
}

#sidebar ul {
    margin: 0;
    padding: 0;
    margin-top:14px;
}

#sidebar li {
    list-style: none;
}

#sidebar ul ul {
    margin-top:0;
}

#sidebar ul ul li {
    margin:5px 0px 5px 1em !important;
    padding-left:20px;
    background:url('images/blue-arrow.jpg') no-repeat 0px 3px;
    list-style-type:none !important;
}

#bloglist h3 {
    color: #ffffff;
    background: #505050;
    padding: 2px 12px;
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 1.2em !important;
}

#bloglist ul {
    margin-top:0px;
}

#bloglist li  {
    margin:5px 0px 5px 1em !important;
    padding-left:20px;
    background:url('images/blue-arrow.jpg') no-repeat 0px 3px;
    list-style-type:none !important;
}

#bloglist li a:hover {
    text-decoration: none;
}

#sidebar .right_foot .cb {
    clear: both;
    height: 1px;
    font-size: 1px;
    background: #104d69;
    width: 180px;
    margin-bottom:5px;
    margin-top:7px;
}

#sidebar .right_foot a {
    color: #0C87AA;
    text-decoration: none;
}

/* Footer */
#footer {
    clear: both;
    padding-top: 10px;
    font-size: 0.85em;
}

#footer ul {
    margin: 0;
    list-style: none;
    padding: 0;
    margin-left: 7px;
}

#footer ul li {
    float:left;
    padding:8px 16px;
}

#footer ul li a {
    color:#777777;
    text-decoration:none;
    text-transform:uppercase;
}

#footer ul li a:hover {
    color: black;
}

#footer .footer-img h2 {
    display: none;
}

#subfooter {
    clear:both;
    font-size:0.9em;
    height:100%;
    padding: 2px 0 0;
    height: 30px !important;
    overflow: visible !important;
}

#subfooter ul {
    padding-left: 6px;
}

#subfooter ul li {
    padding: 3px;
    float: left;
}

#subfooter a {
    color:#777777;
    height:22px;
    padding:1px 8px 0 22px;
    text-decoration:none;
}

#subfooter a:hover {
    color: black;
}

#subfooter .subfooter-container {
    border-top:1px solid #C9C9C9;
    margin: 0 15px;
}

#subfooter .subfooter-left {
    float: left;
}

#subfooter .subfooter-right {
    float: right;
    padding-top: 2px;
    color:#777777;
    margin-right: 8px;
}

#subfooter .subfooter-right a {
    padding: 1px 0 22px;
}

#subfooter li#facebook a {
    background:url("images/icons/facebook.png") no-repeat scroll left top transparent;
}

#subfooter li#twitter a {
    background:url("images/icons/twitter.png") no-repeat scroll left top transparent;
}

#subfooter li#myspace a {
    background:url("images/icons/myspace.png") no-repeat scroll left top transparent;
}

#subfooter li#youtube a {
    background:url("images/icons/youtube.png") no-repeat scroll left top transparent;
}

#subfooter .icons {
    margin: 0;
}

#subfooter .icons li {
    padding: 3px 0;
    list-style: none;
    font-size: 0.95em;
}

#subfooter .icons li a {
    display: block;
    height:22px;
    padding:1px 8px 0 22px;
    float: left;
}

#footer, #subfooter {
    overflow: auto;
    height: 100%;
    background: url("images/main-bg-footer.jpg") repeat scroll 0 0 transparent;
}