/*
Theme Name: INFUXION.NET Minimal
Theme URI: http://www.infuxion.net
Description: The new look celebrating the 10th design of Infuxion.net
Version: 1.0
Author: Tay Li-Cheng
Tags: portfolio, minimal, clean

Hope this works :)
*/


/* Reset Code */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0;padding:0;}
ul{list-style:none;}
fieldset{border:0;}  
/* End Reset Code*/



/* UNIVERSAL STUFF */

body {  
position:relative;
background-color:#323133; 
color:#fff;  
font:62.5% Arial, Helvetica, Lucida Grande, Lucida Console, sans-serif;
border-top:5px solid #000;
}  

hr{border:1px dotted #fafafa;height:1px;}

img {border:0;}
a{color:#fff; text-decoration:none;border:0;}
a:hover{color:#fffc00;}

/*strange firefox borders*/
a, input {
outline-color: invert;
outline-style: none;
outline-width: medium;
}

ul,li{list-style:none;}   


	/* Font Issues */
	h1{font-weight:100;text-transform:uppercase;font-size:1.6em;}
	h3{font-weight:normal;text-transform:uppercase;font-size:1.3em;}
	h5{font-weight:normal;text-transform:uppercase;font-size:1em;}




	/* Wrappers */
	#wrap{
	width:900px;
	left:50%;
	margin-top:0;
	margin-left:-450px;
	position:relative;
	font-size:1.05em;
	line-height:1.8em;
	background:url(images/bg.png) no-repeat top center;
	}

	
	
	
	
	/* Clearfix Hack */
	
	.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}	
	
	.clearfix {display: inline-block;}  /* for IE/Mac */
	
	

/* Header */

	
	#top{width:100%;}
	
	#logo{float:left;width:166px;height:166px;background:url(images/logo.png) no-repeat 0px 0px;text-indent:-9999px;overflow:hidden;display:block;margin-top:40px;border:0;}
	#logo:hover{background:url(images/logoani.gif) no-repeat 0px 0px;}
	
	#description{float:left;width:500px;margin:85px 0 0 90px;line-height:2.5em;}
	.yellow{color:#fffc00;}
	

	



/* Portfolio */

	/*NAVIGATION*/
	#navi{clear:both;margin-bottom:50px;width:100%;}
	
	#navi li a{background-color:#5a5b5e;padding:2px 6px;margin-top:30px;float:left;margin-right:10px;-moz-border-radius: 8px;-webkit-border-radius: 8px;text-transform:uppercase;letter-spacing:0.08em;font-size:0.9em;}
	#navi li a:hover{background-color:#fffc00;color:#000;}
	#navi li.current-cat a{background-color:#fffc00;color:#000;}
	
	/*email link*/
	.contact{float:right;color:#fffc00;margin:32px 20px 0 0;font-weight:200;letter-spacing:0.1em;font-size:1.1em;}
	.contact:hover{color:#fff;border-bottom:1px dotted;}
	
	
	
	/*DISPLAY*/
	#container{clear:both;margin-top:90px;width:900px;padding:0;}
	
	#containersingle{clear:both;margin-top:90px;width:900px;padding:0;}
	
	.box{padding:10px;-moz-border-radius: 8px;-webkit-border-radius: 8px;background-color:#201d1e;float:left;width:270px;margin:0 8px 10px 0;
		opacity:.6; /* FX/Opera/Safari/Chrome */
		-ms-filter:"alpha(opacity=60)"; /* IE8 */
		filter:alpha(opacity=60); /* IE6/IE7 */

		}
		
	.box:hover{opacity:1; /* FX/Opera/Safari/Chrome */
		-ms-filter:"alpha(opacity=100)"; /* IE8 */
		filter:alpha(opacity=100); /* IE6/IE7 */}
		
	.details{margin-top:5px;line-height:1.2em;color:#CCC;}
	.details a{color:#fffc00;}
	.details .cat a{color:#666666;text-transform:uppercase;font-size:0.8em;letter-spacing:0.1em;font-weight:300;}
	.details .cat a:hover{color:#fff;}
	
	
	/*SINGLE*/
	#info{float:left;width:258px;font-size:1.1em;}
	#info a{color:#fffc00;}
	#info a:hover{color:#fff;}
	
	#content{float:right;width:610px;}
	.grey{color:#aeb0b3;font-size:0.9em;}