/* CSS Document - PROFIL */

/*upgrade*/
body{background-color:transparent}

/*layout*/
#wrap{padding:20px 30px}
#right-top{float:left;width:260px;margin-left:50px}
h2{font-size:1.2em;color:#5880ca}
h2 span{color:#999}

/* register info */
#register-info{width:670px;padding:10px;font-size:14px;background:#e0ebf7;float:left;margin:0}
#register-info p{margin:0;padding:0;float:left;width:510px}
#register-info a#register-button{height:35px;line-height:35px;background:#5c9ff1;text-align:center;font-size:18px;color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;display:block;float:right;padding:0 10px;text-decoration:none}
#register-info a#register-button:hover{background:#4c8fe3}
#register-info-end{display:block;clear:left;height:10px;width:150px;background:url(img/register-info-bg.png) no-repeat right top;margin:0 0 20px 0;padding:0}
.ie6 #register-info-end, .ie7 #register-info-end{margin-top:-20px}
.ie6 #register-info a#register-button{padding:0 9px}

/* actions */
#actions ul, #actions li{margin:0;padding:0;list-style:none}
#actions li{display:inline}
#actions a{display:block;background:#e6ebf1;font-weight:bolder;width:250px;text-align:center;margin:4px 0;text-decoration:none;padding:5px 0}
#actions a:hover{background:#c3cfdd}

/*user info*/
#normal #userinfo{width:500px;float:left;background:#ffffdb url(img/about-top.png) no-repeat center top}
#normal #userinfo-inner{padding:0 10px 10px;background: url(img/about-btm.png) no-repeat center bottom}
#normal #userinfo img{float:left;margin-right:10px}
#normal h2#uinfo-title{clear:left;padding-top:20px}
#normal h2 span.status{font-size:80%;margin-left:1em}
#normal #userinfo h3{text-align:center}
#normal #userinfo p{line-height:150%}
#normal #userinfo th{text-align:left;}
#normal #userinfo col#left-col{width:150px}
#normal #userinfo th, #normal #userinfo td{vertical-align:top}

/* profile stats */
#profile_stats{float:left;width:100%;height:65px;margin:5px 0 20px 0}
#profile_stats .stat{float:left;margin:0 10px;height:51px;color:#fff;text-align:center;padding:7px 15px;min-width:65px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
#profile_stats .stat strong{display:block;font-size:30px}
#profile_stats .stat span{font-size:110%;white-space:nowrap}
#profile_stats .stat.purple{background:#9c46d3}
#profile_stats .stat.red{background:#ed3b25}
#profile_stats .stat.green{background:#6aac50}
#profile_stats .stat.blue{background:#5c9ff1}

/*user comments*/

#user-comments strong{display:block;color:#999;margin-bottom:5px}
#user-comments img{float:left;margin-right:5px}
#user-comments .comment-outer{margin-left:55px;width:280px;background:url(img/bubble-top.gif) top no-repeat;padding-top:5px;margin-bottom:20px}
#user-comments .comment-outer div.comment-inner{background:url(img/bubble-btm.gif) bottom no-repeat;padding-bottom:5px}
#user-comments .comment-outer p{padding:0 10px 0 15px;background:url(img/bubble-bg.gif) top left;margin:5px 0}
#comments-more{margin:0 0 0 65px;padding:0;}
#comments-more, #g-folder-more a{color:#999;text-decoration:none}
#commentsmore a:hover{color:#5880ca}

/*activity*/
h2#activity-title{margin-top:30px}
div#activity{width:320px;height:340px;padding:0 15px 10px;background:#ffffdb url(img/activity.png) no-repeat fixed;overflow:auto}
div#activity p img{float:left;margin-right:5px}
div#activity p{clear:left}
div#activity span.time{display:block;color:#5880ca}
* html div#activity{height:330px;padding-top:10px}

/*gallery folder*/
.g-folder{height:180px;width:190px;text-align:center;background:url(img/g-folder.png) no-repeat center -25px;float:left;margin:0 40px 35px 0}
* html .g-folder{margin:0 20px 35px 20px}
.g-folder strong{text-align:center;display:block;margin-top:40px}
.g-folder strong a{color:#999;text-decoration:none}
.g-folder strong a:hover{color:#5880ca}
.g-folder a img{border:none;margin:50px 5px 0 5px;}
#g-folder-more{float:right;margin:-20px 50px 0 0;padding:0;}
#g-folder-more, #g-folder-more a{color:#999;text-decoration:none}
#g-folder-more a:hover{color:#5880ca}

/*media*/
div#media{width:895px;background:url(img/media.png) no-repeat fixed;padding:5px 0 0 5px;height:735px;overflow:auto}
div#media object{display:block;float:left;margin:5px 5px 16px 5px}
div#media object, div#media object embed{width:425px;height:344px}

/*friends*/
#friends{width:900px}
#friends-title{padding-top:20px}
p.friend{float:left;text-align:center;margin:0 15px 25px 15px;height:120px;overflow:hidden;width:95px}
p.friend strong, p.friend span.status{display:block;text-align:center;margin:5px 0}
p.friend a{text-decoration:none}
p.friend a img{border:none;max-height:70px}
#friends-more{float:right;margin:0 30px 0 0;padding:0;}
#friends-more, #friends-more a{color:#999;text-decoration:none}
#friends-more a:hover{color:#5880ca}

/*SECRET*/
 /*user info*/
#secretprofil #userinfo{width:600px;float:left;margin-top:20px}
#secretprofil #userinfo img{float:left;margin-right:10px}
#secretprofil #userinfo h2{margin:0;padding:0}
#secretprofil h2 span.status{font-size:80%;margin-left:1em}
#secretprofil #userinfo h3{text-align:center}
#secretprofil #userinfo p{line-height:150%;color:#555}
#secretprofil #userinfo p.secret-info{float:left;background:#ffc;margin:30px 10px 10px 10px;width:380px;padding:15px;text-align:center;font-weight:bold;font-size:.9em}

/* friends */
#secretprofil .friends{float:left;width:430px;padding-right:30px;padding-top:5px;margin-top:20px}
#secretprofil .friends h3{float:left;color:#5980dd;font-weight:normal;font-size:1em;margin:0}
#secretprofil .friends a.show-all{float:right;display:block;text-align:right;text-decoration:none;color:#555;font-size:.85em}
#secretprofil .friends p.friend{width:71px;float:left;margin:0}
#secretprofil .friends p.friend a{text-decoration:none}

/* groups */
#secretprofil .groups{float:left;width:370px;padding:5px 0 15px 30px;border-left:2px solid #ddd;margin-top:20px}
#secretprofil .groups p.info{margin:0;color:#555;font-size:.85em}
#secretprofil .groups .group{width:120px;float:left;overflow:hidden}
#secretprofil .groups h3{font-size:1em}
#secretprofil .groups ul, #secretprofil .groups li{margin:0;padding:0;list-style:none}