/*
black 000000
white ffffff
yellow faff3f
light yellow ffffbe
gold wheel d1a300 
green 24842a
map green 168a0c
word green 217321
orange ff6600
blue 0000cc
lightblue 2A75C5
blue mid head aecbed
blue dark head 3b7fe3
                  2956d4
		7fa2df
dk grey dddddd
dkr grey 404040
grey e6e6e6
lt grey efefef
Verdana, Arial, Helvetica, sans-serif
*/

html, body {color: #000000; background-color: #fff; margin: 0; padding: 0; font-size:9pt; font-family: Verdana, Arial, Times, sans-serif;}

table {width: 100%;}
table td {padding: 0; border-width: 0; vertical-align: top; }

a {color: #0000cc; text-decoration: none; font-weight: normal; background-color: transparent;}
a:hover {color: #ff6600;}

h1 {font-size:1.4em;}
h2 {font-size:1.3em;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}
h5 {font-size:1em;}
ul { margin: 2px; padding: 2px; list-style: disc inside; text-align: left;}
ol { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; padding: 1px; color: #217321;}

input.formButton {}

.item {border: 2px solid #efefef;}
.itemHead {padding-left: 5px; padding-right: 5px; background-color: #efefef; color: #000000;}
.itemInfo {text-align: right; padding-left: 5px; padding-right: 5px; background-color: #efefef}
.itemTitle a {font-size: 1.5em; color: #000000; background-color: transparent;}
.itemTitle a:hover {text-decoration : underline;}
.itemPoster {font-size: .9em; font-style:italic;}
.itemPostDate {font-size: .9em; font-style:italic;}
.itemStats {font-size: .9em; font-style:italic;}
.itemBody {padding-left: 5px; padding-right: 5px; background-color: #efefef;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.2em; color: #404040;}
.itemText:first-letter {font-size: 1.2em; }
.itemFoot {text-align: right; padding: 5px; background-color: #efefef;}
.itemAdminLink {font-size: .9em;}
.itemPermaLink {font-size: .9em;}

#header {text-align:center;
	margin : 0;
	padding : 0;
	height:						100px;
	background:					#1342ba   /*  url(xo-banner_bg.png) repeat-x left top    */    ;
	padding:					2px;
	color:						#ffffff;
	border:						0px solid #ffffff;
}
#headerlogo img {padding-left: 5px; }

#headerourlogo { padding-left: 15px; vertical-align: middle; text-align:right;}
#headerourbanner {padding-left: 20px; vertical-align: middle; text-align:left;}
#headerlspace { width:35%; text-align:right; }
#headerrspace { width:65%; text-align:left;  padding-right: 40px;}

#headerbanner {vertical-align: middle; text-align:center;}

#headerbar {border-bottom: 1px solid #ddd; background-image: url(hbar.gif);}

#leftcolumn {padding: 4px; width: 105px; border-right: 1px solid #ccc; font-size:1em;}
#leftcolumn th {background-color: #2A75C5; color: #000000; vertical-align: middle;}
#leftcolumn .blockTitle {padding: 3px; background-color: transparent; color: #000000; font-weight: bold;}
#leftcolumn .blockContent {padding: 3px; line-height: 1.2em;}

#centercolumn {font-size: 1; min-width:430px}
#centercolumn th {background-color: transparent; color: #000000; vertical-align: middle;}

#centerCcolumn, #bottomCcolumn {padding: 0 3px 1px 3px;}
#centerCcolumn .blockTitle, #bottomCcolumn .blockTitle {padding: 3px; color: #000000; font-weight: bold; margin-top: 0; margin-right: 0;  margin-left: 0; font-size:1.1em;}
#centerCcolumn .blockContent, #bottomCcolumn .blockContent {border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ddd; padding: 3px; margin-right: 0;  margin-left: 0; margin-bottom: 2px; line-height: 1.2em;}

#centerLcolumn, #bottomLcolumn, #centerRcolumn, #bottomRcolumn {
	width: 50%; padding: 0 3px 0 0;
}
#centerLcolumn .blockTitle, #bottomLcolumn .blockTitle, #centerRcolumn .blockTitle, #bottomRcolumn .blockTitle {
	padding: 3px; color: #000000; font-weight: bold; margin-top: 0;
}
#centerLcolumn .blockContent, #centerRcolumn .blockContent, #bottomLcolumn .blockContent, #bottomRcolumn .blockContent {
	border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ddd; padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 1.2em;
}

#content {text-align: left; padding: 8px;}

#rightcolumn {width: 240px; min-width : 138px; border-left: 1px solid #ccc; font-size:1em;}
#rightcolumn th {background-color: #2A75C5; color: #000000; vertical-align: middle;}
#rightcolumn .blockTitle {padding: 3px; background-color: transparent; color: #000000; font-weight: bold; text-align:center;}
#rightcolumn .blockContent {padding: 3px; font-size:.8em; line-height: 1.2em;}

#footerbar { background-image: url(hbar.gif); font-size:.9em; height : 23px;}
#footerbar td { vertical-align : middle; text-align:center;}

#mainmenu a {background-color: #ffffff; display: block; margin: 0; padding: 4px;}
#mainmenu a:hover {background-color: #fdefb8;}

#mainmenu a.menuTop {padding-left: 3px; border-top: 0px solid #ffffff; border-right: 0px solid #ffffff; border-bottom: 0px solid #ffffff; border-left: 0px solid #ffffff;}
#mainmenu a.menuMain {padding-left: 3px; border-right: 0px solid #ffffff; border-bottom: 0px solid #ffffff; border-left: 0px solid #ffffff;}
#mainmenu a.menuSub {padding-left: 18px; border-right: 0px solid #ffffff; border-bottom: 0px solid #ffffff; border-left: 0px solid #ffffff;}

#usermenu {	font-size : .9em;}
#usermenu a {background-color: #e6e6e6; display: block; margin: 0; padding: 2px; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; font-weight : normal;}
#usermenu a:hover {background-color: #ffffbe;}
#usermenu a.menuTop {border-top: 1px solid #c0c0c0;}
#usermenu a.highlight {background-color: #fcc;}


caption {font-weight: bold;}
th, thead {background-color: #ffffff; padding : 2px; color: #000000; vertical-align : middle;}
.outer {border: 1px solid #c0c0c0;}
.head {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
.even {background-color: #DBE2E7; padding: 5px;}
.odd {background-color: #F1F1FF; padding: 5px;}
.foot {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
.clear {background-color: #ffffff; padding: 5px}
tr.even td {background-color: #DBE2E7; padding: 5px;}
tr.odd td {background-color: #F1F1FF; padding: 5px;}
tr.foot td {background-color: #c2cdd6; padding: 5px; color:inherit; font-weight: bold;}

.errorMsg,.confirmMsg, .resultMsg  { padding: .8em; text-align:center; margin-bottom: 1em; border: 2px solid #ddd;}
.errorMsg  { background-color: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.confirmMsg { background-color: #FFF6BF; color: #817134; border-color: #FFD324; }
.resultMsg { background-color: #E6EFC2; color: #529214; border-color: #C6D880; }
.errorMsg a { background-color: transparent; color: #D12F19; }
.confirmMsg a { background-color: transparent; color: #817134; }
.successMsg a { background-color: transparent; color: #529214; }

.xoopsCode { background: #fff; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0 6px 6px 6px; height: 200px; overflow: auto; font-size:.9em;}
.xoopsQuote { background: #fff; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0 6px 6px 6px; font-size:.9em;}
blockquote {font-style : italic; line-height:1.4em;} 

.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: .9em; color: #2A75C5; font-weight:bold; border: 1px solid #c0c0c0; background-color: #fff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2A75C5; font-weight:bold; font-size: .9em;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: .9em;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName a {color: #fff;}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: .8em;}
.comDateCaption {font-weight: bold; font-style: normal;}