/*
*	DEFAULTS
*/

* { margin: 0; padding: 0; }
body { padding-bottom: 20px; background: #d2d4d5; color: #333333; font: .75em Verdana, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", sans-serif; }
ul, ol { list-style: none; }
a { font-weight: bold; color: #105cb6; }
a img { border: 0; }
fieldset { border: none; }
input, textarea,button { font: 1em Verdana, sans-serif; }

/*
*	PAGE
*/

#page { width: 990px; margin: 0 auto; }

/*
*	MAIN
*/

#main { clear: both; overflow: hidden; background: #ffffff; padding: 20px 20px 40px 20px; }
* html #main { height: 1%; }

/*
*	HEADER
*/

#header { overflow: hidden; padding: 15px 20px 10px 20px; margin-bottom: 15px; background: #003366 url("/graphics/v3/header-bottom.gif") bottom left no-repeat; }
* html #header { height: 1%; }

#header h1 { float: left; padding-right: 64px; }

	/* profile */

#header dl { float: left; width: 187px; padding-right: 9px; }
* html #header dl { padding-right: 0; } /* IE6 has a problem with the padding */
#header dl dt { color: #ffe28c; font-weight: bold; float: right; width: 129px; padding: 5px 10px 0 10px; }
#header dl dd { color: #9ed2f0; font-size: .75em; float: right; width: 129px; padding: 0 10px; }
#header dl dd a { color: #9ed2f0; text-decoration: none; }
#header dl dd.image { padding: 0; float: left; width: 38px; }
#header dl dd.image img { width: 32px; padding: 1px; background: #ffffff; }

	/* menu */

#header ul { font: 1.2em "Trebuchet MS", sans-serif; padding-top: 7px; float: left; }
#header ul li { margin-left: 4px; display: inline; float: left; }
#header ul li a { color: #ffffff; text-decoration: none; float: left; display: block; background: #0069a0 url("/graphics/v3/menu-left.gif") no-repeat; }
#header ul li a:hover { color: #660000; background: #ffe28c url("/graphics/v3/menu-left.gif") bottom left no-repeat; }
#header ul li a span { cursor: pointer; float: left; display: block; min-height: 18px; padding: 3px 29px 2px 5px; }

#header ul li.join a span { background: url("/graphics/v3/menu-icon-join.gif") right top no-repeat; }
#header ul li.login a span { background: url("/graphics/v3/menu-icon-login.gif") right top no-repeat; }
#header ul li.about a span { background: url("/graphics/v3/menu-icon-about.gif") right top no-repeat; }
#header ul li.advertise a span { background: url("/graphics/v3/menu-icon-advertise.gif") right top no-repeat; }

#header ul li.join a:hover span { background: url("/graphics/v3/menu-icon-join.gif") right bottom no-repeat; }
#header ul li.login a:hover span { background: url("/graphics/v3/menu-icon-login.gif") right bottom no-repeat; }
#header ul li.about a:hover span { background: url("/graphics/v3/menu-icon-about.gif") right bottom no-repeat; }
#header ul li.advertise a:hover span { background: url("/graphics/v3/menu-icon-advertise.gif") right bottom no-repeat; }

	/* search */

#header #search { padding-top: 7px; padding-left: 4px; width: 272px; float: right; }
#header #search a { padding-top: 3px; display: block; text-align: right; font-size: .8em; color: #bad0dc; font-weight: normal; text-decoration: none; }
#header #search #search-form { background: #0069a0 url("/graphics/v3/menu-left.gif") no-repeat; }
#header #search #search-form fieldset { padding: 2px 5px; background: url("/graphics/v3/menu-right.gif") top right no-repeat; }
#header #search #search-form label { padding-right: 5px; padding-top: 3px; float: left; font-weight: bold; font-size: .8em; letter-spacing: -1px; color: #ffffff; }
#header #search #search-form input { font-size: .8em; padding: 1px; float: left; vertical-align: middle; color: #666666; font-weight: bold; width: 160px; }
#header #search #search-form button { float: right; top: 0; right: 10px; border: none; width: 47px; height: 19px; cursor: pointer; text-indent: -10000em; background: #ffe28c url("/graphics/v3/search-submit.gif") no-repeat; }

/*
*	MAIN HEADER
*/

#main-header { float: left; padding: 20px; margin-bottom: 1px; background: #fffdeb url("/graphics/v3/main-header-top.gif") no-repeat; width:950px; }


	/* services */

#main-header #services { float: left; width: 200px;  }
* html #main-header #services { width: auto; }
#main-header #services p.select { min-height: 18px; margin-bottom: 5px; width: 188px; padding: 3px 5px 3px 5px; background: #ffe28c url("/graphics/v3/main-header-select.gif") no-repeat; font: bold 1em "Trebuchet MS", sans-serif; color: #663300; text-transform: uppercase; }
#main-header #services p.help { color: #996633; font-size: .8em; background: url("/graphics/v3/help-line.gif") right center no-repeat; }
#main-header #services p.help a { padding: 0 5px 0 15px; background: #fffdeb url("/graphics/v3/help.gif") center left no-repeat; font-weight: normal; color: #996633; text-decoration: none; }

#main-header #services #services-select { position: relative; }
#main-header #services #services-select a { text-decoration: none; display: block; line-height: 18px; margin-bottom: 5px; width: 188px; padding: 3px 5px 3px 5px; background: #ffe28c url("/graphics/v3/main-header-select.gif") no-repeat; font: bold 1em "Trebuchet MS", sans-serif; color: #663300; text-transform: uppercase; }
#main-header #services #services-select ul { top: 24px; position: absolute; margin-left: -1000em; border: 2px solid #ffe28c; background: #ffeaac; }
#main-header #services #services-select.hover ul,
#main-header #services #services-select:hover ul { margin-left: 0; }
#main-header #services #services-select ul li a { border-bottom: 1px solid #ffe28c; line-height: 21px; min-height: auto; margin-bottom: 0; width: 182px; padding: 0 5px; background: none; text-transform: none; color: #8f7529; }
#main-header #services #services-select ul li a:hover { color: #6f0d08; background: #ffe28c; }

	/* title area */

#main-header #title { font-size: .9em; color: #330000; float: right; width: 733px; }
#main-header #title h2 { color: #cc3300; font-size: 2.1em; letter-spacing: -1px; }
#main-header #title p.links { color: #006699; font-size: .9em; }
#main-header #title p.links a { color: #006699; text-decoration: none; }

	/* login */

#main-header #title #login-form { overflow: hidden; color: #666666; }
* html #main-header title #login-form  { height: 1%; }
#main-header #title #login-form  fieldset { float: left; padding-right: 10px; }
#main-header #title #login-form  fieldset a { color: #003366; font-weight: normal; }
#main-header #title #login-form  fieldset.links { padding-top: 22px; }
#main-header #title #login-form  input.text { margin-right: 5px; font-size: .9em; padding: 2px; font-weight: bold; color: #666666; width: 165px; }
#main-header #title #login-form  label.title { color: #cc3300; font: bold 14px/16px "Trebuchet MS"; display: block; margin: 4px 0px;}
#main-header #title #login-form  button { border: none; background: #ffe28c url("/graphics/v3/login-submit.gif") no-repeat; width: 45px; height: 21px; cursor: pointer; text-indent: -10000em; }

/*
*	CONTENT
*/

#content { overflow: hidden; width: 733px; float: right; }
* html #content { height: 1%; }
#content hr { margin-top: 10px; border: 1px solid #ffffff; clear: both; }

	/* headers */

#content h2.title { border-bottom: 1px solid #000000; margin-bottom: 20px; padding-bottom: 12px; font-weight: normal; letter-spacing: -1px; color: #000033; font-size: 1.8em; }
#content h3.title-section { border-bottom: 1px solid #cccccc; margin: 25px 0 20px 0; padding-bottom: 12px; font-weight: normal; color: #000033; font-size: 1.5em; }
#content h3.title-sub { border-bottom: 1px solid #cccccc; margin: 25px 0 10px 0; padding-bottom: 12px; color: #000033; font-size: 1.2em; }

#content div.title { overflow: hidden; border-bottom: 1px solid #000000; margin-bottom: 20px; padding-bottom: 12px; }
* html #content div.title { height: 1%; }
#content div.title h2 { float: left; width: 40%; font-weight: normal; letter-spacing: -1px; color: #000033; font-size: 1.8em; }
#content div.title p { padding-top: 10px; float: right; width: 55%; text-align: right; font-size: .8em; }
#content div.title p strong { padding-left: 15px; background: url("/graphics/v3/browse-icon.gif") bottom left no-repeat; }
#content div.title p a { text-decoration: none; }

	/* more */
	
#content p.more-content { margin: 1em 0; font-size: .8em; }
#content p.more-content a { padding: 0 15px; text-decoration: none; background: url("/graphics/v3/more-arrow2.gif") center left no-repeat; }

	/* box */

#content div.box { margin-bottom: 20px; padding: 15px 15px 1px 15px; background: #ecf9ff; }
#content div.box h2 { border-bottom: 1px solid #bbd7e3; margin-bottom: 15px; padding-bottom: 15px; color: #000033; font-size: 2.7em; word-spacing: -1px; }
#content div.box h2 a { color: #000033; text-decoration: none; }
#content div.box p { margin: 1.5em 0; line-height: 1.4em; }

	/* box info */
	
#content div.box-info { float: left; width: 475px; font-size: .9em; }

#content div.box-info div.text { margin: 19px 0; font-size: 1.1em; line-height: 1.8em; }
#content div.box-info div.text a { font-weight: normal; }
#content div.box-info div.text strong { font-size: .8em; }

#content div.box-info p.meta,
#content div.box-info p.tags,
#content div.box-info p.rating,
#content div.box-info p.date,
#content div.box-info p.type { padding-left: 15px; margin: 0; color: #999999; }

#content div.box-info p.location { font: bold 1.4em "Trebuchet MS", sans-serif; color: #336699; margin: -.75em 0 1em 0; }
#content div.box-info p.meta { background: url("/graphics/v3/page.gif") center left no-repeat; }
#content div.box-info p.tags { background: url("/graphics/v3/tag.gif") center left no-repeat; }
#content div.box-info p.rating { background: url("/graphics/v3/star2.gif") center left no-repeat; }
#content div.box-info p.rating strong { font-weight: normal; color: #666666; }
#content div.box-info p.date { background: url("/graphics/v3/calendar.gif") center left no-repeat; }
#content div.box-info p.type { background: url("/graphics/v3/page.gif") center left no-repeat; }

#content div.box-info p.meta a,
#content div.box-info p.tags a,
#content div.box-info p.type a,
#content div.box-info p.rating a { color: #666666; font-weight: normal; }

#content div.box-info div.details { overflow: hidden; margin: 19px 0; }
* html #content div.box-info div.details { height: 1%; }
#content div.box-info div.details a { font-weight: normal; }

#content div.box-info div.details img.thumbnail { float: left; border: 1px solid #d2d1c4; padding: 3px; background: #ffffff; }
#content div.box-info div.details div.detail-list { float: right; width: 250px; }
#content div.box-info div.details div.detail-list ul { margin-bottom: 15px; }
#content div.box-info div.details div.detail-list ul li { margin: 5px 0; padding-left: 15px; }
#content div.box-info div.details div.detail-list ul li.rating { background: url("/graphics/v3/star2.gif") center left no-repeat; }
#content div.box-info div.details div.detail-list ul li.rating  span { font-size: .9em; font-weight: bold; color: #999999; }
#content div.box-info div.details div.detail-list ul li.software { background: url("/graphics/v3/browse-icon.gif") center left no-repeat; }
#content div.box-info div.details div.detail-list ul li.downloaded { background: url("/graphics/v3/arrow-down.gif") center left no-repeat; }
#content div.box-info div.details div.detail-list ul li.date { background: url("/graphics/v3/calendar.gif") center left no-repeat; }
#content div.box-info div.details div.detail-list ul li.tags { background: url("/graphics/v3/tag.gif") left 3px no-repeat; }

#content div.box-info div.infoset { overflow: hidden; margin: 10px 0; }
* html #content div.box-info div.infoset { height: 1%; }

#content div.box-info div.infoset span.label { float: left; width: 120px; }
#content div.box-info div.infoset span.info { float: right; width: 345px; }

	/* box comment */
	
#content div.box-comment { background: #f3f3f3; padding: 15px; font-size: .9em; color: #999999; }
#content div.box-comment a { color: #666666; font-weight: normal; }
#content div.box-comment h3 { color: #666666; font-size: 1.5em; border-bottom: 1px solid #cccccc; padding-bottom: 10px; margin-bottom: 10px; }
#content div.box-comment fieldset { overflow: hidden; }
* html #content div.box-comment fieldset { height: 1%; }
#content div.box-comment textarea { display: block; width: 99%; height: 110px; margin: 10px auto; }
#content div.box-comment button { text-indent: -10000em; width: 106px; height: 23px; float: left; cursor: pointer; border: none; background: #d4d0c8 url("/graphics/v3/comment-submit.gif") no-repeat; float: left; margin-top: 10px; }

	/* box profile */
	
#content div.box-profile { font-size: .8em; float: right; width: 207px; padding-left: 13px; background: url("/graphics/v3/box-profile-top.gif") no-repeat; }
#content div.box-profile-wrapper { background: #ddf4ff; padding: 15px; }
#content div.box-profile a { text-decoration: none; }

#content div.box-profile div.header { font-size: .9em; font-weight: bold; color: #999999; }
#content div.box-profile div.header a { font: bold 1.7em "Trebuchet MS", sans-serif; color: #336699; }

#content div.box-profile dl { overflow: hidden; }
* html #content div.box-profile dl { height: 1%; }
#content div.box-profile dl dt { float: right; width: 125px; font: bold 1.5em "Trebuchet MS", sans-serif; color: #333333; }
#content div.box-profile dl dt a { text-decoration: none; color: #333333; }
#content div.box-profile dl dd { color: #89887e; float: right; width: 125px; font-weight: bold; }
#content div.box-profile dl dd.image { float: left; width: 32px; }
#content div.box-profile dl dd.image img { display: block; border: 3px solid #9fcde3; padding: 1px; background: #ffffff; }
#content div.box-profile dl dd.rank { padding-left: 14px; width: 111px; background: url("/graphics/v3/profile-icon.gif") center left no-repeat; }
#content div.box-profile dl dd.link { padding-left: 14px; width: 111px; background: url("/graphics/v3/more-arrow5.gif") center left no-repeat; }

#content div.box-profile div.details { margin-top: 10px; padding-top: 10px; border-top: 1px solid #bbd7e3; }
#content div.box-profile div.details img.thumbnail { display: block; margin: 0 auto 10px auto; border: 1px solid #d2d1c4; }
#content div.box-profile div.details p { margin-bottom: 10px; }
#content div.box-profile div.details p.rate { font-size: 1.1em; }
#content div.box-profile div.details p.rate span { color: #999999; display: block; font-weight: bold; font-size: .9em; }
#content div.box-profile div.details p.meta { font-size: 1.1em; line-height: 1.5em; }
#content div.box-profile div.details ul { margin-bottom: 10px; }
#content div.box-profile div.details ul li { background: #f3fbff; margin-bottom: 1px; padding: 5px; }
#content div.box-profile div.details ul li a { padding-left: 15px; display: block; color: #ff7800; }
#content div.box-profile div.details ul li.report a { color: #ff3300; background: url("/graphics/v3/red-x.gif") left center no-repeat; }
#content div.box-profile div.details ul li.recommend a { background: url("/graphics/v3/heart.gif") left center no-repeat; }
#content div.box-profile div.details ul li.bookmark a { background: url("/graphics/v3/star.gif") left center no-repeat; }
#content div.box-profile div.details ul li.comments a { background: url("/graphics/v3/comment.gif") left center no-repeat; }

	/* box code */
	
#content div.box-code { margin: 15px 0; color: #466470; padding: 15px; background: #ecf9ff; }
#content div.box-code p { margin: 1em 0; }
#content div.box-code h3 { color: #000033; font-size: 1.2em; }

#content div.box-code div.code-header { margin-top: 15px; color: #000033; padding: 10px 10px; font-weight: bold; overflow: hidden; background: #cbe8f4; }
* html #content div.box-code div.code-header { height: 1%; }
#content div.box-code div.code-header p.code-title { margin: 0; width: 40%; float: left; font-size: .9em; }
#content div.box-code div.code-header p.code-title strong { color: #336699; font-size: .9em; }
#content div.box-code div.code-header p.code-sample { margin: 0; text-align: right; font-size: .8em; width: 55%; float: right; }
#content div.box-code div.code-header p.code-sample img { vertical-align: middle; }

#content div.box-code textarea { color: #333333; font-size: .9em; padding: 3px; display: block; width: 693px; height: 60px; margin: 0 auto; }

#content div.box-code-alt { background: #f3f3f3; color: #333333; }
#content div.box-code-alt h3 { color: #333333; border-bottom: 1px solid #cccccc; padding-bottom: 10px; margin-bottom: 10px; }
#content div.box-code-alt div.code-header { color: #333333; background: #dfdfdf; }

	/* pagination */

#content div.pagination { font-size: .8em; margin: 20px 0; overflow: hidden; }
* html #content div.pagination { height: 1%; }

#content div.pagination a,
#content div.pagination span { color: #105cb6; float: left; display: block; margin: 0 2px; padding: 4px 7px; }

#content div.pagination a { border: 1px solid #8dbbf2; font-weight: normal; color: #105cb6; text-decoration: none; }
#content div.pagination a:hover { border: 1px solid #105cb6; color: #ffffff; background: #105cb6; }
#content div.pagination a.current { border: 1px solid #999999; color: #ffffff; background: #999999; }
#content div.pagination a.page { font-weight: bold; }

	/* table */
	
#content table { font-size: .9em; width: 100%; border-collapse: collapse; }
#content table thead tr { background: #f0f0f0; }
#content table thead tr th { text-align: left; padding: 10px; font-size: .9em; font-weight: bold; }
#content table thead tr th a { color: #333333; padding-right: 13px; background: url("/graphics/v3/arrow-down2.gif") center right no-repeat; }
#content table tbody tr td { padding: 10px; vertical-align: top; }
#content table tbody tr.alt { background: #f8f8f8; }

	/* table list info */
	
#content table.list-info { border-bottom: 1px solid #cccccc; }

#content table.list-info tbody tr td { border-top: 1px solid #cccccc; vertical-align: top; padding: 20px 10px; }

#content table.list-info td.description h3 { font-size: 1.5em; color: #105cb6; font-weight: bold; letter-spacing: -1px; }
#content table.list-info td.description h3 a { color: #105cb6; text-decoration: none; }
#content table.list-info td.description p { margin-bottom: .5em; }
#content table.list-info td.description p.tags,
#content table.list-info td.description p.by { padding-left: 15px; color: #999999; }
#content table.list-info td.description p.tags a,
#content table.list-info td.description p.by a { color: #999999; font-weight: normal; }
#content table.list-info td.description p.tags { background: url("/graphics/v3/tag.gif") left bottom no-repeat; }
#content table.list-info td.description p.by { background: url("/graphics/v3/profile-icon.gif") left bottom no-repeat; }
#content table.list-info td.description p.type { padding-left: 15px; background: url("/graphics/v3/page.gif") left center no-repeat; }
#content table.list-info td.description p.location { margin: 0; line-height: 1em; color: #999999; font-weight: bold; font-size: .9em; }
#content table.list-info td.description p.meta { color: #999999; }
#content table.list-info td.description p.meta a { color: #999999; font-weight: normal; }
#content table.list-info td.description p.meta span { padding: 0 5px 0 15px; }
#content table.list-info td.description p.meta span.profile { background: url("/graphics/v3/profile-icon.gif") left center no-repeat; }
#content table.list-info td.description p.meta span.categories { background: url("/graphics/v3/page.gif") left center no-repeat; }
#content table.list-info td.description p.meta span.rating { background: url("/graphics/v3/star2.gif") left center no-repeat; }
#content table.list-info td.description p.meta span.rating strong { color: #666666; font-weight: normal; }

#content table.list-info td.stats { width: 200px; font-size: .9em; font-weight: bold; line-height: 2em; }
#content table.list-info td.stats p.rate { font-size: 1.1em; line-height: 1.2em; padding-bottom: 3px; font-weight: normal; }
#content table.list-info td.stats p.rate span { display: block; color: #999999; font-weight: bold; font-size: .8em; }
#content table.list-info td.stats a { text-decoration: none; }
#content table.list-info td.stats a.report { color: #ff3300; padding-left: 15px; background: url("/graphics/v3/red-x.gif") center left no-repeat; }
#content table.list-info td.stats a.more { padding-left: 10px; background: url("/graphics/v3/more-arrow5.gif") center left no-repeat; }
#content table.list-info td.stats div.links a { color: #ff7800; padding-left: 15px; }
#content table.list-info td.stats div.links a.recommend { background: url("/graphics/v3/heart.gif") center left no-repeat; }
#content table.list-info td.stats div.links a.bookmark { background: url("/graphics/v3/star.gif") center left no-repeat; }
#content table.list-info td.stats div.links a.comments { background: url("/graphics/v3/comment.gif") center left no-repeat; }

#content table.list-info td.rank { width: 5%; letter-spacing: 2px; color: #999999; font-weight: bold; font: 1.8em "Trebuchet MS", sans-serif; }
#content table.list-info td.rank strong { color: #6f6f6f; font-weight: normal; }

#content table.list-info td.thumbnail { width: 130px; }
#content table.list-info td.thumbnail img { padding: 3px; background: #ffffff; border: 1px solid #666666; display: block; margin: 5px auto 0 auto; }

#content table.list-info td.icon { width: 50px; padding: 23px 0 20px 0; }
#content table.list-info td.icon img { margin-top: 4px; padding: 1px; background: #ffffff; border: 3px solid #9fcde3; }
#content table.list-info td.icon div.date { color: #999999; padding-right: 7px; background: url("/graphics/v3/date-top.gif") right top no-repeat; }
#content table.list-info td.icon div.date p { line-height: .7em; text-align: center; font-weight: bold; padding: 4px 5px 7px 5px; background: #ffffff; border: 1px solid #90c4da; border-right: none; }
#content table.list-info td.icon div.date strong { color: #000000; font: bold 1.7em Arial, sans-serif; }

#content table.list-info td.profile { width: 215px; color: #999999; font-size: .9em; }
#content table.list-info td.profile div.profile { background: url("/graphics/v3/box-profile-top.gif") 0 -7px no-repeat; padding-left: 13px; }
#content table.list-info td.profile div.profile div.profile-wrapper { overflow: hidden; background: #ddf4ff; padding: 10px; }
* html #content table.list-info td.profile div.profile div.profile-wrapper { height: 1%; }
#content table.list-info td.profile div.profile a.user { font: bold 1.4em "Trebuchet MS", sans-serif; color: #333333; text-decoration: none; }
#content table.list-info td.profile div.profile a.more { text-decoration: none; padding-left: 10px; background: url("/graphics/v3/more-arrow5.gif") center left no-repeat; }
#content table.list-info td.profile div.profile a.company { text-decoration: none; font: bold 1.5em "Trebuchet MS", sans-serif; display: block; padding-bottom: 5px; }
#content table.list-info td.profile div.profile div.replies { float: right; width: 48px; padding-left: 6px; background: url("/graphics/v3/replies-top.gif") no-repeat; }
#content table.list-info td.profile div.profile div.replies p { line-height: .7em; text-align: center; font-weight: bold; padding: 4px 5px 7px 5px; background: #ffffff; border: 1px solid #90c4da; border-left: none; }
#content table.list-info td.profile div.profile div.replies p strong { display: block; color: #ff3300; font: bold 1.7em Arial, sans-serif; }

	/* directory */
	
#content div.directory { font-size: .9em; }
#content div.directory div { overflow: hidden; padding-bottom: 15px; }
* html #content div.directory { height: 1%; }
#content div.directory a { text-decoration: none; }

#content div.directory div.section { float: left; width: 234px; padding-right: 10px; }
#content div.directory div.section h3 { overflow: hidden; font-size: 1.6em; border-bottom: 1px solid #cccccc; padding-bottom: 10px; }
* html #content div.directory div.section h3 { height: 1%; }
#content div.directory div.section h3 span { line-height: 1em; display: block; float: left; color: #ffffff; padding: 4px 7px; background: #000033; }

#content div.directory div.section ul li { margin: 10px 0; }
#content div.directory div.section ul li a { padding-left: 12px; font-size: 1.2em; background: url("/graphics/v3/directory-arrow.gif") center left no-repeat; }
#content div.directory div.section ul li span { padding-left: 22px; background: url("/graphics/v3/directory-icon.gif") 5px center no-repeat; }

#content div.directory div.section ul li ul { float: none; width: auto; padding-right: 0; }
#content div.directory div.section ul li ul li a { font-size: 1em; background: none; }

	/* lists */
	
#content dl.recent, #content ul.related { line-height: 1.4em; font-size: .9em; }
#content dl.recent a, #content ul.related a { font-weight: normal; text-decoration: none; }

#content dl.recent dt { margin-top: 1em; padding-left: 15px; background: url("/graphics/v3/post.gif") center left no-repeat; }
#content dl.recent dd.meta { color: #999999; }
#content dl.recent dd.meta a { color: #666666; text-decoration: underline; }

#content ul.related { line-height: 1.7em; }
#content ul.related li { padding-left: 15px; background: url("/graphics/v3/comment2.gif") center left no-repeat; }

	/* comments */
	
#content div.comment { overflow: hidden; margin: 20px 0; padding-bottom: 20px; border-bottom: 1px solid #cccccc; }
* html #content div.comment { height: 1%; }

#content div.comment div.post { width: 495px; float: left; }
#content div.comment div.post h3 { font-size: 1.2em; color: #000033; }
#content div.comment div.post h3 a { color: #000033; text-decoration: none; font-weight: bold; }
#content div.comment div.post h3 a strong { color: #ff0000; }
#content div.comment div.post p { margin: 1em 0; }
#content div.comment div.post p.date,
#content div.comment div.post p.reply { margin: 0; color: #999999; font-size: .9em; }
#content div.comment div.post p.reply a { color: #999999; text-decoration: none; font-weight: normal; }
#content div.comment div.post p.reply a.highlight { display: inline-block; font-weight: bold; font-size: .9em; background: #999999; color: #ffffff; padding: 3px; }

.formnice strong				{ display:block; font-family:Verdana; font-size:0.9em; padding-bottom:5px; color:#D87351; }
.formnice p						{ border-bottom:1px solid #EDEACB; padding:10px 15px 10px 15px; background:#FFFCE5; color:#91847D;font-family:Verdana; }
.formnice p small, .formnice p span{ display:block; margin-top:3px;  display:block; padding:3px; }
.formnice p small				{ font-size:11px; }
.formnice p img					{ border:3px solid #ddd; background:#fff; padding:1px }
.inputtext						{ padding:4px; font-size:0.9em; color:#91847D; font-family:Verdana, Arial, sans-serif; width:300px; border:1px solid #F0EED9; border-top:1px solid #DDD6AE; border-left:1px solid #DDD6AE; margin:3px 0 3px 0}
.radios							{ margin-right:5px; vertical-align:bottom; }
.inputsubmit, .Button			{ vertical-align: middle; font-size: .9em; color: #ff3300; font-weight: bold; background: #f9f9f9; cursor: pointer; padding: 6px; border-top: 1px solid #bcbcbc; border-left: 1px solid #bcbcbc; border-bottom: 1px solid #838383; border-right: 1px solid #838383; }
textarea						{ border:1px solid #F0EED9; border-top:1px solid #DDD6AE; border-left:1px solid #DDD6AE; padding:4px; font-family:Verdana, Arial, sans-serif; font-size:0.9em; color:#91847D }
p.Note { background:#FFFFCD; padding:10px; border-top:1px solid #FCCE74;  border-bottom:1px solid #FCCE74; color:#85856E; margin-top:5px; margin-bottom:5px; color:#A08A71; font-size:0.9em }
select	{ border:1px solid #ddd6ae; font-size:0.9em; color:#91847D; font-family:Verdana; padding:4px; }
label	{ cursor:pointer; }

/* login related */
#loginbox						{ margin-bottom:20px; }
#loginbox ul					{ margin-top:5px; }
#loginbox p						{ padding:5px; }
#loginbox div					{ padding:5px; text-align:left; }
#loginbox p strong				{ float:left; width:80px; color:#333 }

/*
*	SIDEBAR
*/

#sidebar { float: left; width: 200px; }

	/* box */

#sidebar div.box { padding: 10px 10px 15px 10px; font-size: .8em; color: #333333; background: #f1f0e6; margin-bottom: 10px; }
#sidebar div.box h3 { padding-bottom: 5px; margin-bottom: 5px; color: #333333; font-size: 1.5em; border-bottom: 1px dashed #cccccc; }
#sidebar div.box a { font-weight: normal; color: #003366; }
#sidebar div.box p { margin: 1em 0; }
#sidebar div.box div.text { font-size: 1.1em; }

	/* poll */

#sidebar div.box div.poll { font-size: 1.1em; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
#sidebar div.box div.poll div.result { margin: 1em 0; }
#sidebar div.box div.poll div.result div.percent { float: left; height: 11px; background: #cfc9ab url("/graphics/v3/poll-percent.gif") repeat-x; }

	/* more */

#sidebar div.box p.more { line-height: 1.2em; margin-bottom: 0; }
#sidebar div.box p.more a { font-size: .9em; font-weight: bold; padding: 0 5px 0 13px; background: url("/graphics/v3/more-arrow.gif") center left no-repeat; }

#sidebar div.box-feature p.more a { text-decoration: none; background-image: url("/graphics/v3/more-arrow4.gif"); }
#sidebar div.box-feature p.more-commentful { margin-bottom: 0; }
#sidebar div.box-feature p.more-commentful a { font-size: .9em; font-weight: bold; padding: 5px 5px 5px 20px; text-decoration: none; background: url("/graphics/v3/more-commentful.gif") center left no-repeat; }

	/* cloud */

#sidebar div.box p.cloud { line-height: 1.8em; }
#sidebar div.box p.cloud a { padding: 0 3px; text-decoration: none; font-weight: normal; }

	/* mini images */
	
#sidebar div.box div.mini-images img { margin: 2px 1px; border: 1px solid #c7b06d; padding: 1px; background: #ffffff; }

	/* default list */

#sidebar div.box ul li { font-size: 1.1em; line-height: 1.5em; padding-left: 11px; background: url("/graphics/v3/list-arrow.gif") left 6px no-repeat; }
#sidebar div.box ul li a { color: #003366; text-decoration: none; }
#sidebar div.box ul li strong { color: #8f9aa5; }
#sidebar div.box ul li strong.small { font-size: .9em; }
#sidebar div.box ul li em { color: #003366; font-weight: bold; font-style: normal; }

	/* lined list */

#sidebar div.box ul.lined li { font-size: 1em; padding: 2px 0; background: none; border-bottom: 1px solid #cccccc; }
#sidebar div.box ul.lined li a { display: block; }
#sidebar div.box ul.lined li a:hover { background: #ffffff; color: #1b7fb3; }

	/* lined arrow */

#sidebar div.box ul.lined-arrow li { font-size: 1em; padding: 2px 0 2px 11px; border-bottom: 1px solid #cccccc; }
#sidebar div.box ul.lined-arrow li a { display: block; }
#sidebar div.box ul.lined-arrow li a:hover { background: #ffffff; color: #1b7fb3; }
#sidebar div.box ul.lined-arrow li strong { color: #003366; }
#sidebar div.box ul.lined-arrow li em { font-style: normal; font-weight: bold; color: #8f9aa5; }
#sidebar div.box ul.lined-arrow li span { display: block; }

	/* feature box */

#sidebar div.box-feature { background: #ffe28c; color: #663300; }
#sidebar div.box-feature h3 { color: #663300; border-bottom: 1px dashed #cc9966; }
#sidebar div.box-feature h4 { font-weight: bold; color: #993300; font-size: 1.5em; }
#sidebar div.box-feature h4 a { font-weight: bold; color: #993300; text-decoration: none; }
#sidebar div.box-feature h5 { font-weight: bold; font-size: 1.1em; color: #533c25; border-bottom: 1px dashed #cc9966; padding-bottom: 5px; margin-bottom: 10px; }
#sidebar div.box-feature a { color: #663300; }
#sidebar div.box-feature p { margin: 1em 0; }
#sidebar div.box-feature p.meta { margin: 0; font-weight: bold; font-size: .9em; }
#sidebar div.box-feature strong.total { color: #330000; font: bold 2.4em "Trebuchet MS", sans-serif; letter-spacing: -1px; }
#sidebar div.box-feature img { display: block; border: 1px solid #c4ae6b; padding: 3px; background: #ffffff; margin: .5em auto; }
#sidebar div.box-feature strong a { font-weight: bold; }

#sidebar div.box-feature div.details { border-top: 1px solid #c4ae6b; padding-top: .5em; margin: .5em 0; line-height: 1.5em; font-size: 1.1em; }
#sidebar div.box-feature div.details p { margin: 0; }
#sidebar div.box-feature div.details p.rating span { color: #b89569; font-size: .9em; letter-spacing: -1px; font-weight: bold; }
#sidebar div.box-feature div.details img { background: none; display: inline; border: 0; padding: 0; margin: 0; }
#sidebar div.box-feature div.details a { color: #105cb6; }
	
#sidebar div.box-feature dl { margin: 10px 0; background: #ffeebc; padding: 2px 7px; overflow: hidden; }
* html #sidebar div.box-feature dl { height: 1%; }
#sidebar div.box-feature dl dt { padding-top: 3px; float: right; width: 115px; font: bold 1.6em "Trebuchet MS", sans-serif; color: #993300; }
#sidebar div.box-feature dl dt a { text-decoration: none; color: #993300; }
#sidebar div.box-feature dl dd { color: #996633; float: right; width: 111px; font-weight: bold; }
#sidebar div.box-feature dl dd.image { float: left; width: 43px; }
#sidebar div.box-feature dl dd.image img { display: block; border: 1px solid #c6af6c; padding: 3px; background: #ffffff; }
#sidebar div.box-feature dl dd.topics { padding-left: 14px; width: 101px; background: url("/graphics/v3/profile-icon.gif") center left no-repeat; }
#sidebar div.box-feature dl dd.link { padding-left: 14px; width: 101px; background: url("/graphics/v3/more-arrow6.gif") center left no-repeat; }
#sidebar div.box-feature dl dd a { font-weight: bold; text-decoration: none; color: #533c25; }

#sidebar div.box-feature ol { list-style: outside decimal; padding-left: 20px; }

	/* image box */
	
#sidebar div.box-image { padding: 0; }
#sidebar div.box-image img { display: block; }

	/* colored boxes */
	
#sidebar div.box-light-orange { background: #f7f1c9; }
#sidebar div.box-light-blue { background: #daf0f9; }
#sidebar div.box-light-teal { background: #e0f7eb; }
#sidebar div.box-light-purple { background: #fbebed; }

/*
*	FOOTER
*/

#footer { line-height: 1.5em; font-size: .8em; color: #81837a; font-weight: bold; margin-top: 1px; padding: 20px; background: #f3f3f3 url("/graphics/v3/footer-bottom.gif") bottom left no-repeat; }
#footer a { color: #81837a; }
#footer p.design-by { color: #b3b3b3; font-weight: normal; }
#footer p.design-by a { color: #b3b3b3; font-weight: normal; }