/* 
	sidebar         : 364px
	profile-sidebar : 268px 
*/

#sidebar .widget { width: 324px; }
#profile-sidebar .widget { width: 228px; }

.widget { padding: 20px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 20px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px; }
.widget h5 { display: block; text-shadow: rgba(255,255,255, 1) 0px 1px 0px; color: rgb(70,70,70); padding: 0 0 12px 0;  }

.list-widget ul { padding-left: 15px;  }
.list-widget ul li { margin: 0 0 6px 0; list-style-type: disc; list-style-position: outside; }

#sidebar #new-users { width: 325px; padding: 20px 19px 20px 20px; background-color: rgb(230,230,230); }
#sidebar #new-users ul { width: 325px; }
#sidebar #new-users ul li { float: left; }
#sidebar #new-users ul li a { display: block; width: 64px; height: 64px; margin: 0 1px 1px 0; overflow: hidden; }
#sidebar #new-users ul li a img { width: 64px; height: 64px; }

#sidebar #new-comments,
#sidebar #directory,
#sidebar #favorites    { background:rgb(241,241,241) url(../images/bg-gradient-green.png) repeat-x top left; }

#sidebar #directory a { display: inline-block; padding: 6px 10px; margin: 0 4px 4px 0;  -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.1em; background-color: rgb(200,200,200); color: rgb(60,60,60); border: 1px solid rgb(180,180,180); text-shadow: rgba(255,255,255, 1) 0px 1px 0px; }
#sidebar #directory a span { font-weight: bold; font-size: 1.2em; color: rgb(255,255,255); text-shadow: rgba(0,0,0, 0.2) 0px -1px 0px;}
#sidebar #directory a:hover { background-color: rgb(210,210,210); text-decoration: none; }
#sidebar #directory a.even { background-color: rgb(245,245,245); text-shadow: rgba(255,255,255, 1) 0px 1px 0px; }
#sidebar #directory a.even span { color: rgb(60,60,60); text-shadow: rgba(255,255,255, 1) 0px 1px 0px; }
#sidebar #directory a.even:hover { background-color: rgb(255,255,255); }


#sidebar #new-comments dl dt { padding: 0 0 0 36px; margin: 0 0 6px 0; }
#sidebar #new-comments dl dt  a { font-weight: bold; text-shadow: rgba(255,255,255, 1) 0px 1px 0px; }
#sidebar #new-comments dl dd { padding: 0 0 12px 36px; margin: 0 0 12px 0; border-bottom: 1px solid rgb(220,220,220);  }
#sidebar #new-comments dl dd span { display: block; margin-top: 12px;  }


/* --------------------------------------------------------- profile */

/* following */

#profile-sidebar .widget ul#following { width: 228px; }
#profile-sidebar .widget ul#following li { padding:0; }
#profile-sidebar .widget ul#following li { float: left; }
#profile-sidebar .widget ul#following li a { display: block; width: 50px; height: 50px; padding: 0 7px 7px 0; }
#profile-sidebar .widget ul#following li a img { width: 50px; height: 50px; }

#profile-sidebar .widget .option { text-align: right; }

#profile-sidebar #profile-info {  width: 228px; border: 1px solid rgb(180,180,180); padding: 19px 19px 7px 19px;    }
#profile-sidebar #profile-info ul { margin: 0 0 20px 0; }
#profile-sidebar #profile-info ul li { padding: 0 0 2px 0; width: 228px;  }
#profile-sidebar #profile-info ul li strong { display: block; width: 208px; position:relative; left: -20px; padding: 0 0 0 18px; font-size: 1.1em; border-left: 2px solid rgb(247,147,30); }


#profile-sidebar .widget .widget ul { padding-left: 15px; }
#profile-sidebar .widget .widget li { margin: 0 0 6px 0; list-style-type: disc; list-style-position: outside; }

/* option */


#profile-sidebar  ul#option { width: 268px; height: 50px; margin: 0 0 20px 0; }
#profile-sidebar  ul#option li { float: left; }
#profile-sidebar  ul#option li a { display: block; width: 134px; height: 50px; font-size: 1.2em; line-height: 360%; color: rgb(60,60,60); text-align: center; background: url(../images/bg-single-option.png) no-repeat;  text-shadow: rgba(255,255,255,1) 0px 1px 0px;}
#profile-sidebar  ul#option li a:hover { text-decoration: none; }
#profile-sidebar  ul#option li a#favorite { background-position: top left; }
#profile-sidebar  ul#option li a#favorite:hover { background-position: left bottom; }
#profile-sidebar  ul#option li a#share { background-position: top right; }
#profile-sidebar  ul#option li a#share:hover { background-position: right bottom; }