/*
	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	: Pixel
	Comments	:
*/
body {
	font-size: 12px; /* Resets 1em to 10px */
	font-family: 'Lucida Grande' Verdana, Arial, Helvetica, Sans-Serif;
	color: black;
	text-align: center;
	margin: 0 0 0 0;
	background-color: white;
}
	
#page {
	background: white;
	text-align: left;
	margin: 0 auto;
	padding: 20px 0 10px;
	position: relative;
	/* The entire template's width is set in this class. */
	width: 655px;
	_width: 655px;
	border: 0px solid #ddd;
	border-top: none;
	}
	
.primary {
	width: 550px;
	_width: 550px; /* IE Hack */
	padding: 15px 0 0;
	margin: 0 50px 0 50px;

	}

.secondary {
	font: 10px ' Lucida Grande' Verdana, Arial, Sans-Serif;
	padding: 70px 30px;
	margin: 0 0 0 0%;
	width: 0%;
	color: #333333;
	/* The following are IE Fixes */
	_margin-left: -3%;
	_margin-right: 0%;
	_width: 0%;
	display: none;
	}
		
#header {
	padding: 0;
	margin: 0;
	position: relative;
	height: 150px;
	background: url('header2.png') left center no-repeat;
	}
.sb-search{ /* for position of search box - this is ALL trial and error - this won't work for you out of the box */
   margin: 0px 250px -0px 240px; /* margin: up, right, down, left in pixels */
   _margin: 0px 250px -0px 240px; /* same as above, but IE specific */
   padding-top: 90px; /* top padding - how far down you want the search box */
   _padding-top; 90px; /* for IE */
}

.livesearchform input#livesearch {
   width: 150px !important; /* width in pixels */
}
	

/* UTW graph From Binary Bonsia Forums*/

.longtailvert div {
margin: 0 !important;
/* text-transform: lowercase; To get the text to be lower case */
}

.longtailvert div a {
font-size: 14px;
color: white !important;
border: 0;
padding: 3px;
}

.longtailvert div:hover {
background-color: black !important;
color: #FFFFFF;
}


ul.menu {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 150px;
	left: 20px;
	width: 90%;
	}
	
ul.menu,
ul.menu li a {
	padding: 4px 10px 4px ;
	}
	
ul.menu li a {
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	text-transform: lowercase;
	text-decoration: none;
	color: #1E1E1E;
	margin: 0;
	font-weight: none;
	}
		
ul.menu li a:hover {
	color: #1E1E1E !important;
	text-decoration: none;
	font-weight: none;
	background: #bbbbbb;
	}

ul.menu li.current_page_item a {
	color: #1E1E1E !important;
	background: #ffffff;
	text-decoration: none;
	font-weight: none;
	}
	
ul.menu li.current_page_item a:hover {
	color: #1E1E1E !important;
	background: #aaaaaa;
	text-decoration: none;
	font-weight: none;
	}
	
.admintab {
	position: absolute;
	right: 35px;
	}
	
.sb_pagemenu ul {
	margin-left: 10px;
	display: none;
	}
	
.sb_pagemenu ul ul {
	margin-top: 2px;
	display: none;
	}

.sb_pagemenu ul ul .page_item {
	margin-left: 10px;
	padding: 0;
	display: none;
	}

.sb_pagemenu .current_page_item {
	display: none;
	}
	
.primary .item .itemtext {
	font: 300 1.1em/1.5em "Century Gothic";
	text-align: justify;
	color: #333333;
	}

/*images and borders*/
	
.primary img {
	margin-left: -5px;
	padding: 4px;
	border: 0px 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;
	}
	
h2, h3, h4 {
	font-family: Century Gothic;
	font-weight: bold;

	}

h1 {
	font-family: Century Gothic;
	font-weight: bold;
}	
	
h1 { /* H1 is used for the title of your blog */
	font-size: 50px;
	letter-spacing: -1px;
	padding-top: 60px;
	margin: 0 0 0 164px;
	font-weight: bold;
	width: 100%;
	}
	
#header .description { /* Blog description, under blog title */
	font-family: 'Century Gothic' Verdana, Sans-Serif;
	font-size: 1em;
	font-weight:bold;
	margin: 0 0 0 0px;
	
	}
	
h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	
	}

h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #333333;
	}
	
.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 */
	color: #000000;
	font-size: 10px;
	font-weight: normal;
	padding: 0;
	display: inline;
	}
	
.metadata { /* Time and category for blog entries, i added the color tag*/
	color: #BBBBBB;
	font-size: 12px;
	display: block;
	font-family: Century Gothic, Helvetica, Arial, Sans-Serif;
	}
	
.primary h3, .primary h4 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 23px;
	font-weight: none;
	letter-spacing: -1px;
	display: inline;
	}



.primary .aside {
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 10px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	background-color: #ececec; /* Change unless you want an off-white aside. */
	-moz-border-radius: 10px; /* Rounded corners in Mozilla Browsers - The more the px, the more rounded. */;
}
	
.primary .metalink a, .primary .metalink a:visited /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary span a, .secondary span a:visited {
	color: #FFFFFF;
	font-weight: normal;
	}

.primary .aside h3 {
	font-size: 12px;
	font-weight: normal;
	}

.permalink .primary .aside h3 {
	font-size: 12px;
	}

.permalink .primary .aside .itemtext {
	font: 300 1.1em/1.5em "Century Gothic";
	color: #333333;
	}

.secondary .metalink a, .secondary .metalink a:visited {
	color: #CCCCCC;
}
	
.comments .commentlist li.authorcomment {
	background: #F3F2EF;
	}	

#footer {
	margin: 10px auto 0;
	display:block;
	}
	
.comment {
	font-size: 10px; /* Resets 1em to 10px */
	font-family: 'Lucida Grande' Verdana, Arial, Sans-Serif;
	color: #000000;
}

/*- Links */

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

h2 a:hover, h2 span a:hover {
	color: green !important;
	}
h3 a:hover {
	color: green; 
	text-decoration: none !important;
	}

a {
	text-decoration: none;
	}

.itemtext a:visited {
	}