/*
	RESET & BASIC SETUP
*/

* {
	margin: 0; 
	padding: 0; 
}

html, body {  
    height:100%;  
    margin:0;  
} 

body {
	background-color:#222222;
} 


/*
	STRUCTURE
*/

#header {  
	position: fixed;
	width:290px;
	height: 582px;
	padding-left:0px;
	text-align:left;
	background-color:#222222;
	top: 50%;
	left: 0%;
	margin-top: -291px;
	margin-left:0px;
	z-index:2;
} 
 
#logo {
	width:290px;
	heigh:auto;
	float:left;
	padding-left:0px;
	background-color:#222222;
}

#nombre {
	width:290px;
	heigh:auto;
	float:left;
	background-color:#222222;
}


#contenido {  
	position: absolute;
	height: 582px;
	top: 50%;
	left: 0%;
	margin-top: -291px;
	margin-left:0px;
	float:left;
	z-index:auto;
	background-color:#000;
} 

.post { 
	width:auto;
	padding:0px;
	margin:16px 0px 16px 16px;
}

.post2 { 
	width:auto;
	height: 582px;
	background-color:#222222;
}

#fadehover {
	position:absolute;
	width:322px;
	height:115px;
	left:50%;
	top:50%;
	margin-top:-57px;
	margin-left:-161px;
}

img.a {
	position:absolute;
	z-index: 10;
}

img.b {
	
}



/*
	TYPOGRAPHY
*/
h1 {font-family:'New Republic'; font-size:22px; color:#FFFFFF; letter-spacing:-1px;line-height:28px;}
h2 {font-family:'New Republic'; font-size:12px; color:#FFFFFF; text-transform:uppercase;}


a:link    {color:#FFF; text-decoration:none;}
a:visited {color:#FFF;}
a:hover   {color:#FFF; text-decoration:underline;}
a:active  {color:#FFF;}