@charset "UTF-8";
/* NOX Magazine
Developed by Zero3
Alaa Alhussein
ahussein@zero3online.com
http://www.zero3online.com
*/
body{
	margin:0;
	padding:0;
	border:0;
	font-family: arial;
	background-color:#ffffff;
	font-size:9px;
	color:#555;
	text-align:center;
}
body, div, td, span{
	font-family:arial;
}
div{
	height:auto;
	text-align:left;
}
form{
	float:left;
	clear:none;
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5,h6{
	margin:0;
}
h1{
	color:#000;
}
h1, h2, h3{
	margin-top:6px;
}
h3{
	font-weight:500;
	font-size:12px;
}
.post_text br{
	clear:both;
}
.clear{
	clear:both;
}
#mainWrapper{
	width:995px;
	height:auto;
	padding-top:10px;
	margin:auto;
}
#header{
	width:995px;
}
a{
	text-decoration:none;
}
a.article_more{
	font-size:10px;
	font-weight:600;
	color:#000000;
}
div.articleMore{
	width:100%;
}
	#topHeader{
		width:990px;
		height:85px;
	}
		div.logo{
			width:450px;
			float:left;
			clear:none;
			margin-top:2px;
			padding:5px;
		}
		div.topAds{
			width:425px;
			float:right;
			clear:none;
			padding-bottom:5px;
		}
	#topMenus{
		width:100%;
		font-family: Helvetica;
		font-weight:500;
		font-size:10px;
		color:#ffffff;
		padding-bottom:2px;
		height:25px;
		background-color:#000000;
	}
		div.menus, div.newsletter, div.search, div.advertize{
		background-color:#000000;
			float:left;
			clear:none;
			height:25px;
			padding-bottom:2px;
		}
		div.menus{
			width:550px;
			text-align:left;
		}
			div.menus ul.menus{
				list-style:none;
				list-style-image:none;
				margin:0;
				padding:0;
				margin-top:8px;
			}
			div.menus ul.menus li{
				float:left;
				clear:none;
				margin-left:8px;
				margin-right:26px;
				text-align:left;
			}
			ul.menus li a{
				font-family: Helvetica;
				font-size:10px;
				font-weight:500;
				color:#b2b2b2;
				text-decoration:none;
			}
			ul.menus li a:hover{
				text-decoration:underline;
			}
		div.newsletter{
			width:120px;
		}
		div.search{
			width:186px;
		}
		div.advertize{
			float:right;
			width:123px;
			font-size:8px;
			color:#808080;
			clear:right;
			cursor:pointer;
		}
		div.advertize div {
			margin-top:8px;
		}
		span.advertize{
			color:#cccccc;
		}
	input.menu{
		height:13px;
		border-style:solid;
		border-width:0px;
		background-color:#000000;
		font-size:9px;
		color:#9f9f9f;
		cursor:pointer;
	}
	input.text{
		width:109px;
		height:13px;
		border:#404040 1px solid;
		background-color:#000000;
		font-size:8px;
		margin-top:2px;
		color:#9f9f9f;
	}
#container{
	width:100%;
	height:auto;
	margin-top:24px;
}
	#leftbar{
		float:left;
		clear:none;
		width:164px;
		margin:0;
		padding:0;
	}
		#leftbar div{
			width:156px;
		}
		#leftbar p{
			margin:0;
			padding:0;
			padding-left:7px;
			padding-right:5px;
		}
		#leftbar div.magazine{
			background-color:#f2f2f2;
			padding-bottom:20px;
		}
		#leftbar div.magazine div.magImage{
			text-align:center;
			padding-top:8px;
			padding-bottom:13px;
		}
			div.magazine div.lastIssue{
				font-size:12px;
				color:#000000;				
			}
			div.magazine ul{
				list-style-image:url('../images/list-image.png');
				margin:0;
				padding:0;
				margin-left:15px;
			}
			div.magazine ul li{
				margin-left:7px;
				margin-top:0px;				
			}
			div.magazine ul li a{
				font-size:11px;
				color:#808080;
				text-decoration:none;
			}
			div.magazine ul li a:hover{
				text-decoration:underline;
			}
			div.magazine div.plus{
				margin-top:17px;
				color:#000000;
				font-size:12px;
			}
		#leftbar div.leftAds{
			margin-top:29px;
			margin-bottom:6px;
		}
		#leftbar div.gotIdeas{
			cursor:hand;
			cursor:pointer;
			background-color:#4d4d4d;
			border:#7a7a7a 1px solid;
			text-align:center;
			font-size:10px;
			color:#ffffff;
			margin-top:6px;
			padding-top:2px;
			padding-bottom:3px;
		}
		.magImage img{
			padding:2px;
			border:#999 1px solid;
		}
	#contents{
		float:left;
		display:table;
		width:660px;
		height:850px;
		margin:0;
		padding:0;
		border-left:#c0c0c0 1px solid;
		border-right:#c0c0c0 1px solid;
		clear:none;
	}
		#contents div.mainFeature{
			width:650px;
			height:auto;
		}
			div.image{
				float:left;
				width:400px;
				height:auto;
				clear:none;
			}
			div.features{
				float:right;
				width:250px;
				height:auto;
				clear:none;
			}
			div.features div{
				margin-right:6px;
			}
			div.features div.mainArticle{
				width:233px;
				margin-left:5px;
				margin-bottom:10px;
				padding-left:3px;
				padding-bottom:5px;
				background-color:#f2f2f2;
				border-bottom:#bbbbbb 1px solid;
			}
			div.features div.otherArticles{
				width:233px;
				margin-bottom:10px;
				margin-left:5px;
				padding-left:3px;
				padding-bottom:5px;
				border-bottom:#fff 1px solid;
			}
			div.glance_archive{
				width:100%;
				margin-top:13px;
			}
			div.ataglance{
				float:left;
				clear:none;
				width:400px;
			}
			div.glance_archive{
				float:right;
				clear:none;
			}
			div.glance_archive div.archives{
				float:left;
				clear:none;
				width:236px;
				margin-left:5px;
			}
			div.at_aglance, div.archive{
				text-transform:uppercase;
				border-bottom:#000000 6px solid;
				padding-left:5px;
				font-size:12px;
				font-weight:600;
				background-color:#ffffff;
				color:#000000;
			}
			div.menu3{
				width:100%;
			}
			div.menus3 div{
				float:left;
				clear:none;
				padding-top:7px;
				padding-bottom:5px;
				padding-right:16px;
				padding-left:12px;
				cursor:hand;
				cursor:pointer;
				font-size:12px;
				font-weight:600;
				text-transform:uppercase;
			}
			div.menus3 div.lmenu{
				border-bottom:#fff 1px solid;
				color:#000;
			}
			div.menus3 div.mmenu{
				border-bottom:#808080 1px solid;
				border-left:#808080 1px solid;
			}
			#categories{
				margin-top:5px;
				margin-left:0px;
			}
			#categories div{
				cursor:pointer;
				font-size:10px;
				font-weight:600;
				text-transform:capitalize;
			}
			#categories .category{
				float:left;
				clear:none;
				padding-left:5px;
				margin-right:15px;
			}
			#categories a{
				font-size:11px;
				font-weight:500;
				color:#808080;
				text-decoration:none;
			}
			#categories a:hover{
				color:#000;
			}
			div.menus3 div.rmenu{
				border-bottom:#808080 1px solid;
				border-left:#808080 1px solid;
			}
			.archivesTitle{
				font-size:11px;
				color:#000;
				margin-bottom:20px;
			}
			.archiveArticle{
				width:100%;
				margin-bottom:10px;
			}
			div.allcontents div.image{
				margin-bottom:15px;
				margin-top:15px;
			}
			div.allcontents div.rating{
				margin-top:12px;
				margin-bottom:12px;
			}
			div.at_aglance{
				width:395px;
			}
			div.archive{
				width:232px;			
			}
			div.ataglance div.allcontents{
				width:400px;
			}
			div.archives div.allcontents{
				width:100%;
			}
			div.archives div.allcontents div.archiveContent{
				padding-left:4px;
			}
			div.allcontents{
				padding-top:7px;
			}
			div.archives div.allcontents{
				background-color:#f2f2f2;
			}
		#contents div.mainLeft{
			float:left;
			clear:none;
			width:400px;
			margin-right:5px;
		}
		#contents div.mainRight{
			float:left;
			clear:none;
			width:232px;
		}
		h3.small{
			font-weight:500;
			font-size:8px;
			margin-top:2px;
			margin-bottom:3px;
			text-transform:uppercase;
		}
		h2.articleHead{
			font-size:14px;
			color:#000000;
			margin-top:0px;
			margin-bottom:3px;
		}
		h1.articleHead{
			font-size:18px;
			color:#000000;
			margin-top:0px;
			margin-bottom:3px;
		}
		div.author{
			font-size:8px;
			font-style:italic;
			color:#808080;
		}
		div.author span.images{
			margin-left:5px;
		}
		div.articleSubhead{
			font-size:12px;
			color:#4c4c4c;
		}
		div.articleDetails{
			width:100%;
			margin-top:4px;
		}
		span.articleMore{
			float:right;
			clear:none;
			margin-right:5px;
			margin-left:5px;
		}
		#glance_head{
			width:300px;
		}
		#glance_details{
			width:300px;
			color:#666;
		}
	#rightbar{
		float:right;
		width:161px;
		margin:0;
		padding:0;
		clear:none;
	}
	#rightbar div{
		width:155px;
	}
		#rightbar div.links ul{
				list-style-image:url('../images/list-image.png');
				margin:0;
				padding:0;
				margin-left:15px;
			}
			#rightbar div.links ul li{
				margin-left:7px;
				margin-top:7px;				
			}
			#rightbar div.links ul li a{
				font-size:11px;
				color:#808080;
				text-decoration:none;
			}
			#rightbar div.links ul li a:hover{
				text-decoration:underline;
			}
			#rightbar .polls{
				height:auto;
				padding-left:5px;
			}
			#rightbar .pollsTitle{
				text-transform:uppercase;
				border-bottom:#000000 6px solid;
				font-size:12px;
				font-weight:600;
				background-color:#ffffff;
				color:#000000;
			}
			#rightbar .pollContents{
				padding-top:9px;
			}
			#rightbar .pollContents .question{
				font-size:10px;
				color:#4c4c4c;
			}
			#rightbar .pollContents .options{
				padding-top:9px;
				color:#808080;
			}
			#rightbar .pollContents .options div{
				font-size:10px;
				line-height:12px;
				margin-bottom:3px;
			}
			#rightbar .pollContents .options div input{
				float:left;
				clear:none;
			}
			#rightbar .pollContents .options div span{
				float:left;
				clear:none;
				padding-top:4px;
				width:120px;
			}
			.vote{
				padding-left:2px;
				padding-top:7px;
			}
			#rightbar .rightAds{
				margin-top:18px;
				margin-bottom:20px;
				margin-left:5px;
			}
			#rightbar .blog{
				margin-top:10px;
				padding-left:5px;
			}
			.blogs{
				padding-top:9px;
				padding-bottom:10px;
			}
			#rightbar .blog ul{
				list-style:none;
				list-style-image:none;
				margin:0;
				padding:0;
			}
			#rightbar .blog ul li{
				padding-top:2px;
				padding-bottom:1px;
			}
			#rightbar .blog ul li a{
				font-size:10px;
				color:#333;
				text-decoration:none;
			}
			#rightbar .blog ul li a span{
				color:#808080;
			}
			.allblogs a{
				font-size:10px;
				font-weight:600;
				text-decoration:none;
				color:#000;
			}
			.aList{
				width:100%;
				height:auto;/*border:#fff solid 1px;*/
				/*margin-bottom:15px;*/
			}
			.aList h2{
				line-height:25px;
			}
			.aList > div{
				height:135px;
			}
			
#footer{
	width:100%;
	height:auto;
	margin-top:10px;
	padding-top:6px;
	border-top:#000000 6px solid;
}
#footer div{
	float:left;
	clear:none;
}
	#noxFooter{
		width:180px;
		height:29px;
	}
	#footerMenus{
		width:700px;
		padding-top:6px;
		text-align:center;
	}
	#footerMenus ul{
		list-style:none;
		list-style-image:none;
		margin:0;
		padding:0;
		margin-left:150px;
	}
	#footerMenus ul li{
		float:left;
		clear:none;
		padding-right:30px;
	}
	#footerMenus ul li a{
		text-decoration:none;
		font-size:10px;
		color:#444;
	}
	#technical{
		width:101px;
		padding-top:6px;
	}
	.post{
		margin-bottom:15px;
	}
	.post_title{
		font-size:30px;
		font-weight:600;
		color:#000000;
	}
	.post_text{
		font-size:12px;
		color:#808080;
	}
	
	a{
		color:#000;
	}
	a:hover{
		color:#808080;
	}
	#pages{
		margin-top:30px;
		margin-bottom:10px;
		margin-left:0px;
	}
	#pages div{
		float:left;
		padding-left:2px;
		padding-right:3px;
	}
	a.category{
		color:#000;
		text-decoration:underline;
	}
	#lists br{
		margin-bottom:25px;
	}