/* ---------------
Profile: Design 1
Author: Marco Palinar
Description: 3 column, Black
Last Update: 03.05.2007 (leah)
----------------*/

body { 
margin: 0; 
padding: 0; 
font: normal 11px Arial, Helvetica, sans-serif; 
color: #dddddd; 
background-image: url(/calliope/3.5/imagesdb/profile/images/body_bg.png); 
background-repeat: repeat-x; 
background-color: #515151 }

a { 
text-decoration: none !important; 
color: #dddddd }

a:hover{
color:#bbbbbb !important;
}

a img { border: 0 }

hr { 
margin: 0; 
padding: 0; 
height: 1px; 
color: #666666; 
background-color: #666666; 
border: none }

dl dt { 
font: bold 11px Arial, Helvetica, sans-serif; 
margin: 0 !important; 
clear: both }

dl dd { font: normal 11px Arial, Helvetica, sans-serif }

.clear{ 
clear: both;
display: block; 
content:"."; 
height:1px; 
visibility: hidden; }

#wrapper { 
width: 760px; 
display: block;
padding: 20px 10px 10px 10px; 
margin: 0 auto; 
/*background-image: url(/calliope/3.5/imagesdb/profile/images/wrapper-bg.png); 
background-repeat: repeat-y; */
background:#2f2f2f;
border: 1px solid #575757; 
height: 100% }

#left-column { 
float: left; 
width: 248px !important; 
position: relative;
display:inline;
}

#middleColumn { 
float: left; 
width: 248px !important; 
position: relative;
display:inline;
margin-left:7px;
}

#rightColumn { 
width: 248px !important; 
float: left; 
position: relative; 
display:inline;
margin-left:8px;
}

.component { 
margin: 0 auto 15px auto; 
background: #1B1B1B; 
border: 1px solid #575757; 
width: 95% !Important;
overflow:hidden;
position: relative !important;
}

.component h2 { 
overflow:hidden;
padding:5px;
 }

.title-bar { 
background: #0F0F0F; 
overflow:hidden !important;
border-bottom: 1px solid #575757; 
padding:2px 0 !important;
margin:0 !important;
}

.component h2 span { 
padding:0 !important;
margin:0 !important;
position: relative; 
overflow:hidden !important;
display: block }

.component a.collapse { 
float: left; 
position: relative; 
display:block;
overflow:hidden !important;
padding: 2px 5px !important }

.component h3 { 
font: bold 14px Arial, Helvetica, sans-serif;
margin: 5px 0 5px 0 }

.component p { 
font: normal 11px Arial, Helvetica, sans-serif; 
margin: 5px 0 5px 0 }

.component a:link, .component a:visited { 
font: normal 11px Arial, Helvetica, sans-serif; 
text-decoration: none; 
color: #dddddd }

.component h2, .component h2 span { 
font: bold 12px Arial, Helvetica, sans-serif; 
 }


/*avatar*/

#pic-display {
width:236px;
height: 200px; 
background: url(/calliope/3.5/imagesdb/profile/images/main_pic_bg3.png) no-repeat center center; 
margin: 0 auto 10px auto }

#pic-display-wrap { 
margin: 0 auto 0 auto;
padding: 47px 0 0 0 }

#pic-frame { 
height: 100px; 
width: 100px; 
overflow: hidden; 
border: 3px solid #444; 
margin-left: auto; 
margin-right: auto }

#pic-frame a { 
display: block; 
height: 100px; 
width: 100px }

#pic-frame a span { display: none }

#upload_page{
position:absolute;
left:202px;
}

/*short info*/

#short-info, #about-me p, #leftSubColumn_more-about-me dl { 
margin: 10px }

#short-info h3{
font-size:16px;
margin:0 0 10px 0 !important;
padding:0 !important;
}

#short-info dl { list-style: none }

#short-info dd { margin-bottom: 5px }

#leftSubColumn_more-about-me dd { 
margin-bottom: 10px }

#short-info {
overflow:hidden !Important;
width:90%;
}

#info #edit-button {
display:block !important;
float:right;
z-index:5;
margin:0 !Important;
padding:0 !important
position:absolute;
}

#info img {
display:inline;
margin:5px 5px 5px 3px !Important;
padding:0 !Important;
}

#info .refresh{
margin: 2px !important;
}

/*im-status*/

#imstatus-wrap img { margin: 0 0 0 5px }

#title-bar-imstatus {
margin-left:10px !Important;
}

/*person pic*/

.person-pic { 
height: 71px; 
width: 71px;
overflow: hidden !important; 
margin: 10px auto }


.person-pic a { 
height: 71px; 
width: 71px;
overflow: hidden !important; 
display: block }

.person-pic a span { 
display: none }

.person-box { 
width: 94px;
height:115px;
background-color: #0F0F0F; 
border: 1px solid #575757; 
overflow: hidden; 
float: left; 
position:relative;
margin: 10px 6px 0 5px !important; 
float:left;
display:inline !important;
position:relative;
padding: 0 !important;
}

/*people lists*/

#people-listings{
margin: -5px auto 15px 1px !important; 
padding: 0; 
position:relative;
text-align: center;
overflow:hidden !important;
height:100% !important;
}

#people-listings-friendster { 
margin: -5px auto 15px 1px !important; 
padding: 0; 
position:relative;
text-align: center;
overflow:hidden !important;
height:100% !important;}

#people-listings-multiply { 
margin: -5px auto 15px 1px !important; 
padding: 0; 
position:relative;
text-align: center;
overflow:hidden !important;
height:100% !important;}

#people-listings-myspace {
margin: -5px auto 15px 1px !important; 
padding: 0; 
position:relative;
text-align: center;
overflow:hidden !important;
height:100% !important;}

/*photo lists*/

#flickr-feed { 
overflow:hidden !important;
height:100% !important;
padding: 0 !important; 
width: 100%; 
margin: 0 auto; 
text-align:center;
margin: -5px 0 13px 4px !important; }

#pbase-feed { 
overflow:hidden !important;
height:100% !important;
padding: 0 !important; 
width: 100%; 
margin: 0 auto; 
text-align:center;
margin: -5px 0 13px 4px !important;}

#photobucket-feed { 
overflow:hidden !important;
height:100% !important;
padding: 0 !important; 
width: 100%; 
margin: 0 auto; 
text-align:center;
margin: -5px 0 13px 4px !important; }

#twentythree-feed { 
overflow:hidden !important;
height:100% !important;
padding: 0 !important; 
width: 100%; 
margin: 0 auto; 
text-align:center;
margin: -5px 0 13px 4px !important;}

#fotothing-feed { 
overflow:hidden !important;
height:100% !important;
padding: 0 !important; 
width: 100%; 
margin: 0 auto; 
text-align:center;
margin: -5px 0 13px 4px !important;}

/*photo thumbnail*/

div.photothumb { 
height: 62px; 
width: 62px; 
float: left; 
position:relative;
display:inline;
overflow: hidden; 
padding:0 auto !important;
margin:8px 7px 0 0 !Important;
text-align:center !important;
border: 1px solid #575757;
}

.photothumb img{
margin:0 !important;
padding:0 !important;
}

/*blog list*/

#blogs-listed { margin: 10px }

#blogs-listed ul { 
list-style: none; 
padding: 0; 
margin:10px 0 0 0 }

#blogs-listed ul li {
margin: 0 0 5px 25px !Important;
padding: 0 !important;
list-style: circle;
text-decoration: none; 
color: #dddddd;
}

/*testimonials*/

.testimonial br {
display:none; !important;
}

.testimonial p { 
margin: 0 10px 15px 10px !important;
overflow:hidden !important;
}

.testimonial-body {
border-bottom: 1px solid #575757; 
padding-bottom:15px;
overflow:hidden !important;
}

.user-link a { font-weight: bold !important; }

/*component icons*/

li.restricted { 
background: url(/calliope/3.5/imagesdb/profile/images/restricted-icon.png) no-repeat left center ;
}

.refresh { 
float: right; 
margin: 2px 5px; 
display: block; 
position: relative; 
cursor:pointer !important;
z-index:15;
}

a.edit span { 
float: right; 
padding: 0 !important; 
margin: 0 !important;
border:1px solid red;
border: none; 
cursor: pointer; 
display: block }


/*album list*/

#album-listed { margin: 10px }

#album-listed ul { 
list-style: none; 
padding: 0; 
margin: 10px 0 20px 0; 
padding-bottom: 10px; 
border-bottom: 1px solid #575757 }

#album-listed ul li { 
padding-left: 22px; 
margin: 0 0 2px 0 }

h3#myphotos span { 
background-image: url(/calliope/3.5/imagesdb/profile/images/photo_album.png); 
background-position: left; 
background-repeat: no-repeat; 
padding-left: 20px }

h3#myvideos span { 
background-image: url(/calliope/3.5/imagesdb/profile/images/myvideo.png); 
background-position: left; 
background-repeat: no-repeat; 
padding-left: 22px }

h3#myaudio span {
background-image: url(/calliope/3.5/imagesdb/profile/images/myaudio.png); 
background-position: left; 
background-repeat: no-repeat; 
padding-left: 22px }

/*pagination*/

div.pager { 
background-color: #0F0F0F; 
border-top: 1px solid #575757; 
text-align: center; 
font-size:11px;
color:fff;
height: 25px; 
margin: 0 !important; 
margin-left:-9px !important;
margin-right:-9px !important;
margin-bottom: -9px !important;
position:relative;
padding: 5px 0 0 0 !important}

div.pager a { 
vertical-align: bottom;
padding-top:5px;
}

a.prev { 
display: block; 
background-image: url(/calliope/3.5/imagesdb/profile/images/prev.png); 
background-repeat: no-repeat; 
background-position: center; 
height: 16px; 
width: 16px; 
float: left; 
margin: 0 0 0 10px }

a.next { 
display: block; 
background-image: url(/calliope/3.5/imagesdb/profile/images/next.png);
background-repeat: no-repeat; 
background-position: center;
height: 16px;
width: 16px; 
float: right; 
margin: 0 10px 0 0 }

.page-numbers { 
margin: 0 16px 0 16px; 
padding-top:2px;
font-weight:bold;
display: block }

a.prev span, a.next span { 
display: none }


/*youtube*/

#youtube-wrap {
margin-top:15px !important;
}

.video { 
background-color: #0F0F0F; 
width: 150px;
overflow:hidden;
border: 1px solid #575757; 
margin: 10px auto 15px auto }

.video-thumb { 
width: 100px; 
height: 97px; 
overflow: hidden; 
border: 1px solid #575757; 
margin: 10px auto 10px auto }

.video-info h3 { 
margin: 5px 10px 15px 10px !important;
overflow:hidden !important;
text-align:center; }

.video-info dl { 
list-style: none; 
margin: 10px }

.video-info dd { 
margin-bottom: 10px }

/*delicious*/

#delicious-feed { margin: 10px }

#delicious-feed h3{
font-family:arial,verdana,tahoma;
font-size:10px;
}

#delicious-feed h3 a{ margin-bottom: 5px; 
font-size:10px !important;
}

#delicious-feed dd { margin-bottom: 5px }

.delicious-link { 
padding-bottom: 10px; 
border-bottom: 1px solid #575757; 
margin-bottom: 15px }

/*custom content*/

#custom-content {
overflow:hidden !important;
margin:10px !important;
}

/*custom rss*/

#customrss-feed ul {
margin:10px 0 0 0 !important;
padding:0 !important;
}

#customrss-feed ul li {
  margin: 0 0 5px 35px !Important;
  padding: 0 !important;
  list-style: circle;
}

#customrss-feed ul li a {
  text-decoration:none;  
  margin:0 !important;
  padding: 0 !important;
}

#customrss-feed ul li a:hover {
  text-decoration:underline;
}

#customrss-feed h3 a {
  font-weight: bold; 
  margin: 0 0 0 10px !important;
  padding: 0 !important;
  text-decoration:none;
}

/*default space*/

.feed-wrap{
  margin:10px !important;
}

/*to fix topbar bug*/

.cdetopbar-tab-nav {
/*  width: 610px;
  height: 25px;
  margin: 0 10px 0 auto;
  position:relative !important;
  background-repeat: no-repeat;
  background-image:url(http://s.i.ph/3.5/images/rightdiagonal.gif);*/
  background-position: top right !important;

}

/*to fix extra bottom space in ie6*/

.component .clear {
display:none !important;
}

#people-wrap br {
display:none !important;
}

#adsense{
margin:0 auto 15px auto !important;
width:728px !important;
border: 1px solid #999999; 
padding:10px;
background:#1b1b1b;
}

#adsense iframe{
background:#f4f4f4;
}