/* 
Theme Name: Poho.cz
Description: Zakladni verze Poho.cz. Tak, jak mela byt uz dlouho.
Author: Ondrej Pohorsky
Version: 1.0 
. 
General comments/License Statement if any. 
. 
*/ 

/*
------------------------- General 
*/
* {padding:0; margin:0; font-size:100%;}
html, body {height:100%;}
.cleaner {clear:both; height:1px; font-size:1px; line-height:1px;}
.hidden {display:none;}
.noborder {border:none !important;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
a img {border:none;}
img.right, img.left, img.center {padding:5px; border:1px solid #ccc;}
img.right {margin:5px 0 10px 10px;}
img.left {margin:5px 10px 10px 0;}
.title {border-bottom:1px dotted #000;}

p.alignright img,p.alignleft img,p.aligncenter img,img.alignright, img.alignleft, img.aligncenter {padding:3px; border:1px solid #ccc;}
p.alignright,img.alignright {margin:5px 0 10px 10px !important; float:right;}
p.alignleft,img.alignleft {margin:5px 15px 10px 0 !important; float:left;}
p.alignleft,p.alignright,p.aligncenter {text-align:center;}

/*
------------------------- Typography
*/
.black {color:#000 !important;}

a {color:#069;}
a:hover {text-decoration:none;}

* {font-family:Tahoma, "Lucida Grande CE", lucida, sans-serif;}
body {text-align:center;}
#poho {font-size:70%; text-align:left;}

input, textarea {font-family:Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size:1em;}
p input {font-family:Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size:1em;}

#content h1 {font-size:1.6em; font-weight:normal;}
#content h2 {font-size:1.2em; color:#eb9712; font-weight:700;}
#content h3 {font-size:1em; color:#000; font-weight:700;}
#content p {line-height:1.6em; font-weight:normal;}
#content .box h2, #content .design-info h2 {color:#eb9712;}
#content .box h2 a {text-decoration:none; color:#eb9712;}
#content .box h2 a:hover {text-decoration:underline;}
#content .design th {color:#999; font-weight:normal; text-align:left;}
#content .design td {text-align:right;}
#content .design td strong {color:#f90;}
#content .design td em {font-style:normal; font-weight:bold;}
#content .contact-info th {font-weight:normal; text-align:left;}
#content fieldset legend {font-weight:bold; font-size:1.1em;}
#content form input, #content form textarea {font-size:1.2em;}

#content .art-info p {text-align:center; color:#666;}
#content .art-info a {color:#666;}
#content .art-info .comments {font-weight:bold; color:#333;}
#content .more-info, #content .more-info a {color:#666;}

#content .comment .who a {font-weight:bold;}

/*
------------------------- Poho
*/
body {background:#131517 url('./img/back.gif') top left repeat;}
#poho {width:745px; height:100%; min-height:100%; margin:0 auto; background:#131517 url('./img/back_main.gif') top left repeat-y;}
body>#poho {height:auto;}

/*
------------------------- Header
*/
#header {position:relative; width:675px; height:100px; margin:0 35px; background:url('./img/header.jpg') top left no-repeat;}
#header .me, #header .flags span {display:none;}

/*
------------------------- Main
*/
#main {width:675px; margin:0 35px; background:#fff url('./img/main.gif') top left repeat-y;}

/*
------------------------- Content
*/
#content {display:inline; width:466px; float:left; margin-left:5px;}
#content h1 {width:448px; height:39px; margin-bottom:12px; background:url('./img/h1.gif') top left no-repeat;}
#content h1 span {display:block; margin:0 24px;}
#content h1 a {text-decoration:none; color:#000;}
#content h1 a:hover {text-decoration:underline;}

#content h2, #content h3, #content p, #content ul, #content table, #content .box, #content .important {margin:0 18px 15px 25px;}
#content .box {padding-left:45px;} 
#content .box h2 {margin-bottom:5px;}
#content h2 a.rss {display:block; float:right; height:16px; width:16px; background:red;}
#content h2 a span {display:none;}
#content .webdesign {background:url('./img/box_webdesign.jpg') top left no-repeat;}
#content .webzine {background:url('./img/box_webzine.jpg') top left no-repeat;}
#content .contact {background:url('./img/box_contact.jpg') top left no-repeat;}

#content .important {padding:15px 3px 5px 3px; border:3px double #f7dab3; background:url('./img/important.gif') top left repeat;}


#content .designs {margin:0 0 15px 25px; padding-right:14px;}
#content .design {padding:4px; border:1px solid #f3f4f5;}
#content .design img {border:1px solid #eee;}
#content .design p.name {width:200px; margin:0; padding:2px 0; text-align:right;}

#content .more-designs {padding-top:10px;}

#content .contact-info th, #content .contact-info td {padding:3px 20px 3px 0;}
#content .contact-info th {width:100px;}
#content fieldset {display:inline; width:200px; padding:20px 20px 10px 20px; margin-left:25px; border:1px solid #ccc;}
#content fieldset legend {padding:0 5px; _margin-bottom:10px; background:#fff;}
#content fieldset input, #content fieldset textarea {margin:3px 0 10px 0;}
#content fieldset textarea {width:380px;}
#content .submit input {margin-top:10px; padding:0 10px;}

#content .art-info {margin:20px 0 20px 0; padding-bottom:5px; background:url('./img/hr.jpg') bottom center no-repeat;}
#content .art-info .comments a {padding-right:16px; background:url('./img/comments.gif') center right no-repeat;}
#content .more-info {margin:20px 18px 0 25px; padding:8px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#content .more-info p {margin:0;}
#content .more-info p.digs {padding-top:5px;}
#content .more-info p.digs img {margin-right:5px;}

#content .comment {margin:0 10px 20px 25px; border:1px solid #d9eaf0; background:url('./img/comment_background.jpg') top left repeat-x #d9eaf0;}
#content .comment .who {margin:8px; padding:0 10px; background:#d9eaf0;}
#content .comment .who p {margin:0; padding:5px 0;}
#content .comment .who p strong a {color:#000;}
#content .comment .who p strong.comment-number, #content .comment .who p strong.comment-number a {color:#4492ac; text-decoration:none;}
#content .comment .gravatar {float:left; width:48px; margin:8px; border:1px solid #d9eaf0; padding:2px;}
#content .comment .what {float:right; width:345px; _width:330px; margin:0 8px 12px 5px; padding:0;}
#content .comment .what p {margin:0; padding:5px 0;}

#content ul {list-style-position:outside;}
#content ul, #content ol {margin:0 0 10px 40px;}
#content ul li {margin-bottom:5px;}
#content ul li {list-style-type:square;}
#content ul li, #content ol li {line-height:1.6em;}

#content table.tariff {width:420px; border-collapse:collapse; border-top:1px solid #dfebff; border-bottom:1px solid #dfebff;}
#content table.tariff tr.odd {background:#eff7ff;}
#content table.tariff tr:hover {background:#dfebff;}
#content table.tariff th {text-align:left; color:#295576; padding:8px 5px 8px 12px;}
#content table.tariff td.price {text-align:center; font-weight:bold; padding:8px 0; border-left:1px solid #dfebff;}

#content ul.last-articles, #content ul.last-articles li {list-style:none; padding:0; margin:0;}
#content ul.last-articles {margin:20px 0 10px 0 !important;}
#content ul.last-articles li.first {border-top:1px solid #ccc; padding-top:8px;}
#content ul.last-articles li {display:block; height:25px; margin:8px 0 0 25px; _margin-left:10px; border-bottom:1px solid #ccc; width:440px;}
#content ul.last-articles li .date {float:left; width:90px; margin:0 10px 0 0; color:#999;}
#content ul.last-articles li a {float:left; width:280px; font-weight:700;}
#content ul.last-articles li strong {float:right; padding:0 16px 0 0; background:url('./img/comments.gif') center right no-repeat;}

#content .older {float:left; margin:20px 0;}
#content .newer {float:right; margin:20px 0;}

#content table.add-comment th {font-weight:400; text-align:left; width:100px;}

/*
------------------------- Menu
*/
#menu p {line-height:1.6em;}
#menu p span {color:#9cf;}
#menu .title {border-color:#9cf;}
#menu p a {color:#fff;}
#menu p.tags a {color:#9cf;}
#menu ul.main li, #menu ul.submenu li {line-height:1em;}
#menu ul li {line-height:1.6em;}
#menu ul li a {color:#9cf;}

#menu {display:inline; width:197px; float:right; margin-right:5px; padding-bottom:30px; background:url('./img/menu_top.gif') top left no-repeat; color:#fff;}
#menu .logo {margin:20px 0;}
#menu .logo a {display:block; width:89px; height:43px; margin-left:80px; background:#000 url('./img/logo.gif') top left no-repeat;}
#menu .logo a span {display:none;}

#menu ul.main {width:165px; margin:10px 0 15px 32px; list-style:none;}
#menu ul.underlogo {margin-top:30px;}
#menu ul.main li {margin-bottom:1px; display:block; width:165px; height:28px; background:url('./img/menu_but.jpg') top left no-repeat; text-align:left; font-weight:bold;}
#menu ul.main li a {display:block; padding:8px 12px; color:#fff; text-decoration:none;}
#menu ul.main li.current_page_item a {display:block; padding:9px 12px 9px 12px; color:#fff; text-decoration:none; background:url('./img/menu_but_active.jpg') top left no-repeat;}
#menu ul.main li a:hover {background:url('./img/menu_but_hover.jpg') top left no-repeat;}
#menu ul.main li span.outanchor {padding:0 12px 0 0; background:url('./img/outanchor.png') center right no-repeat;}

#menu ul.submenu {width:165px; margin:10px 0 15px 32px; list-style:none;}
#menu ul.submenu li {margin-bottom:1px; display:block; width:165px; height:28px; background:url('./img/submenu_but.jpg') top left no-repeat; text-align:left;}
#menu ul.submenu li.parent {background:url('./img/menu_but.jpg') top left no-repeat; font-weight:bold;}
#menu ul.submenu li a {display:block; padding:8px 12px 8px 24px; color:#fff; text-decoration:none;}
#menu ul.submenu li.parent a {padding:8px 12px 8px 12px;}
#menu ul.submenu li.current-cat a {display:block; padding:8px 12px 9px 24px; color:#fff; text-decoration:none; background:url('./img/submenu_but_active.jpg') top left no-repeat;}
#menu ul.submenu li.parent.current_page_item a {padding:8px 12px 9px 12px; background:url('./img/menu_but_active.jpg') top left no-repeat;}
#menu ul.submenu li a:hover {background:#ed9e12 url('./img/submenu_but_hover.jpg') top left no-repeat;}
#menu ul.submenu li.parent a:hover {background:#ed9e12 url('./img/menu_but_hover.jpg') top left no-repeat;}

#menu .box {width:165px; margin:0 0 15px 32px; background:#274054 url('./img/menu_box.jpg') top left repeat-y;}
#menu .box .top {padding-top:15px; background:url('./img/menu_box_top.jpg') top left no-repeat;}
#menu .about .top {background:url('./img/menu_box_about.jpg') top left no-repeat;}
#menu .contact .top {background:url('./img/menu_box_contact.jpg') top left no-repeat;}
#menu .box .bottom {padding-bottom:7px; background:url('./img/menu_box_bottom.jpg') bottom left no-repeat;}
#menu .box p, #menu .box form {margin:0 20px 5px 15px;}
#menu .box img {padding:2px; background:#315671;}
#menu .box a img {padding:0;}
#menu .box fieldset {border:none;}
#menu .box input {margin-bottom:5px;}
#menu .box ul {margin:0 20px 10px 15px; list-style-position:outside;}
#menu .box ul li {margin:0 0 5px 15px; list-style-type:square;}
#menu .box ul li.archive a {color:#fff;}

#menu .box p.menu-list ul {display:none;}

#menu span.hr {display:block; height:1px; width:110px; margin:10px auto; background-color:#446179; text-align:center;}

/*
------------------------- Footer
*/
#footer {width:675px; margin:0 35px; padding:15px 0; background:url('./img/footer.gif') top left no-repeat;}
#footer p {margin:0 8px 6px 8px;}
#footer p a.rss {color:#fff; padding:0 0 0 20px;}
#footer p a.articles {background:url('./img/rss.png') center left no-repeat;}
#footer p a.comments {background:url('./img/rsscomment.png') center left no-repeat;}
#footer p span {color:#666;}
#footer .copyright {color:#fff;}
#footer .copyright .author {color:#f0a517;}
#footer .ad, #footer a {color:#666;}