/* LAYOUT & COLORS
********************************************/

div#body_container
{
    background:url(http://pcs-records.de/myspace/bg-container.gif) repeat-x top left #262825;
    color:#eee;
    padding:20px 1em 3em 1em;
    text-align:center;
    margin:0;
}

div#profile_container
{
    background:transparent;
    width: 60em;
    margin: 0 auto;
    padding: 0;
    text-align:left;
    overflow:hidden;
}

div#left_side {
	float: left;
    width: 40em;
    margin:0;
    padding:0;
}

div#right_side {
	float: right;
    width: 17.5em;
    margin: 0;
    padding:0;
}

div.module
{
    display:block;
    float:none;
    clear:both;
    border:none;
}

hr {
    height: 0;
    width: 0;
    border: 0;
}

.clear {
    position: relative;
    clear: both;
}

/* TYPOGRAPHY
********************************************/

div#body_container
{
    font-family:Georgia, serif;
    font-weight:normal;
    font-size:1em;
    line-height:1.5;
}

div#pcs_header
{
    font-size:1.25em;
    margin:0 10%;
    text-align:center;
}

em { font-weight:normal; font-style:italic; }
strong { font-weight:bolder; font-style:none; }

div#pcs_header strong
{
    font-weight:normal;
    font-style:none;
    color:#fff;
    background-color:#29654c;
}

#body_container h1, h2, h3, h4, h5
{
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-weight:bolder;
    color:#fff;
    text-transform:uppercase;
    margin:0.5em 0;
    padding:0;
    letter-spacing: -0.1em;
}

#body_container h1 a, h2 a, h3 a, h4 a, h5 a
{
    font-weight:normal;
}

span.h3_dash,
span.see_all
{
    text-transform:lowercase /* important not allowed */;
    letter-spacing:0 /* important not allowed */
}

p, ul, ol, dl, blockquote, fieldset
{
    margin:0.5em 0;
    padding:0;
}

#body_container ul
{
    margin-left:1em;
    padding-left:0;
    list-style-type:square;
}

#body_container ul li
{
    list-style-type:square;
}

#body_container ol
{
    margin-left:1.5em;
    padding-left:0;
    list-style-type:roman;
}

#body_container ul li
{
    list-style-type:roman;
}

ol ol, ol ul, ul ul, ul ol
{
    margin-top:0;
    margin-bottom:0;
    margin-left:1em;
}

acronym, abbr {

	border-bottom:dotted 1px #999;

}


blockquote
{
    background-color:#29654c;
    padding:0 1em;
    color:#fff;
    font-weight:normal;
}

table, tr, td {
    border: 0;
    border-collapse: collapse;
    vertical-align: top;
}

a, a:link, a:visited, a:active
{
    text-decoration: none;
    color:#53cc99;
    background-color:transparent;
    border-bottom:solid 1px #29654c;
}

a:hover, a:focus
{
    color:#fff;
    background-color:#29654c;
    text-decoration:underline;
}

/* FORMS
********************************************/

    input,
    textarea {
        font-family:Arial, Helvetica, Verdana, sans-serif;
        font-weight:bolder;
        font-size:1em;
        color: #333;
        padding: .2em;
        width: auto;
        margin: 1em 0 .5em 0;
    }
    
/* IMAGES
********************************************/

img { border: 0; }

img.cover,
img.virb_image
{
    border: 1px solid #111;
    background: #333333;
    float: left;
    vertical-align:middle;
    margin:0 1em 0 0;
    padding:4px;
}
a:hover img.virb_image,
a:focus img.virb_image,
a:hover img.cover,
a:focus img.cover
{
    background-color: #29654c;
    border-color:#fff;
}

#photos_random img.virb_image,
#friends img.virb_image,
#groups img.virb_image
{
    width:50px;
    height:50px;
    margin-right:2px;
    margin-bottom:2px;
}

#photo_portfolio {
    border-bottom-color: #111111;
}

/* DISCOGRAPHY & BANDS
********************************************/

img.cover
{
    width:75px;
    height:75px;
    margin-right:0.5em;
}

img.bandpic
{
    width:30%;
}

#pcs_discography ul,
#pcs_bands ul
{
    list-style:none;
    margin-left:0;
    font-size:0.8em;
    color:#ddd;
}

#pcs_bands ul h4
{
    margin-top:0;
}


#pcs_discography ul li,
#pcs_bands ul li
{
    list-style:none;
    overflow:hidden;
    margin:0 0.45em 0.5em 0;
    padding:0.5em;
    width:23.5em;
    float:left;
    background-color:#222;
}

#pcs_bands ul li
{
    float:none;
    clear:both;
    margin:0 0 0.5em 0;
    width:auto;
}


/* COMMENTS
********************************************/

div#comments {}

div.comment_box, div.comment_box_alt
{
    font-size:0.8em;
    color:#ddd;
    margin:0;
    padding:1em;
    border-bottom:solid 1px #111;
}

div.comment_box
{
    background-color:#222;
}

p.comment_post
{
    font-style:italic;
}

p.comment_extras
{
    font-size:0.8em;
}

    div.comment_box form p textarea {
        width: 80%;
    }

    * html div.comment_box form p textarea {
        margin-right: -100px;
        width: 620px;
    } 
    
    div#add_comment {
        display: none;
        background-color:#29654c;
        padding:0 1em;
        font-size:0.8em;
        border-bottom:solid 1px #111;
    }

    input.comment_btn {
        width: auto;
        padding: 0;
    }

    textarea.comment_text {
        display:block;
        width:80%;
        height: 10em;
        margin: 0;
    }


/* BLOGS
********************************************/

div#blogs p.blog_post
{
    position:static;
    color:#999;
    border-bottom:dotted 1px #999;
    padding:0.5em 0;
}

/* SHOWS & EVENTS
********************************************/

#shows tr, #shows tr.row_odd {}
#shows tr {}
#shows tr td, #shows tr.row_odd td {}
#shows tr p, #shows tr.row_odd p {}
    #shows tr,
    #events tr {
        border-bottom: 1px solid #e3e3e3;
    }
        #shows tr.row_odd,
        #events tr.row_odd {
            background: #f5f5f5;
        }

    #shows td,
    #events td {
        text-align: left;
        padding: .5em 0;
        vertical-align: top;
    }
        #shows td.col1,
        #events td.col1 {
            width: 6em;
        }
        #shows td.col4,
        #events td.col4 {
            width: 2.5em;
        }



/* MEMBERS
********************************************/

div#members p {
    text-align:center; 
}

div#members img.virb_image {
    float: none;
    padding: 3px;
    margin: 0 0 5px 0;
}     

div#members li {
    float: left;
    width: 100px;
    margin: 0 11px 20px 0;
    padding:0;
}

div#members li {
    padding: 0 0 0 40px;
}

/* ARTISTS
********************************************/

div#artists p {
    text-align:center; 
}

div#artists img.virb_image {
    float: none;
    padding: 3px;
    margin: 0 0 5px 0;
}     

div#artists li {
    float: left;
    width: 100px;
    margin: 0 11px 20px 0;
    padding:0;
}

div#artists li {
    padding: 0 0 0 40px;
}

/* ALBUMS
********************************************/

    div#albums img.virb_image {
        margin: 0 0 10px 0;
    }     

    #albums ul li {
        text-align:center;
        margin-bottom:10px;
        float:left;
    }

    #albums ul li {
        width: auto;
    }

    #albums ul li.clearAlbum {
        clear:both;
    }

    #albums ul li p {
        width:auto;
        padding: 0 35px 0 15px;
    }
    
    #albums ul li p {
        width:auto;
        padding: 0 15px;
    }

    #albums ul li em {
        color:#808080;
    }

/* CONNECT & CONTACTLINKS
********************************************/

#pcs_contact ul,
#connect ul,
#pcs_contact ul li,
#connect ul li
{
    list-style:none;
    margin:0;
    padding-top:0;
}

#connect ul
{
    padding-bottom:0;
    border-top:dotted 1px #999;
}

#pcs_contact ul li a,
#connect ul li a
{
    display:block;
    padding:0.25em 5%;
    width:90%;
    border-bottom-color:#999 /* important not allowed */;
    border-bottom-style:dotted;
}
    
#connect ul li#isFriend,
#connect ul li#isYou,
#connect ul li#friendshipPending
{
    padding:0.25em 5%;
    border-bottom:dotted 1px #999;
}

/* LAST.FM
*****************************************************/


/* DO NOT DISPLAY
*****************************************************/

div#meta_music, div#meta_music *,
div#content_52603 *,
div#content_52643 *,
div#content_52663 *,
div#blogs p
{
    position:absolute; left:-5000em;
}

div#content_52603 #pcs_header, div#content_52603 #pcs_header *,
div#content_52643 #pcs_contact, div#content_52643 #pcs_contact *,
div#content_52663 #pcs_links, div#content_52663 #pcs_links *, div#content_52663 h3
{
    position:static;
    left:auto;
}

/* CUSTOMIZE OUTERVIRB
*****************************************************/

#footer_please_dont
{
  background-color:#29654c /* important not allowed */;
  border-top:solid 2px #000 /* important not allowed */;
}


/* Advanced Customization
********************************************/

    #meta, #meta_music { border: 0; }
    
    #meta_music h1 { margin-bottom: 15px; }

        #videos img.virb_image, 
        .videos_alt img.virb_image, 
        #photos img.virb_image, 
        .photos_alt img.virb_image {
            margin: 0 10px 10px 0;
        }

    #meta_music table, #shows table, #events table {
        width: 100%;
    }
    
    #meta_music, #player_personal {
        padding-right: 0;
    }
    
    #photo_portfolio {
        border-top: 0;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        margin: 0 0 20px 0;
        padding: 10px 0 20px 0;
    }
        #photo_portfolio img {
            width: 100%;
            padding: 0;
            margin: 0;
            border: 0;
        }

div.profile_photo {
    float: left;
    width: auto;
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
}

    .profile_photo img {
        position: relative;
        display: block;
    }

div.profile_meta {
    float: left;
    padding: 15px;
}

    .profile_meta ul {
        margin: 10px 0 0 0;
    }
        .profile_meta ul li {
            float: left;
            padding: 0 10px 0 0;
        }



/* Typography
*****************************************************/

    #player_personal p {
        text-align: center;
    }