/* Main Stylesheet for IonYz.net */
/* John Hardesty - 2003.2.2 */
/* Take all you want, but eat all you take */



/* -- Pre-defined Tags ---------------- */
html, body {
color: rgb(0,0,0); background-color: rgb(50,100,150);
margin: 4px 2px;
}

div, table, td, tr, p, li, ul, body {
font-family: Optima, Helvetica, Trebuchet MS, sans-serif;
font-size: 16px;
/* >> Hack for inheriance ignorant browsers */
}

h1 {font-size: 200%; margin-bottom: 0.5em;}
h2 {font-size: 125%; }

p {margin-top: 0px;}
p.heading {margin-bottom: 0px;border-bottom: 1px solid rgb(220,220,220)}
p.justify {text-align: justify; margin-left: 2em;}
p.entry {margin-left: 2em;}

var {font-family: sans-serif; font-size: 80%}
b {font-size: 125%; font-weight: normal;}



/* -- Main Area ----------------------- */
.main {
color: rgb(0,0,0); background-color: rgb(255,255,255);
border: 1px solid rgb(30,30,30);
padding: 0em 0.75em 0.25em 0.75em;
}

.lineout {border-bottom: 1px solid rgb(30,30,30);}
.linein {border-top: 1px solid rgb(30,30,30);}

.thumbnail strong  {color: rgb(255,255,255); background-color: transparent;}

div.thumbnail {
color: rgb(210,210,210); background-color: rgb(20,20,20);
border: 1px solid rgb(30,30,30); font-family: Arial, sans-serif;}

img.thumbnail {
border-bottom: 3px dashed rgb(225,225,150); margin-bottom: 0.2em;}

a:link {
color: rgb(50,50,200); background-color: transparent;
}

a:visited {
color: rgb(200,50,50);  background-color: transparent;
}

a:hover {
color:  rgb(20,170,20);background-color: transparent;
}



/* -- Header Area --------------------- */
.ionyz {
color: rgb(255,255,255); background-color: rgb(60,60,60);
font-size: 250%;
}

.ionyz2 {
color: rgb(255,255,255); background-color: rgb(58,67,77);
font-size: 250%;
}

.ionyz3 {
color: rgb(255,255,255); background-color: rgb(55,78,101);
font-size: 250%;
}

.ionyz4 {
color: rgb(255,255,255); background-color: rgb(53,90,127);
font-size: 250%;
}

.nav {
color: rgb(55,78,101); background-color: transparent;
}

.primary, .primarystop {
font-size: 125%;
} 

.secondary, .secondarystop  {
font-size: 110%;
}

/* -- Primary Nav Area ------ */
a.primary:link, a.primary:visited {
color: rgb(225,225,75); background-color: transparent; text-decoration: none;}

a.primary:hover {
color: rgb(250,250,0); background-color: transparent; text-decoration: none;}

a.primary:active {
color: rgb(250,250,75); background-color: transparent; text-decoration: none;}

a.primarystop:link, a.primarystop:visited, a.primarystop:hover, a.primarystop:active {
color: rgb(255,255,255); background-color: transparent; text-decoration: none;}

/* -- Secondary Nav Area ---- */
a.secondary:link, a.secondary:visited {
color: rgb(225,225,75); background-color: transparent; text-decoration: none;}

a.secondary:hover {
color: rgb(250,250,0); background-color: transparent; text-decoration: none;}

a.secondary:active {
color: rgb(250,250,75); background-color: rgb(25,75,100); text-decoration: none;}

a.secondarystop:link, a.secondarystop:visited, a.secondarystop:hover, a.secondarystop:active {
color: rgb(255,255,255); background-color: transparent; text-decoration: none;}



/* -- Footer Area --------------------- */
.date {color: rgb(255,255,255); background-color: transparent;}
.date a:link, .date a:visited, .date a:hover, .date a:active {
color: rgb(255,255,255); background-color: transparent; text-decoration: none;}

.visitors {color: rgb(230,200,80); background-color: transparent;}
.visitors a:link, .visitors a:visited, .visitors a:hover, .visitors a:active {
color: rgb(230,200,80); background-color: transparent; text-decoration: none;}

.tech {color: rgb(175,215,220); background-color: transparent; font-size: 90%;}
.tech a:link, .tech a:visited, .tech a:hover, .tech a:active {
color: rgb(175,215,220); background-color: transparent;text-decoration: none;}

.copyright {
color: rgb(200,200,200); background-color: transparent;
font-family: Arial, sans-serif; font-size: 90%;
margin-top: 0px; padding-top: 0px;
}

.copyright a:link, .copyright a:visited, .copyright a:hover, .copyright a:active {
color: rgb(200,200,200); background-color: transparent;text-decoration: none;}



/* -- Colors -------------------------- */
.orange {
color: rgb(230,200,80); background-color: transparent;
}

.sky {
color: rgb(175,215,220); background-color: transparent;
}



/* -- Old Code, here for reference ---- */
/*
.main {
background-image: url(../images/cube.png);
background-repeat: no-repeat;
background-position: 50% 50px;
background-attachment: fixed;
}

Code: Gave the main content area a fixed background graphic.
Old?: Certain browsers had problems rendering fixed backgrounds with classed Tables.
*/

/* EoF */