/*
Theme Name: iTelka.com
Theme URI: http://www.itelka.com
Description: iTelka.com
Version: 1.0
Author: iTelka
Author URL: http://itelka.com
*/

/* = BODY
---------------------------------------------------------------------------------------------------*/
body { margin: 0px; padding:5px 0 15px 0; font-size:12px; font-family:Arial, sans-serif, Helvetica; color:#111; background:#dedede; }
input, textarea, select { font-family:Arial, sans-serif, Helvetica; font-size:12px; }
h1, h2, h3, h4, h5, h6, p, form, ul, table, label, fieldset { padding:0; margin:0; border:0; font-weight:normal; }

/* = TYPOGRAPHY
---------------------------------------------------------------------------------------------------*/
/* headings */
h1 { font-size:24px; margin: 0 0 15px 0; color: #b61f23; font-weight: bold; text-decoration: underline; }
h2 { font-size:18px; margin: 0 0 10px 0; }
h3 { font-size:18px; line-height: 21px; }

/* Text elements */
p { line-height:18px; margin:0 0 15px 0; }
ul li { list-style:none; line-height:140%;  }
ol li { line-height:140%; list-style-position: outside; margin-left:20px; }
ul, ol { margin:0 0 15px 0; }
img { margin: 0; border:none; padding:0; display:block;  }
img  {
       image-rendering: optimizeQuality;
	 -ms-interpolation-mode: bicubic; }
.mb5 { margin-bottom:5px !important; } .mb10 { margin-bottom:10px !important; }
.noMb { margin-bottom:0px !important; }
/* links */
a { color:#b61f23; text-decoration:none; }
a:hover { text-decoration:underline; }
/* misc */
.clear { clear:both; }
.textCenter { text-align:center; }
.rear { margin-right:0px !important; }
.float { float: left; }
.floatRight { float: right; }
.big { font-size:15px; }
.small { font-size:11px; }
.fat { font-weight:bold; }
.wrap { width: 980px; margin: 0 auto; }

/* = .header
---------------------------------------------------------------------------------------------------*/
.header { width: 980px; height: 120px; float: left; position: relative; margin:0 0 5px 0; }
.header h1 { margin: 0; }
.header a.logo { display: block; width: 400px; height: 120px; float: left; /*margin: 0 102px 0 0;*/ }
.header p.descr { position: absolute; left: 122px; top: 90px; }

/* = .menu
---------------------------------------------------------------------------------------------------*/
.menu { width: 980px; height: 45px; float: left; background: url(images/layout/bg-menu.jpg) left top repeat-x; color: #fff; position: relative; z-index:50; }
.menu ul  { padding: 0; line-height: 45px; height: 45px; margin: 0 0 0 20px; float:left;}
* html .menu ul { display: inline; }
.menu .searchForm { position:absolute; right:20px; top:10px; width:160px; }
.menu .searchForm input.field { width:150px; padding: 4px 5px; }
.menu ul li { float:left; line-height: 45px; height: 45px; margin:0 15px 0 0; padding:0; list-style:none; font-family: Helvetica, Verdana, Arial, sans-serif; }
.menu ul li.hasSub { position:relative; }
.menu ul li.hasSub ol.sub { display:none; }
.menu ul li.hasSub:hover ol.sub,
.menu ul li.hasSub.hover ol.sub { display:block; position:absolute; top:45px; width:200px; z-index:9999; padding:5px 10px 10px 10px; background:#6D0005; line-height: 130%; height:auto; float:none; left:0; }
.menu ul li.hasSub ol.sub li { display:block; margin:0; height:18px; line-height:normal; float:none; color:gray; overflow:hidden; width:100%; }
.menu ul li.hasSub ol.sub li a { line-height:18px; padding:0; font-weight:normal; width:100%; }
.menu ul li.hasSub ol.sub li a:hover { text-decoration:underline; }
.menu ul li a { color: #fff; font-size: 1.1em; text-decoration: none; line-height: 45px; padding:3px;	}
.menu ul li.current_page_item a { background-color:#fff; color:#b61f23; }

/* = .main
---------------------------------------------------------------------------------------------------*/
.main { width: 940px; float: left; padding: 25px 20px 10px 20px; background: #fff; border-bottom: 10px solid #B61F23; position: relative; }

/* = .metaKedy
---------------------------------------------------------------------------------------------------*/
.metaKedy { height:25px; position:absolute; right:20px; top:20px; float: left; }
.metaKedy .column { color:#fff; background-color:#dfdfdf; padding:7px 4px 0 4px; font-size:12px; font-weight:bold; float:right; margin:10px 0 0 5px; position:relative; }
.metaKedy .column span { display:block; text-align:center; width:100%; position:absolute; top:1px; left:0; font-size:8px; text-transform: uppercase; }


/* = .content
---------------------------------------------------------------------------------------------------*/
.content { width: 750px; float: left; margin: 0 20px 0 0; }
.content img.float { margin: 0 10px 5px 0; }
.content p a { text-decoration: underline; }
.content p a:hover { text-decoration: none; }
.content ul li { list-style:disc; margin:0 0 0 18px; }

/* = .sidebar
---------------------------------------------------------------------------------------------------*/
.side { width: 170px; float: right; padding: 32px 0 0 0; }
.side .border { padding: 4px; }
.side .border:hover { border:1px solid #b61f23; }
.single .side { padding: 45px 0 0 0; }

/* = .border
---------------------------------------------------------------------------------------------------*/
.border { border:1px solid #dddddd; padding: 10px; margin: 0 0 20px 0; display: block; }
.border h3 { font-size: 18px; font-weight: bold; margin: 0 0 9px 0; }
.border h3 a { font-size: 18px; text-decoration: underline; }
.border h3 a:hover { text-decoration: none; }

/* = .comments
---------------------------------------------------------------------------------------------------*/
.comments { width:750px; float:left;  }
.comments .item { width:630px; float:left; }
.comments h3 { float:left; font-size:12px; margin:0; }
.comments .commentRatings { float:left; margin:5px 0 0 4px; }
.comments h3 small { font-size:11px; font-weight:normal; }
.comments .border { width:630px; padding-bottom:0; }
.comments .h { width:630px; float:left; }
.comments .itemContent { width:630px; float:left; }
.commentsAdd textarea#comment { width:630px; height:100px; padding:10px; }
.commentsBox { width:750px; }

/* = .preview
---------------------------------------------------------------------------------------------------*/
.preview { padding: 4px; float: left; width: 740px; height: 190px; overflow: hidden; }
.preview ul.tabs { margin: 0; float: left; width: 132px; margin: 0 4px 0 0; }
.preview ul.tabs li a { display: block; height: 23px; line-height: 23px; background: #dddddd; padding: 0 0 0 4px; outline: none; overflow:hidden; white-space:nowrap; }
.preview ul.tabs li a.current { color: #fffefe; background: #b61f23; text-decoration: none; }
.preview ul.tabs li { margin: 0 0 4px 0; list-style:none; }
.preview .panes { width: 604px; float: left; background: #fff !important; overflow:hidden; }
.preview a.previewImage { display: block; width: 330px; height: 190px; float: left; padding: 0 4px; margin: 0 10px 0 0; border: 1px solid #dddddd; border-width: 0 1px; }
.preview .previewContent { width: 254px; height: 188px; overflow: hidden; float: right; background: #fff !important; }
.preview .previewContent .post-ratings { margin: 0 0 10px 0; }
.preview .previewContent .cats { width: 240px; float: left; height: 15px; overflow: hidden; }
.preview .previewContent .cats a { float: left; margin: 0 6px 0 0; font-size:9px; text-transform: uppercase; font-weight: bold; background: #7f7f7f; display: block; padding: 0 8px; height: 15px; line-height: 15px; color: #fff; }

/* = .novinky
---------------------------------------------------------------------------------------------------*/
.novinky { width: 348px; margin: 0 10px 20px 0; float: left; }
.novinky p { margin: 0; }
.indexSplit { width: 370px; float: left; margin: 0 10px 20px 0; }
.indexSplit .novinky { margin: 0; }
.indexSplit h2 { border-top: 10px solid #b61f23; padding: 5px 0 0 13px; }
.indexSplit .h { width:357px; border-top: 10px solid #b61f23; padding: 5px 0 0 13px; }
.indexSplit .h h2 { border-top:0; padding:0; }
.novinky li a { text-decoration: underline; }
.novinky li a:hover { text-decoration: none; }
.content .novinky li { width: 100%; float: left; height: 18px; list-style:none; margin-left:0; }
.novinky li .od { font-size: 11px; float: right; }
.novinky li a.rate { display: inline-block; height: 18px; background-repeat: no-repeat; background-position: 0 4px; padding: 0 0 0 20px; }
.novinky li a.rate.medium { background-image: url(images/layout/rats-medium.gif); }
.novinky li a.rate.high { background-image: url(images/layout/rats-high.gif); }
.novinky li a.rate.none { background-image: url(images/layout/rats-none.gif); }
.novinky li a.rate.low { background-image: url(images/layout/rats-low.gif); }

/* = .meta
---------------------------------------------------------------------------------------------------*/
.meta { width: 750px; float: left; margin:0 0 20px 0; position:relative; }
.meta h2 { font-size: 12px; }
.meta .moreAll { width: 650px; float: left; }
.meta .moreAll p { margin: 0; }
.meta .moreAll .moreInfo { width: 650px; float: left; padding: 15px 0 0 0; }
* html .meta .moreAll .moreInfo { margin-right: -10px; }
.meta .moreAll .moreInfo h3,
.meta .moreAll .moreInfo p { float: left; }
.meta .moreAll .moreInfo h3 { font-size: 12px; font-weight: bold; margin: 0 5px 0 0; width: 120px; text-align: right; }
.meta .moreAll .moreInfo p { width: 520px; margin: 2px 0 0 0; }
.meta .fb,
.meta .fbEdit a { -moz-border-radius:3px 3px 3px 3px; border:1px solid #000000; display:block; float:left; padding:4px 5px; border-color:#CAD4E7; font-size:11px; text-decoration:none; color:#3B5998; cursor:pointer; line-height:125%; background:#ECEEF5; margin: 0 5px 0 0; }
.meta .fb:hover,
.meta .fbEdit a:hover { background-color:#ECEEF5; border-color:#9DACCE; }
.meta .active,
.meta .active:hover { border-color:#3a589b; background-color:#6c83b9; color:#fff }
.meta .ratings { height:16px; position:absolute; right:0; top:0; }
.meta .ratings span { display:block; float:left; font-size:11px; font-weight:bold; margin:3px 5px 0 0; }
.meta .post-ratings { width: 96px; height: 16px; margin: 2px 0 0 0; float:left; }
.meta .facebook { float: left; margin: 0 5px 0 0; }

/* = .post-ratings
---------------------------------------------------------------------------------------------------*/
.post-ratings img { width:16px; height:16px; display:inline; }
.index .post-ratings,
.archive .post-ratings { width:69px; }
.index .post-ratings img,
.archive .post-ratings img { width:11px; height:11px; }

/* = .vKinach
---------------------------------------------------------------------------------------------------*/
.vKinach p { margin:0; }
.vKinach h2 { margin-top:15px; }
.vKinach .cats { font-size:9px; margin:0 5px 0 0; }
.vKinach .cats a { color:gray; margin:0 5px 0 0; }

/* = .archive
---------------------------------------------------------------------------------------------------*/
.archive { width:750px; float:left; }
.archive .item { width:338px; float:left; margin:0 20px 10px 0; }
.archive .item .screenshot { margin-bottom: 10px; border: 1px solid #dddddd; padding: 4px; width: 330px; height: 190px; overflow:hidden; }
.archive .item .screenshot .screenimg { width: 100%; height: 100%; float:left; position: relative; }
.archive .item .screenshot .screenimg span { position: absolute; font-size:11px; right: 0px; top: 167px; }
.archive .item .screenshot .screenimg span a { padding: 8px; text-decoration: none; color: #fff; background-color:black; }
.archive .item .screenshot .screenimg .edit { position:absolute; font-size:11px; left:0px; top:167px; }
.archive .item .screenshot .screenimg .edit a { padding: 8px; text-decoration: none; color: #fff; background-color:black; }
.archive .item .screenshot .screenimg .edit a:hover { background-color:red; }
.archive .item .theme { width:338px; height:21px; float:none; overflow:hidden; }
.archive .item .theme h2 { font-size:14px; margin:0; height:21px; overflow: hidden; white-space: nowrap; position:relative; width:260px; font-weight:bold; float:left; margin-bottom:0px; }
.archive .item .theme h2 span { display:block; height:21px; width:25px; background:url(images/layout/fade.png) left top no-repeat; position:absolute; right:0; top:0; }
.archive .item .theme h2 a { text-decoration:underline; }
.archive .item .theme h2 a:hover { text-decoration:none; }
.archive .item .theme .post-ratings { float:right; margin:5px 0 0 0; }

/* = .postnav
---------------------------------------------------------------------------------------------------*/
.postnav span,
.postnav a { display:inline-block; padding:4px; border:1px solid #ddd; margin:0 4px 0 0; }
.postnav .current { padding:6px 4px; background:#B61F23; color:#fff; }
.postnav .extend { border:0; padding:0; }
.postnav .pages { border:0; }

/* = .reklama
---------------------------------------------------------------------------------------------------*/
.rek-popis { float: left; width: 530px; margin: 0 0 2px 0; }
.rek-popis span { display: block; width: 468px; height: 60px; border:1px solid #dddddd; padding: 4px; }
a.hell { display:block; width:530px; height:70px; background:url(images/layout/rek/hellspy.gif) left top no-repeat; }
a.hell:hover { background-position:left bottom; color:#fff; }
.rek-riadok { margin: 0 0 15px 0; width: 740px; background:#AC1D19; color:#fff; padding:3px 0 3px 10px; float:left; }
.rek-side { border:1px solid #dddddd; padding:4px; cursor:pointer; }
.rek-header { float: right; margin: 25px 0 0 0; width: 468px; height: 60px; padding: 4px; background: #fff; border:1px solid #dddddd; }
.rek-header.hell { padding:0; border:0; width: 530px; height:70px; border:1px solid gray }
.rek-header.hell a.hell { background-position:left bottom; }
.rek-header.hell a.hell:hover { background-position:left top; }
.rek-popis:hover span,
.rek-side:hover,
.rek-header:hover { border-color:#b61f23; }

/* = .footer
---------------------------------------------------------------------------------------------------*/
.footer { width: 980px; float: left; padding: 20px 0 5px 0; font-size: 11px; }
.footer a { color: #000; }
.footer ul { text-align: center; }
.footer ul li { display: inline; background: url(images/layout/dividers/footer.gif) right 4px no-repeat; margin: 0 5px 0 0; padding: 0 5px 0 0; }
.footer ul li.rear { padding: 0; margin: 0; background: none; }
.footer p.copy { text-align: center; font-size: 10px; line-height: 120%; }
.footer p.copy img { display:inline; }

/* = .miscs
---------------------------------------------------------------------------------------------------*/
img.singleImage { padding: 4px; float: left; border:1px solid #dddddd; margin: 0 10px 5px 0; }
* html .tog { margin-top: -15px; }
.tog .search { display:block; padding-top:10px; font-size:10px; color:gray; line-height:110%; }
.toplist { width:180px; margin:0 auto; }
.toplist img { display:inline; }
.stats { position:absolute; top:5px; left:20px; font-size:11px; color:gray; }
.video { margin:0 0 1px 0; width:750px; float:left; padding:0; }
.video p { margin:0; }
.vvqbox { display: block; max-width: 100%; visibility: visible !important; margin: 0 auto 0 auto; }
.vvqbox img { max-width: 100%; height: 100%; }
.vvqbox object { max-width: 100%; }
.toplist { display:none }
.keywords { height:55px; overflow-y:scroll; font-size:11px; color:gray; }
.keywords h2 { font-size:11px; margin:0; font-weight:bold; }
/*iframe { position:absolute; top:100px; left:400px; z-index:9999; }*/
iframe.facebook { position:static; }
/** html .rek-side { position:absolute; top:100px; left:400px; z-index:9999; }*/
#fixme { width:105px; border:2px solid black; border-width:0px 0px 2px 2px; background:#fff; opacity:.8; text-align:right; padding-bottom:2px; }
#fixme ul { width:90px; padding:10px 5px 0 10px; margin:0; text-align:left; display:none; }
#fixme ul li { list-style:none; padding:0; margin:0; }
#fixme ul li a { font-size:11px; font-weight:bold; text-decoration:underline; }
#fixme ul li a:hover {text-decoration:none;}
#fixme ul li.usersonline { padding:10px 0 0 0; }

/* = .h
---------------------------------------------------------------------------------------------------*/
.h { width:750px; float:left; }
.h h2 { float:left; margin-right:5px; }
.h a.viac { float:left; margin:5px 0 0 0; text-decoration:underline; }
.h a.viac:hover { text-decoration:none; }

/* = .statsList
---------------------------------------------------------------------------------------------------*/
.statsList { /*width:700px; float:left;*/ border:1px solid #a00; padding:5px; margin:0 0 15px 0; }
.statsList h2 { font-size:14px; background-color:#a00; color:#fff; font-weight:bold; padding:5px; }
/*.statsList ul { height:250px; overflow-y:scroll; margin:0 0 5px 0; }*/
.statsList ul li { list-style:disc; list-style:none; margin:0; line-height:120%; }
.statsList ul li.r1 { background:#eee; }
.statsList ul li span.edit a { background-color:#AA0000; border:1px solid #fff; color:#fff; font-size:9px; font-weight:bold; text-transform:uppercase; padding:0 2px; }
.statsList ul li span.edit a:hover { color:#AA0000; border-color:#AA0000; background-color:#fff; text-decoration:none; }
.statsList p { margin:0; font-weight:bold; }
.statsList .pridal { color:#555; padding:0 2px; }
.statsList .pridal a { color:#555; text-decoration:underline; }
.statsList .pridal a:hover { text-decoration:none; }
.statsList a:active,
.statsList a:focus { border:1px solid red !important; }

.authorInfo { width:750px; float:left; margin:0 0 15px 0; }
.authorInfo h2 { font-size:14px; font-weight:bold; margin:0; }
.authorInfo img.avatar { float:left; margin:0 10px 10px 0; }
.content .authorInfo a { text-decoration:none }
.authorInfo a:hover { text-decoration:underline }
.authorInfo p { margin:0; }