/*
	CSS files kept in the 'styles' 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 versions as well as debug any potential
	problems.

	You select schemes from the K2 Options page in the
	'Presentation' section of your WordPress administration.
	
	Author Name		: 	Toss Condon
	Author Site		: 	http://tconx.net
	Style Name		: 	Metal Panels
	Style URI		:	http://tconx.net
	Version			:	0.4b
	Header Height	:	300
	Comments		:	Still testing.  I used Vader as a base, since I didn't want to build a style from scratch.  I adjusted measurments and colours to my liking, and also added some BG images
*/

body {
	background-image:url(top_bg.jpg);
	color: #FFFFFF;
	margin: 0;
	background-color: #000000;
	background-repeat: repeat-x;
	}
	
p {
	color: #FFFFFF;
	}

#header {
	background: black url('header_001.jpg') center center no-repeat;
	height: 300px;
	}

#header .blog-title {
	color: #FFFFFF;
	padding-top: 30px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
	}

#header .description {
	margin: 5px 50px;
	}
	
ul.menu {
	position: absolute;
	bottom: 0;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 27px;
	margin-left: 130px;
	font-size: 12px;
	}

ul.menu li a {
	display: block;
	font-size: 1em;
	color: white;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	}

#page {
	border: none;
	background-image: url(content_bg.jpg);
	text-align: left;
	margin: 0 auto;
	padding-top: 0px;
	}

.primary {
	padding-left: 0px;
	}

ul.menu li.current_page_item a, ul.menu li.current_page_item a:hover {
	background: none
	}
	
ul.menu li.current_page_item a, ul.menu li.current_page_item a:hover {
	color: white !important;
	text-decoration: none;
	}
	
ul.menu li a:hover {
	background: none
	}

.entry-title, .entry-title a, .entry-title a:hover, .entry-title a:visited {
	color: #FF0000;
	}

/*Was AC0E0F*/
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, h4, h4 a, h4 a:hover, h4 a:visited {
	color: #ad764e !important;
	}

h2 span a, 
h2 span a:visited,
h3 span a,
h3 span a:visited {
	color: #555555 !important;
	font-weight: normal !important;
	}

.primary .entry-meta a, .primary .entry-meta a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
	color: #444444;
	font-weight: normal;
	}

.entry-edit a,
.comment-edit a,
.comment-reply a {
	color: #444;
	}

.counter a {
	color: #222;
	}

.commentlist li {
	color: #666;
	}

.commentlist li:hover {
	background: none;
	}

#commentlist .comment {
	border-radius: 0px;
	-moz-border-radius: 0px;
	}

li.byuser .comment {
	border: 1px solid #222;
	background-color: #111;
	background: none;
	}	

.bypostauthor {
	background: none;
	}

li.bypostauthor .comment {
	border: 1px solid #333;
	background-color: #222;
	background: none;
	}

#pinglist {
	border: 1px solid #333;
	background-color: #222;
	}
	
blockquote, #weightedcategories, .authorcomment {
	background: #111;
	border-color: #222;
	}
	
.primary img {
	border-color: #222;
	background: #111;
	}

.inputcontainer {
	margin-bottom: 6px;
	}

/* Gray Color */
#footer, small, .sidebar ul ul li, .sidebar ul ol li, .nocomments, ul#activity li small a, ul#activity li, .LSRow small, #searchcontrols small  {
	color: #555;
	}

/*Was 4CA4B8*/

a, a:visited, .sidebar a:visited {
	color: #469c93;
	}
	
.post p a:visited {
	color: #469c93;
	}

#af-ela-menu li {
	border: none;
	background: #161616;
	}


#af-ela-menu, #af-ela-menu li {
	border-bottom: 1px solid #333;
	}

#af-ela-menu li.selected {
	background: #333;
	}

/* Hovering state of the table items */
#af-ela-year li:hover, #af-ela-month li:hover, #af-ela-post li:hover, #af-ela-category li:hover {
	background: #222;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	}

/* Active or hovered item in list */
#af-ela-year li.selected, #af-ela-month li.selected, #af-ela-post li.selected, #af-ela-category li.selected, #af-ela-post li:hover {
	background: #222;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	}

#af-ela-post {
	border-left: 1px solid #333;
	border-right: none;
	}

/* Rolling Archives Slider */
#dynamic-content #pagetrack {
	height: 18px;
	background: url('sliderbgleft.png') no-repeat center left;
	}

#dynamic-content #pagetrackwrap {
	height: 18px;
	padding-right: 4px;
	top: 0px;
	background: url('sliderbgright.png') no-repeat center right;
	}

#dynamic-content #pagehandle {
	width: 18px;
	height: 18px;
	top: 0px;
	background: url('sliderhandle.png') no-repeat center center;
	cursor: e-resize;
	}

body.smartposition #rollingarchives {
	background-color: black;
	border-bottom: 1px solid #444;
	}

#page input[type="text"],
#page textarea {
	color: #666666;
	background-color: #222;
	border: 2px solid #333;
	}
	
/* Conforming to 960px style */
/* Page width in 960px style is, of course, 960.  However, in order to best accomodate the metal panels that line the sides of the page, I've decided to add an extra 50 px to the far left and right margins.  The content still follows the 960 rule, thanks to padding.*/

.columns-two #page {
	width: 1060px;
	}

#primary {
	float: left;
	position: relative;
	width: 700px;
	margin-left: 60px;
	padding: 0px;
	margin-right: -60px;
	}

.secondary {
	width: 220px;
	float: none;
	position: absolute;
	font-size: 1em;
	line-height: 1.5em;
	color: #666;
	padding-top: 0px;
	padding-right: 60px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	top: 300px;
	left: 780px;
	}