/* --------- Stylesheets incorporation --------- */
@import url("blocks.css");
@import url("content.css");
@import url("forms.css");
@import url("extraclass.css");
@import url("globalnav.css"); /* style for specific content in mainpage */
@import url("homepage.css"); /* style for specific content in mainpage */



/* --------- Reset css --------- */
* { margin : 0;  padding : 0;}

/* --------- Layout --------- */
html, body {
	margin : 0;
	background : #fff url("http://www.marviclub.com/themes/marviclubV1/img/background.jpg") no-repeat fixed;
	padding : 0;
	color : #333333;
	font-family : "trebuchet ms", tahoma, serif;
	font-size : 12px;
}	

textarea.hometext, textarea.bodytext {width: 95% !important;}

#xo-canvas {  
width : 97%;  
margin : 0 auto;
}

#xo-canvas-content {
  border-top : 2px solid #fff;  
  background : #fff url("../img/bgcontent.png") repeat-x top;  
  padding-top : 5px;  
  clear: both;  
}

#xo-page { 
width: 100%;  
padding-top : 5px;
}



/* --------- Header --------- */
#xo-header {  
height : 150px;  
background : #000 url("../img/bgheader.png") repeat;    
}

#topheader { 
height:20px; 
width: auto;
}

/* --- Breadcrumb --- */
#xo-breadcrumb {  
float : left; 
padding-top: 4px;
color : #999999;  
font-size : 0.8em;
height: 15px;
z-index: 1000;
}
#xo-breadcrumb a {  color : #3366FF;}
#xo-breadcrumb a:hover {  color : #3399FF;}

/* --- Top Menu --- */
#littlemenu {    float : right; top : 4px;  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 : #3399FF;}
    
    /* --- User bar --- */
#xo-userbar {

	display : block;
	float : right;
	margin: 40px 15px 0 0;
	color : #fff;
	font-size : 1em;
	vertical-align: middle;	
}
#xo-userbar a {    color : #3366FF;}
#xo-userbar a:hover {   color : #3399FF;}
#xo-userbar a img:hover { opacity: .5; filter: alpha(opacity=50);}
#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 : 22px; height : 22px;}
#xo-userbar button:hover {border : 0 !important;}
#xo-userbar img {	width : 22px;	height : 22px;}
#xo-userbar input {	width : 102px;	color : #333333;}
#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 { margin-top : 8px;  font-size : .9em;}

/* --- User Menu ---- */
#xo-userbar .usermenu {  margin-top : 5px;
  right : 18px; }
  
#xo-userbar p.welcome {   padding-bottom : 4px;   font-size : .9em; }
#xo-userbar a.uname { background-color : inherit; 
color : #BE6001;
font-weight : normal; 
font-size : 13px; }

 /* --- Logo --- */
#xo-headerlogo {
	float: 	left;
	height: 	150px;
	width: 	215px;
	margin: 	4px 0;
}
#xo-headerbanner {float:right; padding : 25px 150px 0 0;}
#xo-bannerfix {
    width:                  	480px;
    height:                 	70px;
    background:             	url(../img/bg-ad-top.png) no-repeat;
    padding-top:                6px;
    padding-right:              6px;
    padding-left:               6px;
	z-index:					99;
}

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

ul#xo-globalnav a {  
position : relative;  
top : 5px;  
padding : 5px 3px 6px 3px;  
color : #DADADA;  
font-size : 1em;
}

ul#xo-globalnav .navigation {  
position : relative;  
top : 5px;  
color : #888;  
font-size : 1.1em;
}

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 : 8px;  
text-align : justify;  

}

/* --------- Footer --------- */
/*#xo-footer {
height : 28px;
margin-top : 5px;
padding : 8px 6px 2px 6px;
text-align : center;
color : #FFFFFF;
font-size : 0.95em;
border-top : 1px dotted #999999;
}*/

#xo-footer {
	width: 957px;
	height: 105px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;


	border-bottom: 1px solid #000000;
	font-family: arial, Helvetica, sans-serif;
	color: #FFFFFF;
	 -moz-border-radius: 8px; /* FF1+ */
  -webkit-border-radius: 8px; /* Saf3+, Chrome */
   border-radius: 8px; /* Opera 10.5, IE 9 */
   }
   
   #footer a {
	color: #3366FF;
}

   #footer a:hover {
	color: #3399FF;
}
#footer_1{
	width:28%;
	text-align:center;
	float : left;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	height:45px;
	color:#cccccc;
    border-right: 2px solid #ffffff;
}
#footer_2{
	width:30%;
	text-align:center;
	float : left;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	height:45px;
	color:#3399FF;
	border-right: 2px solid #ffffff;
}
#footer_3{
	width:27%;
	float : left; 
	padding-left:30px;
	padding-right:0px;
	background-color: transparent;
	color:#cccccc;
	height:45px;
}
	
#footer_4{
	width:4%;
	float : left;
	padding-top:30px;
	padding-right:5px;
	color:#cccccc;
}
   
   
   

/*#xo-footer cite {font-style : normal;}

#xo-footer p.design {float : right;
margin-right: 5px;}
#xo-footer p.powered {float: left;
margin-left: 5px;}
#xo-footer p.copyright {text-align : center;}   
#xo-logger-output{font-size : .9em;}*/



/* --------- Block main menu --------- */
#mainmenu {font-size : 12px;
padding-top: 0px !important;
}

#mainmenu a {
	display : block;
	margin : 0px;
	background : url("../icons/bullet_white.gif") no-repeat left;
	padding : 3px;
	color : #0066FF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
    border-bottom-color: #f8F8F8;}

#mainmenu a:hover {	color : #0099FF;	
background-color : #f9f9f9;
text-decoration : none;
}

#mainmenu a.menuTop {padding-left : 17px;}

#mainmenu a.menuMain {padding-left : 17px;}
#mainmenu a.menuSub {      
padding-left : 22px;  
color : #0099FF;  
font-size : 0.9em;  
font-style : normal;
background : url("../img/arrow.gif") no-repeat left;
}

#mainmenu a.menuSub:hover {color : #00CCFF;
background-color : #F9F9F9;
}

/* --------- Block user menu --------- */
#usermenu {	font-size : 12px;

}

#usermenu a {  
display: block;
margin-left : 5px;
padding : 3px;
color : #3366FF;
font-style: bold;
background-color: transparent;
background-image: url("../images/arrow.gif");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left center;

	border-bottom-width: 1px;
	border-bottom-style: solid;
    border-bottom-color: #F8F8F8;
/*background : url("../icons/bullet.gif") no-repeat left;*/  

}

#usermenu a:hover {
font-style : inherit;
text-decoration:none ;
color : #3399FF;
background-color : #f7f7f7}

#usermenu a.menuTop {}
#usermenu a.highlight {
	background-color : #FFCC99;
}

/*----- Multimenu -----*/
#xo-block-multimenu-41.xoblockcontent {font-size : 12px;
padding-top: 0px !important;
}

#xo-block-multimenu-41.xoblockcontent ul li a {
	display : block;
	margin : 2px;
	background : url("../icons/bullet_white.gif") no-repeat left;
	padding : 3px;
	color : #0066FF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
    border-bottom-color: #E6E6E6;
}

#xo-block-multimenu-41.xoblockcontent li a:hover {	color : #0099FF;	
background-color : #FFFFFF;
text-decoration : none;
}

#xo-block-multimenu-41.xoblockcontent ol li a {      
padding-left : 22px;  
color : #0099FF;  
font-size : 0.9em;  
font-style : normal;
background : url("../img/arrow.gif") no-repeat left;
}

#xo-block-multimenu-41.xoblockcontent ol li a:hover {color : #00CCFF;
background-color : #FFFFFF;
}

/* xoops comment style by young */
.ncomment {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	background-image: url(images/com_bl.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.ncomment_l {
	background-image:url(images/com_l.png);
	background-position: left;
	background-repeat:repeat-y;
	background-color:#dae5e2;
	}
.ncomment_r {
	background-image:url(images/com_r.png);
	background-position: right;
	background-repeat:repeat-y;
	}
.ncomment_t {
	background-image:url(images/com_t.png);
	background-position: top;
	background-repeat:repeat-x;
	}
.ncomment_b {
	background-image:url(images/com_b.png);
	background-position: bottom;
	background-repeat:repeat-x;
	}
.ncomment_tl {
	background-image:url(images/com_tl.png);
	background-position: left top;
	background-repeat:no-repeat;
	}
.ncomment_tr {
	background-image:url(images/com_tr.png);
	background-position: right top;
	background-repeat:no-repeat;
	}
.ncomment_br {
	background-image:url(images/com_br.png);
	background-position: right bottom;
	background-repeat:no-repeat;
	}
.ncomment_user {
padding-left:15px;
padding-bottom:20px;
}
