/**
img {
height: auto;
width: 100%;
}
*/

img.center {
  		
	display: block;
	height: auto;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
} 



body {

	background-color: #121212;
}


#loginbox {
	
	/*margin-right: 10px;  not needed can remove */
	overflow: auto; /* makes rss fill white space in div */
	height: 100vh;  /*makes the height the size of the viewport*/
	/* background-color: #ffffff; */
		/* padding: 10px; */
}



nav li.STAR {

float: right;
width: 100%;
height: 100%;

}


#nav { 

	background-color: #000;
	
	/* height: auto; height auto means the height is determined by the children elements */
	
	margin: 0 auto;
	line-height: 30px;  /* used to vertically even nav bar elements */
	display: inline-block; /* or display: block */

	width: 100%;  // or %100// or auto
//max-width: 1024px;
	
	padding:0;   /* 112315 */
}


#nav ul { 

	margin: 0 auto;
	font-size: 100%;
	list-style-type: none; 
	text-align: center; 
	background-color: #000; 
	
	/* height: auto; height auto means the height is determined by the children elements */
	
	line-height: 30px;  /* used to vertically even nav bar elements */
	vertical-align: middle;
	
	padding:0;   /* 112315 */
} 



#nav li {
/*********************************************************/
margin:0;
padding:0;
list-style-type: none;
position: relative;
background:#999;

}



 
#nav ul li {  
	
	display: inline-block; 
	
	/* height: 100%; */
	
	line-height: 30px;  /* used to vertically even nav bar elements */
	vertical-align: middle;
	margin: 0 auto;
} 
 

#nav ul li a { 
		
	text-decoration: none; 
	padding: .280em 2em; /* sets padding and scalable dimensions for black navbar buttons.  */
	color: #fff; 
	background-color: #000; 
	
	/* height: 100%; */
	
	line-height: 30px;  /* used to vertically even nav bar elements */
	vertical-align: middle;
	margin: auto;
	
font-family: "Verdana";
border: 1px solid #1d1d1d;
text-shadow: 1px 1px 1px #000;
	
	
} 




#header  {

	margin-left: auto; 
	margin-right: auto; 
	background-color: #000;
	height: auto; /* height auto means the height is determined by the children elements */
}


 
#nav ul li a:hover { 
	
	color: #000; 
	background-color: #fff; 
	width: 100%; 
	height: auto;
	line-height: 30px;
} 

 
#wrapper {
	
	width: 80%;
	height: auto; /*   or %100 ??? */
	/*background-color: #000;// or white??*/
	margin-left: auto; 
	margin-right: auto; 
}


#amazon {
	
	padding-top: 15px;
	margin-left: 15px;
	margin-right: auto;
}



#RSS {
	
	padding-top: 10px;
	padding-left: 25px;
}


#links {
	 padding-left: 5px;
	/*padding-top: none; 10px;*/
	/*padding-left: none; 25px;*/
}


#leftcolumn {

	float: left;
	width: 256px;
	height: 100vh;
	background-color: #999;
	margin-left: 0px;
	padding-left: 0px;
}


#rightcolumn {

	
	/*margin-right: 10px;  not needed can remove */
	overflow: auto; /* makes rss fill white space in div */
	height: 100vh;  /*makes the height the size of the viewport*/
	background-color: #ffffff;
	border-left: 1px #000 solid;
}


.text-content {
		padding-left: 25px;
		padding-right: 25px;
}




#content {
height: 100%;  
}


#footer {

	color: #fff;
	height: auto;

	
}


















#nav ul ul { 

position:absolute;
visibility:hidden;

/*top:32px;*/

}

#nav  ul li:hover ul {

position:absolute;
visibility:visible;
/*width: auto; 
margin: auto;*/
display: block;
}

#nav li:hover {

background:#09F;
margin-left:auto;
margin-right:auto;

}

#nav ul li:hover ul li a:hover {

background:#CCC;
color:#000;
visibility: visible;

}


#nav a:hover {
color:#000;
}

/*
.clearFloat {
clear: both;
margin:0;
padding:0;
}
*/

	/*	
	text-decoration: none; 
	padding: .280em 2em; /* sets padding and scalable dimensions for black navbar buttons.  
	color: #fff; 
	background-color: #000; 
	height: 100%;
	line-height: 30px;  /* used to vertically even nav bar elements 
	vertical-align: middle;
	margin: auto;
	
font-family: "Verdana";
border: 1px solid #FFF;
text-shadow: 1px 1px 1px #000;

*/