@charset "UTF-8";
/* CSS Document */

/* C'mon, Deckard. I'm right here, but you've gotta shoot straight! */

body {
	font-size:10px; 
	font-family: Arial,Helvetica,sans-serif;
	line-height:12px;
	letter-spacing:0.09em;
	
}

/**** Header/Navigation rollover effect ****/

a { color:#FFFFFF; text-decoration:none; }
a:hover { text-decoration:underline; color: #00aeff; }



/*********************** NAV **********************/

#navigation {
	padding:0 0 10px 0;
	color:#FFFFFF;
	position:fixed;
	top:25px;
	*top:20px;
	left:23px;
	width:147px;
}

#nav_iframe{
	padding:0 0 10px 0;
	color:#FFFFFF;
	position:fixed;
	top:00px;
	*top:5px;
	left:0px;
	width:167px;
	border:none;
	margin:0px;
	height:100%;
	overflow:hidden;
}

#nav_top {
	margin:0 0 26px 0;
	top:50px;	
}
#nav_top li h3 { 
	font-size:10px; 
	line-height:12px;
	margin:0px 0 6px 0;
}

#nav_top li:first-child {margin:0px 0 26px 0;}

#nav_top li h3 a#logo{ 
	height:15px;
	width:142px;
	margin:-9px 0px 0px 14px;
	*margin:0px 0px 0px 14px;
	_margin:0px 0px 26px 14px;
	position:absolute;

	display:block;
}

#logo img{ 
	padding:0px 4px 0px 0px;
}

#logo a p{ 
	padding:0px;
	margin:5px;
}

#nav {
	position:relative;
	height:275px;
	width:147px;
}

#nav li {margin:3px 0 6px 0;}
#nav li#blog {margin:32px 0 0px 0;}
#nav li h3 { font-size:10px; line-height:12px;}
#nav_top li h3 img, #nav li h3 img, #social li h3 img{ padding:0 6px 0 0;}

#nav li .sub_menu{
	position:relative;
	padding:6px 0 6px 0;
	left:22px;
	width:120px;
}

#social {
	bottom:40px;
	left:23px;
	position:fixed;
	margin:0 0 26px 0;
}

#social li h3 {
	font-size:10px; 
	line-height:12px;
	margin:0px 0 6px 0;
}


#copy {
	bottom:10px;
	color:#626262;
	font-size:9px;
	left:23px;
	line-height:10px;
	padding:0 0 2px 0px;
	position:fixed;
}

#nav li h3#tri {background:url(../imgs/triangle-bullet.gif)no-repeat;
padding:0 0 0 15px; 

}

.head tri-open {
	background:url(../imgs/triangle-bullet-open.gif)no-repeat;
	padding:0 0 0 15px; 
}

.closed {}

/*  Not very sporting to fire on an unarmed opponent. I thought you were supposed to be good. Aren't you the "good" man? C'mon, Deckard. Show me what you're made of. */

/*********************** HEADER **********************/
#header {
	background:#000000;
	height:70px;
	left:1px;
	position:fixed;
	top:0px;
	width:100%;
	z-index:1000;
}

#pagetitle {
	background:#FFFFFF;
	color:#000000;
	line-height:11px;
	margin:0px 0px 0px 0px;
	overflow: hidden;
	padding:0px 0px 0px 2px;
	position:absolute;
	width:100%;
	top:59px;
}

/*********************** CONTENT **********************/
#content {
	left:1px;
	position:absolute;
	top:77px;
	padding: 0 0 120px 0;
	height:auto;
}

#content a, #content a:hover, #content a:focus{
	padding:0px 0 0 2px;
}

#content p{
	margin: 0 0 0 1px;
	width:450px;
}

.inner_content {
	position:absolute;
	top:55px;
	*top:55px;
	height:auto;
}

.inner_content a, .inner_content a:hover, .inner_content a:focus{
	padding:2px;
}

.inner_content p{
	margin: 0 0 0 2px;
}

 /* 2column list for images */
.twocolumn {
	top:5px;
	position:relative;
	width:786px;
	
}

.twocolumn li {
	
	list-style: none;
	display: block;
	float: left;
}

.twocolumn li img {
	width:378px;
	padding: 0 10px 7px 0;
}

/* Force Safari to behave - fixes content image spacing  */

@media screen and (-webkit-min-device-pixel-ratio:0) 
{
.twocolumn li img {
	width:378px;
	padding: 0 10px 10px 0;
}

}

#video{
	left:150px;
	position:relative;
	top:20px;
}


/********************* About Page **************************/
/* You're in a desert, walking along in the sand, when all of a sudden you look down... */

#about{
	margin:43px 0 0 0;
}


/********************* Represent Page **************************/

#rep a, #rep a:hover{
	padding:0; margin:0;
}




/********************* Contact Page **************************/

#contactleft {
	float:left;
	margin:0px 0 20px 0px;
	width:250px;
	height:100%;
	bottom:10px;
}

#contact_form {
	line-height:30px;
	margin:17px 0 0 0;
}
#contact_form table {
	line-height:30px;
	margin:-8px 0 0 0;
}


#contactleft #name, #contactleft #email {
	margin:5px 0 0 0;
	padding:5px 0 5px 0px
}

#subject {
	margin:5px 0 0 0;
	padding:5px 0 5px 0px
}


 textarea#detail {
	margin:0px 0px 0px 5px;
	height:223px;
	width:98%;
	padding:5px 0 5px 5px;
}

/* Force Safari to behave - fixes content image spacing  */

@media screen and (-webkit-min-device-pixel-ratio:0) 
{
 textarea#detail {
	margin:0px 0px 0px 0px;
	height:223px;
	width:98%;
	padding:5px 0 5px 5px;
}

}


input, textarea {
	background:#2e2e2e; 
	border:#464646 1px solid;
	color:#FFFFFF;
	float:right;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius:3px;
	outline:none;
}

#submit, #reset {
	background:#333333;
	margin:0px 0 0 5px;
	outline:none;
	padding:2px 20px;	
}

#submit:hover, #reset:hover {
	background:#666666;
	margin:0px 0 0 5px;
	outline:none;
	padding:2px 20px;	
}


/********** contact form *****************************/
/* Don't know, I don't know such stuff. I just do eyes, ju-, ju-, just eyes... just genetic design, just eyes. You Nexus, huh? I design your eyes. */

#note{
}

.notification_error
{
border: 1px solid #464646;
margin: 0 0 2px 0;
padding: 8px;
background: #2e2e2e;
text-align: center;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border-radius:3px;
}

.notification_ok
{
	background: #2e2e2e;
	border: 1px #464646 solid;
	height: auto;
	margin:2px 0;
	padding: 8px;
	text-align: center;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius:3px;
}

.button {
	background:#333333;
	margin:0px 2px;
	outline:none;
	padding:2px 20px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius:3px;
}

.button:hover {
	background:#666666;
	margin:0px 2px;
	outline:none;
	padding:2px 20px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius:3px;
}

/* Label */
label {
	float: left;
	margin: 5px;  
	padding:0 0 0 0px; 
}

/* BR */

br { clear: left; }

/********** Mailing List *****************************/
/* All he'd wanted were the same answers the rest of us want. Where did I come from? Where am I going? How long have I got? All I could do was sit there and watch him die. */

#mailinglist {
	float:left;
	margin:0px 0 0 0;
	width:250px;
}

#mailinglist table {
	margin:5px 0;	
	width:150px;
}
#mailinglist #submit {
	background:#333333;
	margin:0px 0 0 5px;
	outline:none;
	padding:5px 20px;	
}

#mailinglist #submit:hover {
	background:#666666;
	margin:0px 0 0 5px;
	outline:none;
	padding:5px 20px;	
}

#mailinglist #name, #mailinglist #email {
	margin:0px 0 5px 5px;
	outline:none;
	padding:5px 20px 5px 0px;	
}

.attributeinput {
	left:0px;
	margin:0px;
	padding:0px;
}

#nm.attributeinput, #ee.attributeinput {
	width:50px;
}

/******************** Archive **************************/

/* 2column list for images */
#archive {
	left:-1px;
	
	position:relative;
	width:100%;
	max-width:856px!important;
	top:23px;
}

#archive p{
position:relative;
margin:0 0 0 2px;
top:21px;
}

#archive ul {
	width:100%;
	max-width:856px!important;
	left:-2px;
	margin:4px 0 0 0;

}

#archive li {
	list-style: none;
	list-style-position:inside;
	display: block;
	padding: 0;

}

#archive li img {
	width:200px;
	margin: 0 0px 0px 0;
}

/* Force Safari to behave - fixes content image spacing  */

@media screen and (-webkit-min-device-pixel-ratio:0) 
{
#archive li img {
	width:200px;
}
}


#archive li a img{
	border:2px solid #000000;
	width:200px;
	padding:0;
}

#archive li a img:hover{
	border:2px solid #00aeff;
}


/*  I've seen things you people wouldn't believe. Attack ships on fire off the shoulder of Orion. I watched C-beams glitter in the dark near the Tannhauser gate. All those moments will be lost in time... like tears in rain... Time to die. */