/* ---------------
Profile: Design 3 - Minimalist
Author: Marco Palinar
Description: 3 columns, White
Last Update: 03.02.2007 (leah)
----------------*/

body {
font: normal 11px Arial, Helvetica, sans-serif; 
color: #505050; 
list-style: none; 
margin: 0 auto;
padding: 0; 
background: #FFF url(/calliope/3.7.3/imagesdb/profile/design3/images/body_bg.png) repeat-x left top }

a img { border: 0 }

a:hover { color: #999}

#wrapper { 
width: 764px; 
margin:20px auto !important;
padding-top: 20px !important; 
background: url(/calliope/3.7.3/imagesdb/profile/design3/images/wrapper_bg.png) no-repeat -15px 0}

body > #wrapper {
background: url(/calliope/3.7.3/imagesdb/profile/design3/images/wrapper_bg.png) no-repeat -15px 0}

#wrapper2 { 
width: 732px; 
margin: 0 auto !important; 
padding:0 auto !important;
}

#left-column { 
float: left; 
width: 234px; 
display:inline;
position: relative;
}

#middleColumn { 
float: right; 
width: 234px; 
display:inline;
margin-left:14px;
position: relative;
}

#rightColumn { 
width: 234px; 
float: right !important; 
display:inline;
position: relative;
}

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

.component { 
width:100%; 
margin: 0 auto 10px auto; 
border: 1px solid #E7E7E7; 
background: #FFF;
overflow:hidden;
}

.component * {  
font: normal 11px Arial, Helvetica, sans-serif; 
color: #505050;
list-style: none}

.component h2 { 
padding: 5px !important; 
color:#fff;
overflow:hidden;
}

.component h2 span { 
padding:0 !important;
margin:0 !important;
overflow:hidden !important;
font: bold 13px Verdana, Arial, Helvetica, sans-serif !important; 
color: #606060;
display: block }

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

.title-bar { 
background: #F0F0F0 url(/calliope/3.7.3/imagesdb/profile/design3/images/titlebar_bg.png) no-repeat top center;
overflow:hidden !important;
padding:2px 0 !important;
margin:0 !important; }

/* avatar */

#pic-display { 
width: 234px; 
height: 165px; 
background: url(/calliope/3.7.3/imagesdb/profile/design3/images/pic_display_bg2.png) no-repeat center 0; 
margin: 0 auto 10px auto }

#pic-display-wrap { 
padding: 30px 0 0 0 }

#pic-frame a { 
height: 70px; 
width: 70px; 
overflow: hidden; 
display: block; 
margin: 0 auto 15px auto; 
border: 5px solid #EEE }

#pic-frame a span { display: none }

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

/* short info */

#short-info, #about-me p, #leftSubColumn_more-about-me dl { 
margin: 10px;
overflow:hidden;
width:235px;
}

#short-info dl, #more-about-me dl { 
margin: 0 5px !important;
padding-bottom: 0 !important}

#short-info > dl, #more-about-me > dl { 
margin: 0; padding: 0 }

#short-info > dl:after, #more-about-me > dl:after, .video-info dl:after { 
content: "."; 
height: .01em; 
display: block; 
clear: both; 
visibility: hidden }

#short-info dt, #more-about-me dt { 
float: left; 
clear: both; 
width: 70px; 
font-weight: bold; 
display: block; 
text-align: right; 
margin: 0 5px 10px 5px }

#short-info dd, #more-about-me dd{ 
float: left; 
width: 130px !important;
overflow:hidden !Important; 
margin: 0 0 15px 0; 
display: block }

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


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

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

#info .refresh{
margin: 2px !important;
background-image: url(/calliope/3.7.3/imagesdb/profile/images/refresh-bg.gif);
background-repeat:no-repeat;
background-position:1px 2.5px;
}

/* icons */

li.restricted { 
background: url(/calliope/3.7.3/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 }

/* pagination */

.pager { 
background-image: url(/calliope/3.7.3/imagesdb/profile/design3/images/pager_bg.png); 
background-color:#E0E1E1; 
background-repeat:repeat-x;
background-position: top left; 
border: 1px solid #C4C5C5; 
align:center;
height: 26px; 
text-align:center;
margin: 5px auto; 
padding: 0 5px;
clear:both;
}

.prev { 
float: left; 
z-index:10;
display:inline;
height: 16px; 
width: 22px; 
left:0;
margin: 5px 0 0 2px}

a.prev span {
text-decoration:underline
}

a:hover.prev span{
color:#999;
}

.page-numbers { 
font-weight:bold !important;
text-align:center;
z-index:5;
margin: 5px auto; 
padding:0 auto;
text-align:center !important;

display:block!important;
}

.page-numbers a { 
padding: 0 0;
text-decoration: none }

.next { 
z-index:10;
float:right;
display:block!important;
height: 16px; 
width: 22px; 
margin: 5px 0 0 0 ;
padding:0 !Important;}

a.next span {
text-decoration:underline;
margin:0 !important;
padding:0 !Important;
}

a:hover.next span{
color:#999;
}

/* testimonials */

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

#testimonials-wrap * a span{
text-decoration:underline;
}

#testimonials-wrap * a:hover span{
color:#bbb !important;
}

.testimonial {
padding:0 !Important;
margin:0 !important;
overflow:hidden !important;
}

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

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

.testimonial br {
display:none !important;
}

/* blog list */

#rightColumn_blog-list li{
list-style-type: circle;
margin: 0 5px 3px 25px 
}

#blogs-listed{
padding:0 !important;
margin:10px !important;
overflow:hidden !Important;
}


/* album list */

#album-listed h3 { margin: 5px}

#album-list h3 span { 
font-size: 12px; 
font-weight: bold }

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

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

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

/* delicious */

#delicious-feed {
margin-bottom:12px !important;
}

.delicious-link { border-bottom: 1px #CCC solid; 
border-right: 1px #CCC solid; 
margin: 5px 3px 7px 3px;
background: #EFEFEF;
padding: 7px  }

.delicious-link h3, .delicious-link h3 a { 
margin: 0 !important; 
}

.delicious-link dl { margin: 0 }

.delicious-link dd { margin-bottom: 3px }

.delicious-link dt { font-weight: bold }

/* person lists */

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

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

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

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


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

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

/* person pic */

.person-box { 
height: 112px; 
width: 93px; 
float: left !important; 
display: inline; 
background: url(/calliope/3.7.3/imagesdb/profile/design3/images/person_bg.png) no-repeat center center; 
margin: 10px 5px 0 5px  !important; 
overflow: hidden !Important;
position:relative;
padding: 0 !important;
}

.person-box p { text-align: center }

.person-pic { 
height: 71px; 
width: 71px; 
overflow: hidden; 
border-top: 1px #CCC solid; 
border-left: 1px #777 solid; 
border-bottom: 1px #777 solid; 
border-right: 1px #777 solid; 
margin: 10px auto 5px auto }

.person-pic a { 
display: block; 
height: 71px; 
width: 71px }

.person-pic span { 
position: absolute; 
margin-top: -100000%; 
z-index: 300 }

/* photo thumbnail */

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

.photothumb img {
height: 85px; 
width: 85px;
}

/* youtube */

#youtube-wrap{
text-align:center;
}

.video { 
border-bottom: 1px #CCC solid; 
border-right: 1px #CCC solid; 
margin: 5px auto 15px auto;
text-align:left;
background: #EFEFEF; 
padding: 5px 0 !important;
width:145px;
height:245px;
overflow:hidden;
display:block;
position:relative;
 }

.video h3, .video h3 a { 
font-size: 12px; 
font-weight: bold; 
text-align:center;
margin: 0 0 10px 0; 
position: relative }


.video-thumb { 
width: 120px; 
height: 90px; 
border: 5px solid #CCC; 
margin: 5px auto; 
overflow: hidden }

.video-info { 
margin: 5px 10px; 
padding: 0 0 10% 0 ;
}

.video-info dt { 
float: left; 
width: 40px; 
font-weight: bold; 
overflow:hidden !important;
margin: 0;}

.video-info dd { 
float: left; 
width: 75px; 
overflow:hidden !important;
margin: 0 0 0 5px !Important;
}

.video-info dl { clear: both }

/* custom content */

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

/* custom rss */

#customrss-feed ul {
  margin: 5px 0 15px 0;
} 

#customrss-feed ul li {
  margin: 0 0 5px 25px;
  list-style: circle;
}
#customrss-feed ul li a {
  text-decoration:underline !Important;  
}

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

#customrss-feed h3 a {
  font-weight: bold; 
  margin: 2px 0 2px 2px;
  clear: both;
  text-decoration:none;
}

/*im status */

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

/* default space */

.feed-wrap{
padding:0 !important;
margin:10px !important;
overflow:hidden !Important;
}

/*to fix topbar bug*/

.cdetopbar-tab-nav {
/*  width: 610px;
  height: 25px;
  margin: 0 10px 0 auto;
  position:relative !important;
  background-image:url(http://static.i.ph/3.7.3/images/rightdiagonal.gif);
  background-repeat: no-repeat;*/
  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;
padding:10px 3px;
background:#ffffff;
position:relative;
border:2px solid #e7e7e7;
}

#adsense iframe{
background:#ffffff;
}