/*
cupone KRZYSZTOF SZCZĘŚNIAK
*/

body {
	margin: 20px 0;          	/* KOLORY TEKSTÓW*/
	padding: 0;
	background: #000000 url(images/img01.jpg);
	font:  Arial,Times New Roman;
	line-height: 1.8em;
	color: #000000;
}

h1, h2, h3, h4, h5, h6 {          	/* KOLORY WYRAZÓW GŁÓNYCH (TYTÓŁÓW)*/
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-weight: normal;
	color: #ffffff;
}


h2 {

}

h3 {
}

p, blockquote, ul, ol {
	margin-top: 0;
}

blockquote {
}

a {
	color: #000080;            	/* KOLORY LINKÓW*/
}

a:hover {
	text-decoration: none;
}


/* Menu */

#menu {
	width: 700px;              	/* KOLORY I RAMKA GŁOWNA (MENU)*/
	height: 40px;
	margin: 0 auto;
	background: url(images/img05.png);
	border: 3px solid #ffffff;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 32px;                        /* długość PODZIAŁÓW MENU*/
	padding: 8px 20px 0 20px;
	border-right: 1px solid #ff0000;      /* KOLORY PODZIAŁÓW MENU*/
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;                         /* KOLORY TEXTÓ MENU*/
}

#menu a:hover {
	background: url(images/img06.png);    /* KOLORY PODŚWIETLENIA MENU*/
	
}

#menu #rss a {
	float: right;
	padding-left: 30px;
	background: url(images/img02.gif) no-repeat 10px 50%;
	border: none;
}

#menu #rss a:hover {
	background-color: #800080;      /* KOLORY PODŚWIETLENIA MENU OSTATNI PEZYCISK*/
}

/* Header */

#header {
	width: 700px;                             /* OPIS KOLORU I RAMY NR 2*/
	height: 180px;
	margin: 0 auto;
	background: url(images/img03.jpg);
	border: 3px solid #ffffff;
	border-top: none;
}

#header h1 {
	padding: 75px 0 0 20px;              /* lokalizacjia NAPISu NA BANERZE*/
	font-size: 1.8em;
}

#header h2 {
	padding: 0 0 0 20px;
	font-size: .8em;
}

#header a {
	text-decoration: none;
	color: #ffffff;                       /* NAPIS NA BANERZE*/
}

/* Content */

#content {
	width: 700px;                            /* OSTATNIA RAMKA 3*/
	margin: 0 auto;
	background: #c0c0c0 ;
	border: 3px solid #FFFFFF;
	border-top: none;
	
}

/* Latest Post */

#latest-post {
	padding: 20px 0;
	background: #000000;          /* KOLOR PODKŁADU NR 2*/
	border-bottom: 3px solid #FFFFFF;
}

#latest-post .title {
	float: left;
	width: 230px;
	padding: 0 20px;
	text-align: right;
	line-height: 1.2em;
	font-size: 2.2em;
	
}

#latest-post .story {
	float: right;
	width: 389px;
	padding: 0 20px;
	border-left: 1px solid #ff0000;       /* KOLOR ROZDZIELENIA NR 2*/
}

#latest-post .meta {
	clear: both;
}

/* Posts */

#posts {
	float: right;
	width: 389px;
	padding: 20px;
	border-left: 1px  solid #ff0000;     /* KOLOR rozdzielenia NR 3*/
	
}

#posts .post {
	padding-bottom: 30px;
	
}

#posts .story {
	padding: 15px 20px 0 20px;
}

#posts .meta {
	padding: 5px 0 0 20px;
}

#posts .meta p {
	margin: 0;
	line-height: normal;
	font-size: smaller;
	
}

#posts ul {
}

#posts ul li {
}

/* Links */

#links {
	float: left;
	width: 230px;
	padding: 20px    /* ODLEGLOŚĆ DO LINKÓW */
	 color: #ffffff;
	
}

#links ul {
	margin: 0;
	padding: 0;
	list-style: none;
	  /* KOLOR podkłądu NR 3*/
}

#links li ul {
	padding: 15px 20px 0px 20px;
	
}

#links li li {
	padding: 3px 0;
	
}

#links li a {

}

#links li i {
	font-size: smaller;
}

/* Footer */

#footer {
}

#footer p {
	text-align: center;
	font-size: x-small;
	color: #ffffff;
}

#footer a {
	color: #ffffff;
}

/*css PORT*/
.port
{
background:#000 url(images/button1a.gif) repeat-x;
position:relative;
font-family:arial, verdana, sans-serif;
}


.port li.top             /*nie zmieniać*/
{
display:block;
float:left;
position:relative;
}



.port ul,
.port :hover ul ul,
.port :hover ul :hover ul ul,
.port :hover ul :hover ul :hover ul ul,
.port :hover ul :hover ul :hover ul :hover ul ul {position:absolute;
left:-9999px;
top:-9999px; width:0;
}

.port :hover ul.sub       /*działanie linków wychodzą*/
{
left:2px;
top:40px;
right:2px;
background:  url(images/img05.png);  /*kolor podkładu port opcje*/
padding:0px 0;
border:1px solid #ffffff;
white-space:nowrap;
width:191Px; height:auto;
}


.port :hover ul.sub li a       /*odpowaida za linki wychodzące długosć układ*/
{
font-weight:normal;
display:block;
font-size:15px;
height:20px;
width:150px;
line-height:20px;
text-indent:5px;
color:#ffffff;
text-decoration:none;
border:0px solid #ff0000;
border-width:1px 0 0 0px;
}