/* --------- Stylesheets incorporation --------- */

@import url("content.css");@import url("extraclass.css");
@import url("forms.css");@import url("blocks.css");

/* --------- Reset css --------- */

* {  margin : 0;  padding : 0;}

/* --------- Layout --------- */

html, body {	  margin : 0;	background : #000  /*url("../img/bgbody.png") repeat-x; */	padding : 0;	color : #333;	font-size : 0.95em;}
#xo-canvas {  width : 980px; margin : 0 auto; }
#xo-canvas-content {  background : #fff url("../img/bgcontent.png") repeat-x top;  padding-top : 1px;  border-top : 1px solid #fff;  }
#xo-page {padding-top : 1px; width : 980px; }

/* --------- Header --------- */

#xo-header {  height : 143px;  background : #000    url("../img/logo2.png") ;  }

/* --- Breadcrumb --- */

#xo-breadcrumb {  position : absolute;  float : left;  top : 3px;  padding-left : 9px;  z-index : 20;  color : #999;  font-size : .8em;}
#xo-breadcrumb a {color : #dfa102;}
#xo-breadcrumb a:hover {color : #e5b22f;}  



/* --- Top Menu --- */

#xo-header ul.topmenu {  position : relative;  float : right;  right : 9px;  color : #999;}
#xo-header ul.topmenu li {  display : inline;  list-style : none;}
#xo-header ul.topmenu a {  padding : 0 0 0 3px;  color : #999;  font-size : .8em;}
#xo-header ul.topmenu a:hover {color : #d2d2d2;}

/* --- User bar --- */

#xo-userbar {  display : block;  position : relative;  float : right;  top : 40px;  right : 5px;  color : #fff;  font-size : 1em;}
#xo-userbar a {color : #dfa102;}
#xo-userbar a:hover {color : #e5b22f;}
#xo-userbar form {	display : inline;	padding : 0;}

/* --- Submit Button ---- */

#xo-userbar button {  position : relative;  top : 4px;	background-color : transparent;	background-image : none;	color : inherit;	border : none;}
#xo-userbar button img {	width : 25px;	height : 25px;}
#xo-userbar button:hover {border : 0 !important;}
#xo-userbar img {	width : 25px;	height : 25px;}
#xo-userbar input {	width : 102px;	 color : #333;	padding-left:0px;}
#xo-userbar input.uname {  background : #fff url("../icons/users/pseudo.gif") no-repeat left;  padding-left : 18px;}
#xo-userbar input.password {  background : #fff url("../icons/users/password.gif") no-repeat left;  padding-left : 18px;}

/* --- Register Link ---- */

#xo-userbar p.register {  position : relative; float : left; font-weight : bold; top : 5px;  font-size : .99em;}

/* --- User Menu ---- */

#xo-userbar .usermenu {  position : relative;  top : 40px;  right : 30px;}
#xo-userbar p.welcome {  padding-bottom : 4px;  font-size : .9em;}
#xo-userbar a.uname {	background-color : inherit;	color : #dfa102;		font-weight : bold;}

/* --- Logo --- */

#xo-header img.logo {  position : absolute; margin-left : 0px;  z-index : 10; }  



 /* Banner --- */

#xo-header .banner {  position : relative;  float : right;  top : 35px;  right : -50px;  } 

/* --------- Navigation menu --------- */

ul#xo-globalnav {  height : 30px;   background : url("../img/globalnav.png") repeat-x top;    text-align : center;}
ul#xo-globalnav li {  display : inline;  list-style : none;  padding : 0 2px 0 5px;}
ul#xo-globalnav a {  position : relative;  top : 5px;  padding : 5px 3px 9px 3px;  color : #ffffff;  font-size : 1em;}
ul#xo-globalnav .navigation {  position : relative;  top : 5px;  color : #888;  font-size : 1.0em;}
ul#xo-globalnav a:hover, 
ul#xo-globalnav a:active,
ul#xo-globalnav a:focus, 
ul#xo-globalnav a.xo-current {  background : url("../img/globalnav.png") no-repeat bottom center;  color : #fff;}

/* --------- Content module page --------- */

#xo-content {  padding : 2px;  text-align : justify;  }

/* --------- Footer --------- */

#xo-footer {  height : 28px;  margin-top : 5px;  padding : 8px 6px 2px 6px;  text-align : center;  font-size : .85em;  border-top : 1px solid #f2f2f2;}
#xo-footer cite {font-style : normal;}
#xo-footer p.design {float : right;}
#xo-footer p.powered {float: left;}#xo-footer p.copyright {text-align : center;}   
#xo-logger-output{font-size : .9em;}

/* --------- Block main menu --------- */

#mainmenu {font-size : 1.0em;}
#mainmenu a {  display : block;  margin : 0;  background : url("../icons/bullet_white.gif") no-repeat left;  padding : 3px;  color : #333;}
#mainmenu a:hover {color : #000;}
#mainmenu a.menuTop {padding-left : 16px;}
#mainmenu a.menuMain {padding-left : 16px;}
#mainmenu a.menuSub {    background : none;  padding-left : 18px;  color : #000;  font-size : .9em;  font-style : italic;}
#mainmenu a.menuSub:hover {color : #333;}

/* --------- Block user menu --------- */

#usermenu {font-size : 1.0em;}
#usermenu a {  display : block;  margin : 0;    /*background : url("../icons/bullet.gif") no-repeat left;*/ padding : 0 2px 2px 8px;}
#usermenu a:hover {font-style : italic;}#usermenu a.menuTop {}
#usermenu a.highlight {background-color : #fcc;}