/*-------------------------------------
			   RESET
-------------------------------------*/

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,   
li, dl, dt, dd, form, a, fieldset, input, textarea, th, td   
{   
margin: 0; padding: 0; border: 0; outline: none;   
} 

ul { list-style: none;}

/*-------------------------------------
			LAYOUT
-------------------------------------*/

body 
    {
	    background: url(../images/layout/page-bg.png) center center fixed;
	    color: #fff;
	    font-family: Arial;
	    font-size: 11px; 
		padding-bottom: 20px;
		padding-top: 20px;
    }
	
#container 
    {
	    width: 860px;
	    padding-top: 1px;
	    margin-right: auto;
	    margin-left: auto; 
		margin-bottom: 20px;
		position: relative;
    }

#header 
    {

    }

#content 
    {
	    width: 760px;
	    margin: 0 auto;
	    background: ;
    }

/*-------------------------------------
		STANDARD SELECTORS
-------------------------------------*/

h1 
{
    font-size: 14px;
    font-weight: bold;
    margin: 8px 0;
	position: absolute;
	width: 516px;
	height: 49px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/layout/network-header.png) no-repeat;
	top: 20px;
	left: 10px;
}

a:focus {
	outline: 0;
}


/*-------------------------------------
			PRIMARY CONTENT
-------------------------------------*/


/*-------------------------------------
			SECONDARY CONTENT
-------------------------------------*/

#share-this 
    {
       background: url(../images/layout/share-the-love.png) no-repeat 25px top;
       height: 120px;
       margin: 100px 0 10px 10px;
       width: 400px; 
    }
    
#icons 
    {
        display: block;
        float: left;
        height: 30px;
        margin-top: 70px;
        width: 280px;
    }

#icons li a {
    background: url(../images/layout/icons.png);
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 30px;
	height: 30px;
}

#icons li a:hover {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
}

#icons li {
	float: left;
	margin-right: 14px;
}

#icons li.twitter     a { background-position: 0 0;}
#icons li.tumblr        a { background-position: -44px 0;}
#icons li.digg        a { background-position: -89px 0;}
#icons li.facebook    a { background-position: -133px 0;}
#icons li.delicious   a { background-position: -178px 0;}
#icons li.stumbleupon a { background-position: -222px 0;}
    
#logo 
    {
        position: absolute;
        left: 550px;
        top: 5px;
        z-index: 2;
    }

/*-------------------------------------
			FOOTER
-------------------------------------*/

#footer 
   {
       background: url(../images/layout/powered-by.png);
       height: 26px;
       margin: 20px 0 20px 280px;
       width: 277px;
   }


/*-------------------------------------
			  MAIN NAV
-------------------------------------*/

#nav
    {	    
		background: #fff;
	    border: 8px solid #fff;
	    -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
	    margin: 0 10px;
	    padding: 0;
		-webkit-box-shadow: rgba(0,0,0,0.5) 5px 5px 10px;
		   -moz-box-shadow: rgba(0,0,0,0.5) 5px 5px 10px;
    }

#nav a 
    {
	 
	    background: red url(../images/layout/fuel-logo.png) 732px 0 no-repeat;
	    color: #fff;
	    height: 148px;
	    text-decoration: none;
	    width: 821px;
	    display: block;
		position: relative;
		-webkit-transition: background-color 0.25s linear;
		border-top: solid 1px transparent;
		border-top-color: rgba(255,255,255,0.3);
		border-bottom: solid 1px transparent;
		border-bottom-color: rgba(0,0,0,0.3);
		border-right: solid 1px transparent;
		border-right-color: rgba(0,0,0,0.3);
		text-shadow: rgba(0,0,0,0.4) 0 -1px 0;
    }
    

#nav a .avatar
	{
		display: block;
		width: 150px;
		height: 150px;
		position: absolute;
		left: 0;
		top: -1px;
		background: url(../images/layout/fuel-logo.png) -219px 0 no-repeat;
	}
	
#nav a .avatar strong 
	{
		display: block;
		width: 100px;
		height: 150px;
		background: url(../images/layout/photos.jpg?rev=1) 0 0 no-repeat;
		position: absolute;
		left: 50px;
		top: 0;
	}

#nav ul {
		    list-style: none;
}

#nav li 
    {
	    margin: 0;
    }
    
#nav li.header {
background: #000;
padding: 10px;
color: #fff;
font-family: Helvetica, arial, sans-serif;
border-right: solid 2px #fff;
text-transform: uppercase;
font-size: 12pt;
text-align: right;
}


#nav #branding       { background-color: #75297F; }
#nav #interface      { background-color: #D53893; }
#nav #creative       { background-color: #AE1F23; }
#nav #blogging       { background-color: #E63C00; }
#nav #coding         { background-color: #FC7600; }
#nav #illustration   { background-color: #ED991A; }
#nav #apps           { background-color: #83B42C; }
#nav #writing        { background-color: #00A69F; }
#nav #motionography  { background-color: #26C7DD; }
#nav #photography    { background-color: #808080; }

#nav #branding:hover       { background-color: #a000a0; }
#nav #interface:hover      { background-color: #f40aad; }
#nav #creative:hover       { background-color: #d2001f; }
#nav #blogging:hover       { background-color: #ff3800; }
#nav #coding:hover         { background-color: #ff9200; }
#nav #illustration:hover   { background-color: #fbb500; }
#nav #apps:hover           { background-color: #94cf2f; }
#nav #writing:hover        { background-color: #00c0b9; }
#nav #motionography:hover  { background-color: #00d8e9; }
#nav #photography:hover    { background-color: #a0a0a0; }

#nav #branding       .avatar strong { background-position: 0 -0; }
#nav #interface      .avatar strong { background-position: 0 -150px; }
#nav #creative       .avatar strong { background-position: 0 -300px; }
#nav #blogging       .avatar strong { background-position: 0 -450px; }
#nav #coding         .avatar strong { background-position: 0 -600px; }
#nav #illustration   .avatar strong { background-position: 0 -750px; }
#nav #apps           .avatar strong { background-position: 0 -900px; }
#nav #writing        .avatar strong { background-position: 0 -1050px; }
#nav #motionography  .avatar strong { background-position: 0 -1200px; }
#nav #photography    .avatar strong { background-position: 0 -1350px; }


/*-------------------------------------
		   OTHER SELECTORS
-------------------------------------*/

.editor 
    {
		display: block;
        font-size: 32px;
        font-weight: normal;
        margin: 0 0 0 165px;
    }
    
.title 
    {
		display: block;
        font-size: 26px;
        font-weight: bold;
        margin: 40px 0 0 165px;
    }
	
/*-------------------------------------
		   CONTACT FORM
-------------------------------------*/