/* The Alphabet listing*/

/* Tips and Trics HQ (http://tipsandtricks-hq.com/) */


#wp-alphabet-listing section:first-child:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}



#wp-alphabet-listing {

	float: left;

	margin: 0 14px 40px 5%;

	width: 85%;	

}

	#wp-alphabet-listing section {

		background-color: #fff; /*change this for background color*/

		margin-top: 14px;

		padding: 17px;

	}

		#wp-alphabet-listing section h1 {

			color: #424242;

			font-size: 1.34em; /* 16px */

			margin-bottom: .5em;

			text-shadow: 0 1px 1px #fff;

		}

		#wp-alphabet-listing section:first-child h1 {

			border-bottom: 1px solid #dfdfdf;

			padding-bottom: .5em;

		}

		#wp-alphabet-listing section ul {margin: 0;}

			#wp-alphabet-listing section ul li {

				background: none;

				border-top: 1px solid #dfdfdf;

				padding: .3em 0;
				

			}

				#wp-alphabet-listing section li img {

					margin-right: 3px;

					vertical-align: middle;

				}

				

/* Index */

#wp-alphabet-listing section:first-child ol {

	background-color: #fff;

	border-left: 1px solid #dfdfdf;

	float: left;

	list-style: none;

	margin: 0;

}

	#wp-alphabet-listing section:first-child ol li {

		background: #fff url("../images/bg-az-index.png") repeat-x 0 100%;

		border-right: 1px solid #dfdfdf;

		border-bottom: 1px solid #f0f0f0;

		float: left;

		position: relative;

		width: 38px;

		z-index: 1;

		list-style: none;

		padding: 0 !important;

		margin: 0 !important;

	}

	#wp-alphabet-listing section:first-child ol li:hover,

	#wp-alphabet-listing section:first-child ol li:focus {z-index: 20;}

		#wp-alphabet-listing section:first-child ol li a {

			color: #424242; /* to change color of a-z */

			display: block;

			/*font-size: 1.17em;*/

			font-weight: bold;

			padding: .2em 0;

			text-align: center;

vertical-align: middle;
		}

		#wp-alphabet-listing section:first-child ol li:hover a,

		#wp-alphabet-listing section:first-child ol li:focus a {

			background-color: #fff;

			text-decoration: none;

			text-shadow: 0 1px 0 #fff;

		}

	/* Popup */

	#wp-alphabet-listing section:first-child ol div {


		display: none;

		padding-top: 8px;

		position: absolute;

		left: -95px;

		top: .7em;

		width: 290px;

		z-index: 2000;

	}

	#wp-alphabet-listing section:first-child ol li:hover div,

	#wp-alphabet-listing section:first-child ol li:focus div {display: block;}

		#wp-alphabet-listing section:first-child ol ul {

			background-color: transparent;

			font-size: .9em;

			margin: 0;

			padding: 6px 12px;
			
			width: 300%;
			height: 100%;

		}

			#wp-alphabet-listing section:first-child ol ul li {

				
				border: none;

				float: left;
				width: 166px;
				height: 33px;
vertical-align: middle;
padding: .1em 5px;
}

				#wp-alphabet-listing section:first-child ol li:hover ul a,

				#wp-alphabet-listing section:first-child ol li:focus ul a,

				#wp-alphabet-listing section:first-child ol ul a {

					background: none;

					color: #1860ac;

					display: inline;

					font-weight: normal;

					text-shadow: none;
padding: .1em 5px;

				}

				#wp-alphabet-listing section:first-child ol ul a:hover,

				#wp-alphabet-listing section:first-child ol ul a:focus {text-decoration: underline;}