/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 */
html {
    overflow-y: scroll;
}

 html, body {
    height:100%; /* needed for container min-height */
    background-color:#F4F4F4;
    margin:0;
    padding:0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#444444;
}

h1 { 
        font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-style:italic;
	font-weight:bold;
	text-align: left;
	color: #224888;
        margin-bottom: 5px;
}

h2 {
	padding: 0 0 5px;
	margin:5px 0 12px;
	color:#224888;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../img/dot-underline.gif) repeat-x bottom left;
	font-weight:normal;
}
p { 
	line-height:1.5; 
	margin:0 0 1em;
}
img { 
	border:0; 
}

#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:929px;	/* page width - padding-right+padding-left */
	padding:0 35px 0 35px; /* white space left and right */
	background:#fff;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

#header {
	height:auto;
}
	
	#header-top {
		background:#F2ECDE url("../img/header-bg.jpg") 0 0 no-repeat;
		height:127px;
	}
	
#leftcol-top {
    margin:0;
    padding:0;
    height:9px;
    background: url("../img/leftcol-top-corners.jpg") 0 0 no-repeat;
}

#leftcol-bottom {
    margin:0;
    padding:0;
    height:9px;
    background: url("../img/leftcol-bottom-corners.jpg") 0 0 no-repeat;
}

#leftcol {
    background: #f4f4f4 url("../img/leftcol-bg.jpg") 0 0 repeat-y;
    padding: 14px 12px 20px;
    margin: 0;
}

#content {
	/*padding-bottom:139px;  bottom padding for footer !! wylaczone przez opere */
    border-right: 1px solid #cacaca;
    background:url("../img/leftcol-bg.jpg") left repeat-y;
    min-height:200px;
    margin: 0;
    padding: 0;
}
/* 2 colls content l and r */

#content #content-l { 
	float: left;
	width:271px; /* minus padding left+right */
	padding:0;
        margin: 0;
}


#content #content-r { /* text content */
        float:right;
        font-size: 12px;
	padding-left:20px;
	padding-right:9px;
        padding-top: 28px;
        padding: 28px 20px 28px 9px;
	width:595px; /* uwaga, uwzgledniamy padding left i right */
/*	background: url(../img/leftcol-top-bg.png) no-repeat top left;*/
}

#content-r li {
    line-height: 1.5;
}

#content-r a {
    color: #224888; /* zielone linki */
    text-decoration: none;
}

#content-r a:visited {
    color: #5f5f5f;
}

#content-r a:hover {
    color: #ff6600;
    text-decoration: underline;
}

#footer-wrapper {
    background: #224888 url('../img/footer-bg.png');
	/*position:absolute; 
	bottom:0; wylaczone dla jquery do rozszerzania stopki bo w Operze fiksuje */ /* stick to bottom */
	width:929px; /* page width - padding-right of container */
	height:124px; /*footer height + 6px margin-top + 9px rightcol-bottom corners height*/
}
#footer-wrapper	#footer {
	height:32px;
	font-size:11px;
        padding-top: 6px;
        color: #ffffff;
	}

#footer #copyright, #footer #footer-name {
	margin:0;
        padding:5px 0;
	text-align:center;
	font-weight:bold;
	font-size:11px;
}

/* inside header */ 
#header #header-top-left { /* logo wco */ 
	width:239px; 
	height: 86px;
	float:left;
	margin:28px 0 0 24px;
	cursor: pointer;
}


/* more link */
div.more { 
	margin:0; padding:0;
	text-align:right;
}
div.more a,
div.more a:link,
div.more a:active,
div.more a:visited
{
font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 font-weight:normal;
 color:#224888;
 text-decoration:none;
 padding-right:15px;
 background: url(../img/more-arrow.gif) no-repeat right 3px;
}
div.more a:hover {
	color: #FF6600;
	text-decoration:none;
}

/* others */
div.clear { clear:both; margin:0; padding:0;}


/* Error */
#content-r #error {
	background-color:#FAFAFA;
	border:1px solid #DE5B34;
	color:#DE5B34;
	margin:20px auto;
	padding:20px;
	text-align:center;
	width:500px;
}


#ie6sux {
    display: none;
}

.info {
    margin: 30px 0;
    padding:15px;
    border:2px solid #BFD5C9;
    font-weight: bold;
    text-align:justify;
    font-size:11px
}

div#visits-counter {
    text-align: center;
    display: none;
}

/* Wstecz */
div.back {
    margin:0;
    padding:0;
}
div.back a,
div.back a:link,
div.back a:active,
div.back a:visited
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    color:#224888;
    text-decoration:none;
    padding-left:15px;
    background: url(../img/back-arrow.gif) no-repeat left 2px;
}
div.back a:hover {
    color: #FF6600;
    text-decoration:none;
}


/* Mapa strony */
#content-r ul#sitemap li {
    margin: 12px 0;
}

#content-r ul#sitemap ul {
    margin-left: 15px;
}

/* Numery czasopisma */
.issues h3 {
    margin: 25px 0 2px;
}

.issues ul {
    margin: 0;
}

#content-r ul.listing li {
    padding-bottom: 20px;
}

#content-r ul.listing p {
    margin: 0;
}

#content-r ul#issue-list,
#content-r ul.listing{
    padding-left: 40px;
    list-style-image: url(../img/more-arrow.gif);
}

#content-r p.attachment {
    background: transparent url('../img/attachment.png') scroll no-repeat 0 0;
    text-indent: 20px;
}