/*  Font Awesome 3.0
    the iconic font designed for use with Twitter Bootstrap
    -------------------------------------------------------
    The full suite of pictographic icons, examples, and documentation
    can be found at: http://fortawesome.github.com/Font-Awesome/

    License
    -------------------------------------------------------
    • The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL
    • Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
      http://opensource.org/licenses/mit-license.html
    • The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/
    • Attribution is no longer required in Font Awesome 3.0, but much appreciated:
      "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome"

    Contact
    -------------------------------------------------------
    Email: dave@davegandy.com
    Twitter: http://twitter.com/fortaweso_me
    Work: Lead Product Designer @ http://kyruus.com

    */

@font-face {
  font-family: "FontAwesome";
  src: url('/fonts/fontawesome-webfont.eot');
  src: url('/fonts/fontawesome-webfont.eot?#iefix') format('eot'),
url('/fonts/fontawesome-webfont.woff') format('woff'),
url('/fonts/fontawesome-webfont.ttf') format('truetype'),
url('/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*  Font Awesome Styles
    ------------------------------------------------------- */

ul.the-icons {
    list-style: none outside none;
    margin-left: 20px; 
    padding-left: 1em;
    text-indent: -2em;
}

.the-icons { margin-bottom: 25px; }

	.the-icons li { 
		cursor: pointer;
		line-height: 20px; 
		list-style-position: outside;
		padding-left: 1em;
		padding-bottom: 14px;
	}

.the-icons li ul li { 
		cursor: pointer;
		line-height: 14px; 
		list-style-position: outside;
		padding-left: 4.25em;
		padding-bottom: 14px;
}
		.the-icons li a {
		list-style-position: outside;
		}

.the-icons li ul li a {
	font-size: .85em;}

		.the-icons li [class^="icon"],
		.the-icons li [class*=" icon-"] { font-size: 14px; }

		.the-icons li:hover [class^="icon"]:before,
		.the-icons li:hover [class*=" icon-"]:before { font-size: 18px; vertical-align: -2px; }
		
[class^="icon"]:before,
[class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  text-decoration: inherit;
  color: #000;
}

a [class^="icon-"],
a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */


li [class^="icon-"],
li [class*=" icon-"] {
  display: inline-block;
  margin-right: 7px;
  width: 1.25em;
  text-align: center;
  vertical-align: middle;
}


li[class^="icon-"],
li[class*=" icon-"] {
  margin-left: 0;
  list-style-type: none;
}

li[class^="icon-"]:before,
li[class*=" icon-"]:before {
  text-indent: -2em;
  text-align: center;
}

.icon-twitter:before              { content: "\f099"; }
.icon-facebook:before             { content: "\f09a"; }

.icon-angle-right:before          { content: "\f105"; }