/**
 *	Reset all HTML paddings & margins.
 */
* {
	margin								: 0;
	padding							: 0;
}

IMG {
	border							: 0;
}

IMG.center {
	text-align						: center;
	margin							: 0 auto;
	display						: block;
	margin-top						: 6px;
	margin-bottom					: 4px;
}

IMG.left {
	text-align						: left;
	float							: left;
	margin							: 2px 6px 2px 0;
	clear							: left;
}

IMG.right {
	float							: right;
	text-align						: right;
	margin							: 2px 0 2px 6px;
	clear							: right;
}

ACRONYM, ABBR, DFN {
	cursor							: help;
}

#xoopsHiddenText {
	visibility						: hidden;
}

.pagneutral {
	font-size						: 12px;
	width							: 16px;
	height							: 19px;
	text-align						: center;
	background-image				: url(./images/pagneutral.gif);
}

.pagact {
	font-size						: 12px;
	width							: 16px;
	height							: 19px;
	text-align						: center;
	background-image				: url(./images/pagact.gif);
}

.paginact {
	font-size						: 12px;
	width							: 16px;
	height							: 19px;
	text-align						: center;
	background-image				: url(./images/paginact.gif);
}

/**
 *	For required elements in XOOPS form, can be overwritten in theme styles.
 */
.xoops-form-element-caption .caption-marker {
	display						: none;
}

.xoops-form-element-caption-required .caption-marker {
	background-color				: inherit;
	padding-left					: 2px;
	color							: #ff0000;
}

.xoops-form-element-help {
	font-size						: 12px;
	padding-top					: 5px;
	font-weight					: normal;
}

/* fix for swf banner */
#xo-fixbanner a {
	display						: block;
	position						: absolute;
	z-index						: 102;
	width							: 468px;
	height							: 60px;
}

/**
 *	Default Xoops components style.
 */
.even {
	background-color					: #EEE;
	text-valign							: middle;
	padding							: 5px;
	margin								: 5;
}

.odd {
	background-color					: #FFF;
	text-valign							: middle;
	margin								: 5;
	padding							: 5px;
}

.even TD, .odd TD {
	font-size							: 12px;
	line-height						: 25px;
}

.outer {
	background-color					: #A29C8D;
	text-valign							: middle;
	margin								: 0;
	padding							: 0;
}

.xcgouter {
	background-color					: #000;
	text-valign							: middle;
	margin								: 0;
	padding							: 0;
}

.head {
	background-color					: #E2DBD3;
	padding							: 3px;
}

.foot {
	background-color					: #E2DBD3;
	padding							: 3px;
}

.comTitle {
	font-weight						: bold;
	margin-bottom						: 2px;
}

.comText {
	padding							: 2px;
}

.comUserStat {
	font-size							: 12px;
	color								: #333;
	font-weight						: bold;
	border								: 1px solid #CCC;
	background-color					: #FFF;
	margin								: 2px;
	padding							: 2px;
}

.comUserStatCaption {
	font-weight						: normal;
}

.comUserStatus {
	margin-left						: 2px;
	margin-top							: 10px;
	color								: #333;
	font-weight						: bold;
	font-size							: 12px;
}

.comUserRank {
	margin								: 2px;
}

.comUserRankText {
	font-size							: 12px;
	font-weight						: bold;
}

.comUserRankImg {
	border								: 0;
}

.comUserImg {
	margin								: 2px;
}

.comDate {
	font-weight						: normal;
	font-style							: italic;
	font-size							: 12px;
}

.comDateCaption {
	font-weight						: bold;
	font-style							: normal;
}

.item {
	border								: 1px solid #CCC;
}

.itemHead {
	background-color					: #E2DBD3;
	color								: #666600;
	padding							: 2px;
	font-weight						: bold;
	text-align							: left;
}

.itemInfo {
	text-align							: right;
	padding							: 3px;
	background-color					: #EFEFEF;
}

.itemTitle A {
	font-size							: 12px;
	font-weight						: bold;
	font-variant						: small-caps;
	color								: #666600;
	background-color					: transparent;
}

.itemPoster {
	font-size							: 12px;
	font-style							: italic;
}

.itemPostDate {
	font-size							: 12px;
	font-style							: italic;
}

.itemStats {
	font-size							: 12px;
	font-style							: italic;
}

.itemBody {
	padding-left						: 5px;
	text-align							: left;
}

.itemText {
	margin-top							: 5px;
	margin-bottom						: 5px;
	line-height						: 1.5em;
}

.itemText:first-letter {
	font-size							: 133%;
	font-weight						: bold;
}

.itemFoot {
	text-align							: right;
	padding							: 3px;
	background-color					: #EFEFEF;
}

.itemAdminLink {
	font-size							: 12px;
}

.itemPermaLink {
	font-size							: 12px;
}

.blockTitle {
	color								: #FD6C28;
	font-size							: 12px;
	font-weight						: bold;
}

.blockContent {
	padding							: 2px;
}

.bg1 {
	background-color					: #FFF;
}

.bg2 {
	background-color					: #A29C8D;
}

.bg3 {
	background-color					: #E7E3D9;
}

.bg3_2 {
	background-color					: #F3F2F0;
}

.bg3_3 {
	background-color					: #FDF4E3;
}

.bg4 {
	background-color					: #F3F2F0;
}

.fg1 {
	color								: #000;
	font-size							: 12px;
}

.fg2 {
	color								: #000;
	font-size							: 12px;
}

.artblock {
	text-align							: left;
	margin								: 13px;
	padding							: 13px;
	color								: #4243E0;
}

.postedby {
	color								: #000;
	text-align							: left;
	background							: #FFEAA2;
	border-bottom						: 1px dashed #FD6C28;
}

.title {
	color								: #FD6C28;
	text-align							: left;
	font-weight						: bold;
}

.news {
	color								: #000;
	width								: 100%;
	text-align							: left;
	padding							: 13px;
	min-height							: 120px;
}

.bottomlink {
	margin-right						: 13px;
	font-size							: 12px;
	color								: #4243E0;
	text-align							: right;
}

.menutitle{
	color								: #FD6C28;
	font-size							: 12px;
	font-weight						: bold;
}

.opentable{
	background-color					: #FDF4E3;
	border								: 0px dotted #63CAFF;
}

/* color -- dropdown menu for Forum */
#dropdown A {
	color								: #FFF;
}

#dropdown .menubar, #dropdown .menu, #dropdown .item, #dropdown .separator {
	background-color					: #99B5CC;
	color								: #FFF;
}

#dropdown .separator {
	border								: 1px inset #E0E0E0;
}

#dropdown .menu A:hover {
	color								: #333;
}
/* color - end */

/* direction -- for rtl */
DIV.dropdown UL, DIV.dropdown .userbar {
	direction							: ltr;
}

/* for IE, tune the value if necessary */
DIV.dropdown LI UL {
	left								: -150px !important;
}

/* for non-IE, tune the value if necessary */
DIV.dropdown LI>UL {
	left								: -1px !important;
}

/* need a more formal solution, any help would be appreciated */
DIV.dropdown .userbar {
	float								: right !important;
}
/* direction fix end */