Delirious Days GOP 02092014

html, body {
background-image:url(http://desigualdadenred.com/wp-content/uploads/2013/12/goodwp.com-15509.jpg);
background-size:cover;
background-position:center;
background-attachment:fixed;
}

html, body {
overflow-x:auto;
overflow-y:auto;
min-width:1050px !important;
min-height:500px !important;
}


.panel a {
color:white !Important;
-webkit-transition:all 1s;
transition: all 1s;
text-shadow:0px 0px 3px #000000;
}

.panel a:hover {
color:black !important;
text-shadow:0px 0px 3px #FFFFFF;
text-decoration:none !Important;
}

.panel ul.buttons {
display:inline;
position:static;
}

.panel h2 {
font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
font-size:10px;
font-weight:400;
letter-spacing:2px;
background:rgba(210,210,250,0.2);
text-align:center;
}

/*===MAIN COLUMN===*/

#columns {
width:100%;
height:100%;
min-height:580px;
min-width:600px;
top:0px;
margin:0px;
padding:0px;
}

#columns * , #gaia_header * {
-webkit-transition:all 0.5s;
transition:all 0.5s;
}

/*===SIDE column===*/
#column_3, #column_1 {
position:absolute;
top:50%;
width:5px;
right:0px;
padding:0px 42px 0px 40px;
box-sizing:border-box;
margin:-200px 0px;
height:400px;
overflow:visible;
z-index:100;
}

#column_1 {
left:0px;
}

#column_3 .panel, #column_1 .panel {
background:rgba(20,20,20,0.4);
position:static;
height:0px;
width:400px;
padding:0px 0px;
margin:0px;
overflow:hidden;
box-shadow:0px 0px 3px #000;
color:white;
float:right;
margin-right:0px;
}

#column_1 .panel {
float:left;
}

#column_3 .panel:hover, #column_1 .panel:hover {
height:380px;
padding:10px 10px;
overflow:auto;
}

.column:not(#column_2) .panel:before{
display:none;
position:absolute;
border:1px dotted black;
left:0px;
bottom:0px;
width:100%;
height:100%;
content:'';
z-index:-1;
}

.column:not(#column_2) .panel:hover:before {
display:block;
}

#column_3 .panel h2, #column_1 .panel h2 {
position:absolute;
height:35px;
width:80px;
padding:5px;
margin:0px;
top:0px;
box-shadow:0px 0px 3px #AAF, 0px 50px 30px -20px rgba(255,255,255,0.5) inset;
right:30px;
border-radius:10px 10px 0px 0px;
-webkit-transform-origin:right top;
transform-origin:right top;
-webkit-transform:rotate(270deg);
transform:rotate(270deg);
color:black;
line-height:12px;
}

#column_1 .panel h2 {
left:30px;
-webkit-transform-origin:left top;
transform-origin:left top;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
}

#column_3 .panel:hover h2, #column_1 .panel:hover h2 {
text-shadow:0px 0px 5px #AAF, 0px 0px 5px #AAF, 0px 0px 5px #AAF;
color:white;
box-shadow:0px 0px 3px #AAF, 0px 50px 30px -20px rgba(25,25,25,0.3) inset;
}

/*==ARRAY LIST==*/
#column_3 .panel:nth-of-type(2) h2 , #column_1 .panel:nth-of-type(2) h2{ top:100px;
}
#column_3 .panel:nth-of-type(3) h2, #column_1 .panel:nth-of-type(3) h2{ top:200px;
}
#column_3 .panel:nth-of-type(4) h2, #column_1 .panel:nth-of-type(4) h2{ top:300px;
}
#column_3 .panel:nth-of-type(kp) h2, #column_1 .panel:nth-of-type(kp) h2{ top:300px;
}

/*===sp panels===*/
#id_footprints {
text-align:right;
}

.premium_sparkle {
display:none;
}

.media_panel object {
width:380px !Important;
height:240px !Important;
}

#column_2 .media_panel {
position:fixed !Important;
left:-2000px !important;
}

#column_1, #column_2, #column_3 {
position:absolute;
}
/*===MID COLUMN===*/
#column_2 {
top:100px;
left:50%;
margin-left:-170px !Important;
width:340px !Important;
overflow:visible !Important;
z-index:50;
}

#column_2 .panel:nth-of-type(1) {
width:340px;
position:static;
padding:0px 5px;
height:0px !Important;
margin:0px;
overflow:auto;
color:white;
background:rgba(25,25,25,0.2);
}

#column_2:hover .panel:nth-of-type(1) {
height:220px !important;
padding:5px 5px;
box-shadow:0px 0px 3px #000;
}

#column_2 .panel:nth-of-type(1) h2 {
position:absolute;
top:30px;
left:175px;
margin:-30px -40px;
width:80px;
height:60px;
padding:20px 0px 0px 0px;
text-align:center;
border-radius:25px 25px;
text-transform:none;
font-weight:100;
font-size:15px;
z-index:-1;
font-variant:small-caps;
letter-spacing:1px;
background:rgba(250,250,250,0.4);
text-shadow:0px 0px 5px #666;
box-shadow:0px 0px 3px rgba(0,0,0,0.5);
color:black;
}

#column_2:hover .panel:nth-of-type(1) h2 {
position:absolute;
height:350px;
width:350px;
top:0px;
left:0px;
margin:-30px 0px;
border-radius:0px 25px 0px 25px;
padding:5px;
}

#column_2 .panel:nth-of-type(2) {
position:absolute;
left:50px;
top:240px;
width:280px;
background:rgba(0,0,0,0.4);
box-shadow:0px 0px 3px rgba(0,0,0,0.5);
overflow:hidden;
border-radius:10px 10px;
padding:5px;
-ms-transform:scale(0,0);
-moz-transform:scale(0,0);
-webkit-transform:scale(0,0);
transform:scale(0,0);
color:white;
}

#id_details .forum_userstatus , #id_details #animated_item , #id_details h2 ~ p {
diplay:inline-block;
float:right;
margin:5px;
}

#column_2:hover .panel:nth-of-type(2) {
-ms-transform:scale(1,1);
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
transform:scale(1,1);
}

#column_2 .panel:nth-of-type(2) h2 {
display:none;
}

.column img {
max-width:100% !Important;
}
/*========================*
    GAIA HEADER CONTROL
*========================*/

#gaia_header {
background-color:transparent;
pointer-events:auto;
padding-bottom:5px;
overflow-x:visible;
overflow-y:visible;
font-family:arial !important;
font-weight:bold;
letter-spacing:1px;
font-size:10px !important;
width:100%;
min-width:1000px !important;
min-height:22px;
-moz-transition:opacity 0.3s, background-color 0.4s;
-webkit-transition:opacity 0.3s, background-color 0.4s;
-o-transition:opacity 0.3s, background-color  0.4s;
transition:opacity 0.53, background-color  0.4s;
z-index:9000;
position:relative;
margin:auto;
}

#header_left, #header_right {
color:transparent !important;
background:transparent !important;
}

#gaia_header a {
color: white !important;
text-shadow:0px 0px 3px #AAA,0px 0px 4px #AAA,0px 0px 5px #AAA;
text-decoration:none !Important;
font-size:12px;
font-weight:100;
font-family:'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
letter-spacing:2px;
font-variant:small-caps;
}

#gaia_header a:hover {
color:black !Important;
text-shadow:0px 0px 3px #FFF, 0px 0px 3px #FFF, 0px 0px 3px #FFF;
}

#header_left li.spacer+li a {
background-image:url(http://s.cdn.gaiaonline.com/images/gaia_global/gaia_header/br_gaia_logo_header.png);
background-size:47px auto !important;
background-position:10px 1px;
background-repeat:no-repeat;
display:inline-block !important;
width:47px !important;
height:23px !important;
-o-transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
transition:all 0.5s;
padding:0px 10px 0px 10px;
line-height:0px;
position:relative;
top:-10px;
left:0px;
background-color:rgba(0,0,0,0.5);
border-radius:0px 0px 10px 10px;
}

#header_left li.spacer~li, #header_right li {
margin:0px 3px;
height:0px;
padding:10px 5px 15px 5px;
line-height:0px !important;
width:auto;
text-align:center;
float:left;
font-size:0px;
display:block !important;
background:rgba(20,20,20,0.5);
border-radius:0px 0px 15px 15px;
}
#header_left li.spacer~li:hover , #header_right li:hover {
background:rgba(255,255,255,0.2);
}

#header_right li {
float:right;
}

#header_left li a img {
opacity:0 !important;
}

/*------------------------------------*
        USER STATUS BOX CONTROL
*------------------------------------*/
.forum_userstatus {
margin:10px auto 0px auto !important;
padding:3px 2px 5px 2px !important;
color:white !important;
text-decoration:none !important;
text-shadow:0px 0px 3px black, 0px 0px 4px black;
border:0px rgba( 255, 255, 255, 0.5 ) solid;
border-radius:5px;
width:120px;
background:none !important;
}

#avatar_menu {
position:absolute;
z-index:5050;
background:rgba(255,240,240,0.7);
}

.online, .offline {
color:white !important;
}

#avatar_menu, .forum_userstatus {
box-shadow:0px 0px 12px #FFFFFF inset, 0px 0px 24px #FFFFFF inset;
}

.forum_userstatus .statuslinks {
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAKCAMAAAC+Ge+yAAAAaVBMVEX///8AAAAAAAAAAAD////9/f0AAAAAAAAAAABfX1/////6+vp+fn7////////9/f3///+bm5v///////////99fX319fX////8/Pz8/Pz///+5ubn9/f2dnZ38/Py4uLj///8AAAC2traxXVsaAAAAI3RSTlMAAAgNGLwSBxlKPrhXK1O2HGUCITZWFrC+thByu2S9cwUGc9YpLywAAABKSURBVHheHcZFAoQwAMDA1KijLqv/fySUXCaIQdyNPdoEqLcZm96hjv4HKq3RS+CrJi930EurZD419mjabF4W3KcxXQXg/sXniheVvgMct5vtUQAAAABJRU5ErkJggg==);
background-position:right center;
background-repeat:no-repeat;
}

#avatar_menu li {
width:0px !important;
overflow:visible !important;
text-wrap: none;
background:rgba(25, 25, 25, 0.7) !important;
transition:width 0.5s;
-moz-transition:width 0.5s;
-webkit-transition:width 0.5s;
-o-transition:width 0.5s;
}

#avatar_menu li:hover {
width: 100% !important;
}

#avatar_menu li a{
display:block !important;
width:200px !important;
overflow:visible !important;
text-wrap: none; /*--- future CSS draft ---*/
color:white !important;
text-decoration:none !important;
text-shadow:0px 0px 3px black, 0px 0px 4px black;
}

#avatar_menu li a:hover{
background:none !important;
}

/*===K group kill code *
kill {