/*-------------------------
	Simple reset
--------------------------*/


*{
	margin:0;
	padding:0;

}


body{
    margin:0px;
    background: #232323 url(/grx/bge.jpg);
    background-attachment: fixed;

    z-index:13;
}

.header-cont {
    width:100%;
    position:fixed;
    top:-1px;
    left: 0;
    z-index:99;
}

.header {
/*    height:60px; */
    color: #00F0FF;
    background:#333333;
    border: 2px solid #00F0FF;
    width:99%;
    margin:0px auto;
    padding:8px;
    box-shadow: 0 0 13px 3px #25CCC6;
}



.footer {
    width:100%;

    display: table; 
    position:fixed;

    font-size: 11px;

    padding: 3px 3px;

    bottom:-40px;
    left: 0;

    background: rgba(0, 0, 0, 0.7);
    border: 2px solid #009099;

    color: #006066;
    text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;

    box-shadow: 0 0 13px 3px #25CCC6;

    margin-bottom: 40px;

    text-align: right;
    text-shadow: 0 1px rgba(0, 0, 0, 0.8); 
}

.footer a {
    font-weight: bold;
    color: #FFF; 
}

.footer a:hover {
    color: #EEE; 
}

.footer-cont {
    padding: 3px 13px;
    margin: 3px auto;
}


.content {
    background-image: url("/grx/bat.png") repeat-y;
    width:100%;
    color: #AAA;
    margin: 40px auto;
    z-index:50;
}

.post {
    width:96%;
    color: #AAA;
    background: #000;
    border: 4px solid #666;
    margin: 7px auto;
    padding:6px;

    opacity: 0.65;
    filter: alpha(opacity=60); /* For IE8 and earlier */

    z-index:50;

}

.comment {
    width:96%;
    color: #AAA;
    background: #000;
    border: 4px solid #503500;
    margin: 7px auto;
    padding:6px;

    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */

-webkit-box-shadow: 0 0 13px 3px  #503500;
-ms-box-shadow: 0 0 13px 3px  #503500;
-o-box-shadow: 0 0 13px 3px  #503500;
-moz-box-shadow: 0 0 13px 3px  #503500;
box-shadow: 0 0 13px 3px  #503500;

    z-index:50;

}


.comment:hover {
    border: 4px solid #503500;
    opacity: 0.9;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    z-index:50;

-webkit-box-shadow: 0 0 13px 3px  #503500;
-ms-box-shadow: 0 0 13px 3px  #503500;
-o-box-shadow: 0 0 13px 3px  #503500;
-moz-box-shadow: 0 0 13px 3px  #503500;
box-shadow: 0 0 13px 3px  #503500;


}



.left {
    text-align: left;
}

.justify {
    text-align: justify;
    text-justify: inter-word;
}

.post:hover {
    border: 4px solid #0CC;
    opacity: 0.9;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    z-index:50;

-webkit-box-shadow: 0 0 13px 3px #25CCC6;
-ms-box-shadow: 0 0 13px 3px #25CCC6;
-o-box-shadow: 0 0 13px 3px #25CCC6;
-moz-box-shadow: 0 0 13px 3px #25CCC6;
box-shadow: 0 0 13px 3px #25CCC6;

}

/* table */


#tblcontainer {
    display: table;
    padding:6px;
}

#tblrow  {
    display: table-row;
}

#tblleft, #tblmiddle {
    display: table-cell;
}

#tblright {
    display: table-cell;
}


.i-cyan { color: #0DD; }
.i-blue { color: #00D; }
.i-red { color: #D00; }
.i-yellow { color: #DDA; }
.i-magenta { color: #DAD; }
.i-green { color: #0D0; }

fieldset {
   border:0 none;
}

*{font-family:'Jura';}


.neon {
    text-shadow: 0 0 6px #25CCC6;
}