a:link, a:visited
{
	color: #336600;
	text-decoration: none;
}

a:hover, a:active
{
	text-decoration: underline;
}

blockquote
{
	margin: 10px 35px 10px 13px;
	padding: 0 5px;
	background: #eee;
	border: 1px solid #ccc;
}

img
{
	border: none;
}

.hidden
{
	display: none;
}

.centerize
{
	text-align: center;
}

body
{
	color: #333;
	font-size: 13px;
	font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
	background: #cccc99;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

#wrapper
{
	width: 792px;
	margin: 0px auto;
	background: url('../images/01_bodybg.gif') repeat-y;
	text-align: center;
}

#header
{
	position: relative;
	width: 792px;
	height: 185px;
	margin: 0px auto;
	background: url('../images/01_header01.jpg') no-repeat;
	text-align: center;
}

#container
{
	width: 100%;
	float: left;
	margin-right: -230px;
}

#content
{
	margin-right: 230px;
	padding: 25px 0;
	text-align: left;
}

#sidebar
{
	width: 230px;
	float: right;
	padding: 25px 0;
	text-align: left;
}

#footer
{
	width: 748px;
	height: 90px;
	margin: 0px 23px;
	background: url(../images/logo_small.gif) 5px 10px  no-repeat;
	border-top: 1px solid #ccc;
}

#credits
{
	font-size: 11px;
	text-align: left;
	width: 588px;
	padding: 10px 15px;
	float: right;
}

.clearing
{
	height: 0;
	clear: both;
}

#header h1
{
	position: absolute;
	top: 16px;
	left: 24px;
	font-size: 20px;
	line-height: 20px;
	margin: 0;
}

#navigation
{
	font-size: 11px;
	width: 694px;
	height: 22px;
	position: absolute;
	top: 129px;
	left: 3px;
}

#navigation ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#navigation li
{
	background: none;
}

h2
{
	color: #3E565F;
	margin: 0 0 3px 0;
	font-size: 16px;
}

h3
{
	color: #333333;
	margin: 0 0 8px 0;
	font-size: 14px;
}

h3 .small
{
	font-size: 11px;
}

h4
{
	font-size: 11px;
}

.contentdiv
{
	margin: 0 15px 0 22px;
}

.sidebardiv
{
	margin: 0 22px 0 15px;
}

.contentbody img
{
	border: none;
}

.c_commentbody
{
	background: url('../images/01_hdot.gif') repeat-x bottom;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 5px;
}

.c_userlink
{
	margin: 0 0 5px 0;
}

.c_commentinfo
{
	font-size: 10px;
	background: url('../images/01_item1.gif') no-repeat 0 1px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 3px;
	margin-bottom: 0;
	padding-left: 13px;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.contentbody
{
	margin: 0;
	padding: 0 0 20px 18px;
	text-align: left;
}

.sidebarbody
{
	margin: 0 0 20px 0;
	padding: 0;
}

.sidebarin
{
	padding: 0;
	margin: 0;
}

.divcommentsmade .contentbody
{
	background: url('../images/01_quote1.gif') no-repeat 0 3px;
}

.divcommentsmademe .contentbody
{
	background: url('../images/01_quote4.gif') no-repeat 0 3px;
}

.divaddcommentbg
{
	background: url('../images/01_quote3.gif') no-repeat 0 3px;
}

.itemdetails
{
	text-align: right;
	background: url('../images/01_hdot.gif') repeat-x top;
	padding-left: 0;
	padding-right: 0;
	padding-top: 5px;
	padding-bottom: 0;
}

.item1
{
	background: url('../images/01_item1.gif') no-repeat 0 1px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 13px;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.item2
{
	background: url('../images/01_item2.gif') no-repeat 0 3px;
	margin-left: 12px;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 13px;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.item3
{
	background: url('../images/01_item3.gif') no-repeat 0 3px;
	margin-left: 12px;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 15px;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.about h3
{
	height: 23px;
	text-indent: -9999px;
	background: url('../images/01_s_about.gif') no-repeat;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 2px;
}

.login h3
{
	height: 23px;
	text-indent: -9999px;
	background: url('../images/01_s_login.gif') no-repeat;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 2px;
}

.categories h3
{
	height: 23px;
	text-indent: -9999px;
	background: url('../images/01_s_categories.gif') no-repeat;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 2px;
}

.about h3
{
	height: 23px;
	text-indent: -9999px;
	background: url('../images/01_s_about.gif') no-repeat;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 2px;
}

.search h3
{
	height: 23px;
	text-indent: -9999px;
	background: url('../images/01_s_search.gif') no-repeat;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 2px;
}

.links h3
{
	height: 23px;
	text-indent: -9999px;
	background: url('../images/01_s_links.gif') no-repeat;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 2px;
}

.latestcomment h3
{
	height: 23px;
	text-indent: -9999px;
	background: url('../images/01_s_latestcomment.gif') no-repeat;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 2px;
}

.recentarticles h3
{
	height: 23px;
	text-indent: -9999px;
	background: url('../images/01_s_recentarticles.gif') no-repeat;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 2px;
}

.subscribe h3
{
	height: 23px;
	text-indent: -9999px;
	background: url('../images/01_s_subscribe.gif') no-repeat;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 2px;
}

.navigation h3
{
	height: 23px;
	text-indent: -9999px;
	background: url('../images/01_s_navigation.gif') no-repeat;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 2px;
}

.recentactivities h3
{
	height: 23px;
	text-indent: -9999px;
	background: url('../images/01_s_recentactivities.gif') no-repeat;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 2px;
}

.sponsors h3
{
	height: 23px;
	text-indent: -9999px;
	background: url('../images/01_s_sponsors.gif') no-repeat;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 2px;
}
.mostpopulararticles h3{
        width: 155px;
	height: 23px;
	text-indent: -9999px;
	background: url('http://www.uigarden.net/english/images/106.gif') no-repeat;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:2px
}
h2.weblog, h2.comments, h2.commentsmade, h2.addcomment, h2.archives, h2.activities, h2.error, h2.member, h2.sendmessage, h2.searchpage, h2.about,  h2.contactus, h2.privacy, h2.sitemap
{
	height: 23px;
	text-indent: -9999px;
	margin: 0 0 5px 0;
}

h2.weblog
{
	background: url('../images/01_m_weblog.gif') no-repeat;
}

h2.comments
{
	background: url('../images/01_m_comments.gif') no-repeat;
}

h2.commentsmade
{
	background: url('../images/01_m_commentsmade.gif') no-repeat;
}

h2.addcomment
{
	background: url('../images/01_m_addcomment.gif') no-repeat;
}

h2.archives
{
	background: url('../images/01_m_archives.gif') no-repeat;
}

h2.error
{
	background: url('../images/01_m_error.gif') no-repeat;
}

h2.member
{
	background: url('../images/01_m_member.gif') no-repeat;
}

h2.sendmessage
{
	background: url('../images/01_m_sendmessage.gif') no-repeat;
}

h2.searchpage
{
	background: url('../images/01_m_search.gif') no-repeat;
}

h2.contactus
{
	background: url('../images/01_m_contactus.gif') no-repeat;
}

h2.activities
{
	background: url('../images/01_m_activities.gif') no-repeat;
}

h2.about
{
	background: url('../images/01_m_about.gif') no-repeat;
}

h2.privacy
{
	background: url('../images/01_m_privacy.gif') no-repeat;
}

h2.sitemap
{
	background: url('../images/01_m_sitemap.gif') no-repeat;
}

form
{
	margin: 0;
	text-align: left;
}

.txpCommentInputMessage
{
	width: 130px;
	font-size: 11px;
	font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
	margin: 0 0 2px 0;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
}

.txpCommentInputMessage:focus
{
	border: 1px solid black;
}

.button
{
	font-size: 11px;
	font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
	margin: 5px 0 0 0;
	padding: 1px 10px;
	color: #494949;
	background: white;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
}

textarea
{
	overflow: auto;
}

.commentform .txpCommentInputMessage, .mailform .txpCommentInputMessage, .contactform .txpCommentInputMessage
{
	width: 240px;
}

.commentform textarea
{
	background: white url('../images/01_txbg.gif') no-repeat center;
}

.contactform textarea
{
	background: white url('../images/01_txbg1.gif') no-repeat center;
}

.divaddcomment, .divsendmessage form
{
	width: 390px;
	margin-left: 40px;
	background: #e1efca url('../images/01_mountaintop.gif') no-repeat top;
}

.commentform, .mailform, .contactform
{
	padding: 10px 20px;
}

.login form, #searchform
{
	width: 164px;
	background: #e1efca url('../images/01_mountaintop2.gif') no-repeat top;
}

.loginform, #searchform
{
	padding: 10px;
}

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

li
{
	background: url('../images/01_arrow.gif') no-repeat 0 6px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 2px;
	padding-left: 9px;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.highlight
{
	font-weight: bold;
	text-decoration: underline;
}

#LSShadow
{
	padding: 2px;
}

#LSRes
{
	background-color: #fff;
}

.LSRow
{
	padding: 0 5px;
}

#LSHighlight
{
	background-color: #aaa;
}

#LSHeader
{
	padding: 1px 1px 1px;
}

.lsDate
{
	display: block;
	color: #555;
}

#rssLiveArchive
{
	margin: 10px 0 0;
}

#rssLiveArchive ul
{
	padding: 0;
	list-style-type: none;
}

#rssLiveArchive ul li
{
	text-align: left;
	padding: 1px 8px;
}

#rssLiveArchive-year
{
	float: left;
	width: 100px;
	margin: 0;
	padding: 0;
}

#rssLiveArchive-year li
{
	position: relative;
	font-weight: bold;
}

#rssLiveArchive-month
{
	float: left;
	width: 100px;
	margin: 0;
	font-weight: bold;
}

#rssLiveArchive-month li
{
	position: relative;
}

#rssLiveArchive-post
{
	float: left;
	width: 276px;
	margin: 0;
}

#rssLiveArchive-post li
{
	position: relative;
	font-weight: bold;
}

#rssLiveArchive ul li span
{
	position: absolute;
	right: 8px;
	font-weight: normal;
	color: #333;
}

*html #rssLiveArchive ul li span
{
	top: 0px;
}

#rssLiveArchive .selected
{
	background: #eee;
	padding-top: 0;
	padding-bottom: 0;
}