/* 
czcionka standardowa to 12px 
prócz tego jest też ogólny styl Small i SuperSmall
*/
body, p, div, h1, h2, h3, h4, h5, h6, li, ol, ul, td, th, dd, dt,input {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #303030;/*tu chodzi o czcionkę*/
}

BODY
{
margin-top:0;
margin-left:0px;
margin-right:0px;
background-color:#ffffff;
/*błekit:*/
/*background-image:url('http://www.konradp.com/wsystem/images/phpimg_gradient_rect.php?color=229,239,255&dir=v&width=1&height=420&change=0.07');*/

/*ciemniejszy nieb*/
background-image:url('http://audiofon-brzoza.pl/images/gradient.php?color=199,209,225&dir=v&width=1&height=620&change=0.2');

/*stalowo-zielony:*/
/*background-image:url('http://corlive.com/images/gradient.php?color=192,207,212&dir=v&width=1&height=420&change=0.17');*/
background-repeat: repeat-x;
}

/*ogólne*/


a 			{ color: #003366; text-decoration: none; }
a:link		{ color: #003366; text-decoration: none; }
a:visited	{ color: #003366; text-decoration: none; }
a:active	{ color: #003396;  }
a:hover		{ color: #006396; text-decoration: none; }


/*
z czerw. podkreśleniem
A:hover		{ border-bottom-style: solid; border-bottom-width: 1;border-bottom-color: #DD0000; }
*/

/*by nie było ramki wokół images będących linkami*/
a img{
 border:none;
}


UL
{ 
line-height: 130% ;
}

P
{ 
line-height: 160%; 
}

H1
{
/*FONT-SIZE:130%;*/
font-size:18px;
color:#000040;
/*color:#202060;*/
}

H2
{
font-size:15px;
color:#000040;
/*color:#202060;*/
/*margin-bottom:1.1em;*/
/*text-decoration: underline;*/
font-weight: bold;
}

H3
{
font-size:13px;
color:#202060;
font-weight: bold;
}	

H4
{
/*FONT-SIZE:95%;*/
font-size:11px;
color:#900000;
text-decoration: underline;
}	

TABLE
{
FONT-SIZE:11px;
}


SMALL
{ 
font-size:10px;
}

/*
niestety działa też na przyciskach....
INPUT, TEXTAREA {
background-color:transparent;
}
*/
/*
ukryty np. div lub p lub tr
używane min. dla pola antibotowego w comments_utils.php - user ma nie widzieć pola "antibot", boty natomiast z chęcią je wypełnią
*/
.hid{
  display:none;
}

/*
gdy chcemy by coś co nie jest linkiem ( a ) wyglądało jak link (miało odpow. cursor i kolor) 
*/
.pseudolink{
  cursor:pointer;
  color: #003366;
  text-decoration: none;
}

/* ---------------------------------------------- */
/* page... styles dla page głównego (index.php), być może też (ale wątpliwe) dla innych stron) */


.page_left{
 float: left;
 width:20%;
 position:relative;
 /*border: 1px solid #0099FF;*/
 /*background-color:#FF0000;*/
 padding: 4px 4px 4px 4px;
 font-size:11px;
 background: inherit;
}

.page_right{
 float:right;
 width:73%;
 padding: 4px 10px 4px 10px;
 margin-left:4px;
 background: inherit;
 border-left: 1px dotted #cccccc;
}

/*top bar*/
.topbar
{
  /*width:100%;*/
  background-color:#ffffff; 
  padding:10px 0px 10px 0px;
  margin-bottom:10px;
  
  /*background-image:url('http://audiofon-brzoza.pl/images/gradient.php?dir=v&width=1&height=200&change=0.5&color=19,87,136');
  background-repeat: repeat-x;*/
  color:white;
  text-transform: uppercase;
  font-size:10px;
}

.topbar_links
{
  /*width:100%;*/
  background-color:#ffffff;
  padding:10px 0px 10px 0px; 
  background-image:url('http://audiofon-brzoza.pl/images/gradient.php?dir=v&width=1&height=200&change=4.5&color=0,20,70');
  background-repeat: repeat-x;
  color:white;
  text-transform: uppercase;
  font-size:10px;
  
}


.topbar_links a,.topbar_links a:visited,.topbar_links p{
  padding:10px 10px 10px 10px;
  color:#eeeeee;
  font-size:10px;
}

.topbar_links a:hover{
  text-decoration:underline;
  color:white;
  text-decoration: none;
  background-image:url('http://audiofon-brzoza.pl/images/gradient.php?dir=v&width=1&height=200&change=4.5&color=0,6,50');
  background-repeat: repeat-x;
}


/*zwyczajne odsunięcie w prawo, nic więcej*/
.subsection{
  margin-left:20px;
}

/*frame, w środku z reguły jest wstawiony tytuł w h2*/
.frame
{
  /*padding:5px 5px 5px 5px;
  margin:5px 3px 3px 3px;
  */
  padding: 4px 10px 4px 10px;
  margin:  5px 1% 5px 1%;  
  border:1px solid #CCCCCC;
  
  /*błękit*/
  /*background-image:url('http://corlive.com/images/gradient.php?dir=h&width=900&height=1&change=0.2&color=239,249,255');*/
  background-image:url('http://audiofon-brzoza.pl/images/gradient.php?dir=h&width=900&height=1&change=0.2&color=244,250,254');
  background-repeat: repeat-y;	
}

.frame h2, .frame h3{
	padding:2px 5px 2px 5px;
	margin-top:1px;margin-bottom:10px;
	margin-left:-5px;margin-right:-5px;

	text-decoration:none;
  color:#404040;
  font-size:100%;

	/*letter-spacing: 2px;*/

  /*jasny nieb:*/
  /*background-image:url('http://corlive.com/images/gradient.php?color=01,110,169&dir=v&width=1&height=20&change=2.9');*/
  /*background-image:url('http://corlive.com/images/gradient.php?dir=v&width=1&height=20&change=1.9&color=117,158,200');*/
  /*jasny nieb, #cce0f4*/
  background-image:url('http://audiofon-brzoza.pl/images/gradient.php?dir=v&width=1&height=20&change=0.5&color=184,204,244');

  /*stalowo-zielonkawy:*/
  /*background-image:url('http://corlive.com/images/gradient.php?color=192,207,212&dir=v&width=1&height=20&change=2.2');
  color:black;*/
  
  background-repeat: repeat-x;
  
  
 
 /*szary plus wiśnia:*/
 /*
  background-image:url('http://corlive.com/images/gradient.php?color=240,240,240&dir=v&width=1&height=20&change=1.2');
  background-repeat: repeat-x;
  color:#900000;
  */
  
   
  border:1px solid #ccdddd;	
  
}

.frame h2 a{
	color:white;
}

.frame p{
  margin-top:7px;
  margin-bottom:7px;
}

.frame_subtitle{
  color:#009900;
  margin-top:-5px;
  line-height:1.1em;
  text-align:right;
  font-style: italic;
}


/*ramka bez żadnego tła */
.frame_simple
{
  /*padding:5px 5px 5px 5px;
  margin:5px 3px 3px 3px;*/
  padding: 4px 10px 4px 10px;
  margin:  5px 1% 5px 1%;
  border:1px solid #CCCCCC;
}
.frame_simple h2, .frame_simple h3, .frame_simple h4{
}

/*mały link - używ. przy linkach typu delete, edit etc. pod wiadomościami czy kontaktami*/
.tool_link{
  font-size:90%
}
.tool_link img{
  width:13px;
  height:13px;
  vertical-align: middle;
}

/*------------------------------------
tabs, wykorzyst. min. w http://corlive.com/account_options_main.php
*/
.tabs{
  margin:5px 0px 0px 0px;
  padding:5px 0px 5px 0px;/*musi być takie samo jak w .tabs a chyba*/
  border-bottom:1px solid #f0f0f0;
}

.tabs a{
  padding:5px 9px 5px 9px;
  margin:0px 5px 0px 0px;
  /*background-color:#d6eafe;*/
  background-color:#fbfbfb;
  border:1px solid #e9e9e9;
}
.tabs a:hover{
  background-color:#f7f7f7;
}


/*używ. przez pliki w kat. help/ dla prawej strony*/
.helpRightPage{
  float:left;
  width:72%;
  margin:0px 0px 0px 0px;
  overflow:hidden;
  padding-left:2%;
  border-left:1px solid #b8cce0;
}

.helpRightPage p {
  text-align:justify;
}
/*
np. w a
*/
.button
{
  padding:4px 4px 4px 4px;
  margin:2px 2px 2px 2px;
  border: 1px solid #eeeeff;
  /*brąz: background-image:url('http://corlive.com/images/gradient.php?dir=v&width=1&height=64&change=-2&color=156,21,18');*/
  background-image:url('http://corlive.com/images/gradient.php?dir=v&width=1&height=64&change=-1&color=255,255,255');
  background-repeat: repeat-x;
}
.button img{
  width:16px;
  height:16px;
  vertical-align: middle;
}

.indent{
  margin-left:10px;
}
.spacer {
	clear: both;
}