/*  
Theme Name: smain2
Theme URI: http://www.smain.cz/
Description: Theme created for smain.cz.
Author: Martin Šimon
Author URI: http://www.martinsimon.cz/
Version: 3.01
*/

body { margin: 0; padding: 0; text-align: left; color: black; background: white url('images/bg-left.gif') repeat-y top left; font-family: sans-serif; }

a img { border: none; }
a:hover { text-decoration: none; }
hr { display: none; }
.reset { clear: both; }
.hide { display: none; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
.bigger { font-size: 110%; }
.smaller { font-size: 90%; }
.mtop { margin-top: 1em; }
.mbottom { margin-bottom: 1em; }
.mtb { margin: 1em 0; }
.ptop { padding-top: 1em; }
.pbottom { padding-bottom: 1em; }
.ptb { padding: 1em 0; }

#all { background: transparent url('images/bg.gif') repeat-y top left; margin: 0; padding: 0; }
#allbg { background: transparent url('images/smain-logo.gif') no-repeat; background-position: 0 75px; }
#left { margin: 0; padding: 0; padding-left: 60px; width: 680px; float: left; }
* html #left { width: 740px; }
#left a { color: #990000; }
#header { width: 547px; height: 201px; position: relative; }
#header h1 { margin: 0; padding: 0; width: 547px; height: 201px; position: absolute; top: 0; left: 0; font-size: 300%; color: #DD0000; }
#header h1 span a { display: block; width: 547px; height: 201px; position: absolute; top: 0; left: 0; background: transparent url('images/caterham.jpg') no-repeat top left; text-decoration: none; } 

#navigace { text-align: center; margin: 0 0 1em 0; padding: 2em 0 3em 0; font-size: 120%; border-bottom: 3px solid #585956; }
#navigace a { padding: 10px 30px; border: 1px solid #585956; background: #585956; color: white; text-decoration: none; }
#navigace a:hover { text-decoration: none; border: 1px solid #585956; background: white; color: #585956; }

/* sidebar */
#right { margin: 0; margin-left: 760px; padding: 0; background: #363735; color: white; }
#rcont { width: 200px; margin-left: 10px; }
#right a { color: white; }

#rlogo { width: 200px; height: 35px; position: relative; }
#rlogo h2 { margin: 0; padding: 0; width: 200px; height: 35px; position: absolute; top: 0; left: 0; font-size: 200%; color: white; line-height: 37px; }
#rlogo h2 span a { display: block; width: 200px; height: 35px; position: absolute; top: 0; left: 0; background: transparent url('images/r-smain.gif') no-repeat top left; text-decoration: none; } 

ul#menu { margin: 10px 0; padding: 0; list-style: none; border-top: 1px solid #585956; font-size: 90%; }
ul#menu li a { display: block; margin: 0; padding: 5px; border-bottom: 1px solid #585956; line-height: 200%; text-decoration: none; font-weight: bold; }
ul#menu li a:hover { background: #585956; }
* html ul#menu  { margin: 10px 0; border: none; }
* html ul#menu li { margin: 0; padding: 0; }
* html ul#menu li a { margin: 0; padding: 5px 0; border-bottom: 1px solid #585956; line-height: 100%; }

#twitter_div { margin: 10px 0 0 0; background: #585956; font-size: 70%; }
#twitter_div .top { background: transparent url('images/tw-top.gif') no-repeat top left; }
#twitter_div .bottom { background: transparent url('images/tw-bottom.gif') no-repeat bottom left; }
#twitter_div ul { margin: 0; padding: 10px 10px 33px 10px; list-style: none; }
#twitter_div ul li { margin: 0; padding: 0; }
#twitter_div ul li+li { border-top: 1px solid #363735; line-height: 130%; margin: 0.5em 0 0 0; padding: 0.5em 0 0 0; }
#tw-logo { margin-bottom: 10px; background: #363735; }

#phcz { margin: 10px 0; }

#rkr { margin: 10px 0; padding: 0; background: #585956; }
#rkr .top { background: transparent url('images/tw-top.gif') no-repeat top left; }
#rkr .bottom { background: transparent url('images/rk-bottom.gif') no-repeat bottom left; text-align: center; padding: 10px; }
#adfox-l2 { font-size: 80%; text-align: left; margin: 0; padding: 10px 0; position: relative; }
#adfox-l2 h2 { position: absolute; top: 0; right: 0; text-align: right; font-size: 80%; margin: 0; padding: 0; }
#adfox-l2 h2 a { text-decoration: none; color: #bbbbbb !important; }
.adfox-box { padding: 0.5em 0; }
.adfox-box h3 { font-size: 90%; margin: 0; padding: 0; }
.adfox-box p { margin: 0; padding: 0; }
.adfox-box div { margin: 0; padding: 0; text-align: right; }
.adfox-box div a { color: #bbbbbb !important; text-decoration: none; font-size: 85%; }
* html #rkr .bottom { padding-bottom: 0; }

#rkr .rkbox { padding: 0.5em 0; margin: 0; text-align: left; }
#rkr .rkbox a { color: white; font-size: 80%; font-weight: bold; }
#rkr .rkbox p { font-size: 80%; margin: 0; padding: 0; }
#rkr .rkoz { color: #bbbbbb; font-size: 60%; text-align: right; margin: 0.5em 0 0 0; padding: 0; }

#searchform { margin: 1em 0; padding: 0; text-align: center; }
#searchform #s { font-size: 80%; margin: 0; padding: 1px 0; border: 1px solid #585956; background: #363735; color: white; width: 140px; }
#searchform #s:hover { border: 1px solid white; }
#searchform #searchsubmit { font-size: 80%; margin: 0; padding: 0; border: 1px solid #585956; background: #363735; color: white; width: 50px; }
#searchform #searchsubmit:hover { border: 1px solid white; }
* html #searchform #s { height: 22px; }
* html #searchform { margin: 0 0 1em 0; }
 
.side-list { font-size: 80%; margin: 1em 0; }
.side-list h2 { font-size: 110%; margin: 0; padding: 0; border-bottom: 1px solid #585956; line-height: 150%; }
.side-list ul { margin: 0; padding: 0 ; list-style-type: none; }
.side-list ul li { padding: 0; margin: 0; }
.side-list a { padding: 3px 0; text-decoration: none; display: block; border-bottom: 1px solid #585956; line-height: 130%; }
.side-list a:hover { background: #585956; }

#ovce { text-align: center; margin: 1em 0 0 0; }
 
/* footer */
#footer { font-size: 80%; margin-top: 10px; padding-bottom: 1em; }
#footer h2 { margin: 0; padding: 0; }
* html #footer h2 { font-size: 120%; }
#footer a { color: black; }
#footer ul { margin: 0; padding: 0; list-style: none; }
#footer li { margin: 0; padding: 0; }
#footer-left { width: 200px; font-size: 80%; float: left; margin-left: 60px; }
* html #footer-left { width: 200px; font-size: 80%; float: left; margin-left: 30px; }
#footer-left p { margin-top: 0.5em; }
#footer-middle { width: 460px; margin-left: 20px; float: left; font-size: 80%; }
#footer-middle #linky { float: left; width: 310px; margin-top: 10px; }
#footer-middle #linky #linkyl { float: left; width: 150px; }
#footer-middle #linky #linkyr { margin-left: 10px; }
#footer-middle #archiv { margin-top: 10px; margin-left: 10px; }
#footer-middle #archiv ul { margin-left: 300px; }
#footer-right { margin-left: 770px; width: 200px; background: #363735; color: white; }
#footer-right a { color: white; }

/* flickr náhledy */
#flickr div { background: #363735; text-align: center; padding: 10px 0; }
#flickr a img { border: 10px solid #585956; margin: 0 5px; }
#flickr a:hover img { border: 10px solid #990000; }
#flickr a img.noborder { border: none; margin: 0; padding: 0 0 5px 0; }
* html #flickr a img.noborder { margin-bottom: 5px; }

/* článek */
.clanek { margin-bottom: 30px; font-size: 90%; }
.clanek h2 { color: #dd0000; font-size: 170%; margin: 0.5em 0; padding: 0; border-bottom: 1px solid #dd0000; }
* html .clanek h2 { font-size: 160%; }
.clanek h2 a { color: #dd0000 !important; text-decoration: none; }
.clanek p { margin: 0; padding: 0; line-height: 140%; }
.clanek p+p, .clanek p+ul, .clanek ul+p { margin: 1em 0; }
.clanek .data { font-size: 80%; color: white; margin: 1em 0; padding: 1em; background: #585956; }
.clanek .data a { color: white !important; }
.clanek .data a:hover { text-decoration: none; color: white !important; }
.clanek p.img { text-align: center; font-style: italic; font-size: 90%; }
.clanek p.img img { border: 3px solid #585956; margin: 5px; padding: 0; }
.clanek p.img a {  }
.clanek p.img a img { border: 3px solid #585956; margin: 5px; padding: 0; }
.clanek p.img a:hover img { border: 3px solid #990000; }
.clanek blockquote { background: #363735 url('images/blockquote.gif') no-repeat top right; color: white; padding: 20px 80px; margin: 1em 2em; font-style: italic; }
.clanek h3 { font-size: 130%; }
.clanek h4 { font-size: 120%; }
.clanek h5 { font-size: 110%; }
.clanek h6 { font-size: 100%; }
.clanek ul { list-style-type: square; margin: 0; padding: 0; }
.clanek li { padding-left: 0.25em; margin-left: 1.25em; } 
a.more-link { display: block; text-align: right; margin: 1em; font-weight: bold; font-size: 90%; }

.related { border-bottom: 1px solid silver; margin-bottom: 30px; }
.related h3 { font-size: 100%; margin: 0; padding: 0; }
.related em { color: gray; }
.related ul { list-style-type: square; }

/* komentáře */
#rkkom { margin: 1em 0 2em 0; text-align: center; }
#sklikReklama_2714 { text-align: center; width: 468px; margin: 0 auto; }
h3#comments, h3#respond { font-size: 100%; font-weight: normal; border-bottom: 1px solid #990000; color: #990000; }
ul.commentlist { list-style: none; margin: 1em 0; padding: 0; clear: right; }
ul.commentlist li { margin: 1em 0; padding: 1em; min-height: 60px; }
* html ul.commentlist li { height: 60px; } 
ul.commentlist li.alt { background: #585956; color: white; }
ul.commentlist li.author { background: white url('images/bg-flag.jpg') no-repeat top left; color: black; border: 1px solid silver; }
ul.commentlist li.alt a { color: white !important; }
ul.commentlist li.author a { color: black !important; }
ul.commentlist .gravatar { float: right; margin-left: 1em; }
* html ul.commentlist .gravatar { width: 70px; }
ul.commentlist li p { line-height: 140%; margin: 0; padding: 0; font-size: 90%; }
ul.commentlist li p+p { margin: 1em 0; }
h3#respond { font-weight: bold; }
#lkp p.lcf { margin: 0.5em 0; padding: 0; }
#lkp p.lcf label, #kta label { font-weight: bold; }
#lkp p.lcf small { font-size: 70%; font-weight: normal; font-style: italic; }
#lkp p.lcf input { display: block; }
#kta textarea { width: 100%; height: 200px; }
input#submit { padding: 0.5em 2em; font-weight: bold; }

#commentform { margin: 0 0 1em 0; padding: 0 0 1em 0; border-bottom: 3px solid #585956; background: white url('images/small-cat.jpg') no-repeat top right; }
.rknp { padding: 0; text-align: center; margin: 1em 0; }
.dir { margin: 0 0 10px 0; font-size: 80%; }
.dir .dira { width: 150px; height: 80px; margin: 0 2px; padding: 5px; float: left; text-align: left; border: 1px solid #efefef; background: white; }
* html .dir .dira { width: 160px; height: 90px; }
.dir a { font-weight: bold; color: #990000; }
.dir a:hover { text-decoration: none; }
.dir p { margin: 0; padding: 0; font-size: 90%; }

#buttonfb { margin-top: 5px; }