/*
	CSS files kept in the 'styles' directory can be used to
	customize your K2 installation without having to mess
	with the core K2 files. This in turn makes it easier to
	upgrade to new K2 version as well as debug any problems
	that might occur.

	You select styles from the K2 Options page in the
	'Presentation' section of your WordPress administration.

	For more information on how to use custom styles:
		http://code.google.com/p/kaytwo/wiki/K2CSSandCustomCSS
	
	Author Name	: Ben McKeown
	Author Site	: www.benmckeown.com
	Style Name	:
	Style URI	:
	Version		:
	Comments	:
*/



body {
	font-size: 66%; /* Resets 1em to 10px */
	font-family: 'Georgia', Verdana, Helvetica, Arial, sans-serif;
	color: #444;
	background: #eee;
	text-align: center;
	}

	

#page {
width: 800px; /* Width of entire blog */
_width: 800px; /* Check in IE and adjust accordingly */
}

{
	background: white;
	text-align: left;
	margin: 0 auto;
	padding-top: 0px;
	position: relative;
	border: 1px solid #ddd;
	border-top: none;
	clear: both;
	}

#page {padding-top:0}



#header {
	position: relative;
	height: 100px;
	background: #3371A3;
	background-position: top right;
	}

h1, h2, h3, h4 {
	font-family: 'Georgia', Verdana, Sans-Serif;
	}

#header {
background: #3399CC url('http://www.benmckeown.com/graphics/water21002resize.jpg') no-repeat !important;
height: 100px !important; /*sets the height of header*/
_height: 100px !important; /*IE tweak*/
border: none !important;
padding: 0;
margin: 0;
position: relative;
}

.content {
	padding: 0 20px 10px;
	}

h1{
display: none;
}
#header .description {
display: none;
}


#primary {
	position: relative;
	float: left;
	width: 750px;
	padding: 10px;
	}

* html #primary {
	display: inline;
	}

ul.menu,
ul.menu li a {
	padding: 5px 12px 6px;
	}

ul.menu li a {
	font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: white;
	margin: 0;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	}

#primary a:hover, #primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
	text-decoration: underline;
	}

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

a {
	color: #660000;
	text-decoration: none;
	}

.entry-content a:visited {
	color: #660000;
	}

.entry-content img {
border:  2px solid #000000;
}


.hentry {
	/* Each entry is contained within the 'hentry' class */
	}

.entry-content {
	/* The meat and potatoes of every entry */
	}


#sidebar-1 {
	/* The first sidebar */
	}

#sidebar-2 {
	/* The second sidebar */
	}

.secondary {
	/* Contains both sidebars */
	}

.secondary { display: none; }
.primary { /* this is the most important part - play with the values according to your page width */
   width: 96% !important;
   _width: 96%; /* for IE */
   float: left;
   padding: 10px 14px 10px 14px !important;
   _padding: 10px 10px 10px 15px !important; /* for IE */
   margin: 0;
}
.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 0 -20px 423px; /* margin: up, right, down, left in pixels */
   _margin: 0px 0 -70px 415px; /* same as above, but IE specific */
   padding-top: 107px; /* top padding - how far down you want the search box */
   _padding-top; 107px; /* for IE */
}