/*   
Theme Name: Šperkařka.cz
Theme URI: http://www.sperkarka.cz
Description: Šablona pro web Šperkařka.cz
Author: Machi.cz
Author URI: http://www.machi.cz
Version: 1.0
*/

/* obecne definice */
body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background: url(img/bg.png) left top repeat-x; }
body.sin { background: url(img/bg-single.png) left top repeat-x; }
#wrapper { width: 962px; margin: 0 auto; }
a { text-decoration: underline; color: #333; }
a:hover { text-decoration: none; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
#content { }
/* obecne definice */

/* hlavicka */
#header { height: 185px; background: url(img/logo.png); }
#header h1 a { display: block; width: 491px; height: 185px; float: left; }
#header h1 a span { display: none; }
#header img { border: 1px solid #fff; float: right; margin: 60px 0 32px 0; }
#header #searchform { line-height: 31px; font: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #000; float: right; }
#header #searchsubmit { width: 32px; height: 31px; border: none; background: none; vertical-align: middle; }
#header #s { width: 124px; height: 22px; padding: 9px 7px 0 7px; background: none; border: none; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; text-transform: uppercase; font-weight: bold; }
#pagelist { clear: both; height: 45px; line-height: 45px; }
#pagelist li { display: block; float: left; margin: 0 47px 0 0; }
#pagelist a { display: block; float: left; height: 45px; line-height: 45px; font-size: 11px; color: #acb6bf; background: url(img/pagelist-li.png) 1px center no-repeat; padding: 0 0 0 19px; text-decoration: none; }
#pagelist a:hover { text-decoration: underline; }
#pagelist .current_page_item a { font-weight: bold; }
#pagelist .current_page_item a:hover { text-decoration: none; }
/* hlavicka */

/* obsah */
#screen { width: 962px; height: 287px; background: url(img/screen-bg.png); margin: 31px 0 27px 0; font-family: Arial, Helvetica, sans-serif; }
#sections { overflow: hidden; width: 962px; height: 287px; float: left; }
.sc { width: 962px; height: 287px; float: left; }
#container { width: 5000px; }
#screen h2 { float: left; width: 522px; height: 80px; display: block; background: url(img/screen-h2.png); margin: 206px 0 0 1px; font-size: 18px; font-weight: bold; line-height: normal; }
#screen h2 a { color: #000; text-decoration: none; display: block; padding: 16px 20px 0 24px; }
#screen h2 a:hover { text-decoration: underline; }
#screen a.more { display: block; width: 119px; height: 51px; background-color: #000; text-align: center; font-size: 18px; font-weight: bold; text-transform: uppercase; color: #fff; line-height: 51px; float: right; text-decoration: none; margin: 235px 319px 0 0; }

#main { width: 542px; float: left; padding: 32px 0 0 0; }
#mainforum { width: 962px; float: left; padding: 32px 0 0 0; }
#main .toppost { background: url(img/post-bottom.png) left bottom no-repeat #e7eaec; margin: 0 0 30px 0; }
#main .toppostinside h2 a { font-size: 18px; color: #000; font-weight: normal; line-height: normal; margin: 0 0 7px 0; display: block; text-decoration: none; }
#main .toppostinside h2 a:hover { text-decoration: underline; }
#main .toppostinside { padding: 15px 20px 15px 20px; font-size: 12px; color: #4c4c4c; line-height: 1.5; width: 419px; float: left; }
#main .toppostright { font-size: 12px; color: #000; width: 83px; float: right; text-align: center; }
#main .toppostright .date { font-weight: bold; line-height: 53px; margin: 0 0 55px 0; }
#main .toppostright a.button { display: block; margin: 0 0 0 2px; width: 81px; height: 36px; line-height: 36px; text-align: center; font-weight: bold; color: #fff; text-decoration: none; }
#main .toppostright a.button:hover { text-decoration: underline; }
a.top img { border: none; padding: 0; }
#main .moreposts { display: block; width: 502px; height: 41px; background: url(img/moreposts-top.png); padding: 0 20px; line-height: 41px; font-size: 12px; color: #c2c7cc; margin: 87px 0 2px 0; }
#main .moreposts strong { color: #e5f2ff; }
#main .morepost { background: url(img/morepost.png) left top repeat-x; border-bottom: 3px solid #eef0f2; display: block; }
#main .morepost a { display: block; padding: 20px 20px 20px 60px; background: url(img/morepost-a.png) 20px center no-repeat; font-size: 14px; font-weight: bold; color: #000; }
#main h2.title { font-size: 26px; color: #444; padding: 0 0 20px 0; }
.post { background-color: #e7eaec; padding: 20px; font-size: 12px; line-height: 1.5; text-align: justify; }
.post p { padding: 5px 0; }
.post h2 a { font-size: 18px; color: #000; font-weight: normal; line-height: normal; margin: 0 0 7px 0; color: #000; text-decoration: none; }
.post a.more-link { color: #00A9ED; font-weight: bold; text-decoration: none; background-color: #f1f1f1; padding: 4px; margin: 10px 0 0 0; display: block; text-align: center; width: 130px; }
.post a.more-link:hover { background-color: #ccc; }
.post .info { padding: 10px 0; font-size: 12px; color: #666; }
.post .info span { background: url(img/comm.png) left center no-repeat; margin: 0 0 0 10px; }
.post h3 { font-size: 17px; font-weight: bold; color: #333; margin: 10px 0 0 0; }
.post img { padding: 1px; border: 5px solid #d5d5d5; }
.post img.alignleft{ float: left; margin: 4px 20px 0 0; }
.post img.alignright{ float: right; margin: 4px 0 0 20px; }
.post blockquote { padding: 10px 0 10px 10px; margin: 15px 0 15px 20px; border-left: 3px solid #ddd; font-style: italic; }
.post ol { list-style: decimal; margin: 0 0 0 25px; }
.post ol li { margin: 5px 0; border-bottom: 2px solid #006699; padding: 0 0 3px 0; }
.post ul { list-style: square; margin: 0 0 0 25px; }
.post ul li { margin: 5px 0; padding: 0 0 3px 0; }
#navigation { padding: 20px 0 0 0; height: 20px; }
#navigation a { display: block; padding: 6px 4px; background-color: #666; color: #fff; width: 130px; text-align: center; font-size: 14px; font-weight: bold; text-decoration: none; }
#navigation a:hover { background-color: #00B5F3; }
#navigation .alignleft a { float: left; }
#navigation .alignright a { float: right; }

h3.commentsh { font-size: 18px; color: #000; font-weight: normal; line-height: normal; margin: 0 0 7px 0; display: block; }
#comments-block { background-color: #e7eaec; margin: 30px 0 0 0; padding: 20px; font-size: 12px; line-height: 1.5; }
ol.commentlist li { margin: 35px 0 0 0; padding: 0 30px 0 20px; }
ol.commentlist .commentmetadata { margin: 0 0 10px 0; display: block; }
ol.commentlist .commentmetadata a { text-decoration: none; }
ol.commentlist .comment-author { font-weight: bold;	}
#respond { margin: 20px 0 0 0; padding: 0 40px 0 25px; line-height: 1.2; font-size: 11px; color: #333; }
#respond p.tt { padding: 10px 0 10px 25px; }
#respond p.btn { padding: 0 0 0 25px; }
#respond input { margin: 2px 0; border: 1px solid #ccc; width: 150px; padding: 0 5px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; }
#respond textarea { width: 450px; height: 150px; border: 1px solid #ccc; overflow: hidden; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; padding: 5px; }
/* obsah */

/* menu */
#sidebar { width: 388px; float: right; padding: 0 1px 0 0; padding: 32px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#sidebar-left { float: left; width: 198px; margin: 0 30px 0 0; }
#sidebar-left h3 { width: 178px; height: 59px; background: url(img/side-h3.png); line-height: 58px; font-size: 14px; font-weight: bold; color: #e6ecf2; padding: 0 0 0 20px; }
#sidebar-left ul li ul { border: 3px solid #000; background: url(img/side-ul.png) left top repeat-y #242526; margin: 0 0 30px 0; list-style: none; line-height: 1.5; padding: 17px 17px 10px 5px; }
#sidebar-left ul li div { border: 3px solid #000; background: url(img/side-ul.png) left top repeat-y #242526; margin: 0 0 30px 0; list-style: none; line-height: 1.5; padding: 17px 17px 10px 17px; color: #fff; font-size: 11px; }
#sidebar-left ul li ul li ul { border: none; background: none; margin: 0; padding: 0; }
#sidebar-left ul li ul li { background: url(img/side-li.png) left 4px no-repeat; padding: 0 0 0 20px; color: #fff; margin: 0 0 15px 10px; }
#sidebar-left ul li ul li ul li { margin: 0; }
#sidebar-left ul li ul li a { text-decoration: none; color: #cfdae5; }
#sidebar-left ul li ul li a:hover { text-decoration: underline; }
#sidebar-right { float: right; width: 160px; }
#sidebar-right h3 { margin: 10px 0 5px 0; font-size: 14px; font-weight: bold; color: #000; }
#sidebar-right ul li { margin: 0 0 15px 0; line-height: 1.5; font-size: 11px; color: #444; }
#sidebar-right ul li ul li { margin: 0; }
#sidebar-right ul li ul li  { list-style: square; margin: 0 0 0 15px; }
/* menu */

/* bottom */
#bottom { background: url(img/bottom.png) left top repeat-x #2f3133; font-size: 11px; }
#bottom-in { width: 962px; margin: 0 auto; min-height: 314px; height: auto !important; height: 314px; padding: 78px 0 0 0; }
.bblock { width: 240px; background: url(img/bblock.png) right top repeat-y; min-height: 314px; height: auto !important; height: 314px; float: left; }
.bblock.last { background: none; }
.bblock h4 { font-weight: bold; font-size: 18px; font-weight: normal; color: #dae6f2; padding: 0 0 0 20px; height: 90px; line-height: 90px; font-family: Arial, Helvetica, sans-serif; }
.bblock li { margin: 0 0 20px 20px; background: url(img/bottom-li.png) left 5px no-repeat; list-style: none; padding: 0 20px; line-height: 1.4; }
.bblock a { color: #959da6; }
/* bottom */

/* paticka */
#box { height: 72px; background: url(img/box.png) left top repeat-x; font-size: 11px; }
#box-in { width: 962px; margin: 0 auto; }
#box-left { width: 300px; padding: 20px 0 0 20px; float: left; line-height: 1.5; color: #919599; }
#box-left a { color: #919599; }
#box-right { width: 642px; float: right; }
#box-right li { float: right; display: block; }
#box-right a { color: #8a9199; line-height: 72px; font-weight: bold; text-decoration: none; float: left; margin: 0 0 0 50px; }
#box-right a:hover, #box-right li.current_page_item a { text-decoration: underline; }
/* paticka */