/* 
	STYLE SHEET FOR IHWY JQUERY LISTNAV PLUGIN V 2.0, 3/2/2009
	
	For more information, visit http://www.ihwy.com/Labs/jquery-listnav-plugin.aspx
*/


/* default styling example
----------------------------------------------------------------- */
#myList	{
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
.ln-letters { overflow:hidden; }
.ln-letters a {
	font-size:0.9em;
	display:block;
	float:left;
	/* padding:4px 0.65em; */
	border:1px solid #DDD;
	text-decoration:none;
	width:10%;
	height:24px;
	text-align:center;
	padding-top:10px;
}
@media only screen and (min-width: 1000px) {
	.ln-letters a {
		max-width:25px;
	}
}
.ln-letters a.ln-last { border-right:1px solid #DDD; }
.ln-letters a:hover,
.ln-letters a.ln-selected { background-color:whiteSmoke; }
.ln-letters a.ln-disabled { color:#ccc; }
.ln-letter-count {
	text-align:center;
	font-size:0.8em;
	line-height: 1;
	margin-bottom:3px; color:#336699;
}

/* demo-specific
----------------------------------------------------------------- */

#demoThree-nav .ln-letters a { border:none; border-top:2px solid pink; color:red; }
#demoThree-nav .ln-letters a.ln-last { border-right:none; }
#demoThree-nav .ln-letters a:hover,
#demoThree-nav .ln-letters a.ln-selected { border-top:2px solid red; background-color:pink; color:White !important; }
#demoThree-nav .ln-letters a.ln-disabled { color:pink; }
#demoThree-nav .ln-letters a.ln-disabled:hover { color:white; }
#demoThree-nav .ln-letter-count { color:red; }

#demoThree li { color:pink; }
#demoThree li a { color:red; text-decoration:none; }
#demoThree li a:hover { text-decoration:underline; }

#demo4 #listWrapper { width:650px }
#demoFour li { float:left; }
#demoFour a { display:block; text-align:center; width:85px; border:1px solid silver; padding:10px; margin:0 10px 10px 0; text-decoration:none }
#demoFour a:hover { background-color:#eee }