/*
	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	: Mark
	Author Site	: markup.thekraemers.com
	Scheme Name	: markup
	Comments	:
*/
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande' Myriad Apple, Verdana, Arial, Sans-Serif;
	color: #666666;
	background-color: #FFFFFF;
	text-align: center;
	margin: 20px 0 30px;
	background: url('repeatback.png') center center !important;
}
	
#page {
	background: #FFFFFF;
	text-align: left;
	margin: 0 auto;
	padding: 10px;
	position: relative;
	width: 760px;
	_width: 720px;
	border: 1px solid #DEDEDE;
}
	
#header {
background: url('legof1-background.jpg') left bottom !important;
}

.primary {
	width: 500px;
	_width: 500px; /* IE Hack */
	float: left;
	padding: 20px 0 10px;
	margin: 0 0 0 30px;
	}

.secondary {
	font: 1em/1.5em ' Lucida Grande' Verdana, Arial, Sans-Serif;
	padding: 10px 0;
	margin: 0 0 20px 71%;
	width: 26%;
	color: #555;
	/* The following are IE Fixes */
	_margin-left: 0%;
	_margin-right: -3%;
	_width: 28%;
	} 
	
ul.menu li a {
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	text-transform: lowercase;
	color: #000000;
	border-bottom: 1px solid #BBB;
	background-color: #DDD;
	margin: 0;
	opacity:.70;
	}
		
ul.menu li a:hover,
ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #333 !important;
	background: #FFF;
	text-decoration: none;
	border: 1px solid #BBB;
	border-bottom: none;
	}
	
.primary img {
	margin-left: -5px;
	padding: 4px;
	border: 1px solid #FFFFFF;
	max-width: 100%;
	}
	
img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 10px 10px;
	display: inline;
	border: 1px solid #DDD;
	}

img.alignleft {
	padding: 4px;
	margin: 0 10px 10px 0;
	display: inline;
	border: 1px solid #DDD;
	}
	
img.noborder {
	border: none;
	}
	
h1, h2, h3, h4 {
	font-family: Arial, Sans-Serif;
	text-transform: lowercase;
	}

.primary h3, .primary h4, .permalink .primary .aside h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 2.2em;
	font-weight: normal;
	letter-spacing: normal;
	display: inline;
	}
	
h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-decoration: none;
	color: #333;
	}
h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #444;
	}
	
#header .description { /* Blog description, under blog title */
	font-size: 1em;
	text-decoration: strong;
	margin: 0 0 0 40px;
	color: #555;
	}
	
.metadata { /* Time and category for blog entries, i added the color tag*/
	display: block;
	color: #707070;
	}
	
.itemtext {
	/* IE fix */
	_margin-right: 20px;
	}
	
p.delicious-extended {
	font-size:.9em;
	}
	
/*- Links */
