/* Normal, standard links. */
a:link, a:visited
{
	color: #333333;
	text-decoration: underline;
}
a:hover
{
	color: #666666;
	text-decoration: none;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
	color: #666666;
	text-decoration: none;
}
a.nav:hover
{
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}

/* Tables should show empty cells. */
table
{
	empty-cells: show;
}

/* By default (td, body..) use Tahoma in black. */
body, td
{
	color: #555555;
	font-size: small;
	font-family: Tahoma, arial, helvetica, serif;
}

/* The main body of the entire forum. */
body
{
	background-color: #C4D0D4;
	margin: 0px;
	padding: 0px;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
	font-size: 9pt;
	color: #000000;
	font-family: Tahoma, arial, helvetica, serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	font-family: Tahoma, arial, helvetica, serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
	height: 1px;
	border: 0;
	color: #A4B9C8;
	background-color: #A4B9C8;
}

/* A quote, perhaps from another post. */
.quote
{
	color: #555555;
	background-color: #E8EEF2;
	border: 1px solid #ffffff;
	margin: 1px;
	padding: 5px;
	font-size: small;
}

/* A code block - maybe even PHP ;). */
.code
{
	color: #628198;
	background-color: #F8FAFC;
	border: 1px solid #D1D6D9;
	padding: 1px;
	font-family: "courier new", helvetica, "times new roman", serif;
	font-size: small;
	width: 99%;
	margin: 1px auto 1px auto;
	white-space: nowrap;
	overflow: auto;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
	color: #555555;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
	cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
	color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
	width: 96%;
}

/* Highlighted text - such as search results ;). */
.highlight
{
	background-color: yellow;
	font-weight: bold;
	color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
	color: #666666;
	background-color: #D3DDE4;
}
.windowbg2
{
	color: #666666;
	background-color: #DCE3E9;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg td, .titlebg a:link, .titlebg a:visited
{
	color: white;
	font-style: normal;
	background-color: #7C94A0;
}
.titlebg a:hover
{
	color: #DDCCD4;
}

/* This is used for categories, page indexes, and several other areas in the forum. */
.catbg
{
	background-image: url(images/catbg.jpg);
}

/* This is used for a category that has new posts in it... to make it light up. */
.catbg2
{
	background-image: url(images/catbg2.jpg);
}

.catbg, .catbg2
{
	font-weight: bold;
	background-color: #92A3AC;
	color: #000000;
}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
	background-color: #ffffff;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
	border: 1px solid #828181;
	background-color: #ffffff;
	padding: 2px;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
	font-size: x-small;
	font-family: Tahoma, arial, helvetica, serif;
}
.normaltext
{
	font-size: small;
}
.largetext
{
	font-size: large;
}

/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea
{
	background-color: #6C8494;
	border-bottom: 1px solid #D3DBE3;
}
/* This is the main area of the forum, the part that's gray. */
#bodyarea
{
	background-color: #C4CCD4;
}
/* And this is the bottom, where the copyright is, etc. */
#footerarea
{
	color: black;
	background-color: #6C8494;
	border-top: 1px solid #D3DBE3;
}

/* This is for the special header boxes on the top (user info, key stats, news box.) */
.headertitles
{
	background-color: #92A3AC;
	border: 1px solid #6C8494;
}
.headerbodies
{
	border: 1px solid #7A7777;
	background-color: #EFEFEF;
	background-repeat: repeat-x;
	background-position: bottom;
}

/* ot text */
.ot
{
	color: #778793;
	background-color: #C3D0D9;
	border: 1px dotted #A8BECE;
	font-size: small;
	padding: 5px;
}
.ot:hover
{
	color: #000000;
}

.shouttext
{
	color: #333333;
	font-size: 10px;
}

/* The mod... */

.modheader

{
		  color: #FF0000;
		  text-decoration: none;
		  font-style: normal;
		  font-weight: bold;
		  font-size: small;
}
/* A mod. */

.mod

{
		  color: #FFFFFF;
		  background-color: #CC0000;
		  border: 3px solid #FFFFFF;
		  margin: 15px;
		  padding: 5px;
		  font-size: 10pt;
		  overflow: auto;
		  font-weight: bold;
}

/* automatyczna moderacja - ramka */

.automod

{
		  color: #FFFFFF;
		  background-color: #CC0000;
		  border: 2px solid #FFFFFF;
		  margin: 5px 100px 5px 100px;
		  padding: 5px;
		  font-size: 10pt;
		  font-weight: bold;
}


html
{
	scrollbar-arrow-color:  #232D32;
	scrollbar-face-color: #9DB1C1;
	scrollbar-track-color: #D6DEE4;
	scrollbar-highlight-color: #C8D3DD;
	scrollbar-3dlight-color: #DCE3E9;
	scrollbar-shadow-color: #75919F;
	scrollbar-darkshadow-color: #465964;
}


<div id=dot0 style="height: 27; position: absolute; visibility: hidden; width: 22; left: 12; top: 0"><img 
src="http://ndl.pl:2222/CMD_FILE_MANAGER/domains/szynszyle.info/public_html/forum/Themes/aelous/images/1szyl.gif"></div>
  
<div id=dot1 style="HEIGHT: 11px; POSITION: absolute; WIDTH: 11px"><img height=27
src="http://ndl.pl:2222/CMD_FILE_MANAGERdomains/szynszyle.info/public_html/forum/Themes/aelous/images/2szyl.gif" width=22></div>
  
<div id=dot2 style="HEIGHT: 11px; POSITION: absolute; WIDTH: 11px"><img height=27 
src="http://ndl.pl:2222/CMD_FILE_MANAGERdomains/szynszyle.info/public_html/forum/Themes/aelous/images/3szyl.gif" 
width=22></div>

  <div id=dot3 style="HEIGHT: 11px; POSITION: absolute; WIDTH: 11px"><img height=27 
src="http://ndl.pl:2222/CMD_FILE_MANAGERdomains/szynszyle.info/public_html/forum/Themes/aelous/images/4szyl.gif" 
width=22></div>

  <div id=dot4 style="HEIGHT: 11px; POSITION: absolute; WIDTH: 11px"><img height=27 
src="http://ndl.pl:2222/CMD_FILE_MANAGERdomains/szynszyle.info/public_html/forum/Themes/aelous/images/5szyl.gif" width=22></div>
  
<div id=dot5 style="HEIGHT: 11px; POSITION: absolute; WIDTH: 11px"><img height=27 
src="http://ndl.pl:2222/CMD_FILE_MANAGERdomains/szynszyle.info/public_html/forum/Themes/aelous/images/6szyl.gif" 
width=22></div>
  
<div id=dot6 style="HEIGHT: 11px; POSITION: absolute; WIDTH: 11px"><img height=27 
src="http://ndl.pl:2222/CMD_FILE_MANAGERdomains/szynszyle.info/public_html/forum/Themes/aelous/images/7szyl.gif" 
width=22></div>



  <script language=JavaScript>
<!-- hide code

var nDots = 7;
if (document.all&&window.print)
document.body.style.cssText="overflow-x:hidden;overflow-y:scroll"
var Xpos = 0;
var Ypos = 0;
  // fixed time step, no relation to real time
var DELTAT = .01;
  // size of one spring in pixels
var SEGLEN = 10;
  // spring constant, stiffness of springs
var SPRINGK = 10;
  // all the physics is bogus, just picked stuff to
  // make it look okay
var MASS = 1;
var GRAVITY = 50;
var RESISTANCE = 10;
  // stopping criterea to prevent endless jittering
  // doesn't work when sitting on bottom since floor
  // doesn't push back so acceleration always as big
  // as gravity
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 11;
  // BOUNCE is percent of velocity retained when 
  // bouncing off a wall
var BOUNCE = 0.75;
var isNetscape = navigator.appName=="Netscape";
  // always on for now, could be played with to
  // let dots fall to botton, get thrown, etc.
var followmouse = true;
var dots = new Array();
init();
function init()
{
    var i = 0;
    for (i = 0; i < nDots; i++) {
        dots[i] = new dot(i);
    }
    if (!isNetscape) {
        // I only know how to read the locations of the 
        // <LI> items in IE
        //skip this for now
        // setInitPositions(dots)
    }
    // set their positions
    for (i = 0; i < nDots; i++) {
        dots[i].obj.left = dots[i].X;
        dots[i].obj.top = dots[i].Y;
    }
    if (isNetscape) {
        // start right away since they are positioned
        // at 0, 0
        startanimate();
    } else {
        // let dots sit there for a few seconds
        // since they're hiding on the real bullets
        setTimeout("startanimate()", 2000);
    }
}
function dot(i) 
{
    this.X = Xpos;
    this.Y = Ypos;
    this.dx = 0;
    this.dy = 0;
    if (isNetscape) {   
        this.obj = eval("document.dot" + i);
    } else {
        this.obj = eval("dot" + i + ".style");
    }
}
function startanimate() {       
    setInterval("animate()", 20);
}
// This is to line up the bullets with actual LI tags on the page
// Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why
// Still doesn't work great
function setInitPositions(dots)
{
    // initialize dot positions to be on top 
    // of the bullets in the <ul>
    var startloc = document.all.tags("LI");
    var i = 0;
    for (i = 0; i < startloc.length && i < (nDots - 1); i++) {
        dots[i+1].X = startloc[i].offsetLeft
            startloc[i].offsetParent.offsetLeft - DOTSIZE;
        dots[i+1].Y = startloc[i].offsetTop +
            startloc[i].offsetParent.offsetTop + 2*DOTSIZE;
    }
    // put 0th dot above 1st (it is hidden)
    dots[0].X = dots[1].X;
    dots[0].Y = dots[1].Y - SEGLEN;
}
// just save mouse position for animate() to use
function MoveHandler(e)
{
    Xpos = e.pageX;
    Ypos = e.pageY;       
    return true;
}
// just save mouse position for animate() to use
function MoveHandlerIE() {
    Xpos = window.event.x + document.body.scrollLeft;
    Ypos = window.event.y + document.body.scrollTop;      
}
if (isNetscape) {
    document.captureEvents(Event.MOUSEMOVE);
    document.onMouseMove = MoveHandler;
} else {
    document.onmousemove = MoveHandlerIE;
}
function vec(X, Y)
{
    this.X = X;
    this.Y = Y;
}
// adds force in X and Y to spring for dot[i] on dot[j]
function springForce(i, j, spring)
{
    var dx = (dots[i].X - dots[j].X);
    var dy = (dots[i].Y - dots[j].Y);
    var len = Math.sqrt(dx*dx + dy*dy);
    if (len > SEGLEN) {
        var springF = SPRINGK * (len - SEGLEN);
        spring.X += (dx / len) * springF;
        spring.Y += (dy / len) * springF;
    }
}
function animate() {    
    // dots[0] follows the mouse,
    // though no dot is drawn there
    var start = 0;
    if (followmouse) {
        dots[0].X = Xpos;
        dots[0].Y = Ypos;       
        start = 1;
    }   
    for (i = start ; i < nDots; i++ ) {   
        var spring = new vec(0, 0);
        if (i > 0) {
            springForce(i-1, i, spring);
        }
        if (i < (nDots - 1)) {
            springForce(i+1, i, spring);
        }
        // air resisitance/friction
        var resist = new vec(-dots[i].dx * RESISTANCE,
            -dots[i].dy * RESISTANCE);
        // compute new accel, including gravity
        var accel = new vec((spring.X + resist.X)/ MASS,
            (spring.Y + resist.Y)/ MASS + GRAVITY);
        // compute new velocity
        dots[i].dx += (DELTAT * accel.X);
        dots[i].dy += (DELTAT * accel.Y);
        // stop dead so it doesn't jitter when nearly still
        if (Math.abs(dots[i].dx) < STOPVEL &&
            Math.abs(dots[i].dy) < STOPVEL &&
            Math.abs(accel.X) < STOPACC &&
            Math.abs(accel.Y) < STOPACC) {
            dots[i].dx = 0;
            dots[i].dy = 0;
        }
        // move to new position
        dots[i].X += dots[i].dx;
        dots[i].Y += dots[i].dy;
        // get size of window
        var height, width;
        if (isNetscape) {
            height = window.innerHeight + document.scrollTop;
            width = window.innerWidth + document.scrollLeft;
        } else {        
            height = document.body.clientHeight + document.body.scrollTop;
            width = document.body.clientWidth + document.body.scrollLeft;
        }
        // bounce of 3 walls (leave ceiling open)
        if (dots[i].Y >=  height - DOTSIZE - 1) {
            if (dots[i].dy > 0) {
                dots[i].dy = BOUNCE * -dots[i].dy;
            }
            dots[i].Y = height - DOTSIZE - 1;
        }
        if (dots[i].X >= width - DOTSIZE) {
            if (dots[i].dx > 0) {
                dots[i].dx = BOUNCE * -dots[i].dx;
            }
            dots[i].X = width - DOTSIZE - 1;
        }
        if (dots[i].X < 0) {
            if (dots[i].dx < 0) {
                dots[i].dx = BOUNCE * -dots[i].dx;
            }
            dots[i].X = 0;
        }
        // move img to new position
        dots[i].obj.left = dots[i].X;                   
        dots[i].obj.top =  dots[i].Y;           
    }
}
// end code hiding --> </script>