/*
Theme Name: KanBikeWalk Theme
Theme URI: http://www.kanbikewalk.com/
Description: A customized WordPress theme for KanBikeWalk.com
Version: 1.1
Author: Randy Rasa
*/
body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, form {
	margin: 0;
	padding: 0;
}

body {
	font-family: Tahoma, Verdana, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background:#222;
/*	background:#221 url(img/bg-.jpg); */
	color: #000;
	vertical-align: top;
}
a { text-decoration: underline; }
a:link { color: #000; }
a:visited { color: #444; }
a:hover { color: #444; }

blockquote {
	margin-left:10px;
	padding:3px 10px;
	background:#e8e8f0;
}

#wrap {   /* for 2-column layout */
	width: 780px;
	\width: 800px;
	w\idth: 780px;
  margin-top:5px;
  margin-bottom:5px;
	margin-left: auto;
	margin-right: auto;
	background:#fff url(img/wrap_bg.gif) center repeat-y fixed;
  border:#223 1px solid;
	padding: 0;
}

img.centered {
	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;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}



/* Header ----------------------------------------------------------------------------------- */

#header {	background: #fff; position:relative; }
#header h1 {
	margin: 0;
	padding: 0;
	font-size: 300%;
	color: #fff;
  text-align: center;
  height: 130px;
  text-indent: -5000px;
  background:#000 url(img/header.png) no-repeat;
/*  border-bottom:#330 5px solid; */
  z-index:-1;
  border:none;
}
#header h1 a {
  border-style: none;
  display: block;
  height: 130px;
  text-decoration: none;
  overflow:hidden;
}


/* Menubar ---------------------------------------------------------------------------------- */

/*
#menubar {
  background: #667;
  padding:3px;
  color:#ccc;
	font-size: 90%;
	font-weight:bold;
	text-align: center;
  border-top:#445 3px solid;
  border-bottom:#445 3px solid;
}
#menubar ul { display:inline; margin:0; padding:0; }
#menubar ul li { display: inline; padding: 10px 5px 0 10px; }
#menubar ul li a { color:#ccc; text-decoration: none; padding:3px 6px; }
#menubar ul li a:hover { color:#fff; background: #889; }
*/

#nav {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 26px;
	/*
	background: #797979 url(img/menu.jpg);\
	border-top: 1px solid #fff;
	line-height: 1;
	font-family: verdana, arial, tahoma;
	font-size: 8pt;
	*/
	font-size: 90%;
	font-weight: bold;
	list-style: none;
  background: #667;
  border-top:#445 3px solid;
  border-bottom:#445 3px solid;
	z-index:200;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	line-height: 14pt;
	padding: 4px 9px 2px 9px;
	color:#fff;
	text-decoration: none;
}

#nav a:hover {
	background-color:#fff;
	color: #797979;
}

#nav li:hover > a {	background-color:#eef; color: #797979; }

#nav li { /* all list items */
	float: left;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #667;
	width: 180px;
	left: -999em; 
	padding: 0;
	margin: 0;
	z-index:300;
  border:#445 1px solid;
}

#nav li:hover, #nav li.hover {
	position: static;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li ul a {
	background: #889;
	list-style: none;
	font-size: 8pt;
	text-align: left;
	padding: 2px 0 2px 6px;
	width: 174px;
}

#nav li ul a:hover {
	background: #ccd;
	color: #5B5B5B;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}


/* Content ---------------------------------------------------------------------------------- */

#content {
	float: left;
	width: 592px;
	font-size: 95%;
	color: #333;
	line-height: 1.5em;
	position:relative;
}
#content .gutter {
	padding: 25px 25px 25px 25px;
  overflow:hidden;
}

#content h1 {
	padding-bottom:2px;
	font-size: 160%;
	color: #445;
	border-bottom: 2px solid #889;
}
#content h2 {
	font-size: 140%;
	color: #445;
}
#content h3 {
	font-size: 120%;
	margin: 0 0 -10px 0;
	padding: 0;
}
#content h4 {
	font-size: 100%;
}
#content h5 {
	font-size: 100%;
	font-style: italic;
}



/* Sidebar ---------------------------------------------------------------------------------- */

#sidebar {
	float: right;
	width: 188px;
/*	border-left:1px solid #ccc; */
	margin: 0;
	padding: 0;
}
#sidebar .gutter {
	margin: 0;
	padding: 5px 5px 0 5px;
}

#sidebar .box { 
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	font-size: 90%;
	line-height: 1.5em;
	color: #444;
	background:#ccd;
	border: 1px solid #99a;
}
#sidebar .box h3 {
	margin: 0;
	padding: 1px 0;
	font-size: 115%;
	font-weight: bold;
	color: #ccd;
	background:#667;
	text-align:center;
  border-top:#445 2px solid;
  border-bottom:#445 2px solid;
}
#sidebar .box p, #sidebar .box ul {
	margin: 0 0 0 5px;
	padding: 5px 0 0 0;
}
#sidebar .box ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 13px;
	list-style: none;
	background: url(img/li-bullet.gif) no-repeat 0 3px;
	font-weight: bold;
}
#sidebar .box ul li:hover {
/*
	background: url(/img/li-bullet_.gif) no-repeat 2px 4px;
*/
}
#sidebar .box a {
	color: #444;
}
#sidebar .box ul {
	font-size:80%;
}


#sidebar #searchform { padding:5px 0; text-align:center; }

#sidebar .twitter { text-align:center; font-size: 70%; padding: 5px 0; }
#sidebar .facebook { text-align:center; font-size: 70%; padding: 5px 0; }


/* Footer ----------------------------------------------------------------------------------- */

#footer {
	clear: both;
  background: #445;
  border-top:#223 3px solid;
  border-bottom:#223 3px solid;
}
#footer p {
	margin: 0;
	padding: 5px;
	font-size: 85%;
	color: #aaa;
  text-align: center;
}
#footer a {	color:#aaa; background:transparent; }
#footer a:hover {	color:#fff; background:transparent; }


/* WordPress Styles ---------------------------------------------------------------------- */

#wp a {	text-decoration: underline; }
#wp a:link { text-decoration: underline; color: #000; }
#wp a:visited { text-decoration: underline; color: #444; }
#wp a:hover { text-decoration: underline; color: #444; }

#wp .storytitle {
	/*	margin: 0; */
	margin-bottom:0;
}
#wp .storytitle a {
	text-decoration: none;
}

#wp h1.authorindex {
	border:#ccc 1px solid;
	background:#eef;
	padding:5px;
	margin-bottom: 20px;
	color:#889;
	text-align:center;
}

#wp img {
	border:1px solid #444;
	background:#888;
	padding:3px;
}
#wp img.noborder {
	border:none;
	background:transparent;
	padding:0;
}

#wp dl {padding:0;line-height:1.25em;}
#wp dt {font-weight:bold;padding-top:10px;}
#wp dd {padding-left:5px;}

#wp .meta {
	font-size: 80%;
  font-family: arial, helvetica, sans-serif;
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}
#wp .meta a {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
  text-decoration:none;
}
#wp .meta a:hover {
	color:#f80;
}
#wp .feedback {
	text-align: right;
}
#wp #commentform #author, #wp #commentform #email, #wp #commentform #url, #wp #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}
#wp #commentform textarea {
/*	width: 100%; */
}
#wp #commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

#wp ul.resources { font-size: 80%; padding:0 0 0 25px; }
#wp ul.resources li { }
#wp ul.resources a { text-decoration: underline; }

#wp .sponsor { font-size: 120%; background: url(img/kbw-sponsor.png) no-repeat top right; }
#wp .sponsor a { font-weight: bold; }

#wp .linkback { font-size: 120%; }
#wp .linkback a { font-weight: bold; }

#wp .citation { color:#888; font-size:80%; font-sytle:italic; }
#wp .citation a { color:#888; font-sytle:italic; }


/*  IE fixes */

#content, #sidebar {
	height: 1%;
}

.feature { 
	display: inline-table; 
}
/* Hides from IE/Mac \*/
* html .feature { 
	height: 1%; 
}
.feature { 
	display: block; 
}
#footer {
	height: 1%;
}
/* End hide from IE/Mac */