/* ---------------
Profile: Design 4 - Technical
Author: Marco Palinar
Description: 2 columns, Black
Last Update: 03.05.2007 (leah)
----------------*/

body { 
margin: 0; 
padding: 0; 
font: normal 10px Arial, Helvetica, sans-serif; 
color: #dddddd; 
background-image: url(/calliope/3.5.1/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;
}

p { font: normal 10px Arial, Helvetica, sans-serif }

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 }

#wrapper { 
width: 760px; 
display: block;
padding: 20px 10px 10px 10px; 
margin: 0 auto; 
/*background-image: url(/calliope/3.5.1/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;
margin-left:7px !important;
}

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

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

.component { 
margin: 0 auto 15px auto; 
padding:0 !Important;
background: #1B1B1B; 
border: 1px solid #575757; 
width: 100% !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:248px;
height: 210px; 
background: url(/calliope/3.5.1/imagesdb/profile/images/main_pic_bg4.png) no-repeat center center; 
margin: 0 auto 10px auto }

#pic-display-wrap { 
width: 195px;
margin: 0 auto 0 auto;
padding: 50px 0 0 0 }

#pic-frame { 
height: 100px; 
width: 100px; 
overflow: hidden; 
border: 3px solid #444444; 
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:207px;
}

/*.caption { text-align: center; margin: 10px }*/

/* 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;
}


/* imstatus */

#imstatus-wrap{
margin-left:17px !important;
}

#im-status a { margin: 0 5px 0 0 }


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




/*#custom-title-bar a.collapse{
float: left; 
position: relative; 
overflow:hidden !important;
padding: 8px 5px 15px 5px !important 
}*/

/* person pic */

.person-pic a span { 
display: none }

.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-box { 
height:110px;
width: 100px;
float: left; 
position:relative;
display:inline;
overflow: hidden; 
padding:0 auto !important;
margin:11px 10px 0 0 !Important;
text-align:center !important;
border: 1px solid #575757;
}

/* person lists */

#people-listings{
overflow:hidden !important;
height:100% !important;
padding: 0 !important; 
width: 100%; 
margin: 0 auto; 
text-align:center;
margin: -8px 0 13px 6px !important;
}

#people-listings-friendster { 
overflow:hidden !important;
height:100% !important;
padding: 0 !important; 
width: 100%; 
margin: 0 auto; 
text-align:center;
margin: -8px 0 13px 6px !important;}

#people-listings-multiply { 
overflow:hidden !important;
height:100% !important;
padding: 0 !important; 
width: 100%; 
margin: 0 auto; 
text-align:center;
margin: -8px 0 13px 6px !important;}

#people-listings-myspace {
overflow:hidden !important;
height:100% !important;
padding: 0 !important; 
width: 100%; 
margin: 0 auto; 
text-align:center;
margin: -8px 0 13px 6px !important; }

/* blog list */

#blogs-listed { margin: 10px }

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

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

#blogs-listed ul li a:hover, .component a:hover { color:#BBBBBB }

#blogs-listed ul{
margin:10px 0 0 0 !important;
padding:0 !important;
}


#blogs-listed ul li {
margin: 0 0 5px 25px !Important;
padding: 0 !important;
list-style: circle;
font: normal 11px Arial, Helvetica, sans-serif; 
text-decoration: none; 
color: #dddddd;
}

/*#select-blog { 
overflow:hidden !important;
height:100% !important;
padding: 10px 0 !important; 
margin: 10px 0 0 10px; 
width: 100px }

#wordspew { 
margin: 0 10px 10px 10px }

.avatar-pic { 
height: 52px; 
width: 52px; 
overflow: hidden; 
margin: 10px 0 10px 10px; 
border: 1px solid #575757 }

.avatar-pic a span { display: none }

.avatar-pic a { 
height: 52px; 
width: 52px; 
display: block }*/

/* custom content */

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

/* testimonial */

.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; }

/*.date { margin-top: 0 }*/


/* icons */ 

li.restricted { 
background: url(/calliope/3.5.1/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.1/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.1/imagesdb/profile/images/myvideo.png); 
background-position: left; 
background-repeat: no-repeat; 
padding-left: 22px }

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

/*
#flickr-wrap, #pbase-wrap, #photobucket-wrap, #twentythree-wrap, #fotothing-wrap {
margin-top:5px !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 thumbnails */

div.photothumb { 
height: 67px; 
width: 67px; 
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;
}


/*

.fotothing-link { 
display:block; 
height: 72px; 
width: 72px }

.pbase-link { 
display:block; 

height: 72px; 
width: 72px }*/

/* 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;
clear:both;
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.1/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.1/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:3px;
font-weight:bold;
display: block }

.page-numbers a {
font-weight:normal;
}

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

/* youtube */

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

.video { 
background-color: #0F0F0F; 
width: 143px;
height:240px;
float:left;
position:relative;
display:inline !important;
overflow:hidden;
border: 1px solid #575757; 
margin: 0 5px 15px 6px; }

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

.video-info{
height:113px !important;
overflow:hidden! important;
}

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

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

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

/* delicious */

#delicious-feed { margin: 10px }

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

#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 }




/*.date { font: normal 10px Arial, Helvetica, sans-serif !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 5px !important;
  padding: 0 !important;
  text-decoration:none;
}

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

/* 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-image:url(http://s.i.ph/3.5.1/images/rightdiagonal.gif);*/
  background-position: top right !important;
/*  background-repeat: no-repeat;*/
}

/*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 #575757; 
padding:10px;
background:#1b1b1b;
}

#adsense iframe{
background:#1b1b1b;
}