/*
	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		: 	Chris Spath
	Author Site		: 	http://www.spatho.com
	Style Name		: 	Vader2/Spatho
	Style URI		:	http://getk2.com
	Version			:	1.0
	Header Height	:	260
	Comments		:	I have adapted the Vader2 theme my Michael Heilemann (http://binarybonsai.com)
						Under the terms of the following license:
						License: http://creativecommons.org/licenses/by-nc-sa/2.5/
*/

body {
	background: #111;
	color: #bbb;
	margin: 0;
	}

#header {
	background: black no-repeat;
	height: 230px;
	}

h1 {
	position: absolute;
	top: 25px;
	left: 50px;
	padding: 0;
	}

.description {
	position: absolute;
	top: 55px;
	left: 50px;
	margin: 0 !important;
	}

#page {
	border: none;
	}

.primary {
	padding-left: 25px;
	}

#page, ul.menu li.current_page_item a, ul.menu li.current_page_item a:hover {
	background: black;
	}
	
ul.menu li.current_page_item a, ul.menu li.current_page_item a:hover {
	background: #EEEEEE;
	color: #000000 !important;
	text-decoration: none;
	}
	
ul.menu li a:hover {
	background: #666666;
	color: white;
	}
	
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: #AC0E0F !important;
	}

h2 span a, 
h2 span a:visited,
h3 span a,
h3 span a:visited {
	color: #555 !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: #444;
	font-weight: normal;
	}
	
.counter a {
	color: #222;
	}
	
.commentlist li {
	color: #666;
	}

.commentlist li:hover {
	background: none;
	}
	
blockquote, #weightedcategories, .authorcomment {
	background: #444 url(../../images/quote.png) no-repeat 10px 0;
	border-color: #222;
	color: #999;
	}
	
.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;
	}

a, a:visited, .sidebar a:visited {
	color: #4CA4B8;
	}
	
.post p a:visited {
	color: #4CA4B8;
	}

#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;
	}

/* Stuff I've Added */
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

table.centeredtable {
	margin-left: auto;
	margin-right: auto;
	}

.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

/* Widen Main Body Column */
.columns-one #page {
	width: 730px;
	}

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

#primary {
	width: 670px;
	}

body.smartposition #nav-above {
	width: 670px;
	}

#rollingarchives {
	width: 670px;
	}

#pagetrack, #pagetrackwrap {
	width: 410px;
	}

body.smartposition #rollingarchives {
	width: 670px;
	}
/* End Widen Main Body Column */

/*Remove Rounded Corners On Top Menu Bar [Not used now since these lines have been deleted from core.css.php (line 191); these lines are only here to cancel those out and were spoiling CSS validation] - and now used again*/
ul.menu li a {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	}
/*End Remove Rounded Corners On Top Menu Bar*/

/*Change Background of My Comments from White to Grey*/
li.bypostauthor {
	background: #444444;
	}
/*EndChange Background of My Comments from White to Grey*/

/*Change Background of Comments Text Box from White to Light Grey*/
.comments form input[type="text"] {
	background: #EEEEEE;
	}

.comments textarea {
	background: #EEEEEE;
	}
/*End Change Background of Comments Text Box from White to Light Grey*/

/*Change Background of Trimmed Posts in Archives from White to Grey*/
div.trimmed .hentry {
	background: #444444;
	}
/*End Change Background of Trimmed Posts in Archives from White to Grey*/

/*Format Lists (Bullets)*/
ol, ul {
	list-style-type: square;
}
/*End Format Lists (Bullets)*/

/*Left-Align Flickr Badge in Sidebar [and make text underneath align with badge]*/
#zg_whatdiv, #zg_whatlink {
	margin: 0 0 0 0;
	width: 118px;
	text-align: justify;
	}
/*---This next bit also affects the Flicker banner (and any other textwidgets); reducing the extra padding added by K2 styles on the left hand side)---*/
div.textwidget {
	margin: 0 0 0 0 !important;
	}
/*End Left-Align Flickr Badge in Sidebar*/

/*Make Header Clickable [change cursor only; hyperlink is done in header.php - refer to changelog]*/
#header {
	cursor: pointer;
	}
/*End Make Header Clickable*/

/*Fix IE Missing Spaces Bug in "Published by..." Line [TEMPORARY FIX; NOT COMPLETE IE FIX AND MESSES WITH FF A BIT]*/
address.vcard.author {
	margin-right: 3px;
	}

div.entry-date {
	margin-right: 3px;
	}
/*End Fix IE Missing Spaces Bug in "Published by..." Line*/

/*Correct post text colour being over-ridden by style.css (WELL, WE CAN'T HAVE THAT)*/
.entry-content {
	color: #bbbbbb;
	}
/*End Correct post text colour being over-ridden by style.css*/
/* End Stuff I've Added */