#breadcrumbs { display:none; }
#main_wrapper { background:#fff; }
#main_wrapper_cap { display:none; }
#sidebar { display:none; }
#content { width:100%; }
#subnavigation { background-position:0 -232px; }


.clearfix {clear:both;}





/* forms */  
.form-el-wrap {
    padding:3px;
    background:#eee;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    display:inline-block;
    position:relative;
    margin:0 0 9px 0;
}


.form-el-wrap label {
    position:absolute;
    display:block;
    background:transparent;
    padding:5px 6px;
    color:#666;
    
}

.form-el-wrap textarea {
    border:1px #ccc solid;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    display:block;
    resize:none;
    color:#aaa;
    outline:none;
}
.form-el-wrap textarea:focus {
    border-color:#999;
}


.activity {
    margin:0 auto;
    display:block;
}


/* social */


.profile {
    margin:36px auto;
    width:820px;
    overflow:hidden;
    border-left:1px #c9c9c9 solid;
}

.profile .header {
    position:relative;
    height:100px;
    border-bottom:1px #e4e4e4 solid;
    margin:0 0 18px 0;
    overflow:none;
}
.profile .header img {
    position:absolute;
    top:10px;
    left:10px;
}
.profile .header h1 {
    padding:15px 0 0 100px;
    margin:0;
    font-weight:bold;
    color:#000;
    font-size:1.8em;
}
.profile .header a:hover {
    text-decoration:none;
}

.profile .tinyheader {
    border:0;
    height:80px;
    background:#eee;
}

.profile .tinyheader img {
    width:60px;
    height:60px;
}
.profile .tinyheader h1 {
    padding:15px 0 5px 80px;

}
.profile .tinyheader span {
    position:absolute;
    left:80px;
    top:50px;
}




.article, .aside {
    float:left;
    display:inline;
}
.article {
    width:510px;
    padding:0 10px;
    overflow:hidden;
}
.article .head { margin:36px 10px 0 10px; }





.aside {
    margin:0 9px 0 18px;
    width:260px;
    border-right:1px #c9c9c9 solid;
    
}

.aside .box { 
}
.aside .head {
}

.aside .black {
    background:#efefef;
    border-color:#efefef;
}
h4 {
    color:#000;
    font-weight:bold;
    margin:0;
}
.foot { 
    overflow:hidden; 
    margin:18px 0 0 0;
    padding:0 0 18px 0;
}
.head { 
    overflow:hidden; 
    border-bottom:1px #c9c9c9 solid;
    margin:0 0 18px 0;
    padding:0 10px;
}
.head h4 a { color:#000; }
.head h4 a:hover { text-decoration:none; }
.foot .l, .head .l { float:left; }
.foot .r, .head .r { float:right;}
.aside .body {
    padding:0 10px;
}



.aside .account-details dt { font-weight:bold; padding:0 3px 0 0; width:109px; float:left; }
dd { color:#606060; }




table.photos {
    width:100%;
}

table.photos td {
    height:115px;
    width:50%;
    text-align:center;
    vertical-align:middle;
}

table.photos { overflow:hidden; }
table.photos a { display:block; margin:0; }

div.photos { padding:18px 0 0 0; }
div.photos a { margin:0 8px 0 0; }
.photos a { outline:none; }



.photos img { 
    display:inline; 
    border:1px #b1b1b1 solid;
    background:#fff;
    max-width:100px;
    width:auto !important;
    width:100px;
}


        
#timeline .data { display:none; }
#timeline { width:500px; }

/* main textarea controls */
.add-timeline-node { text-align: right; margin:0 0 18px 0; }
.add-timeline-node p, .alt {
    text-align:left;
    margin:0 10px;
    background:#eee;
    padding:3px;
    
}
p.alt {
    margin:0 0 18px 0;
}
.add-timeline-node textarea {
    display:block;
    width:490px;
    padding:5px 6px;
    height:18px;
}




#timeline ul {
    list-style:none;
    padding:0;
    margin:0 9px;
}
#timeline ul ul { margin:5px 0 0 0; }
#timeline ul li {
    position:relative;
    padding:0 0 36px 0;
    border-bottom:1px #e4e4e4 solid;
}
#timeline ul ul li {
    margin:0 0 0 30px;
    padding:5px 5px 9px 5px;
    background:#eaedfc;
    border-bottom:1px #fff solid;
    width:380px;
}
#timeline .uname {
    text-decoration:none;
    font-weight:bold;
}
#timeline ul .avatar {
    position:absolute;
    top:9px;
    width:50px;
    height:50px;
}
#timeline ul ul .avatar {
    width:40px;
    height:40px;
}
#timeline ul .body {
    padding:8px 0 5px 60px;
}
#timeline ul .body span {
    color:#666;
    font-weight:bold;
}
#timeline ul ul .body {
    padding:3px 0 0 50px;
}




/* sub comment node */
.subcomment textarea {
    width:300px;
    height:18px;
    padding:5px;
}
.subcomment button {
    display:none;
}

.rm {
    position:absolute;
    background:#eee;
    right:5px;
    top:5px;
    padding:2px;
    cursor:pointer;
}

.groups {
    margin:18px 10px;
}