/* Main Sections 
------------------------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}
body {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: small;
    text-align: left;
    color: #333;
    background: #f4f4f4;
}
div, p, img, a, td, ul, ol {
    font-size: 1em; 
}

ol {
    margin-left: 1em;
    padding-left: 1em;
}
ol li {
    margin-left: 1em;
    padding: 0 0 .5em.3em;
    list-style: decimal;
}
h1, h2, h3, h4 {
	font-family: "Trebuchet MS", georgia, helvetica, arial, verdana, sans-serif;
	font-weight: bold;
	margin: .5em 0;
	letter-spacing: .07em;
}
h1 { font-size: 218% }
h2 { font-size: 164%; }
h3 { font-size: 125%; }
h4 { font-size: 118%; letter-spacing: .15em }

p { padding: 0 0 1em; }

a, a:link { 
    text-decoration: none;
}
a:visited { color: #669; border-color: #669; }
a:hover { color: #693; border-color: #693; text-decoration: none; }
a:active { color: #c33; border-color: #c33 }


a img, img {
    border: none;
}

ul {
    list-style: none;
    margin: 0 0 20px 1em;
}
li {
    list-style: none;
    padding-left: 1em;
    margin-bottom: 3px;
}

div#page {
   width: 900px;
margin-left: auto;
margin-right: auto;
background-color: #FFF;
}

div#header {
    clear: both;
    height: 178px;
    background-image: url(images/top.jpg);
    padding: 0px;
}
div#left {
    float: left;
    width: 260px;
    padding: 10px;
}
div#right {
	position: relative;
    float: right;
    width: 270px;
    padding: 10px;
}
div#rightarticle, div#komentarze {
    padding: 10px 28px;
    margin: 0px;
}
div#middle {
    padding: 10px;
    margin: 0px;

}
div#beforedown {
    clear: both;
}
div#left2, div#right2, div#middle2 {
    width: 280px;
    padding: 0 10px;
    text-align: justify;
}

div#left2 {
    float: left;
}
div#right2 {
    float: right;
}
div#middle2 {
    border-width: 0 1px;
    border-style: dotted;
    border-color: black;
    margin: 10px 300px;
}

div#footer {
    clear: both;
    background-image: url(images/bottom.jpg);
    height: 144px;
}

p.link {
   text-align: right;
   font-size: 75%;
}



/* Fixes for RichText widgets
------------------------------------------------------------------------------- */
.MODX_RichTextWidget {
	float: left;
}

.MODX_RichTextWidget a {
	border: 0px;
}

/* custom styles */

div.movie { margin: 5px 0; }
div#footer span { display: none; }
div#epizod { position: relative; float:right;}
div#epizod_dzisiejszy, div#zacheta, div.email { display: inline-block; }
div#emaile { background-color: red; color: white; }
div#zacheta {font-size:20px;font-weight:bold;padding-left:5px;vertical-align:top;width:200px;}
div.email {font-size:16px;padding:4px 0;text-align:center;width:200px;}
div.more a, div.email a { text-decoration: none; color: black; font-weight: bold; }
div.email a { color: white; }
div#epizod h3, div#rightarticle h3 {border-bottom:1px dotted black;margin-bottom:15px;margin-top:-10px;position:relative;}
div#epizod h3 span, div#rightarticle h3 span { padding-right: 10px; position: relative; top: 0.6em; background-color: #fff; }
p.author, p.more { text-align: right; }
p.more a { font-size: 0.8em; text-decoration: none; color: black; }
div.zajawka_epizodu div, div.zajawka_filmu div { display: inline-block; width: 410px; vertical-align: top; }
div.jot-row div { width: auto; display: block; }
div#epizod_artykul { text-align: center; }
input, select, textarea { border: 1px dotted black; }
#ditto_pager { text-align: center; }
#ditto_pager .ditto_page, #ditto_pager .ditto_currentpage { padding: 0 3px; }
#login, #signup { background-color: #D7D7D0; border: 1px solid #999999; display: none; padding: 5px; position: absolute;  }
#signup { left: -180px; }
#login table table td { padding: 1px; }

/* jot */

.jot-content { margin-left: 5px !important; }
.jot-user { padding-left: 35px; background-image: url('/assets/images/arrow.gif'); background-repeat: no-repeat; font-size: 18px; }
div#menu { background-color: #DEDED7; padding: 10px; }
ul.menu { margin: 0; }
ul.menu li { display: inline; padding-left: 0; }
ul.menu li a { color: black; text-decoration: none; font-size: 1.4em; font-weight: bold; }
ul.menu li a:after { content: ' --- '; }
ul.menu li.ostatni a:after { content: ''; }
div#film_artykul { padding-right: 5px; width: 490px; }
div#opis_filmu {  width: 340px; vertical-align: top; text-align: justify; }
div#film_artykul, div#opis_filmu { display: inline-block; }
.clear {
 clear: both;
 display: block;
 overflow: hidden;
 visibility: hidden;
 width: 0;
 height: 0;
}
.marge {
 position:relative;
 margin:0;
 padding:0;
 overflow:hidden;
 width:610px;
 float:right;
}
.jot-message {
 width:200px;
 display:block;
}