/*
	Rename this file to k2scheme.css, and keep all your CSS changes in
	here, so as to minimize 'the damage'. This will make it easier for
	you to upgrade and debug problems.
	
	Also, if you want to create a scheme for K2 for distribution, you
	should make as few changes as possible to other files, so as to
	make it easier for people who want to retain a clean and easily
	upgradeable K2 install.
	
	Author Name	: Dan
	Author Site	: improvpastence.com
	Scheme Name	: mini
	Comments	:
*/

body {
	font-size: 10px; /* Resets 1em to 10px */
	font-family: ' Lucida Grande' Verdana, Arial, Sans-Serif;
	color: #444;
	background-color: #eee;
	text-align: center;
	margin: 20px 0 30px;
}
	
#page {
	background: #fff;
	text-align: left;
	margin: 0 auto;
	padding: 10px;
	position: relative;
	/* The entire template's width is set in this class. */
	width:780px;
	_width: 780px;
	border: 0px solid #ddd;
	border-top: none;
}


.primary {
	width: 65%;
	min-width: 300px;
	_width: 515px; /* IE Hack */
	float: left;
	padding: 20px 2% 10px 2%;
	margin: 0;
	}
		
#header {
	padding: 0;
	margin: 0;
	position: relative;
	height: 100px;
	background: #38c url('gamesarework/header.jpg');
	}
	
ul.menu {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 11px;
	width: 90%;
	}
	
ul.menu,
ul.menu li a {
	padding: 3px 8px 3px;
	}
	
ul.menu li a {
	font: 9px Verdana, Helvetica, Arial, Sans-Serif;
	text-transform: lowercase;
	color: white;
	background: #333;
	margin: 0;
	}
		
ul.menu li a:hover {
	background: #333;
	color: #eee !important;
	text-decoration: none;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #333 !important;
	background: white;
	text-decoration: none;
	}
	
/*images and borders*/
	
.primary img {
	margin-left: -5px;
	padding: 4px;
	border: 1px solid #ccc;
	max-width: 100%;
	}
	
img.center {
	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;
	}
	
img.noborder {
	border: none;
	}

.secondary {
	font: 9px ' Lucida Grande' Verdana, Arial, Sans-Serif;
	padding: 10px 0;
	margin: 0 0 20px 71%;
	width: 26%;
	color: #666;
	/* The following are IE Fixes */
	_margin-left: 0%;
	_margin-right: -3%;
	_width: 28%;
	}
	
h1 { /* H1 is used for the title of your blog */
	font-size: 2em;
	letter-spacing: -1px;
	padding-top: 25px;
	margin: 0 0 0 25px;
	width: auto;
	height: auto;
	font-weight: bold;
	}


#header .description { /* Blog description, under blog title */
	font-size: 9px;
	margin: 0 0 0 25px;
	background: #333;
	padding: 1px 3px 1px 3px;
	}
	
h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #444;
	}
	
.primary h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0;
	letter-spacing: -1px;
	text-align: center;
	display: inline;
	}
	
.secondary h2 { /* Secondary H2 is sidebar headlines */
	font-size: 13px;
	font-weight: normal;
	padding: 0;
	display: inline;
	}
	
.metadata { /* Time and category for blog entries, i added the color tag*/
	font-size: 9px;
	display: block;
	}
	
.primary h3 , .primary h4{ /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 17px;
	font-weight: bold;
	letter-spacing: -1px;
	display: inline;
	}
	
/*- Links */

a:hover, a:visited:hover {
	text-decoration: underline;
	}

h2 a:hover, h2 span a:hover {
	color: #27d !important;
	}

a {
	color: #27d;
	text-decoration: none;
	}

.itemtext a:visited {
	color: #b41;
	}
	
.blub {
	background: #333;
	padding: 0px 4px 1px 2px;
	margin: 0;
}