/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Horizontal list navigation "hlist"
 * (de) Horizontale Navigationsliste "hlist"
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         v4.0
 * @revision        $Revision: 657 $
 * @lastmodified    $Date: 2012-01-11 21:36:23 +0100 (Mi, 11 Jan 2012) $
 */

@media all
{
	.ym-hlist {
		/* (en) containing floats in IE */
		/* (de) Einfassen der Floats im IE */
		width:100%;
		overflow:hidden;
		/* (en|de) Bugfix:IE - collapsing horizontal margins */
		position:relative;
		/* (en) Repeat the main color from the image */
		/* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
		line-height:1em;
		background: url(../../docs/assets/images/black-belt-kung-fu-academy-navigation-bg.jpg) no-repeat;
		height: 60px;
		border-left: none;		
	}

	.ym-hlist ul {
		margin:0;
		padding-left:2px;
		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
		display:inline;
		float:left; /* LTR */
		border-right:1px solid #243f57;

	}

	.ym-hlist ul li {
		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
		display:inline;
		float:left; /* LTR */
		font-size:1.0em;
		line-height:1em;
		list-style-type:none;
		margin: 0 0 0 0;
		padding:0;
		border-right:1px solid #062139;
		border-left:1px solid #243f57;
	}

	.ym-hlist ul li a,
	.ym-hlist ul li strong {
		background:transparent;
		color:#fff;
		display:block;
		font-size:1em;
		line-height: 2em;
		padding: 1.4em 4.9em 2em 4.9em;
		font-weight:normal;
		text-decoration:none;
		text-shadow: 0 1px 1px rgba(0,0,0,.5);
		width:auto;
		font-size:13px;
	}

	.ym-hlist ul li a:focus,
	.ym-hlist ul li a:hover,
	.ym-hlist ul li a:active  {
		color: #fff;
		background:#666;
		background: rgba(255,255,255,.25);
		border-radius: 0em;
		text-decoration:none;
		outline: 0 none;
	}

	.ym-hlist ul li.active {
		/* (en) Repeat the main color from the image */
		/* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
		background:#666;
		background: rgba(255,255,255,.3);
		border-radius: 0em;
		color: #fff;
	}

	.ym-hlist ul li.active strong,
	.ym-hlist ul li.active a:focus,
	.ym-hlist ul li.active a:hover,
	.ym-hlist ul li.active a:active {
		background:transparent;
		color:#fff;
		text-decoration:none;
	}
	
	.naviBorderLeft {
		border-left:0px solid #243f57;
	}


	/* search form
	-------------------------------------- */
	.ym-searchform {
		float:right;
		display: inline;
		line-height: 2em;
		padding: 1.2em 1.5em;
	}

	.ym-searchform .ym-searchfield {
		background: #fff;
		line-height: 1em;
		padding: 0.25em;
		width: 12em;
		border: solid 1px #888;
		border: solid 1px rgba(255,255,255,.1);
		outline: none;

		-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
		-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
		box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
	}

	.ym-searchform .ym-searchbutton {
		color: #fff;
		line-height: 1em;
		padding: 0.3em;
		border: solid 1px transparent;
		text-shadow: 0 1px 1px rgba(0,0,0,.5);

		-webkit-border-radius: .2em;
		-moz-border-radius: .2em;
		border-radius: .2em;

		background: #5f5f5f;
		background: rgba(255,255,255,.2);
	}
}