@charset "utf-8";

.pics {  
    height:  300px;  
    width:   960px;
  overflow:hidden;
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    top:  0; 
    right: 0;
} 

.profile_avatar { float:left; width:200px;}
.profile_about {float:right; width:730px;}

#profilelist {/*background:url(/img/aparat.jpg) no-repeat 88% 2em;*/ height:300px; width:960px; margin:0 auto 4em auto; border:1px solid #333; border-width:1px 0; /*padding:2em 0*/ position:relative}
.title { top:0px; right:0; font-size:1em; line-height:1.4em; text-align:left; z-index:400; width:220px; height:300px; position:absolute; background:#000; padding:0em 1.5em 0 1.5em;}
.title h1 { margin-top:.5em;}

#portfolio {margin:0 !important; padding:0 !important;}
#portfolio li{
        width: 170px; margin:0; text-indent:0; padding:0 !important;
        min-height: 200px;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin:0 2px 2px 0 !important;  padding:0 !important;
        zoom: 1;
        *display: inline;
        _height: 200px;
  text-align:center;
}
#portfolio li:before{ content:"" !important }
#portfolio li img { display:block; border:none !important}

#userlist {
  margin:0 !important;  padding:0 !important;
  text-align:left; width:960px;
  position:relative;
}

#userlist li {
  width: 210px;
    min-height: 250px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin:0 25px 20px 0 !important;  padding:0 !important;
    *display: inline;
  zoom:1; color:#999;
    _height: 250px;
  text-indent:0 !important;
  }
#userlist li:before{ content:"" !important }
#userlist li img { background: url(/img/noavatar.gif) no-repeat center top; width:210px; height:210px;}

  /* root element for tabs  */
  ul.css-tabs {  
    margin:0 !important; 
    padding:0 !important; text-indent:0 !important; 
  }
  
  /* single tab */
  ul.css-tabs li {  
    float:left; clear:both; width:210px;
    padding:0 !important; 
    margin:0 -20px 2px 0;  
    list-style-type:none; 
  }
  ul.css-tabs li:before { content:"" !Important}
  
  /* link inside the tab. uses a background image */
  ul.css-tabs a:link, ul.css-tabs a:visited { 
    float:left;
    font-size:13px;
    display:block;
    padding:5px 30px; width:150px;  
    text-decoration:none;
    border:1px solid #333;  
    border-right:1px;
    height:18px;
    background-color:#333;
    color:#777;
    margin-right:2px;
    position:relative;
    top:0em; left:-1px;
  }
  
  ul.css-tabs a:hover {
    background-color:#333;
    color:#999;
  }
    
  /* selected tab */
  ul.css-tabs a.current:link, ul.css-tabs a.current:visited {
    background-color:#212121;
    border-right:2px solid #212121; 
    color:#fff; 
    cursor:default;
  }
    
  /* tab pane */
  div.css-panes div.pane {
    display:none;
    border:1px solid #333;
    border-width:1px 1px 1px 1px;
    margin-left:220px;
    min-height:400px; height:auto !important; height:400px;
    padding:15px 20px;
    background-color:#212121; 
  }