css правка блока

Помогите пожалуйста переписать CSS код блока.

Сейчас:

CSS

.widget {

	width:181px;

	margin:-23px 0 12px;

}

.widget:after {

	content:"";

	clear:both;

	display:block;

}

.widget .t,

.widget .b {

	width:100%;

	height:113px;

	text-indent:-9999px;

	overflow:hidden;

	background:url(../images/bg-widget-t.png) no-repeat;

}

.widget-short .t {height:63px;}

.widget .b {

	height:10px;

	background:url(../images/bg-widget-b.png) no-repeat;

}

.widget .c {

	height:1%;

	padding:0 29px 0 14px;

	background:url(../images/bg-widget-c.png) repeat-y;

}

.widget .c:after {

	content:"";

	clear:both;

	display:block;

}

.widget .widget-holder {

	float:left;

	width:100%;

	margin:-85px 0 0;

	position:relative;

}

.widget-short .widget-holder {margin:-34px 0 0;}

.widget .heading {

	width:100%;

	margin:0 0 16px;

}

.widget .heading:after {

	content:"";

	clear:both;

	display:block;

}

.widget .heading img {

	float:right;

	margin:-29px -26px -6px -16px;

	position:relative;

}

.widget h3 a {color:#000;}

.widget h3 a:hover {color:#b82911;}

.widget ul {

	margin:0;

	padding:0;

	list-style:none;

	width:100%;

	font-size:12px;

	line-height:14px;

}

.widget ul li {

	vertical-align:top;

	padding:0 0 10px;

}

HTML

<div class="widget">

<div class="t">

</div>

<div class="c">

<div class="widget-holder">

<ul>

<li><a href="#site-vizit">Сайт-визитка</a></li>

<li><a href="#official-site">Официальный сайт</a></li>

<li><a href="#internet-shop">Сайт-магазин</a></li>

<li><a href="#corp-site">Корпоративный сайт</a></li>

</ul>

</div>

</div>

<div class="b">*</div>

</div>

Должно быть:

CSS

div.module_hot,

div.module_new,

#left div.module_menu,

#left div.module_text,

#left div.module,

#right div.module_menu,

#right div.module_text,

#right div.module,

.usertop div.module_menu,

.usertop div.module_text,

.usertop div.module,

.userbottom div.module_menu,

.userbottom div.module_text,

.userbottom div.module,

.before_after div.module_menu,

.before_after div.module_text,

.before_after div.module{

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-o-border-radius: 5px;

	border-radius:5px;

	-moz-box-shadow: 0px 5px 8px #ddd;

	-webkit-box-shadow: 0px 5px 8px #ddd;

	-o-box-shadow: 0px 5px 8px #ddd;

	box-shadow: 0px 5px 8px #ddd;

}

HTML

<div class="module_hot">

			<div>

				<div>

					<div>

													<h3>Who is online</h3>

											

			<p>We have 2***160;guests and no members online</p>



					</div>

				</div>

			</div>

		</div>

Помогите пожалуйста как переписать код.