/* Load the default admin bar styles */
@import url( ../buddypress/bp-themes/bp-default/_inc/css/adminbar.css );

/**
 * The following are basic CSS styles to give BuddyPress pages their absolute basic formatting.
 * You should extend/override these styles in your standard theme CSS to match your theme.
 */

/***
 * Navigation tabs
 */
div.item-list-tabs {
   margin: 10px 0;
   padding: 5px 0;
   font: 12px;
   border-bottom: 1px solid #ddd;
   overflow: hidden;
   clear: both;
}

div.item-list-tabs ul {
   list-style: none !important;
   margin: 0;
   padding: 0;
   line-height: 200%;
}
   div.item-list-tabs ul li {
      float: left;
      margin-right: 5px;
      list-style: none !important;
      background: none !important;
   }
      div.item-list-tabs#subnav ul li a {
         border: none;
         padding: 0;
      }

   div.item-list-tabs ul li.last { float: right; }

/***
 * Object Lists (groups/members/forums/blogs)
 */

ul.item-list {
   margin: 20px 0;
   padding: 0;
   list-style: none;
}
   ul.item-list li { position: relative; 
      clear: both;
      min-height: 60px;
      list-style: none outside none;
      background: none !important;
}
   ul.item-list div.item-avatar {
      float: left;
   }

   ul.item-list div.item {
      margin-left: 65px;
                list-style: none !important;
   }

   ul.item-list div.action {
      position: absolute;
      top: 0;
      right: 15px;
      text-align: right;
   }


   #th-title, #th-poster, #th-group, #th-freshness, #th-postcount {
    background: #CC7474;
   }
   #whats-new-avatar img.avatar {
    height: 60px;
    width: 60px;
   }
   
   #groups-list img.avatar {
    height: 50px;
    width: 50px;
    
   }
   #group-admins img.avatar {
    height: 20px;
    width: 20px;
   }
   
/***
 * Content Object Headers
 */

div#item-header {
   padding-bottom: 15px;
   overflow: hidden;
}
   div#item-header div#item-header-avatar {
      float: left;
      margin-right: 15px;
   }

   div#item-header div#item-header-content {
      float: left;
   }

   #item-actions {
    float: right;
   }
   
   #item-actions h3 {
    font-size: 14px;
   }
   #group-admins li {
    background: none !important;
    list-style: none !important;
   }
   
   #item-header-avatar img {
    height: 150px;
    width: 150px;
   }
/***
 * Activity Stream Post Form
 */

form#whats-new-form {
   overflow: hidden;
   padding-bottom: 20px;
}
   form#whats-new-form #whats-new-avatar {
      float: left;
   }

   form#whats-new-form h5 {
      clear: none;
      margin-left: 76px;
   }

   form#whats-new-form #whats-new-content {
      margin-left: 54px;
      padding-left: 22px;
   }

   form#whats-new-form #whats-new-textarea {
      padding: 8px;
      border: 1px inset #ccc;
      margin-bottom: 10px;
   }
   form#whats-new-form textarea {
      width: 100%;
      height: 60px;
      font-size: 14px;
      font-family: inherit;
      color: #555;
      border: none;
      margin: 0;
      padding: 0;
   }

   form#whats-new-form #whats-new-submit {
      float: right;
      margin: 0;
   }

/***
 * Activity Stream Post Form
 */

ul.activity-list {
   margin: 0;
   padding: 0;
}

ul.activity-list li {
   overflow: hidden;
   padding: 20px 0;
}
   ul.activity-list li img.avatar {
      float: left;
      width: 60px;
      height: 60px;
   }

   ul.activity-list li div.activity-content {
      margin-left: 75px;
   }

   ul.activity-list li div.activity-comments {
      margin: 15px 0 0 38px;
   }
      ul.activity-list li div.activity-comments ul li {
         padding: 5px 0;
      }

      ul.activity-list li div.activity-comments img.avatar {
         width: 25px;
         height: 25px;
      }

      ul.activity-list li div.acomment-content, ul.activity-list li div.acomment-meta {
         margin-left: 35px;
      }

   ul.activity-list li div.activity-inreplyto {
      margin: 15px 0 0 75px;
      font-size: 11px;
   }

/***
 * Input Forms
 */

/* Activity comment forms */

form.ac-form { display: none; } /* JS will show this */

div.activity-comments form {
   display: none;
   margin: 10px 0 10px 33px;
   padding: 8px;
}

   div.activity-comments div#message {
      margin-top: 15px;
      margin-bottom: 0;
   }

   div.activity-comments form.loading {
      background-image: url( ../images/ajax-loader.gif );
      background-position: 2% 95%;
      background-repeat: no-repeat;
   }

   div.activity-comments form .ac-textarea {
      padding: 8px;
      border: 1px inset #ccc;
      margin-bottom: 10px;
   }
      div.activity-comments form textarea {
         width: 100%;
         height: 60px;
         border: none;
         padding: 0;
      }
         div.activity-comments form input {
            margin-top: 5px;
         }

   div.activity-comments form div.ac-reply-avatar {
      float: left;
   }

   div.activity-comments form div.ac-reply-content {
      margin-left: 25px;
      padding-left: 15px;
   }

/* Standard Input Forms */

form.standard-form label, form.standard-form span.label {
   display: block;
   margin: 15px 0 5px 0;
}
   form.standard-form div.checkbox label,
   form.standard-form div.radio label {
      font-weight: normal;
      margin: 5px 0 0 0;
   }

   form.standard-form textarea {
      width: 75%;
      height: 120px;
   }

/* Send Invites Form */
form#send-invite-form {
   margin-top: 20px;
}
   div#invite-list {
      height: 400px;
      overflow: scroll;
      padding: 5px;
      width: 160px;
      margin: 10px 0;
   }

/* Directory search forms */

form.dir-form div.dir-search {
   float: right;
   width: 45%;
   margin: 0 0 25px 0;
}