/*---------------------------------------------------*/
/*  Main CSS Document - Majestix
/*  Coded by Aziz Natour (info@aziznatour.com)
/*  (C) 2011. All rights reserved.
/*---------------------------------------------------*/
/* Global Properties --------------------------------*/

* {padding:0;margin:0;}

body {
	background:#000 url("../img/ui/bg_main_repeat.jpg");
	text-align:center;
	color:#7c6453;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}
	
		.left {float:left;}
		
		.right {float:right;}

		.clear {clear:both}
		
		.clearfix {clear:both; height:1px;}
		
		hr.hr {display:none;}
	
		a {text-decoration:none; color:#ff903e}
		
			a:hover {color:#FFF;}
		
			a:focus {outline:none;}
			
			a img {border:none;}
         
/*---------------------------------------------------*/
/* Fonts --------------------------------------------*/

@font-face {
	font-family: GothStencil;
	src: url("fonts/GothStencil_Premium.eot") 
   /* EOT file for IE */
}

@font-face {
	font-family: GothStencil;
	src: url("fonts/GothStencil_Premium.ttf")
}
		  
/*---------------------------------------------------*/
/* Header -------------------------------------------*/

#header {
	height:147px;
	background:url("../img/ui/bg_header.jpg") no-repeat top center;
	overflow:hidden;
   text-align:center;
}

		/* Logo of Majestix */
		
		#header #logo {margin:72px 0 0 40px;width:362px;}
      		
/*---------------------------------------------------*/
/* Navbar -------------------------------------------*/
	
#navbar {
	height:89px;
	background:url("../img/ui/bg_navbar.jpg") no-repeat top center;
	overflow:hidden;
}

	#navbar ul {
		width:948px;
		margin:4px auto 0;
		list-style:none;
		text-align:center;
		height:42px;
		font-size:14px;
		overflow:hidden;
	}
	
		#navbar ul li, #navbar ul li a {
			display:block;
			float:left;
			height:42px;
			overflow:hidden;
			line-height:42px;
		}
		
			#navbar ul li a {
            padding:0 21px 0 21px;
				color:#ffa468;
				text-shadow:0px 0px 5px #000;
				background:url("../img/ui/navbar_sep.png") no-repeat center right;
            font-family: GothStencil;
            text-transform:uppercase;
            letter-spacing:1px;
			}
			
				#navbar ul li a:hover {color:#fff1a5;text-shadow:0px 0px 5px #FFF;}
				
				#navbar ul li a:active {text-shadow:0px 0px 5px #000;position:relative;top:1px;}					
				
				#navbar a.current {
					color:#FFF !important;
               text-shadow:0px 0px 5px #000;
               background:url("../img/ui/black_55p.png") repeat !important;
               border-right:1px solid #5d0a0a;
				}
            
            #navbar ul li a.last {background:none;}
            
/*---------------------------------------------------*/
/* Main ---------------------------------------------*/

#main {
	background:url("../img/ui/bg_main_top.jpg") no-repeat top center;
   min-height:373px;
}

.w960 {width:960px;margin:0 auto;text-align:left;}
            
/*---------------------------------------------------*/
/* Content ------------------------------------------*/

#content {width:708px;}

	.entry-title, .entry-end {background-image:url("../img/ui/box.ui.png");}

	.entry-title {
      height:69px;line-height:55px;text-indent:25px;
      text-shadow:0 0px 4px #000,0 0px 5px #000;
      font-size:13px;
	}

	.entry-end {
		height:41px;
		background-position:bottom left;
      margin-bottom:20px;
	}
	
	.entry-con {
		min-height:10px;
      background:url("../img/ui/box.ui.repeat.png") repeat-y top left;
      line-height:22px;
	}	
   
   .entry-title h1, .entry-title h2 {
      color:#ffe49d;
      font-size:13px;
      float:left;
      text-transform:uppercase;
      letter-spacing:1px;
   }
   
   	.entry-title a {color:#FFF;}
      
      .entry-title a:hover {text-decoration:underline;}
      
         .entry-title span.date {
            float:right;
            font-size:11px;
            font-family:Arial, Helvetica, sans-serif;
            padding-right:30px;
            color:#e79d89;
         }
      
         .post {padding:0 30px;}
         
         .entry-con p {padding:5px 0;}
	
   
	/*------------------------------------------------*/
	/* headlines -------------------------------------*/
   
   .headlines {
      margin:0 auto -5px;
      width:634px;
      padding:1px;
   }
   
   	.headlines a {
         display:block;
         height:42px;
         line-height:42px;
         background:url("../img/ui/news.type.sprite.jpg");
         color:#70553a;
         font-family:Arial, Helvetica, sans-serif;
         font-size:12px;
         text-indent:70px;
         margin:6px 0;
         opacity:0.8;
      }
            
      .headlines a span.date {float:right;padding-right:10px;}
      
      	.headlines a.h-new {background-position:0 0;}

      	.headlines a.h-update {background-position:0 -42px;}

      	.headlines a.h-event {background-position:0 -84px;}

      	.headlines a.h-hot {background-position:0 -126px;}

      	.headlines a.h-notice {background-position:0 -168px;}
         
         	.headlines a.h-new:hover {color:#5c913c;}
            
         	.headlines a.h-update:hover {color:#3c8691}
            
         	.headlines a.h-event:hover {color:#913c74;}
            
         	.headlines a.h-hot:hover {color:#913c3c;}
            
         	.headlines a.h-notice:hover {color:#b57a50;}
            
            .headlines a:active {color:#453930 !important;}
            
	/*------------------------------------------------*/
	/* Slider ----------------------------------------*/
   
	.sliderContainer {
		width:616px;
		height:124px;
      margin:0 auto;
	}
   
   .sliderContainer-v {
		height:248px;
      width:550px;
      margin:0 auto;
      position:relative;
      top:8px;
   }
	
		#nSlider, #nSlider ul, #nSlider ul li {
			display:block;
			height:122px;
			width:611px;
			margin:0 auto;
			overflow:hidden;
		}
      
		#vSlider, #vSlider ul, #vSlider ul li {
			display:block;
			height:244px;
			width:544px;
			margin:0 auto;
			overflow:hidden;
		} 
      
      	#vSlider {border:1px solid #8e764a;}
         
         #vSlider ul {border:2px solid #000;}
      
				/* Slider Images */
				
				.ns1 {background:url("../img/slides/01.jpg");}
				
				.ns2 {background:url("../img/slides/02.jpg");}				
				
				.ns3 {background:url("../img/slides/03.jpg");}				
				
				/* - - - - - - - */
				
					#nSlider ul li span.nslayer {
						z-index:6;
						position:relative;
						width:100%;
						height:100%;
						display:block;
					}
					
						#nSlider ul li span.nslayer a {
							display:block;
							height:70px;
							padding:10px;
							margin:10px 30px;
							text-align:left;
						}
					
							span.n-title {
								font-size:16px;
								color:#ffae00;
								display:block;
								margin:8px 0 5px;
                        text-transform:uppercase;
                        text-shadow:0 0 2px #000;
                        font-weight:bold;
							}
							
							span.n-text {
								color:#d5d9b9;
								letter-spacing:1px;
                        text-shadow:0 0 3px #000;
							}
					
					/* Controls */
					
					#prevBtn a, 
					#nextBtn a { 
                  display:block;
                  width:47px;
                  height:47px;
                  background:url("../img/ui/slider.controls.png");
                  z-index:204;
                  overflow:hidden;
                  line-height:120;
                  position:relative;
                  bottom:85px;
					}
               
                  .sliderContainer-v #nextBtn a,
                  .sliderContainer-v #prevBtn a {bottom:145px;}
                     
                  #nextBtn a {float:right;background-position:bottom left;left:20px;}
                  
                     #nextBtn a:hover {background-position:bottom center;}
                     
                     #nextBtn a:active {background-position:bottom right;}	
                     
                        .sliderContainer-v #nextBtn a {left:50px; }
                     
                  #prevBtn a {float:left;right:20px;}
                  
                     #prevBtn a:hover {background-position:top center;}					
                  
                     #prevBtn a:active {background-position:top right;}
                     
                        .sliderContainer-v #prevBtn a {right:50px;}                  

/*---------------------------------------------------*/
/* Sidebar -----------------------------------------*/

#sidebar {
	width:228px;
}

	.sb-title, .sb-end {background-image:url("../img/ui/box.ui.png");}

	.sb-title {background-position:top right;height:69px;line-height:55px;text-align:center;}
   
	.sb-end {
		height:41px;
		background-position:bottom right;
      margin-bottom:20px;
	}
	
	.sb-con {
		min-height:10px;
      background:url("../img/ui/box.ui.repeat.png") repeat-y top right;
	}
   
   	.sb-con-wrap {
         width:184px;
         margin:0 auto -8px;
         padding:1px;
      }
	
		.sb-title h3 {
			color:#ffb87f;
			text-shadow:0 0px 4px #000,0 0px 5px #000;
			font-size:12px;
         text-transform:uppercase;
         letter-spacing:1px;
		}
		
		.sb-sep {
			background:url("../img/ui/sb.sep.png");
			height:2px;
			width:182px;
			margin:8px auto;
			clear:both;
		}
     
input[type="submit"]{
	
	
}

	 
	/*-----------------------------------------------*/
	/* Login ----------------------------------------*/
      
   input.bar,input[type="text"],input[type="password"] ,select {
      background:#000;
      border:1px solid #442a13;
      padding:8px;
      color:#ffb87f;
      margin:2px auto 6px;
      display:block;
      width:90%;
   }
   
   	input.bar:hover {color:#725f50;}
      
      input.bar:focus {color:#957d6a;}
   
   .btndrkby {
      display:inline-block;
      width:70px;
      height:40px;
      line-height:40px;
      text-align:center;
      text-transform:uppercase;
      color:#f39a52;
      text-shadow:0 0 3px #000;
      background:url("../img/ui/btn.sprite.png");
      border:none;
      cursor:pointer;
      opacity:0.55;
   }
   
      .btndrkby:active {background-position:top right;}
      
      #login .links {float:left;margin:5px 0 0 10px;}
      
         #login .links a:hover {text-decoration:underline;}
         
            a.signup {color:#895a34;font-size:11px;text-transform:uppercase;}
            
            a.forgotpw {color:#47392e;font-size:10px;}
      
	/*-----------------------------------------------*/
	/* Status ---------------------------------------*/
	
	#sidebar p.stat {font-family:Arial, Helvetica, sans-serif;}
	
		#sidebar p.stat span {padding:0 10px 0 3px;}
		
			/* on / green */
			p.stat.green, .txt-green {color:#c8ff5d;}
			
			/* off / red */
			p.stat.red, .txt-red {color:#ff5653;}
			
			/* info / blue */			
			p.stat.blue, .txt-blue {color:#4c8e90;}

			/* gray */			
			p.stat.gray, .txt-gray {color:#848484;}

	/*-----------------------------------------------*/
	/* Ranking --------------------------------------*/
	
	#sb-ranking {
      width:182px;
      margin:2px auto 8px;
      font-family:Arial, Helvetica, sans-serif;
      font-size:11px;
	}
	
		#sb-ranking tr {
			background:url("../img/ui/sb.ranking.table.jpg") no-repeat center center;
			height:25px;
			color:#9e7b78;
		}
      
      #sb-ranking tr.odd {
         background-position:bottom center;}
	
		#sb-ranking tr.thead {
			background-position:top center;
			font-weight:normal;
			color:#FFF;
		}
		
			#sb-ranking .rank {width:26px;text-align:center;}
			
			#sb-ranking .name {width:118px;text-indent:5px;}
			
			#sb-ranking .lvl {width:39px;text-align:center;}
         
         	#sb-ranking .r1 {color:#ffa523;}
            
         	#sb-ranking .r2 {color:#c9c9c9;}
            
         	#sb-ranking .r3 {color:#b37d3e;}
            
            	#sb-ranking .r1 span,
            	#sb-ranking .r2 span,
            	#sb-ranking .r3 span {
                  display:inline-block;
                  height:13px;
                  width:13px;
                  overflow:hidden;
                  line-height:400px;
                  background-image:url("../img/ui/trophies.gif");
                  margin:2px 0 0 1px;
            	}
               
               	#sb-ranking .r2 span {background-position:top center;}
                  
               	#sb-ranking .r3 span {background-position:top right;}
				
	/*-----------------------------------------------*/
	/* Special Buttons ------------------------------*/
   
   .sb-special  {
      display:block;
      width:228px;
      height:58px;
      line-height:58px;
      text-indent:20px;
      text-transform:uppercase;
      text-shadow:0 0 3px #000, 0 1px 4px #000, 0 0 2px #000;
      color:#FFF;
      background:url("../img/ui/sb.button.sprite.gif");
      margin-bottom:20px;
      font-weight:bold;
      opacity:0.8
   }
   
   	.drk-btn-green {background-position:top center;}
      
   	a.btn-orange {background-position:center;}
      
   	a.btn-purple {background-position:bottom center;}
   
         a.sb-special span {font-size:11px;font-weight:normal;}
         
            .sb-special.drk-btn-green span {color:#96ff91;}
            
            a.sb-special.btn-orange span {color:#ffcf91;}            
            
            a.sb-special.btn-purple span {color:#ff91fe;}            
	
/*---------------------------------------------------*/
/* Misc ---------------------------------------------*/

.cp {
	display:none;
	/*key: a68c808b7125373f9684e23ef4296724;*/
}

#tooltip {
	background:transparent url("../img/ui/black_80p.png");
	position:absolute;
	display:none;
	padding:10px;
	font-size:11px;
	color:#ffda8c;
	overflow:hidden;
	z-index:42;
   border:1px solid #000;
   font-family:Arial, Helvetica, sans-serif;
}

.sidebuttons {position:fixed;left:0;bottom:150px;}

   .sidebuttons a {
      display:block;
      width:39px;
      background-image:url("../img/ui/side.btns.gif");
      line-height:300px;
      overflow:hidden;
      margin:3px 0;
      opacity:0.55;
      position:relative;
    /*  left:-18px;*/
   }
   
      .sidebuttons a.side-top {height:43px;}
      
      .sidebuttons a.side-vote {height:66px;background-position:bottom left;}

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

#footer {
	font-size:11px;
	color:#5d5d5d;
   font-family:Arial, Helvetica, sans-serif;
	background:url("../img/ui/bg_footer_repeat.jpg") repeat-x;
   border-bottom:5px solid #000;
}

	#footer .footer {
      width:964px;
		background:url("../img/ui/bg_footer.jpg") no-repeat top center;
      height:86px;
      line-height:100px;
      overflow:hidden;
      margin:0 auto;
   }
   
   	.ft-logo, .ft-info, .ft-links {float:left;text-align:center;}
      
         .ft-logo {width:124px;line-height:116px;}
         
         .ft-info {width:392px;}
         
         .ft-links {width:446px;}
         
            .ft-links span {padding:0 8px;}

            #footer a {color:#acacac;}		
            
               #footer a:hover {text-decoration:underline;}
               
               #footer a:active {color:#FFF;}

/*---------------------------------------*/
/* W3C Valid CSS 3.0
/* info@aziznatour.com
/* a68c808b7125373f9684e23ef4296724
/*---------------------------------------*/
/* Design is copyrighted and owned by
/* MAJESTIX (C) 2011. All rights reserved.
/* Violators will be caught and punished
/* And their websites will be terminated.
/* Any use is strictly prohibited.
/*---------------------------------------*/