/*
Theme Name: Neoxbox
Theme URI: http://neoxero.com
Description: For Neoxero themes
Version: 1.0
Author: Hamza
Author URI: http://neoxero.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/


/*---#216686;--*/

body{
background:#FFF url(images/bg.png) repeat-x top center;
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
}
/*----------textile---------*/

h1 {
        font:2.95em Arial;, "Times New Roman", Times, serif;
        font-weight:bold;
        letter-spacing:-0.02em;
	
        }
        
h2,h3,h4 {
        font: 2.0em Arial; , "Times New Roman", Times, serif; 
        font-weight:bold; 
	   
            
       
        }
        
         h2 a{ font: 1.0em 'Lucida Grande', Verdana, Arial, Sans-Serif; color:#000;text-decoration:none; font-weight:bold; padding-left:18px; background:url(images/url.png) no-repeat left;}
	 h2 a:hover{ color:#f44040;text-decoration:underline; }
        
a {color:#333;padding:3px;}

a:hover{color:#000; text-decoration:none;}
        
        p {line-height:15px;font-size:11px;}
        
        
	img{padding:0px;}


      
      a img {	
		padding:0px;		
		background:#none;
		color:none;
		border:none;
		
	}

      a:hover img {        
        
      }
      
      
            	h2.commontitle{
		color:#f73a8a;
		text-transform:uppercase;
		font-size:12px;
		width:140px;
		background:#000;
		padding:7px;
		margin-left:5px;
		}      

		h3.commontitle{
		color:#f73a8a;
		text-transform:uppercase;
		font-size:12px;
		width:100px;
		background:#000;
		padding:7px;
		}
      
      

/*---------*/

#bgtop{/*background:#121212;*/ width:100%; height:30px;background:#216686; }

/*----Main Menu-----*/
			.menu  {
				width:850px;
				height: 25px;
				margin:0px auto;
				}
			
			
			.menu ul {
			
				padding: 0px;
				white-space: nowrap;
				margin-top:0px;
				margin-right:0px;
				margin-bottom: 0px;
				margin-left:0px;
				
			
			}
			
			.menu ul li {
				display: block;        
				float:left;      
				line-height: 30px;
				list-style-type: none;
				margin-left:3px;
				margin-top:0px;
				
			
			}
			.menu ul li a {
				display: block;
				text-decoration: none;        
				text-align: center;
				padding:0px 7px 0px 7px;               
				font-size: 10px;        
			        text-transform: normal;
				font-weight:normal;
			        color:#CCC;  
			}
			
			
			
			.menu ul li a:hover {
				color:#FFF;
				text-decoration:underline;
			}

/*------------------*/


#warp{
	width:800px;
	height:auto;
	margin:0px auto;
}

#header{
	width:800px;
	height:168px;
	margin:0px auto;
	background: url("images/headbutbg.png") no-repeat bottom center;
	overflow:hidden;
	
}

	#logo{
		background: url("images/logotop.png") no-repeat center right;
		width:220px;
		height:75px;
		margin-top:20px;
		float:left;
	}
	
	#floatop{
		width:500px;
		height:auto;
		float:left;
		
		}

/*-----------floattopcontent---------*/

#floatright{

	width:300px;
	height:auto;
	float:right;
	padding-top:15px;

}

	.topbox{	
		width:300px;
		height:30px;
		color:#FFF;
		font-size:12px;	
		font-weight:bold;		
	}
	
/*--------*/
	#metatop{
		width:100%;
		height:auto;
		color:#000;
	}	


/*----------------------------------*/


#slidebox{
	width:800px;
	height:500px;
	margin:0px auto;
	margin-top:2px;
	
	
}



/*----------------------*/
#slidestat{
	width:650px;
	height:30px;
	margin:0px auto;
	background: url(images/menubut.png) no-repeat bottom center;
	}
	

		
			
			ul.slidemenu  {			
			    position: relative;
			    height: 30px;
			    width: 100%;      
			    padding: 0px;
			    margin:10px;
			    overflow: hidden;	
			    padding-bottom:5px;		
			}
			ul.slidemenu li.back{
			
			border: 0px solid #000;
                        background-color: #113343;
                        width: 9px;
                        height: 25px;
                        z-index: 8;
                        position: absolute;	
			
			}
			
			ul.slidemenu  li {
				display: block;        
				float:left;      
				width:100px;
				height:25px  
				margin-top:3px;
				text-transform:uppercase;
				
			
			}
			ul.slidemenu  li a {
				display: block;
				text-decoration: none;        
				text-align: center;
				padding:5px 0px 5px 0px;               
				font-size: 10px;  
				width:100px;
				height:25px      
			        text-transform:uppercase;
			        color:#FFF;
				z-index: 10;
				position: relative;
				overflow: hidden;
				
				
			        /*background: url(images/butout.png) no-repeat bottom center;*/

			}
			

			
			
			
			ul.slidemenu  li a:hover {
				/*text-decoration:underline;				
				background:#FFF url(images/butover.png) no-repeat bottom center;*/				
				
			}
/*-------------slidecontent-----------*/
#slidecontent{
	width:680px;
	height:415px;
	margin:0px auto;
	margin-top:0px;
	background: url("images/menubut.png") no-repeat bottom center;
	/*--background:#216686;--*/
	}
	


		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
				/* These 2 lines specify style applied while slider is loading */
		.csw {display :none;width: 100%; height: 460px; background: #216686; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}


		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 0px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 680px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 410px;
			clear: both;
			color:#FFF;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 680px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
			padding-top: 60px;
			width:45%;
		}
		
		.stripViewer .panelContainer .panel .wrapper2 { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
			width:95%;
		}

		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			display:none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		
		
		.stripNavL, .stripNavR { /* The left and right arrows */
		
			display:none;			
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}
		
/*-------*/
#firstbox{
	background: url("images/1st.png") no-repeat center right;
	width:100%;
	height:420px;
}

#secbox{
	background: url("images/ecoom.png") no-repeat center top;
	width:100%;
	height:326px;
}

#thibox{
	background: url("images/localize.png") no-repeat center top;
	width:100%;
	height:270px;
}

#forbox{
	background: url("images/wpmorph.png") no-repeat center top;
	width:100%;
	height:200px;
}

#logohoslide{

	background: url("images/logohslide.png") no-repeat center left;
	width:100%;
	height:400px;

}

#fivbox{

	background: url("images/osource.png") no-repeat center;
	width:100%;
	height:230px;

}



/*---------*/

.nxlogosmall{
	width:171px;
	height:31px;
	background:url("images/nxlogosmall.png") no-repeat center top;
}
.bold{
	font-weight:bold;
}
.yb{
	font-weight:bold;
	color:#FFFF00;
}

.gb{
	font-weight:bold;
	color:#000;
	background:#FFFF00;
	padding:2px;
}
.pattbg{
	width:120px;
	height:33px;
	background:url("images/bubg.png") no-repeat center top;
}



/*----------*/
.tags {
line-height:auto;
}
.size1 {
	font-size:22px;
	padding: 10px;
	color:#FFF;
}

.size2 {
	padding: 7px;
	font-size:18px;
	color:#EEE;
}



.size3 {
	padding: 5px;
	font-size:35px;
	color:#FFF;
}



.size4 {
	padding: 5px;
	font-size:19px;
	color:#FFF;
}


.size5 {
	padding: 5px;
	font-size:25px;
	color:#FFF;
}

.size6 {
	padding: 0px;
	font-size:12px;
	color:#EEE;
}
/*-------tags-list------*/

#tagslist{
	width:90%;
	height:auto;
	margin:0px auto;
	padding:20px;
}

#tagslist a{ color:#afc8d3; text-decoration:none;}
#tagslist a:hover{ color:#FFF; text-decoration:none; background:none;}


a.size1 {
	font-size:25px;
	padding: 10px;
	
}
a.size1:hover {
	
}
a.size2 {
	padding: 7px;
	font-size:20px;
	
}
a.size2:hover {
	
}


a.size3 {
	padding: 5px;
	font-size:35px;
	
}

a.size3:hover {
	
}

a.size4 {
	padding: 5px;
	font-size:15px;
	
}

a.size4:hover {
	
}

a.size5 {
	padding: 5px;
	font-size:25px;
	
}
a.size5:hover {
	
}
a.size6 {
	padding: 0px;
	font-size:12px;
	
}
a.size6:hover {
	
}
/*------------------*/
#metawarpblock{
	width:100%;
	height:auto;
	margin:0px auto;
	overflow:hidden;
	background:#000;	
	
	
}
.linksblock{
	width:850px;
	height:auto;
	margin:0px auto;
	overflow:hidden;
	margin-top:15px;
	
	
}

.linksbox{
	width:160px;
	height:400px;
	float:left;
	margin-left:7px;	
	
}


.linksbox ul{
margin:0px;
padding:0px;
}



.linksbox li {
        list-style:none;
        margin:5px 0px 5px 0px;
}

.linksbox li a {        
        text-decoration:none;        
        color:#888;
        width:100%;
        padding:3px 0px 3px 0px;        
        font-size:10px;
        line-height:20px;
	font-weight:normal;  
	border-bottom : 1px solid #222;     
        }

.linksbox li a:hover {        
	background:none; 
	color:#FFF;       
        
	       
}
/*----------footer-----------*/

#footer {
width : 600px;
height : auto;
margin : 0 auto;
padding : 20px;
text-align:center;
color:#555;
}
#footer li {
display : inline;
}

#footer a {
padding : 3px;
width : 100px;
height : 20px;
color:#666;
}

#footer a:hover {
}
/*-------block buttom------*/
	#headerfeed{
		width:100%;
		height:50px;		
		margin:0px auto;
		margin-top:0px;
	}  
	
	#headerfeed a img {
		border:none;
		color:none;
		background:none;
		padding:0px;
		margin:0px 1px 0px 2px;		
	}
/*--------Dir's Post Content----------*/
.wallcontent{
	width:100%;
	height:auto;
	margin:0px auto;
	margin-top:-7px;
	background:#121212; url("images/walltb.png") repeat-x top center;
	
}

.extracontent{
	width:800px;
	height:auto;
	margin:0px auto;
	overflow:hidden;
	
}


#portsblock{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:50px;
}

.port{
	width:230px;
	height:auto;																																													
	float:left;
	margin-left:5px;
	margin-bottom:10px;
	background:#000;
	padding:10px 0px 10px 0px;
	
}


	.portshot{
		width:210px;
		height:120px;
		background:#DDD;
		margin:0px auto;
	
				
	}
		.portshot a img{
		
			
		}
		
	.portitle{
		width:90%;
		height:auto;
		margin:0px auto;
		color:#FFF;
		padding:20px 0px 10px 0px;
		text-transform:uppercase;
		
			
	}
	
	
	.portmeta{
	  width:90%;
	  height:25px;
	  margin:0px auto;
	  margin-top:10px;
	  padding-top:5px;
	  border-top:1px solid #222;		
			
	}
	
	.portmeta a {color:#666;text-decoration:none;font-size:10px;font-weight:normal; margin:0px 5px 0px 5px;}
        .portmeta a:hover {color:#f73a8a;text-decoration:underline;}
		
		
		.rating{
		width:48%;
		float:left;
				
		}
				
		.comm{		
		width:48%;
		float:left;
		text-align:right;
		}
		
/*-----single and page ----*/


		
/*------------------------------*/
#clusterbox{
	width:100%;
	height:auto;
	overflow:hidden;
}
.cluster{
	width:100%;
	height:auto;
	float:left;	
	margin-left:10px;
	color:#252525;
	overflow:hidden;
}

.cluster a img {      
        padding:4px;
        background:#000;#99cc33;
        border:none;
        margin:3px 3px 3px 3px ;        
	
}

.cluster a img:hover {        
        background:#7cae1b;			 
}



/*-------------------------------*/