/* 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: 0;}

hr {
	height: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 0;
	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: 1px 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: 15px 12px 15px 12px;
			}
			#xo-globalnav a:hover {
				background-image: url(../img/nav_h.gif);
				background-repeat: repeat-x;
				color: #fff;
				padding: 15px 12px 15px 12px;
				margin: 0;
			}
/* 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: 0;
			padding: 8px 5px 7px 30px;
		}

/* 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;

	padding: 9px 0 0 16px;

	margin: 0;

}

#xo-canvas-leftcolumn .xo-blockcontent {

	border-left: 0px solid #ddd;

	border-right: 0px solid #ddd;

	border-bottom: 0px 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;

	padding: 9px 0 0 16px;

	margin: 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 0px;

/*	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 0px;

	/*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: 10px 7px 0 7px;

}

	#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: 0;}

.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;}