@charset "UTF-8";
/* CSS Document */

/*common shite */

body, html, p, ul, ol, table, blockquote, h1, h2, h3 {
margin: 0;
padding: 0;
}

body {
background: black;
font: 70% "Lucida Grande", Lucida, Verdana, sans-serif;
line-height: 1.5em;
font-weight: lighter;
}

/* structure divs */

div#backGround {
color: #333;
letter-spacing: .02em;
line-height: 1.2em;
position: fixed; top:0; left:0;
z-index: -1;
width: 100%;
height: 100%;
}

/* colour bars */

div#colourBar {
background: #a72540;
color: white;
width: 120px;
position: fixed; top:0px; left:700px;
height: 100%;
min-height: 100%;
}

div#colourBar div {
width: 5px;
float: left;
margin-right: 5px;
}

div#colourBar div#c1 {
background: #3a3c3b;
height: 100% !important;
min-height: 100%;
}

div#colourBar div#c2 {
background: #orange;
height: 100% !important;
min-height: 100%;
}

div#colourBar div#c3 {
background: #cb4c5a;
height: 100% !important;
min-height: 100%;
}

div#colourBar div#c4 {
background: #672a71;
height: 100% !important; 
min-height: 100%;
}


/* bird */

div#bird {
position: absolute;
top: 30px;
left: 530px;
z-index: 2;
}

div#bird2 {
position: absolute; top: 30px; left:530px;
z-index: 3;

}

div#bird3 {
position: absolute;  top: -80px; left:620px;
z-index: 4;
width: 200px;

}

div#bird4 {
position: fixed; top: 400px; left:660px;
z-index: 4;
width: 200px;

}

div#bird5 {
position: fixed;  top: 430px; left:860px;
z-index: 4;
width: 60px;

}

div#bird6 {
position: fixed; top: 550px; left:800px;
z-index: 4;
width: 60px;

}

div#bird7 {
position: fixed;  top: 10px; left:500px;
z-index: 1;
width: 60px;

}

div#bird8 {
position: fixed;  top: -30px; left:350px;
z-index: 1;
width: 60px;

}

div#h {
position: absolute; top: 140px; left:580px;
z-index: 1;
}

div#message {
position: absolute; top: 140px; left: 290px;
width: 300px;
z-index: 1;
text-align: right;
border-top: 5px solid #3a3c3b;

}



 .hide, .hide2 {
color: #c5c5c5;
margin: 0 0 20px 0;
background: black;
display: block;
padding: 3px;
}

.hide:hover{
 color: #000 !important;
 }
 
 .hide:hover .hi {
 color: #a72540;
 }
 
 .hide2:hover{
 color: #000 !important;
 }
 
 .hide2:hover .hi {
 color: #96ff00 !important;
 }
 

 

/* archive div */

#archive {
background: #3a3c3b;
z-index: 5;
text-align: left;
width: 100%;
position: fixed;
bottom: 0;
right: 0;
padding: 5px;
}

div#archive p {
padding: 5px;
}

div#archive #mydiv {
text-align: left;
}

div#archive a {
color: #000;
}

div#archive a:hover {
color: #ccc;
}


div#stupid {
position: fixed; top: 0; right: 0;
}