/* layout */
html, body {
	background-image: url('../img/header.gif');
	background-repeat: repeat-x;
	font-family: helvetica, arial, sans-serif;
	font-size: 11px;
	color: #848484;
	padding: 0;
	margin: 0
}
#xo-canvas {
	width: 950px;
	margin: 0 auto;
}
#xo-canvas-content {
	padding: 0;
	margin: 15px 0 0 0;
	*margin: 8px 0 0 0; /* ie 6 */
}
#xo-page {	padding-top: 5px;}

/* hypertext links */
a {color: #3774be; text-decoration: none;}
a:hover {color: #3774be; text-decoration: underline;}

/* titles */
h1 {
	font-family: helvetica, arial, sans-serif;
	font-size: 2em;
	color: #fff;
	padding: 0;
	margin: 0;
}
h2 {font-size: 1.2em;}
h3 {
	font-family: helvetica, arial, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	color: #a6a6a6;
	padding: 0;
	margin: 0 0 10px 0;
}
h4 {font-size: 1em;}
h5 {font-size: .9em;}
h6 {font-size: .8em;}

/* images */
img {border: 0px none;}

hr {
	height: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 0px none;
	background: url('../img/dot_line.gif') repeat-x bottom;
}


/* lists */
#xo-canvas-content ul {	margin: 2px; padding: 2px;	list-style: decimal inside; text-align: left;}
#xo-canvas-content li {	margin-left: 2px;	background-color: inherit;	color: #639ACE; line-height: 1.4em;	list-style:	square inside;}

/* forms */
input {color: #696969;background: url('../img/input_.gif') repeat-x left; border: 1px solid #c9c9c9}
input:focus {border: 1px solid #3774be;}
select {font-size: .9em;}
textarea {border: 1px solid #c9c9c9; color: #696969;}
textarea:focus {border: 1px solid #3774be;}
p { padding: 0; margin: 0 0 10px 0; }

/* header */
#xo-header {
	height: 122px;
	color: #fff;
}
	#xo-header a { color: #fff; text-decoration: none; }
	#xo-header a.current { color: #fff; text-decoration: none; }
	.site_title {
		float: left;
		margin: 23px 0 0 0;
	}
  .slogan {
		float: left;
		color: #91bef5;
		font-style: italic;
		font-size: 1em;
		margin: 31px 0 0 20px;
	}
/* Navigation menu */
	#xo-globalnav {
		padding: 73px 0 0 0;
	}
		#xo-globalnav ul {
			list-style-type: none;
			padding: 0px 0 0 0;
			margin: 0 auto;
		}
			#xo-globalnav ul li {
				float: left;
				border-left: 1px solid #3676c4;
				border-right: 1px solid #1957aa;
				padding: 0;
				margin: 0;
			}
			#xo-globalnav a {
				background-image: url('../img/nav.gif');
				background-repeat: repeat-x;
				display: block;
				font-size: .9em;
				font-family: helvetica, arial, sans-serif;
				font-weight: bold;
				color: #fff;
				text-decoration: none;
				text-transform: uppercase;
				text-align: center;
				padding-left:12px; padding-right:12px; padding-top:15px; padding-bottom:15px
			}
			#xo-globalnav a:hover {
				background-image: url('../img/nav_h.gif');
				background-repeat: repeat-x;
				color: #fff;
				margin: 0; padding-left:12px; padding-right:12px; padding-top:15px; padding-bottom:15px
			}
/* Search area */
	#xo-search {
		float: right;
		margin: 6px 0 0 0;		
	}
		#xo-search input {
			width: 118px;	
			background-image: url('../img/input.gif');
			background-repeat: repeat-x;
			font-family: helvetica;
			font-size: 1em;
			color: #696969;
			border: 0px none;
			padding-left:30px; padding-right:5px; padding-top:8px; padding-bottom:7px
		}

/* left columns */
#xo-canvas-leftcolumn {
  width: 200px;
	padding-right: 10px;
	margin: 0;
}
#xo-canvas-leftcolumn th {background-color: #639ACE; color: #fff; vertical-align: middle;}
#xo-canvas-leftcolumn .xo-blocktitle h3 {
	height: 20px;
	width: 184px;
  background-image: url('../img/boxtop.gif');
	background-repeat: no-repeat;		
	font-size: .9em;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0; padding-left:16px; padding-right:0; padding-top:9px; padding-bottom:0
}
#xo-canvas-leftcolumn .xo-blockcontent {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px 15px 10px 15px;
	margin: 0 0 25px 0;
}

/* right columns */
#xo-canvas-rightcolumn {
  width: 200px;
  padding-left: 10px;
  margin: 0;
}
#xo-canvas-rightcolumn th {background-color: #639ACE; color: #fff; vertical-align: middle;}
#xo-canvas-rightcolumn .xo-blocktitle h3 {
	height: 20px;
	width: 184px;
	background-image: url('../img/boxtop.gif');
	background-repeat: no-repeat;
	font-size: .9em;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0; padding-left:16px; padding-right:0; padding-top:9px; padding-bottom:0
}
#xo-canvas-rightcolumn .xo-blockcontent {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px 15px 10px 15px;
	margin: 0 0 25px 0;
}

/* center blocks */
#xo-page .xo-block {margin: 5px;}

#xo-topblocks th {background-color: #639ACE; color: #fff; vertical-align: middle;}

#xo-topcenterblocks, #xo-bottomcenterblocks {}
#xo-topcenterblocks .xo-blocktitle h3, #xo-bottomcenterblocks .xo-blocktitle h3 {
  margin: 5px;
  padding-left: 10px;
  padding-bottom: 2px;
	font-family: helvetica, arial, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	color: #a6a6a6;
	border-bottom: #f1f1f1 solid 1px;
/*	background: url(../img/right_arrow.gif) no-repeat left;*/
 }
#xo-topcenterblocks .xo-blockcontent, #xo-bottomcenterblocks .xo-blockcontent { padding: 5px 8px 8px 8px; margin-bottom: 2px; line-height: 1.4em;	text-align:justify;}
#xo-topleftblocks, #xo-bottomleftblocks, #xo-toprightblocks, #xo-bottomrightblocks { width: 49.5%;}
#xo-topleftblocks .xo-blocktitle h3, #xo-bottomleftblocks .xo-blocktitle h3,
#xo-toprightblocks .xo-blocktitle h3, #xo-bottomrightblocks .xo-blocktitle h3 {
  margin: 5px;
  padding-left: 10px;
  padding-bottom: 2px;
	font-family: helvetica, arial, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	color: #a6a6a6;
	border-bottom: #f1f1f1 solid 1px;
	/*background: url(../img/right_arrow.gif) no-repeat left;*/
}
#xo-topleftblocks .xo-blockcontent, #xo-toprightblocks .xo-blockcontent,
#xo-bottomleftblocks .xo-blockcontent, #xo-bottomrightblocks .xo-blockcontent { margin-bottom: 2px; padding: 5px 8px 8px 8px; text-align:justify; line-height: 1.4em;}

/* content module page */
#xo-content {text-align: justify; padding: 8px;}

/* footer */
#xo-spacer { clear: both; height: 25px; }
#xo-footer {
	clear: both;
	height: 30px;
	background-image: url('../img/footer.gif');
	background-repeat: repeat-x;
	padding-left:7px; padding-right:7px; padding-top:10px; padding-bottom:0
}
	#xo-footer a { color: #848484; text-decoration: none; }
	#xo-footer a:hover { color: #848484; text-decoration: underline; }

	.lfooter {
		float: left;
		width: 45%;
	}
	.rfooter {
		float: right;
		width: 45%;
		text-align: right;
	}
#xo-logger-output{ font-size: .8em;}

/* block main menu */
#mainmenu {	font-size: 11px;}
#mainmenu a {display: block; margin: 0; padding: 4px;border-bottom: 1px solid #e9e9e9;}
#mainmenu a:hover {}
#mainmenu a.menuTop {}
#mainmenu a.menuMain {}
#mainmenu a.menuSub {padding-left: 12px; background-color: #fff; font-size:.9em; font-style:italic; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #ccc;}
#mainmenu a.menuSub:hover {background-color: #e6e6e6;}

/* block user menu */
#usermenu {	font-size: 11px;}
#usermenu a {display: block; margin: 0; padding: 4px;border-bottom: 1px solid #e9e9e9;}
#usermenu a:hover {}
#usermenu a.menuTop {}
#usermenu a.highlight {background-color: #fcc;}

/* tables and cells */
table {width: 100%;}
table td {padding: 0; border-width: 0; vertical-align: top; }
th {background: url('../img/title.gif') repeat-x top; color: #fff; padding : 5px; vertical-align : middle}
th a {color: #fff;}
.outer {border: 1px solid #c9c9c9;}
.head {background-color: #f4f4f4; padding: 5px; font-weight: bold;}
.even {background-color: #f5f5f5; padding: 5px;}
.odd {background-color: #f9f9f9; padding: 5px;}
.foot {background-color: #f3f3f3; padding: 5px; font-weight: bold;}
tr.even td {background-color: #f5f5f5; padding: 5px;}
tr.odd td {background-color: #f8f8f8; padding: 5px;}

/* core messages */
.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;font-weight: bold; padding: 10px;}
.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa;font-weight: bold; padding: 10px;}
.resultMsg { background-color : #ccc; color: #333; text-align: center; border-top: 1px solid #ccc; border-left: 1px solid #ccc; font-weight: bold; border-right: 1px solid #666; border-bottom: 1px solid #666; padding: 10px;}

/* codes and quotes */
.xoopsCode { background-color: #fff; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0 6px 6px 6px; max-height: 200px; overflow: auto;}
.xoopsQuote { background-color: #fff; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; font-style:italic; padding: 0 6px 6px 6px;}

/* articles */
.item {background: none; color: #999;}
.itemHead {padding: 3px; font-size: 1.1em;}
.itemInfo {text-align: right; padding: 3px;}
.itemTitle a {
  font-weight: bold;
  font-variant: small-caps;
  font-family: helvetica, arial, sans-serif;
	font-size: 1.2em;
  color: #fff;
  background-color: transparent;
	color: #a6a6a6;	
}
.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;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 1.3em; font-weight: bold;}
.itemFoot {
text-align: center;
padding: 6px;
margin: 0 50px 0 50px;
background-color: #f5f5f5;
border: 1px solid #eee;
}
.itemAdminLink {font-size: 1em;}
.itemPermaLink {font-size: 1em;}

/* forums */
.comTitle { font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: 10px; color: #639ACE; 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: #639ACE; font-weight:bold; font-size: .8em;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 11px; font-weight:bold;}
.comUserRankImg {border: 0px none;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: .8em}
.comDateCaption {font-weight: bold; font-style: normal; font-size: .8em}
.signature { font-size:.8em; font-style:italic;}