/*
Attention:  This stylesheet is the product of about
8 years of evolution, and not all of it positive!

I'm planning to introduce a number of new stylesheet
bases soon, but this preview should give you something
to play with to alter your profile's appearance meantime.
*/

@charset "UTF-8";


html, body {
        background: #000 url('http://i609.photobucket.com/albums/tt175/The_Silent_One/black_86_thumb.jpg') repeat top left;
        color:#aaa;
}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, a {
        color:#777;
}

body>div {
        border: 4px groove #666;
   opacity:.85;filter:alpha(opacity=85);
}

#topbar {
        border-color:#222;
        height:40px;
        background: #000 url('http://i609.photobucket.com/albums/tt175/The_Silent_One/black_90_thumb.jpg') repeat top left;
}

hr{ 
   display:none;
}

#buttons {
        z-index:5;
        border-style:ridge;
        border-color:#444;
        position:absolute;
        height:25px;
        width:505px;
        left:240px;
        top:50px;
        background: #000 url('http://i609.photobucket.com/albums/tt175/The_Silent_One/black_88_thumb.jpg') repeat top left;
        text-align:center;
}

#buttons .nb {
        position:relative;
        display:inline-block;
        height:20px;
        margin-top:5px;
        width:43px;
        text-align:center;
}


#buttons a[href='#'] {
        position:absolute;
        top:650px;
        left:-240px;
   opacity:.6;filter:alpha(opacity=60);
}

#buttons a[href*='/node/user/'] {
        position:absolute;
        top:700px;
        left:-283px;
   opacity:.6;filter:alpha(opacity=60);
}

/* The middle section of the page with the poem etc */
#mid {
        border-color:#222;
        border-bottom-style:hidden;
        margin-top:36px;
        margin-left:240px;
        margin-bottom:0px;
        width:475px;
   opacity:1;filter:alpha(opacity=100);
        background: #000 url('http://i609.photobucket.com/albums/tt175/The_Silent_One/black_90_thumb.jpg') repeat top left;
}

/* Users picture */
#mugshot { 
   float:right; 
   margin:10px;
}

/* The biographical info spot */
#bio { 
   background-color:transparent;
   margin-bottom:20px;
        overflow:auto;
}

#bio em, small img {
        display:none;
}

#triggerbioedit {
        background: transparent none !important;
}

#filesrc {
        border: none !important;
}

/* This one is for major awards given to the member */
#awards {
   width:100%;
   text-align:center;
   margin-bottom:20px;
}

/* For the works list including the children */
#works {
   clear:both;
   margin-bottom:20px;
   font-size:1em;
}

#works table {
   width:100%;
   margin:auto;
}

#works tr {
        margin: 5px 0px;
        width:100%;
}

#works td {
   padding:2px;
   background-color:transparent;
}

/* On the work page only, gives the top bottom 25px margins */
#wrk{
   margin:25px 0 25px 0;
/* More space, more readable.  I think anyway. */
        font-size:1.1em;
   line-height:2em;
   letter-spacing:0.05em; 
}

#mainimage {
        max-width:100%;
}

/* right is the right column, abs positioned.  See page.css */

#right {
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        background: transparent none;
        left:0px;
        top:50px;
        background: #000 url('http://i609.photobucket.com/albums/tt175/The_Silent_One/black_86_thumb.jpg') repeat top left;
}

#right>div[align='center'] {
        margin:none;
}

/* the two here with GROUP_NERD in them change the Tech icon to the Gold Member Mafia icon.  Remove BOTH of them if you want to return to the regular icon */

#right a {
        color:#aaa;
}

#chatbox {
        width:239px;
        top:-4px;
        left:751px;
        border:4px groove #444;
        background: #000 url('http://i609.photobucket.com/albums/tt175/The_Silent_One/black_88_thumb.jpg') repeat top left;
}

#chatbox div, #chatbox p, #chatbox span {
        background: transparent none;
        border: none;
        color:#aaa;
}

#chatbox ul {
        background: transparent none;
        border: 2px #fff;
        border-style: hidden hidden ridge hidden;
}

#chatbox ul>li {
        width:27%;
        border-style: ridge ridge hidden ridge;
        opacity:.6;filter:alpha(opacity=60);
}

#chatbox a {
        color:#ddd;
}

#chatbox a[href*='http://'] {
        color:#f00;
}

#chatbox input {
        background: transparent none;
        border: 2px groove #fff;
}

#chatbox a[href*='refresh'] {
        display:block;
        clear:both;
        margin-top:5px;
        margin-bottom:5px;
}

#chatbox em {
        color:#00ff00;
        
}
#chatbox .pm {
        color:#000;
        background:#fff;}   

#pageoptions {
        background: transparent none !important;
}

#pageoptions h3, #pageoptions a[href*='preview'] {
        display:none;
}

#right a[href*='memberships'] {
        display:block;
        height:120px;
        width:100px;
        border: 4px groove #666;
        margin-bottom:20px;
}

#memberbtn, #mlvl {
        margin:0px;
        opacity:.8;filter:alpha(opacity=80);
}

#right .nb {
        opacity:.8;filter:alpha(opacity=80);
}

#right>ul {
        margin:14px;
        width:85%;
        border: 3px groove #444;
        background: #000 url('http://i609.photobucket.com/albums/tt175/The_Silent_One/black_88_thumb.jpg') repeat top left;
}

#right>ul li {
        width:85%;
        background: transparent none;
   padding:0px;
        margin-left:8px;
}

#right>ul li>a {
        width:85%;
}

#right h6 {
        color:#aaa;
   background-color:transparent;
   margin:25px 0 15px 0;
}

#an {
        border: 3px groove #444;
        background: #000 url('http://i609.photobucket.com/albums/tt175/The_Silent_One/black_88_thumb.jpg') repeat top left;
        width:90%;
   text-align:center;
        margin:auto;
}

#cpyrt {
   background-color:transparent;
   text-align:center;
}

/* this is for awards section on works page */
#award{
}

/* Each award has a block */
.awd {
   position:relative;
   float:none;
   text-align:center;
        width:100%;
   background-color:transparent;
   margin-bottom:20px;
}

/* Special features section. */
#feat {
   display:block;
   width:100%;
        text-align:center;
}

/* makes a box for special features, reuses awd in the code*/

.bx {
        display:inline-block;
   margin:10px;
   height:80px;
   width:60px;
   background-color:transparent;
}

.attn {
        background: transparent none;
}

#tags {
   clear:both;
   display:block;
   width:90%;
   margin:auto;
   text-align:center;
        border: 3px groove #444;
        background: #000 url('http://i609.photobucket.com/albums/tt175/The_Silent_One/black_88_thumb.jpg') repeat top left;
}

#tags ul {
   position:relative;
        margin-bottom:8px;
}

.tagcloud li {
        border: 3px ridge #666;
        background: #000 url('http://i609.photobucket.com/albums/tt175/The_Silent_One/black_86_thumb.jpg') repeat top left;
        width:90%;
}

.tagcloud a {
        color:#fff;
}

/* Makes the email to clickable looking */
#em2fimg {
   cursor:pointer;
}

/* This is the comment section as a whole */
#comment {
   clear:both;
   width:100%;
   margin-left:0px;
}

.cmt {}

/* Each comment's appearance */
.cmt li {
        border: 3px groove #444;
        background: #000 url('http://i609.photobucket.com/albums/tt175/The_Silent_One/black_88_thumb.jpg') repeat top left;
   margin:10px, 0px;
   clear:both;
        overflow-x:auto;
}

.cmt a[href*='delete'], .cmt a[href*='Reply'] {
        float:right;
        margin-right:7px;
        margin-bottom:4px;        
}

#credits {
        border-color:#222;
   opacity:1;filter:alpha(opacity=100);
        border-top-style:hidden;
        width:505px;
        margin-left:240px;
        margin-top:-6px;
        background: #000 url('http://i609.photobucket.com/albums/tt175/The_Silent_One/black_90_thumb.jpg') repeat top left;
}

.ui-widget-overlay {
        background: #000 none;
        opacity:.85;filter:alpha(opacity=85);
}

/* Comments will likely get restructured in the near future, I don't like how they lay out currently */