/*
	CSS files kept in the 'schemes' directory can be used to
	costumize your K2 installation without having to mess
	with the core K2 files. This in turn makes it easier to
	upgrade to new K2 version as well as debug any problems
	that might occur.

	You select schemes from the K2 Options page in the
	'Presentation' section of your WordPress administration.
	
	Author Name	:Eric Gooch
	Author Site	:http://www.ericgooch.com/weblogs/main
	Style Name	:Dark Matter
	Style URI	:
	Version		:
	Comments	:
*/

body {
	background: black; /* url('darkmatter/gradientbg.gif') repeat-x;  this is the main site background color. If you're using a gradient, this is the color that will continue below the gradient image  */
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #ddd; /* The color of the text used for comments */
	}

#page {
	/* The entire design is contained within the 'page' id */
	padding: 0; /* This tells the header not to put padding at the top of the page */
	width: 800px;
	_width: 800px;
	background: #202429;   /* This is the color of the entire page, behind the entries and the sidebar. */
	border: 1px solid #404346; /* The color of the border around the entire page */
	/*text-align: left;  This aligns the text of the entry titles, published info and sidebar */
	/* margin: 0 0 30px; uncommenting this will left - justify the entire page! */ 	
	}	
	
			
#header {
	/* Contains the H1 and menu */	
	width: 100%;
	background: black url('darkmatter/banners/rotator.php') top center no-repeat;
	height: 215px;
	}
	
	
.primary {
	/* Contains the main column */
	background: #0c161f; /* This is the color of the background of the actual posted entries */
	border: 4px solid #172b3d; /* This is the border around the main entries */
	}
	
h2 a {
	color: green !important;	
	}
h2 a:hover, h2 span a:hover {
	color: aqua !important;
	}
h2 a:visited {
	color: #e3e3e3 !important; /* Color of the headers on the Pages pages */
	}
h3, h3 a, h3 a:hover, h3 a:visited {	
	color: #bbdeff !important;  /* Color of the Heading for each entry */
	}
h4, h4 a, h4 a:visited {
	color: white !important; /* The color of the text with the numer of responses to a comment and the Leave A Reply" text */
	}
	
.entry-content {   /* The meat and potatoes of every entry */
	font: 1.2em/1.8em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	/*text-align: justify;*/
	color: #e1e1e1; /* Color of the text in the entries */
	}
	
/*- Links */	
.entry-content a {
	color: #a4e7ca; 	/* The color of the links that have not been clicked on yet. */
	text-decoration: none;
	}
.entry-content a:visited {
	color: #996565; 	/* The color of the links you've already visited. */
	}

	
	
.hentry {
	/* Each entry is contained within the 'hentry' class */
	}
	
	
/*- Main Menu in Header */
ul.menu {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0px; /* This adjusts the height of the menubar...increase to raise it */
	left: 20px;
	width: 90%;
	}
ul.menu,
ul.menu li a {
	padding: 6px 15px 6px; /* First value is height of menu tab button. Was 5 15 6 */
	}	
ul.menu li a:hover {
	background: #555;
	color: #eee !important;
	text-decoration: none;
	}
ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: white !important;
	background: #202429;
	text-decoration: none;
	}
	
/* The sidebar beeyotch! */		
.secondary {  
	background: black;
	padding: 15px 2px 10px 10px; /* Was 15px 7px 10px 15px */
/* html _padding: 10px 7px 10px 10px;*/
	border: 2px solid #3f4144;
	border-top: none;
	}
	
.secondary h2  {
	color: #bbdeff !important; /* Currently the color of the Sidebar headings */
	/*font-weight: bold !important;*/
	}
.secondary a {
	color: #acacac;
	}
/*.secondary a:visited {
	color: #7a4949;
	}*/
.secondary a:hover { 
	color: lime; /* Color of the sidebar links that have not been visited when hovering */
	}
/*.secondary a:visited:hover {
	text-decoration: underline;
	color: gray !important; /* Color of the sidebar links that have been visited when hovering */
	}*/

	
#primary .entry-content img {
	margin: 0 5px;
	padding: 4px;
	border:0 !important;
	}
	
img {border:0} /* Make images have no border */
a img {border:0} /* Make it so that images that are links do not have a border either */
a:hover img { border:solid gray 1px; } /* But make it so that when you hover over a link image it gets a border */
p img { padding: 0; max-width: 100%; } /* Clear padding on images and make sure whole width shows. */

.primary img {
	border: 0;
	}
	
		
input[type=text], textarea {
	color: aqua; /* Color for text in comment area ? was 4444 */
	padding: 1px;
	margin: 0;
	}
	
	
	
/* aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. */