body {
	background: white;
	font-family: "Verdana";
	font-size: 12px;
	background-image: url(../images/tlo.gif);
	background-repeat: repeat-y;
}

#contentpaneopen {
	background: white;
	font-family: "Verdana";
	font-size: 12px;
}

a {
	text-decoration: none;
color: #FF9E31;

}

a:hover {
color: #E18484;
}

a:visited {
	text-decoration: none;
    color: #239CCE;
}


/* gorny pasek- logo w tle * -----------------------------------------
------------------------------------------------------ */
div#gora {
   width: 900px;
	height:50px;
	background: transparent url(../images/logo2.gif) no-repeat left;
	font-family: "Verdana";
	text-align: right;
	font-size: 12px;
	margin-top: 5px;
	position: absolute; left:10px; top:5px;
}
#gora a {
	text-decoration: none;
	color: black;
}
#gora a:hover {
	color: #A52A2A;
} 
/* menu - zmaganie się z <li> i <ul>-----------------------------------------
------------------------------------------------------ */
div#nawigacja {
   width: 900px;
	margin-top: 5px;
	background: #FAFAFA;
	border: 1px solid #FF9E31;
	text-align: left;
	vertical-align: top;
	font-family: verdana;
	position: absolute; left:10px; top:105px;
	
}

/* wysokosc nawigatora z banerem to tu */

#nawigacja a {
	text-decoration: none;
	color: black;
}
#nawigacja a:hover {
	color: #A52A2A;
}
#nawigacja ul {
text-align: left;
   	list-style: none;
		margin-left: 3px;
		margin-bottom: 3px;
		margin-top: 3px;
		}
#nawigacja li {

		display: inline;
			}

/*główna zawartosć strony --------------------------------------------------------- */
	

/* czesc lewa - tu laduja wszystkei teksty ------------*/
	
	div#main-lewo {
	width: 700px;
	background: #FAFAFA;
	margin-top: 10px;
	text-align: justify;
	position: absolute; left: 10px; top:130px;
	border: 1px solid #FF9E31;
	}
/* przesuniecie pod nawigatorem, to tu */
	
	#main-lewo h1 {
		color: Maroon;
		font-family: serif;
		margin-left: 15px;
		font-size: 25px;
		margin-bottom: 10px;
	}
/*struktura zajawki	------- klasy z dupy, nie ma ich w systemie, popatrz niżej, znajdz nazwy i dopasuj*/
div.entry {
	width: 600px;
	margin-left: 10px;
}
h2.tytul {
	font-size: 15px;
	color: Maroon;	
	margin-bottom: 5px;
	margin-top:10px;
}	
h4.kategoria {
	font-size: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: lighter;
}
h5.autor {
	font-size: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
h5.data {
   margin-top: 5px;
	margin-bottom: 10px;
	color: #87CEEB;
	font-weight: lighter;
	font-size: 9px;
}
/* czesc prawa - losowo wybrane komiksy, sluchajka radia, ilosc ludzi na stronie ------------------------ */
div#main-prawo {
	width: 190px;
heigh: 100%;
	background: #FAFAFA;
	margin-top: 10px;
	text-align: justify;
	position: absolute; left: 720px; top:130px;
	border: 1px solid #FF9E31;
	font-size: 11px;
	}

/* przesuniecie zajawki komiksu - to tu */

#main-prawo a {
	text-decoration: none;
	color: Black;
}
#main-prawo a:hover {
	color: #A52A2A;
}

	/* czesc prawa - losowo wybrany komiks --------- */
	div#losowo-wybrane {
		
	}
	#losowo-wybrane a {
		text-decoration: none;
		color: #A52A2A;
	}
	
#losowo-wybrane a:hover {
	color: #FF5757;
}

#losowo-wybrane h2 {
	text-align: center;
	margin: 2px 2px;
	font-size: 14px;
	font-weight: normal;
	
}

#losowo-wybrane h3 {
	text-align: center;
	color: Black;
	margin: 2px 2px;
	font-size: 13px;
	font-weight: normal;
	padding: 2px;
	background-color: #E0E0E0;
}


/* czesc prawa - losowo wybrany komiks - prewka */
div#prewka {
   margin-top: 7px;
	text-align: center;
}

div#prewka img {
	padding: 6px;
}
div#prewka a:hover img {
	text-decoration: none;
	background-color: #E8E8E8;
	padding: 5px;
	border: 1px solid #FF9E31;
}

div#opis-prewki {
	margin-top: 10px;
	font-size: 11px;
}

/** general module table **/
table.moduletable,
#leftcol table,
#rightcol table {
	text-align: center;
	color: Black;
	margin: 2px 2px;
	font-size: 12px;
	font-weight: normal;
	padding: 2px;
	background-color: #FAFAFA;
	width: 185px;
}

/** general module table **/
#rightcol table,
#leftcol table td {
	font-size:11px !important;
	color:#CCCCCC;
}

#rightcol table,
#rightcol table td {
	font-size:11px !important;
	color:#030303;
}

/** general module title **/
table.moduletable th,
table.moduletable-bgimg th,
table.moduletable-right th {
	color:#000000;
	font-size:12px;
	line-height:20px;
	background-color:#FF9E31;
	width:100%;
	text-align:center;
	font-weight:normal;
}



/*czesc prawa --- ludzie online */
div#ludzie-online {
	
}

#ludzie-online h3{
	text-align: center;
	color: Black;
	margin: 2px 2px;
	font-size: 13px;
	font-weight: normal;
	padding: 2px;
	background-color: #E0E0E0;
}
div#statystyki {
	margin-bottom: 3px;
	margin-top: 3px;
}

#user-menu h3{
	text-align: center;
	color: Black;
	margin: 2px 2px;
	font-size: 13px;
	font-weight: normal;
	padding: 2px;
	background-color: #E0E0E0;
}


/*stopka ------------------------------------------*/
div#stopka {
	width: 100%;
	margin-top: 20px;
	left: 0px;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #fafafa;
	font-size: 10px;
	text-align: center;
}
#stopka a {
	text-decoration: none;
	color: Maroon;
}
#stopka a:hover {
	color: #FF6464;
}
#stopka span#sl {
	float: left;
}

#stopka span#sp {
	float: right;
}
/* ogolne rzeczy -----------------------------------------*/

p {
	margin: 5px;
}
img {
	border: 0px;
}

/* ---------------------
mambo content layout
--------------------- */



/** content title **/

.contentpaneopen  {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	background: white;
	font-size: 12px;
	padding: 5px 0 0px 0;
	display:block;
}

.componentheading {
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	background: white;
	font-size: 16px;
	padding: 5px 0 0px 0;
	display:block;
}

a.componentheading:link,
a.componentheading:active,
a.componentheading:visited {
	font-family: Arial, Helvetica, sans-serif;
	color:#FF6464;
	background: white;
	font-size: 16px;
	padding: 5px 0 0px 0;
	display:block;
}


.contentheading,
.contentpagetitle,
a.contentpagetitle:link,
a.contentpagetitle:active,
a.contentpagetitle:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#8B0000;;
	font-weight: bold;
	padding-top: 25px;
	background-color:inherit;
	display:block;
}

.buttonheading {
	width: 16px;
	text-align:right;
}

.sectiontableheader {
	font-weight: bold;
}

.category, .categorytitle {
	font-weight: bold;
	color:#8B0000;;
	background-color:inherit;
}

.sectiontableentry1 {
	background-color: #EFEFEF;
	padding: 2px;
	color:#333333;
}

.sectiontableentry2 {
	background-color: #FFFFFF;
	padding: 2px;
	color:#333333;
}

/** blog Styles **/
.blogsection {
	color:#8B0000;;
	background-color:inherit;
}

.blog_more {
	font-weight: bold;
	line-height: 25px;
	padding-top: 20px;
	color: #8B0000;;
	border-bottom: 1px solid #FF9E31;
	background-color:inherit;
}

/** small text in content **/
.small {
	color:#000000;
	font-size:10px;
	font-weight: bold;
	background-color:inherit;
}

/** date info in content **/
#content_main .createdate {
	color:#4A87C4;
	font-size:10px;
	padding: 0 0 15px 0;
	line-height:8px;
	background-color:inherit;
}

#content_main .modifydate {
	color:#999999;
	font-size:10px;
	padding: 0;
	background-color:inherit;
}

/** toc page navigation  **/
.pagenav_prev,
.pagenav_next {
	font-size:11px;
}


/** content item navigation  **/
.pagenavbar  {
	display:block;
	width:100%;
	background-color:inherit;
	height:20px;
	line-height:25px;
	text-align:right;
	letter-spacing:2px;
	color:#999999!important;
	clear:both;
	font-size: 11px!important;
	margin-top: 10px;
}

.pagenav {
	height:20px;
	line-height:25px;
	text-align:right;
	letter-spacing:2px;
	color:#999999;
	clear:both;
	font-size: 11px;
	margin-left: 0;
	margin-right: 0;
	background-color:inherit;
}

.back_button {
	display:block;
	text-align:left;
	font-weight:bold;
	font-size:12px;
	width:100%;
	margin-bottom:10px;
	letter-spacing:2px;
}

/** highlight word search result **/
.highlight {
	font-weight:bold;
	background-color: #FFFF00;
	padding: 2px 0 2px 0;
	
}

/** fix opera table width for content list in table category**/
table.contentpane td.contentdescription {
	width:100%!important;
}


/* ---------------------
Links
--------------------- */

/** any left column link **/
#leftcol a:link,
#leftcol a:active,
#leftcol a:visited {
	color:#000000;
}

a.pagenav:link ,
a.pagenav_next:link,
a.pagenav_pre:link,
div.back_button a,
div.back_button a:link,
a.latestnews:link,
a.latestnews:active,
a.latestnews:visited,
a.mostread:link,
a.mostread:active,
a.mostread:visited {
	text-decoration:none;
}

/*** read more link ***/
.readon,
a.readon:link,
a.readon:active,
a.readon:visited {
	color:#666666;
	font-weight:bold;
	text-align:left;
	margin-top:10px;
	letter-spacing: 2px;
	font-size:10px;
	text-decoration:none;
}

/*** blog links ***/
a.blogsection:link,
a.blogsection:active,
a.blogsection:visited {
	color:#8B0000;;
	text-decoration:none;
}

/** pathway link item **/
a.pathway:link,
a.pathway:link,
a.pathway:active,
a.pathway:visited {
	color:#999999;
	text-decoration:none;
}

/** table of content list **/
a.toclink:link,
a.toclink:active,
a.toclink:visited {
	color:#8B0000;;
	font-size:11px;
	padding:2px 10px 2px 10px;
	display:block;
	text-decoration:none;
}

.pagenavbar a:link,
.pagenavbar a:active,
.pagenavbar a:visited  {
	letter-spacing:2px;
	color:#000000;
	font-size: 11px;
	text-decoration: none;
}

.pagenavbar a:hover {
	color:#8B0000;;
}