/**
* CSS
* 
* Original (v 1.0) by Vaska & Gregory Cadar
* K Hessel Remix (v 1.1) by RayHu3@gmail.com
*/


*	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: helvetica;
	}


body {
	font-family: helvetica, sans-serif;
	color: #ffffff;
	background: url('empire.jpg') no-repeat fixed #000000;
	}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link, a:active, a:visited, a:hover,
a.listed:link, a.listed:active, a.listed:visited, a.listed:hover {
	color: #ffffff!important;
	text-decoration: none!important;
	}
	
#content p a:link,
#content p a:active,
#content p a:visited,
#content p a.listed:link,
#content p a.listed:active,
#content p a.listed:visited,
#content p ul li a:link,
#content p ul li a:active,
#content p ul li a:visited,
#content p ul li a.listed:link,
#content p ul li a.listed:active,
#content p ul li a.listed:visited,
#content .container p ul li a:link,
#content .container p ul li a:active,
#content .container p ul li a:visited,
#content .container p ul li a.listed:link,
#content .container p ul li a.listed:active,
#content .container p ul li a.listed:visited {
	color: #ffffff!important;
	border-bottom: 1px dotted #cccccc!important;
	}

#content p a:hover,
#content ul li a.listed:hover {
	border-bottom: 1px solid #cccccc!important;
	}

a img { border: none; }


/* MENU */
	
	#menu {
		width: auto;
		height: auto;
		overflow: auto;
		top: 40px;
		left: 60px;
		position: fixed;
		}
	
	#menu a:link,
	#menu a:active,
	#menu a:visited,
	#menu a:hover {
		color: #ffffff;
		text-decoration: none;
		}
		
	#menu ul {
		list-style: none;
		}
		
	#menu ul li {
		}
	
	#menu ul li.section-title {}
	
	#menu .navrmx {						/* SPACE BETWEEN MENUS */
		margin-top: 10px;
		}
	
	#menu .navrmx a, #menu .navrmx a:hover, #menu .navrmx h1.active {
		font-family:helvetica;
		color:#ffffff;
		line-height: 110%;
		}
	
	#menu .navrmx a {
		font-size: 11px;
		}
		
	#menu .navrmx a:hover {
		font-size: 20px;
		}
	
	#menu .navrmx h1.active {
		font-size: 20px;
		font-weight: 100;
		}
		
	#monogram {
		opacity: 0.06;
		filter: alpha(opacity:006);
		background: url('http://www.whoarewho.com/images/monogram.png') no-repeat scroll;
		margin-top: 120px;
		width: 120px;
		height: 150px;
		}
	
	/* CUSTOM BUILTWITH */
		
		#menu #builtwith {
			margin-top: 114px;
			}
			
		#menu #builtwith span, #menu #builtwith a, #menu #builtwith a:hover {
			font-family: "andale mono";
			letter-spacing: -0.08em;
			color:#666666;
			font-size: 10px;
			line-height: 40%;
			}
			
		#menu #builtwith span {
			opacity:0.5;
			filter:alpha(opacity:50);
			}
			
		#menu #builtwith a {
			opacity:0.7;
			filter:alpha(opacity:70);
			}
			
		#menu #builtwith a:hover {
			opacity:1.0;
			filter:alpha(opacity:100);
			}

/* CONTENT */

#content {
	font-family: helvetica;
	font-size: 11px;
	color: #ffffff;
	line-height: 120%;
    height: 100%;
    margin: 50px 0 0 210px;
}

.container {
    padding: 5px 5px 25px 5px;
}

#content ul {
	margin: -1em 0 1em;
	list-style: none;
	list-style-type: none;
}

#content ul li a.listed,
#content ul li a.listed:link,
#content ul li a.listed:active,
#content ul li a.listed:visited {
	line-height: 135%;
	color: #ffffff!;
	border-bottom: 1px dotted #cccccc;
}
	
#content ul li a.listed:hover {
	border-bottom: 1px solid #cccccc!important;
	}
	
#content ul li.unlisted {
	color: #bbbbbb;
}

#content p {
	width: 384px;
	line-height: 120%;
	margin-bottom: 10px;
	}
	
	/* FRIENDS (LINKS) */
		
		#links {
			margin-top: -14px;
			}
		
		#links a, #links a:hover {
			font-family:helvetica;
			color:#ffffff;
			line-height: 120%;
			text-decoration: none;
			}
		
		#links a {
			font-size: 11px;
			}
			
		#links a:hover {
			font-size: 20px;
			}
			
		#links h1#linx {
			font-family:helvetica;
			color:#ffffff;
			line-height: 120%;
			font-size: 20px;
			font-weight: 100;
			}
		
	/* BLOG */
					
		#content-blog {
			width: 384px;
			}
			
		#content-blog img {
			margin: 5px 0 5px -2px;
			}
			
		#content-blog div.post {
			margin: 32px 0 8px;
			line-height: 120%;
			}
			
		#content-blog div.post>p {
			margin: 10px 0 0 5px;
			text-indent: -5px;
			clear: both;
			}
			
		#content-blog .quoter {
			margin: -4px 0 12px;
			line-height: 120%;
			text-align:right;
			float: right;
			clear: both;
			}
		
		#content-blog div.post .wip {
			font-size: 10px;
			font-style: italic;
			color: #888888;
			margin-bottom: -15px;
			text-indent: 0;
			line-height: 80%;
			letter-spacing: -0.008em;
			clear: both;
			}
			
			#content-blog .symbol {
				margin: 100px auto 0;
				width: 80px;
				height: 80px;
				clear: both;
				text-align: center;
				}
			
			#content-blog .interro
			#content-blog .bang {
				font-family: helvetica;
				font-weight: 900;
				}
			
			#content-blog .interro {
				font-size: 100px;
				letter-spacing: -57px;
				}
			
			#content-blog .bang {
				font-size: 144px;
				position: relative;
				top: 20px;
				}
		
		
	/* QUOTE REFORMAT */
		
		#content-blog div.post div.quot2 {
			margin-top: 32px;
			clear: both;
			}
			
		div.quot2 a:link,
		div.quot2 a:active,
		div.quot2 a:visited {
			color: #ffffff;
			border-bottom: 1px dotted #cccccc;
			}
		
		div.quot2 a:hover {
			border-bottom: 1px solid #cccccc;
			}
				
		#content-blog div.post div.bquote {
			margin: 5px 0 -5px;
			text-indent: 0px;
			clear: both;
			}
						
			#content-blog div.post div.bquote a:link,
			#content-blog div.post div.bquote a:active,
			#content-blog div.post div.bquote a:visited {
				color: #ffffff;
				border-bottom: 1px dotted #cccccc;
				}
			
			#content-blog div.post div.bquote a:hover {
				border-bottom: 1px solid #cccccc;
				}

	/* ABOUT */
		
		#about {
			font-family: helvetica;
			font-size: 11px;
			color: #ffffff;
			height: 100%;
			}
			
		#about p {
			line-height: 120%;
			margin: 0 0 17px 0;
			width: 378px;
			}
			
		#about div.signature p {
			line-height: 120%;
			margin: 0 0 8px 0;
			width: 378px;		
			}
			
		#about div.signature a {
			color: #dfdfdf;
			}
			
		#about div.signature a:hover {
			color: #ffffff;
			}

		#about #about_builtwith {
			font-size: 10px;
			color: #666666;
			/* opacity:0.6;
			filter:alpha(opacity:60); */
			}
			
		#about #about_builtwith a {
			color: #666666;
			border-bottom: 1px dotted #777777;
			/* opacity:0.8;
			filter:alpha(opacity:80); */
			}
			
		#about #about_builtwith a:hover {
			color: #bbbbbb;
			border-bottom: 1px solid #777777;
			/* opacity:1.0;
			filter:alpha(opacity:100); */
			}
			
/* OTHER */

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 27px; }
h2 { font-size: 15.5px; margin-bottom: 7px;}
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }