@charset "utf-8";
/* CSS Document - Literarni.cz */

/******************************

	fonts

******************************/
@font-face {
	font-family: 'MyriadPro';
	src: url('type/myriadpro-regular-webfont.eot');
	src: local('☺'), url('type/myriadpro-regular-webfont.woff') format('woff'), url('type/myriadpro-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadPro';
	src: url('type/myriadpro-bold-webfont.eot');
	src: local('☺'), url('type/myriadpro-bold-webfont.woff') format('woff'), url('type/myriadpro-bold-webfont.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Constantia';
	src: url('type/constan-webfont.eot');
	src: local('☺'), url('type/constan-webfont.woff') format('woff'), url('type/constan-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Constantia';
	src: url('type/constanb-webfont.eot');
	src: local('☺'), url('type/constanb-webfont.woff') format('woff'), url('type/constanb-webfont.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

/******************************

	global

******************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object { padding: 0; margin: 0; }
body { font: 13px/1.3 Helvetica, Arial, sans-serif; color: #231f20; background-color: #fff; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; line-height: 0; height: 0; overflow: hidden; }
.hidden { position: absolute; top: auto; left: -100000px; }
.center { text-align: center; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.bold { font-weight: bold; }
.red { color: #a40207; }
.rudy{ color:#800000; }

/* overlapping */
.overlap { position: relative; overflow: hidden; }
.overlap span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 0; background-repeat: no-repeat; }
.overlap a span,
a.overlap span { cursor: pointer; }

/* basic tags */
a { color: #222; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
img.left { margin: 5px 15px 10px 0; }
img.right { margin: 5px 0 10px 15px; }
hr { display: none; }
p { margin: 0.3em 0 0.7em; }
h1 { font: normal 28px Helvetica, Arial, sans-serif; margin: 0 0 10px; line-height: 1.1; }
h2 { font-size: 16px; margin: 25px 0 5px; line-height: 1.1; }
h3 { font-size: 14px; margin: 15px 0 5px; line-height: 1.1; }
h4 { font-size: 13px; margin: 10px 0 5px; line-height: 1.1; }

/******************************

	layout

******************************/
#page-wrapper { width: 985px; margin: auto; position: relative; }
#column-wrapper { margin-top: 15px; background: url(../img/column-wrapper-bg.png) 0 0 repeat-y; width: 985px; }
#left-wrapper { float: left; width: 790px; }
#content { float: left; width: 740px; padding: 0 15px; border: 2px solid #231f20; border-width: 0 2px; }
#right { float: right; width: 210px; overflow: hidden; border-right: 1px solid #231f20; }

/******************************

	header

******************************/
#header { height: 180px; /*background: url(../img/header-bg-1.png) 0 10px no-repeat;*/ }
#logo { margin: 0; padding: 40px 0 0 440px; }
#subtitle { font: normal 15px Helvetica, Arial, sans-serif; text-transform: uppercase; color: #666; letter-spacing: 3px; margin: 0; padding: 10px 0 0 500px; }

/******************************

	menu

******************************/
#menu { position: absolute; top: 145px; left: 0; width: 985px; height: 22px; border: 1px solid #000; border-width: 1px 0; padding: 4px 0; background-color: #fff; }
#menu ul { list-style: none; }
#menu li { float: left; padding: 0 12px; border-left: 1px solid #000; position: relative; }
#menu li:first-child { border: none; }
#menu li a { display: block; float: left; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; line-height: 22px; }
#menu li.active a { font-weight: bold; }
#menu ul ul { display: none; position: absolute; top: 22px; left: 0; width: 90px; padding-top: 5px; background: url(../img/submenu-arrow.png) 25px 0 no-repeat; }
#menu ul li:hover ul { display: block; }
#menu ul ul li { float: none; padding: 0; border: none; }
#menu ul ul li a { float: none; text-transform: lowercase; color: #fff; font-weight: normal !important; padding: 4px 8px 4px 12px; line-height: 1.1; background-color: #231f20; font-size: 12px; }
#menu ul ul li a:hover { text-decoration: none; background-color: #00a79d; }

/* search */
#search { position: absolute; top: 150px; right: 0; font-size: 12px; }
#search fieldset { display: inline; margin: 0; }
#search input { vertical-align: middle; }
#search .input { border: 1px solid #000; margin: 0 2px 0 0; padding: 3px; width: 130px; color: #999; }

/******************************

	content

******************************/
/* breadcrumbs */
#breadcrumbs { margin: 0; text-transform: uppercase; font-family: Helvetica, Arial, sans-serif; font-size: 12px; position: absolute; top: 201px; left: 150px; }

#section,
p.section { margin: 0 0 0 -15px; padding: 0 0 0 10px; background-color: #231f20; color: #fff; text-transform: lowercase; font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 24px; width: 120px; letter-spacing: 1px; }
#section a,
p.section a { color: #fff; }

/* navigace */
p.nav { margin: 10px 0; text-align: center; font-size: 14px; }
p.nav strong { text-decoration: underline; }
p.nav a,
p.nav strong { display: inline-block; margin: 0 3px; }

/* PAGE: CLANEK */
p.date-author { margin: 15px 0 10px; color: #999; font-size: 12px; }
p.date-author span { margin: 0 2px; }
p.date-author a { color: #999; }

p.intro { font-size: 14px; font-weight: bold; }
div.article-image { font-size: 11px; color: #666; border-bottom: 1px solid #ccc; }
div.article-image.left { float: left; margin: 3px 15px 10px 0; }
div.article-image.right { float: right; margin: 3px 0 10px 15px; }
div.article-image.clears{ margin: 5px 0; float: left; }
div.article-image p { margin: 0; padding: 5px 0; }
div.fb-like { margin: 20px 0 10px; font-size: 11px; color: #666; }
div.book-info { width: 335px; background-color: #6d6f71; padding: 10px 15px 10px 10px; overflow: auto; color: #fff; font-size: 14px; }
div.book-info.left { float: left; margin: 3px 15px 10px 0; }
div.book-info.right { float: right; margin: 3px 0 10px 15px; }
div.book-info h3 { margin: 0 0 10px 0; font-size: 20px; font-weight: normal; border-bottom: 1px solid #919394; padding-bottom: 10px; }
div.book-info img { margin: 0; border-right: 15px solid #6d6f71; }

/* related */
div.related { border-top: 1px solid #231f20; padding: 5px 0 25px; }
div.related h2 { color: #f05a2d; font: normal 12px Helvetica, Arial, sans-serif; font-style: italic; text-decoration: underline; margin: 0; padding: 15px 0 10px; text-transform: lowercase; }
div.related h2 a { color: #f05a2d; }
div.related ul { list-style: none; font-size: 14px; margin: 0; }
div.related ul li { background: url(../img/li-dot-green.png) 0 6px no-repeat; margin: 0 0 2px 0; padding: 0 0 0 12px; }
div.related ul a { color: #00a79d; }

/* comments */
div.comments { font-size: 12px; }
div.comments h2 { margin: 0 0 15px -15px; padding: 0 0 0 10px; background-color: #231f20; color: #fff; text-transform: lowercase; font: bold 12px Helvetica, Arial, sans-serif; line-height: 24px; width: 120px; letter-spacing: 1px; }
form.form-add-comment { padding: 0 0 20px; border-bottom: 1px solid #231f20; }
form.form-add-comment .input { width: 290px; margin: 1px 0; }
form.form-add-comment textarea { width: 500px; }
form.form-add-comment .submit { background: #fff; border: 1px solid #231f20; font: bold 10px Helvetica, Arial, sans-serif; text-transform: uppercase; }
div.writeups {}
div.writeups .wu { padding-left: 50px; position: relative; }
div.writeups .wu p.reply { margin: 0; position: absolute; top: 0; right: 0; }
div.writeups .wu p.reply a { display: inline-block; width: 100px; padding: 1px 0; text-align: center; background: #fff; border: 1px solid #231f20; font: bold 10px Helvetica, Arial, sans-serif; text-transform: uppercase; }
div.writeups .wu .date { margin: 10px 0 0; color: #666; font-size: 12px; }
div.writeups .wu h3 { margin: 10px 0 5px; }
div.writeups div.replies { border-top: 1px solid #ccc; padding-left: 50px; }
div.writeups div.replies .wu { padding-left: 50px; }
div.comments p.show-all { margin: 20px 0 0 50px; font-size: 11px; font-weight: bold; }
div.comments p.show-all a { display: inline-block; border-bottom: 1px solid #231f20; text-decoration: none; }
div.comments p.show-all span { text-transform: uppercase; }

/* PAGE: VYPIS CLANKU */
#articles { padding: 10px 0; }
#articles div.article { border-bottom: 1px solid #ccc; /*overflow: auto;*/ width: 740px; padding: 10px 0; clear: both; min-height: 110px; }
#articles div.article p.date-author { font-size: 12px; color: #666; margin: 2px 0 0; }
#articles div.article p.date-author a { color: #666; }
#articles div.article h2 { font: normal 28px Helvetica, Arial, sans-serif; margin: 0 0 10px; line-height: 1.1; }
#articles div.article p.perex { margin-bottom: 0; }

/* PAGE: GALERIE */
#content.gallery {}
#content.gallery h1 { margin-top: 20px; }
#content.gallery span { display: block; float: left; padding: 15px; /*border-bottom: 1px solid #ccc;*/ }
#content.gallery span.first { padding-left: 0; }
#content.gallery span.last { padding-right: 0; }
#content.gallery span.no-border { border: none; padding-bottom: 20px; }
#content.gallery span img { display: block; }

/* PAGE: PODCAST */
#podcasts { padding: 10px 0; }
#podcasts div.podcast { border-bottom: 1px solid #ccc; overflow: auto; width: 740px; padding: 10px 0; position: relative; background: none; }
#podcasts div.podcast p.date-author { font-size: 12px; color: #666; margin: 2px 0 0; }
#podcasts div.podcast p.date-author a { color: #666; }
#podcasts div.podcast h2 { font: normal 28px Helvetica, Arial, sans-serif; margin: 0 200px 10px 0; line-height: 1.1; }
#podcasts div.podcast p.perex { margin: 0.3em 200px 0 0; }
#podcasts div.podcast div.links { position: absolute; top: -7px; right: 0; width: 100px; }
#podcasts div.podcast div.links .ico { position: relative; top: 10px; left: 33px }
#podcasts div.podcast p.link { margin: 15px 0 0; }
#podcasts div.podcast p.link a { display: block; padding: 1px 0; text-align: center; background: #fff; border: 1px solid #231f20; font: bold 10px Helvetica, Arial, sans-serif; text-transform: uppercase; }
#podcasts div.podcast div.player { margin: 15px 0 5px; }

/*****************************

	right column

******************************/
#right div.block { margin: 0 5px; padding-bottom: 15px; }
#right div.block h2 { margin: 0 0 5px -5px; padding: 0 0 0 10px; background-color: #231f20; color: #fff; text-transform: lowercase; font: bold 12px Helvetica, Arial, sans-serif; line-height: 24px; width: 110px; letter-spacing: 1px; }
#right div.block h2 a { color: #fff; }

/* video */
div.block.video h3 { font: normal 22px Helvetica, Arial, sans-serif; line-height: 1.1; margin: 5px; }
div.block.video p.perex { margin: 0.3em 5px 0.7em; padding: 0 0 10px; border-bottom: 1px solid #ccc; }
div.block.video ul { list-style: none; font-size: 14px; margin: 0 5px; }
div.block.video ul li { background: url(../img/circle-arrow-small.png) 0 3px no-repeat; padding: 0 0 0 20px; }
div.block.video p.more { margin: 10px 0 10px 5px; }
div.block.video p.more a { color: #f05a2d; font: normal 12px Helvetica, Arial, sans-serif; font-style: italic; text-decoration: underline; text-transform: lowercase; }

/* podcast */
div.block.podcast { background: url(../img/circle-arrow-big.png) 125px 2px no-repeat; }
div.block.podcast p.perex { margin: 0.3em 5px 0.7em; font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-transform: lowercase; }
div.block.podcast ul { list-style: none; font-size: 14px; margin: 0 5px; }
div.block.podcast ul li { background: url(../img/circle-arrow-small.png) 0 3px no-repeat; padding: 0 0 0 20px; }
div.block p.more { margin: 10px 0 10px 5px; }
div.block p.more a { color: #f05a2d; font: normal 12px Helvetica, Arial, sans-serif; font-style: italic; text-decoration: underline; text-transform: lowercase; }

/* photo */
#right div.block.photo { border-bottom: 1px solid #ccc; padding-bottom: 5px; }

/******************************

	footer

******************************/
#footer { /*background: url(../img/footer-bg.png) center top no-repeat;*/ margin: 0 auto; text-align: center; margin-top: 8px; padding: 5px 0 20px; }
#footer p { margin: 5px; padding: 5px 5px 5px 5px; text-align: center; font: normal 12px Helvetica, Arial, sans-serif; line-height: 30px; border-top: 2px solid #231f20; border-bottom: 1px solid #ccc; }
#footer a { margin: 1px 1px 0 1px; padding-top: 2px; display: inline-block; text-transform: uppercase; font-size: 1.3em; }
#footer a.autor { font-size: 12px; }
#footer a.autor span { font-size: 10px; }

/******************************

	forms

******************************/
form fieldset { border: none; }
input.input,
button,
textarea,
select,
select { font: 12px Helvetica, Arial, sans-serif; border: 1px solid #231f20; }
input.input { padding: 2px; }

/******************************

	homepage

******************************/
#page-hp #column-wrapper { background: url(../img/column-wrapper-bg-hp.png) 0 0 repeat-y; }
#page-hp #content { width: 770px; padding: 0; }
#page-hp p.section { margin: 0 0 10px -7px; }
#col-1 { float: left; width: 440px; padding: 0 8px 0 7px; }
#col-2 { float: left; width: 300px; padding: 0 0 0 7px; border-left: 2px solid #231f20; }
#page-hp #content p.more { color: #f05a2d; font: normal 12px Helvetica, Arial, sans-serif; font-style: italic; text-decoration: underline; margin: 8px 0 2px; text-transform: lowercase; }
#page-hp #content p.more a { color: #f05a2d; }
#page-hp #content h2 { font: normal 28px Helvetica, Arial, sans-serif; margin: 0 0 10px; line-height: 1.1; }

/* hlavni clanek */
#page-hp div.main-article {}
#page-hp div.main-article p.gallery { word-spacing: 17px; margin: 8px 0 0; }
#page-hp p.date-author { margin-top: 8px; }
#page-hp div.related { padding: 10px 0; margin: 12px 0 10px; border-bottom: 1px solid #231f20; }

/* sloupek */
#page-hp div.column {}
#page-hp div.column p.date-author { margin-top: 10px; }
#page-hp div.column div.text { font: normal 12px Helvetica, Arial, sans-serif; }
#page-hp div.column p.author { margin: 20px 0 0; }
#page-hp div.column p.author span { display: inline-block; margin-left: 10px; }
#page-hp div.column div.related { margin-top: 7px; }

/* recenze */
#page-hp div.review p.date-author { margin: 7px 0; }
#page-hp div.review p.gallery { word-spacing: 4px; margin: 8px 0 0; }

/* kratce */
#page-hp div.brief ul { list-style: none; }
#page-hp div.brief p.date-author { margin-top: 10px; padding: 6px 0 0; width: 183px; border-top: 1px solid #231f20; }
#page-hp div.brief ul li:first-child p.date-author { border: none; margin-top: 0; padding: 0; }
#page-hp div.brief h3 { margin: -3px 0 5px; color: #00a79d; font-weight: normal; }
#page-hp div.brief h3 a { color: #00a79d; font-size: 18px; }
#page-hp div.brief p.perex { font: normal 12px Helvetica, Arial, sans-serif; }

/*#content {  font-size: 15px !important; }*/