/*
	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	: Sindar
	Comments	:
*/
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande' Myriad Apple, Verdana, Arial, Sans-Serif;
	color: #666;
	background-color: #EDEDED;
	text-align: center;
	margin: 20px 0 30px;
}
	
#page {
	background: #FFF;
	padding: 10px;
	border: 1px solid #DEDEDE;
	width: 760px;
	_width: 720px;
}

#header {
	background: url('../../k2/images/birch.html') center;
}

ul.menu {
	left: 10px;
	width: 91%;
	}
	
ul.menu li a {
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	text-transform: lowercase;
	color: #000 !important;
	background-color: #999;	/* modified by gigi */
	margin: 0;
	opacity: .60;		/* modified by gigi */
	}
		
ul.menu li a:hover {
	background: #000;
	color: #ccc !important;	/* modified by gigi */
	text-decoration: none;
	opacity: .70;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #ccc !important;	/* modified by gigi */
	background: #000;
	text-decoration: none;
	opacity: .70;
	}
	
.primary img {
	margin-left: -5px;
	padding: 4px;
	border: 1px solid #FFF;
	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: 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%;
	}
	
h1, h2, h3, h4 {
	font-family: 'Century Gothic' Lucida Grande, Verdana, Sans-Serif;
	}
	
h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-decoration: none !important;
	color: #FFFFFF !important;
	}
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: #FFF;
	}
	
.metadata { /* Time and category for blog entries, i added the color tag*/
	display: block;
	color: #707070;
	}
	
/*- Links */
a:hover, a:visited:hover {
	text-decoration: underline;
	}
h2 a:hover, h2 span a:hover {
	color: #707070 !important;
	}
a {
	color: #35C;
	text-decoration: none;
	}
#recentcommentsList li span a {	/* added by gigi */
	color: #35c;
	}
.itemtext a:visited {
	color: #35C;
	}

.primary {	/* added by gigi */
	margin: 0 0 0 15px;
	_margin: 0 20px 0 5px;	/* IE hack */
}