@import url(blocks.css);
@import url(module_content.css);

html, body {
	color: #303030;
	margin: 0;
	padding: 0;
	font-size: 10pt;
	font-family: Verdana, "Trebuchet MS", sans-serif;
	background:	#FFFFFF url(images/bg-main.gif) repeat-x left top;
}

table {
	width: 100%;

}

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

h1 {
	font-size: 200%;
	border-bottom: 1px solid #A0D3FA;
}
h2 {font-size: 140%}
h3 {font-size: 100%}
h4 {font-size: 140%}
h5 {font-size: 90%;}
h6 {font-size: 80%;}

h1, h2, h3, h4, h5, h6 {
	margin:0.2em  0;
	font-weight: bold;
	/*font-weight: normal;*/
	color: #950000;
	padding:  0.2em  0;
	line-height: 1.2em;
}

p {margin: 0 0 .8em 4px ;}

a {color: #424242; text-decoration: none; font-weight: normal; padding: 0 2px; }
a:hover {
	color: #480000;
	background: #FFFFFF;
}

img {	border:	0px;}

#xo-canvas {
	margin:			auto;
	width: 970px;
}

/* ---------- Header / banner / globalnavigation ---------- */
#xo-canvas-header {
	height: 169px;
	clear:both;
	position:relative;
	top: 21px; 
}


#xo-header-tl {
	background: url(images/header_tl.gif);
	height: 16px;
	margin-right: 21px;
	font-size: 1px;
}

#xo-header-tr {
	background: url(images/header_tr.gif);
	float: right;
	height: 16px;
	width: 21px;
	margin-top: -16px;
	font-size: 1px;
}

#xo-header-cl {
	background: url(images/header_cl.gif);
	height: 121px;
}
#xo-header-cr {
	background: url(images/header_cr.gif);
	float: right;
	height: 121px;
	width: 21px;
	margin-top: -121px;
}

#xo-header-bl {
	background: url(images/header_bl.gif);
	height: 19px;
	margin-right: 21px;
		font-size: 1px;

}
#xo-header-br {
	background: url(images/header_br.gif);
	float: right;
	height: 19px;
	width: 21px;
	margin-top: -19px;
}

/**html #xo-header-br {margin-top: -20px;} */

#xo-user-actions {
	height: 26px;
}

#xo-user-menu {
	float: left;
	position: relative;
	top: 15px;
	padding-left: 30px;
	font-size: 90%;
}

#xo-user-menu a {
	color: #CACACA;
}

#xo-user-menu a:hover {
	color: #EEE;
	background: none;
}

#xo-user-menu img {
	height: 22px;
	width: 22px;
	 vertical-align: middle; }

#xo-search {
	float: right;
	width: 22em;
	position: relative;
	top: 15px;
}

#xo-search form {
	margin: 0;
	padding: 0;
}

#xo-search form input[type=text] {
	background: #FFF;
	border:	2px solid #6e82a1;
	margin: 0;
}

#xo-main-logo {
	position: absolute;
	top: 20px;
	left: 40px;
}

#xo-banner {
	position: absolute;
	top: 30px;
	right: 40px;
}

#xo-banner a:hover, #xo-main-logo a:hover { background: none;}

#xo-slogan {
	position: absolute;
	color: #F2F0D0;
	top: 73px;
	left: 50px;
	font-size: 90%;
	font-weight: bold;
}

#xo-canvas-globalnav {
	height: 19px;
	position: absolute;
	top: 120px;
	left: 90px;
	font-size: 100%;
}

#xo-canvas-globalnav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#xo-canvas-globalnav li {
	display: inline;
}

#xo-canvas-globalnav li a {
	float: left;
	text-decoration: none;
	text-align: center;
	display: block;
	padding-right: 10px;
	color: #a7a6a6;
	text-transform: lowercase;
	font-weight: bold;
}

#xo-canvas-globalnav li a:hover {
	height: 19px;
	color: #DCDCDC;
	background:none;
}

/* ---------- Content (main) zone ---------- */
#xo-canvas-content {
	padding: 30px 30px 30px 30px;
	line-height: 1.3em;
}
#xo-page {
	color:#3e3e3e;
	padding: 0 15px;
	border-left:1px solid #AAAAAA;
}

#xo-content {
	clear:			both;
	padding:		.5em;
	margin:			0px;
}

/* ---------- column configurations ---------- */
#xo-canvas-columns { width: 930px; }
#xo-canvas-leftcolumn {	width: 200px; }
#xo-canvas-rightcolumn { width: 180px; }
#xo-canvas-leftcolumn, #xo-page, #xo-canvas-rightcolumn { vertical-align: top;}
#xo-canvas.leftcolumn-layout #xo-canvas-columns, #xo-canvas.threecolumns-layout #xo-canvas-columns {}
#xo-canvas.rightcolumn-layout #xo-page, #xo-canvas.threecolumns-layout #xo-page {}

/* ---------- Footer ---------- */
#xo-footer {
	background: #5b0202 url(images/bg_footer.gif) repeat-x left top;
	height: 161px;
	color: #FFF;
	text-align: center;
	padding: 1em;
	font-size: 90%;
}

#xo-footer a:hover {}

/* ---------- Extra layout / forms---------- */
blockquote {
	margin-left:		.5em;
	border:				1px solid #8EC0F9;
	border-left-width:	6px;
	background:			#f4faff;
	padding:			.5em;

}
.xoopsCode {
	background:			#ffffff;
	font-family:		monospace;
	border:				1px solid #d0d0d0;
	padding:			.5em;
	width:				100%;
	display:			block;
	overflow: auto;
}

input[type=submit], input[type=button]  {
	color: #FFFFFF;
	border: 1px solid #000;
	background: #0a0809 url(images/degrad-black.gif) repeat-x left top;
	font: bold 80% Geneva, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	padding: 1px 2px;
}

input[type=text], input[type=password], textarea, select {
	border:				2px solid #fff;
	margin:				2px 0px;
	padding-left:		.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	background: #d9e0e9;
}

input[type=text], input[type=password] {
	color: #333333;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
	border-color:		#6e82a1;
	outline:			1px solid #6e82a1;
	background: #EBEEF3;
	color: #333333;
}

textarea { width: 95%;}
