Font Awesome icon usage statistics

  • 13 types of Font Awesome iconic font are used and found 16 times in total.
  • MAHESHTECHNOLOGIES.COM used 1.2 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of MAHESHTECHNOLOGIES.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • MAHESHTECHNOLOGIES.COM includes "http://www.maheshtechnologies.com/wp-content/themes/rt_paradigm_wp/css-compiled/master-0e121a43e41f98c1bcca2a959d28941b.css?ver=4.1.4" to use Font Awesome and information from CSS is like below.
  • @font-face {
    font-family:'ralewaylight';
    src:url('../fonts/raleway-light-webfont.eot');
    src:url('../fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-light-webfont.woff') format('woff'), url('../fonts/raleway-light-webfont.ttf') format('truetype'), url('../fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight:normal;
    font-style:normal;
    }
    @font-face {
    font-family:'ralewayregular';
    src:url('../fonts/raleway-regular-webfont.eot');
    src:url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-regular-webfont.woff') format('woff'), url('../fonts/raleway-regular-webfont.ttf') format('truetype'), url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight:normal;
    font-style:normal;
    }
    .rok-left {
    	float:left;
    }
    .rok-right {
    	float:right;
    }
    .rok-dropdown-group, .rok-dropdown {
    	position:relative;
    }
    .rok-dropdown-open .rok-dropdown {
    	display:block;
    }
    .rok-popover-group, .rok-popover {
    	position:relative;
    }
    .rok-popover-open .rok-popover {
    	display:block;
    }
    a:hover {
    	text-decoration:none;
    }
    .table {
    	display:table;
    }
    .cell {
    	display:table-cell;
    }
    html {
    	margin-bottom:1px;
    	height:100%;
    }
    body {
    	margin-bottom:1px;
    }
    .rt-block {
    	padding:15px;
    	margin:10px;
    	position:relative;
    }
    #rt-content-top, #rt-content-bottom {
    	overflow:hidden;
    }
    .rt-grid-1:before, .rt-grid-2:before, .rt-grid-3:before, .rt-grid-4:before, .rt-grid-5:before, .rt-grid-6:before, .rt-grid-7:before, .rt-grid-8:before, .rt-grid-9:before, .rt-grid-10:before, .rt-grid-11:before, .rt-grid-12:before {
    	display:table;
    	content:"";
    	clear:both;
    }
    .rt-grid-1:after, .rt-grid-2:after, .rt-grid-3:after, .rt-grid-4:after, .rt-grid-5:after, .rt-grid-6:after, .rt-grid-7:after, .rt-grid-8:after, .rt-grid-9:after, .rt-grid-10:after, .rt-grid-11:after, .rt-grid-12:after {
    	display:table;
    	content:"";
    	clear:both;
    }
    .font-family-optima {
    	font-family:Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;
    }
    .font-family-geneva {
    	font-family:Geneva, Tahoma, "Nimbus Sans L", sans-serif;
    }
    .font-family-helvetica {
    	font-family:Helvetica, Arial, FreeSans, sans-serif;
    }
    .font-family-lucida {
    	font-family:"Lucida Grande", Helvetica, Verdana, sans-serif;
    }
    .font-family-georgia {
    	font-family:Georgia, sans-serif;
    }
    .font-family-trebuchet {
    	font-family:"Trebuchet MS", sans-serif;
    }
    .font-family-palatino {
    	font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
    }
    body {
    	font-size:15px;
    	line-height:24px;
    	font-family:Arial, Helvetica, Sans-Serif;
    }
    .font-size-is-xlarge {
    	font-size:17px;
    }
    .font-size-is-large {
    	font-size:16px;
    }
    .font-size-is-default {
    	font-size:15px;
    }
    .font-size-is-small {
    	font-size:13px;
    }
    .font-size-is-xsmall {
    	font-size:11px;
    }
    p {
    	margin:0 0 15px 0;
    }
    a {
    	text-decoration:none;
    }
    a:focus {
    	outline:none;
    }
    .left-1, .left-2, .left-3, .left-4, .left-5, .left-6, .left-7, .left-8, .left-9, .left-10, .right-11 {
    	float:left;
    	margin-right:50px;
    	margin-bottom:15px;
    	position:relative;
    }
    .right-1, .right-2, .right-3, .right-4, .right-5, .right-6, .right-7, .right-8, .right-9, .right-10, .right-11 {
    	float:right;
    	margin-left:50px;
    	margin-bottom:15px;
    	position:relative;
    }
    .date-block {
    	padding:15px;
    	margin:10px;
    }
    #gantry-resetsettings {
    	display:block;
    	padding:15px;
    	margin:10px;
    }
    ul, ol {
    	margin:0 0 15px 20px;
    }
    ul li {
    	padding:0;
    	margin:0;
    	list-style:none;
    }
    ul li.author {
    	margin:0;
    	letter-spacing:1px;
    	list-style:none;
    	font-weight:bold;
    	text-align:right;
    }
    ul li.author span {
    	display:block;
    	font-weight:normal;
    	margin-bottom:10px;
    	line-height:1em;
    }
    ul li.date {
    	margin:0;
    	letter-spacing:1px;
    	list-style:none;
    	text-align:right;
    	font-weight:bold;
    }
    ul li.date span {
    	display:block;
    	font-weight:normal;
    	margin-bottom:10px;
    	line-height:1em;
    }
    ul li.comments {
    	list-style:none;
    	text-align:right;
    	font-weight:bold;
    }
    ul li.comments span {
    	display:block;
    	font-weight:normal;
    	margin-bottom:10px;
    	line-height:1em;
    }
    ul ul {
    	margin-left:25px;
    	padding:5px 0;
    }
    html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {
    	background:none;
    	border:0;
    	clear:both;
    	display:block;
    	float:none;
    	font-size:0;
    	list-style:none;
    	margin:0;
    	padding:0;
    	overflow:hidden;
    	visibility:hidden;
    	width:0;
    	height:0;
    }
    .clearfix:after {
    	clear:both;
    	content:'.';
    	display:block;
    	visibility:hidden;
    	height:0;
    }
    .clearfix {
    	display:inline-block;
    }
    * html .clearfix {
    	height:1%;
    }
    .clearfix {
    	display:block;
    }
    #debug #rt-main {
    	overflow:hidden;
    	border-bottom:4px solid #666;
    	margin-top:15px;
    	position:relative;
    }
    #debug .status {
    	position:absolute;
    	background:#333;
    	opacity:0.3;
    	padding:0 15px;
    	z-index:10000;
    	color:#fff;
    	font-weight:bold;
    	font-size:150%;
    }
    .hidden {
    	display:none;
    	visibility:hidden;
    }
    .visible-phone {
    	display:none !important;
    }
    .visible-tablet {
    	display:none !important;
    }
    .hidden-desktop {
    	display:none !important;
    }
    .hidden-large {
    	display:none !important;
    }
    .row {
    	margin:0 -15px;
    }
    .gantry-width-block {
    	display:block;
    	float:left;
    }
    .gantry-width-spacer {
    	margin:15px;
    }
    .gantry-width-10 {
    	width:10%;
    }
    .gantry-width-20 {
    	width:20%;
    }
    .gantry-width-25 {
    	width:25%;
    }
    .gantry-width-30 {
    	width:30%;
    }
    .gantry-width-33 {
    	width:33.33%;
    }
    .gantry-width-40 {
    	width:40%;
    }
    .gantry-width-50 {
    	width:50%;
    }
    .gantry-width-60 {
    	width:60%;
    }
    .gantry-width-66 {
    	width:66.66%;
    }
    .gantry-width-70 {
    	width:70%;
    }
    .gantry-width-75 {
    	width:75%;
    }
    .gantry-width-80 {
    	width:80%;
    }
    .gantry-width-90 {
    	width:90%;
    }
    .gantry-left {
    	float:left;
    	margin-right:15px;
    }
    .gantry-right {
    	float:right;
    	margin-left:15px;
    }
    .gantry-center {
    	text-align:center;
    }
    .gantry-center td, .gantry-center th {
    	text-align:center;
    }
    #maintenance-notice {
    	display:block;
    	margin:0 0 10px;
    	text-align:center;
    	padding:5px 0;
    	font-weight:bold;
    	background:#FFF;
    	color:#6E6E6E;
    	border-bottom:1px solid #CCC;
    }
    .component-body {
    	padding:20px;
    	background:#ffffff;
    	color:#383838;
    }
    .article-info {
    	font-size:14px;
    }
    .article-info.muted {
    	color:inherit;
    }
    .article-info dd {
    	margin-left:0;
    }
    .article-info-term {
    	display:none;
    }
    .parent-category-name span, .category-name span, .create span, .modified span, .published span, .createdby span, .hits span, .comments-count span {
    	display:none;
    }
    .parent-category-name:before, .category-name:before, .create:before, .modified:before, .published:before, .createdby:before, .hits:before, .comments-count:before {
    	font-family:FontAwesome;
    	margin-right:2px;
    	text-shadow:none;
    }
    .parent-category-name:before {
    	content:"\f0c9";
    }
    .category-name:before {
    	content:"\f0c9";
    }
    .create:before {
    	content:"\f017";
    }
    .modified:before {
    	content:"\f017";
    }
    .published:before {
    	content:"\f017";
    }
    .createdby:before {
    	content:"\f040";
    }
    .hits:before {
    	content:"\f019";
    }
    .content_vote, .tags {
    	margin:10px 0;
    }
    .content_rating {
    	display:block;
    }
    .img-intro-right, .img-fulltext-right {
    	float:right;
    	margin-left:10px;
    	margin-bottom:10px;
    }
    .img-intro-left, .img-fulltext-left {
    	float:left;
    	margin-right:10px;
    	margin-bottom:10px;
    }
    .categories-list {
    	padding:0 5px;
    }
    .categories-list ul {
    	margin:0;
    	padding:0;
    }
    .categories-list ul li {
    	list-style-type:none;
    	margin:0;
    }
    .categories-list ul ul {
    	margin-left:15px;
    }
    .categories-list dl dt, .categories-list dl dd {
    	display:inline;
    }
    .category-desc {
    	line-height:1.7em;
    	margin:10px 0;
    	padding-left:0;
    }
    .cat-children ul {
    	list-style:none;
    	margin:0;
    	padding:0;
    }
    .category {
    	width:100%;
    }
    .category td {
    	padding:8px;
    }
    .category th {
    	padding:8px;
    	text-align:left;
    }
    .item-separator, .row-separator {
    	display:block;
    	clear:both;
    	margin:12px 0;
    	border:0;
    	height:2px;
    }
    .cols-1 {
    	display:block;
    	float:none !important;
    	margin:0 !important;
    }
    .cols-2 .column-1, .cols-2 .column-2 {
    	width:48%;
    }
    .cols-2 .column-1 {
    	float:left;
    }
    .cols-2 .column-2 {
    	float:right;
    	margin:0;
    }
    .cols-3 .column-1, .cols-3 .column-2 {
    	float:left;
    	width:29%;
    }
    .cols-3 .column-1 {
    	margin-right:7%;
    }
    .cols-3 .column-2 {
    	margin-left:0;
    }
    .cols-3 .column-3 {
    	float:right;
    	width:29%;
    }
    .cols-4 .column-1, .cols-4 .column-2, .cols-4 .column-3 {
    	float:left;
    	width:23%;
    	margin-right:2%;
    }
    .cols-4 .column-2 {
    	margin-left:0;
    }
    .cols-4 .column-4 {
    	float:right;
    	width:23%;
    	margin-right:2%;
    }
    .page-header {
    	margin:0;
    	padding:0;
    	border:0;
    }
    fieldset.filters {
    	margin:10px 0 !important;
    	padding:0 !important;
    }
    .archive #archive-items {
    	margin-left:0;
    	list-style:none;
    }
    .archive .filter-search {
    	background:none;
    	border:0;
    	margin:0;
    	padding:0;
    }
    .archive .filter-search.alert {
    	float:left;
    }
    .archive select {
    	margin-right:5px;
    }
    .archive .createdby {
    	display:block;
    }
    .archive .muted {
    	color:inherit;
    }
    #article-index {
    	float:right;
    	border:1px solid #d5d5d5;
    	background:#f2f2f2;
    	border-radius:3px;
    	margin-left:15px;
    }
    #article-index ul {
    	list-style:none;
    	margin:0;
    }
    #article-index ul li:first-child a {
    	border-top-right-radius:3px;
    	border-top-left-radius:3px;
    }
    #article-index ul li a {
    	display:block;
    	padding:5px 10px;
    	font-size:13px;
    	border-bottom:1px solid #d5d5d5;
    }
    #article-index ul li a.active {
    	color:inherit;
    }
    #article-index ul li a:hover {
    	background:#eaeaea;
    }
    #article-index ul li:last-child a {
    	border-bottom:none !important;
    	border-bottom-right-radius:3px;
    	border-bottom-left-radius:3px;
    }
    .article-index {
    	margin-left:15px;
    }
    .article-index .nav-tabs.nav-stacked > li > a {
    	font-size:13px;
    	padding:5px 10px;
    	border:1px solid #d5d5d5;
    	background:#f2f2f2;
    }
    .article-index .nav-tabs.nav-stacked > li > a:hover {
    	background:#eaeaea;
    }
    .pagination {
    	margin:10px 0;
    	padding:10px 0;
    	clear:both;
    	text-align:center;
    }
    .pagination .counter {
    	float:none;
    	text-align:center;
    	margin:0;
    	margin-bottom:5px;
    }
    .pagination ul {
    	list-style-type:none;
    	margin:0;
    	padding:0;
    	text-align:center;
    	-webkit-box-shadow:none;
    	-moz-box-shadow:none;
    	box-shadow:none;
    	-webkit-box-shadow:none;
    	-moz-box-shadow:none;
    	box-shadow:none;
    }
    .pagination ul li {
    	display:inline-block;
    	text-align:center;
    	margin:0 5px;
    }
    .pagination ul li a, .pagination ul li span {
    	float:none;
    	margin:0 5px;
    	padding:0;
    	background:none;
    	border:none;
    	text-shadow:none;
    }
    .pagination ul li a:hover, .pagination ul li span:hover {
    	background:none;
    }
    .pagination-start, .pagination-next, .pagination-end, .pagination-prev {
    	border:0;
    }
    .pagination-start {
    	padding:0;
    }
    .pagination-start span {
    	padding:0;
    }
    .pagenav {
    	list-style:none;
    	margin:0;
    }
    .pagenav-prev {
    	float:left;
    }
    .pagenav-next {
    	float:right;
    }
    .pager li {
    	margin:0 5px;
    }
    .pager a, .pager span {
    	background:none;
    	border:0;
    	padding:0;
    }
    .pager a:hover, .pager span:hover {
    	background:none;
    }
    #rt-breadcrumbs .rt-block {
    	margin:10px;
    	padding:10px 15px;
    }
    #rt-breadcrumbs [class^="breadcrumb"] {
    padding:0;
    margin:0;
    }
    #rt-breadcrumbs [class^="breadcrumb"] li {
    list-style:none;
    float:left;
    text-shadow:none;
    }
    #rt-breadcrumbs [class^="breadcrumb"] a:after {
    margin:0 10px;
    }
    #rt-breadcrumbs [class^="breadcrumb"] img {
    display:none;
    }
    #rt-breadcrumbs a {
    	font-size:15px;
    }
    #rt-breadcrumbs a:after {
    	font-family:FontAwesome;
    	content:"\f101";
    	margin:0 5px 0 10px;
    }
    #rt-breadcrumbs .showHere {
    	font-weight:bold;
    	margin-right:5px;
    }
    #rt-breadcrumbs .divider {
    	display:none;
    }
    #rt-breadcrumbs li:first-child .divider {
    	display:inline;
    }
    .weblink-category td.title {
    	font-size:15px;
    	text-align:left;
    }
    .weblink-category p {
    	margin:5px 0;
    }
    .num {
    	vertical-align:top;
    	text-align:left;
    }
    .hits {
    	vertical-align:top;
    }
    .filter {
    	margin:10px 0;
    	text-align:right;
    	margin-right:7px;
    }
    .element-invisible {
    	position:absolute;
    	margin-left:-3000px;
    	margin-top:-3000px;
    	height:0;
    }
    .cat-items {
    	margin-top:20px;
    }
    .cat-items .filter-search {
    	margin-bottom:10px;
    }
    .cat-items select {
    	margin-bottom:0;
    }
    table.weblinks {
    	font-size:15px;
    	margin:10px 10px 20px 0;
    	width:99%;
    }
    table.weblinks td {
    	border-collapse:collapse;
    	padding:7px;
    }
    table.weblinks td p {
    	margin:0;
    	line-height:1.3em;
    }
    table.weblinks th {
    	padding:7px;
    	text-align:left;
    }
    legend {
    	font-size:21px;
    	border-bottom:1px solid #d5d5d5;
    }
    legend small {
    	color:#d5d5d5;
    }
    form fieldset dt {
    	clear:left;
    	float:left;
    	width:12em;
    	padding:3px 0;
    }
    form fieldset dd {
    	float:left;
    	padding:3px 0;
    }
    .invalid {
    	border-color:#ff0000 !important;
    }
    label.invalid {
    	color:#ff0000 !important;
    }
    input[type="radio"], input[type="checkbox"] {
    	margin:5px;
    }
    input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly], .uneditable-input, .uneditable-textarea {
    	color:#b8b8b8;
    	background-color:#ffffff;
    	border:1px solid #d5d5d5;
    }
    .input-prepend .add-on, .input-append .add-on {
    	background:#f2f2f2;
    	border:1px solid #d5d5d5;
    }
    .input-prepend.input-append .media-preview, .input-append.input-append .media-preview {
    	margin:0;
    }
    .btn.disabled, .btn[disabled], .btn.disabled:hover, .btn[disabled]:hover {
    	background-color:#e6e6e6 !important;
    	color:#808080;
    }
    .btn-primary.disabled, .btn-primary[disabled], .btn-primary.disabled:hover, .btn-primary[disabled]:hover {
    	background-color:#46ab7d !important;
    	color:#ffffff !important;
    }
    table {
    	border-collapse:collapse;
    }
    table.table-bordered {
    	border-collapse:separate;
    *border-collapse:collapse;
    }
    table.table-bordered th {
    	background-color:#f2f2f2;
    }
    .table-striped tbody tr:nth-child(2n+1) td, .table-striped tbody tr:nth-child(2n+1) th {
    background:#eaeaea;
    }
    .well {
    	background-color:transparent;
    	border:none;
    	-webkit-box-shadow:none;
    	-moz-box-shadow:none;
    	box-shadow:none;
    	-webkit-box-shadow:none;
    	-moz-box-shadow:none;
    	box-shadow:none;
    }
    .nav-tabs.nav-stacked > li > a {
    	background-color:#f2f2f2;
    }
    .nav-tabs.nav-stacked > li > a:hover {
    	background-color:#eaeaea;
    }
    .list-striped li:nth-child(odd), .list-striped dd:nth-child(odd), .row-striped .row:nth-child(odd), .row-striped .row-fluid:nth-child(odd), .cat-list-row0 {
    background-color:#f2f2f2;
    }
    .list-striped li:hover, .list-striped dd:hover, .row-striped .row:hover, .row-striped .row-fluid:hover, .cat-list-row0:hover, .cat-list-row1:hover {
    	background-color:#eaeaea;
    }
    .contact {
    	padding:0;
    }
    .contact .button {
    	float:none !important;
    	clear:left;
    	display:block;
    	margin:20px 0 0 0;
    }
    .contact .title {
    	font-size:15px;
    	line-height:33px;
    	margin:0 0 2px 0;
    	box-shadow:none;
    	padding:0;
    	text-align:left;
    	border-radius:3px;
    	background-color:#fafafa;
    	background-image:-moz-linear-gradient(top, #ffffff, #f2f2f2);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
    	background-image:-webkit-linear-gradient(top, #ffffff, #f2f2f2);
    	background-image:-o-linear-gradient(top, #ffffff, #f2f2f2);
    	background-image:linear-gradient(to bottom, #ffffff, #f2f2f2);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
    	background-color:#fafafa;
    	background-image:-moz-linear-gradient(top, #ffffff, #f2f2f2);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
    	background-image:-webkit-linear-gradient(top, #ffffff, #f2f2f2);
    	background-image:-o-linear-gradient(top, #ffffff, #f2f2f2);
    	background-image:linear-gradient(to bottom, #ffffff, #f2f2f2);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
    	border:1px solid #d5d5d5;
    }
    .contact .title a {
    	display:block;
    	padding:0 10px;
    }
    .contact .title a span {
    	line-height:1em;
    }
    .contact .title a span:before {
    	font-family:FontAwesome;
    	content:"\f055";
    	margin:0 10px 0 0;
    	font-size:1.3em;
    	display:inline;
    	vertical-align:middle;
    }
    .contact .pane-toggler-down a span:before {
    	content:"\f056";
    }
    .contact-category {
    	padding:0 10px;
    }
    .contact-category #adminForm .filters {
    	border:0;
    	padding:0;
    }
    .contact-image {
    	margin:10px 0;
    	overflow:hidden;
    	display:block;
    }
    .contact-image img {
    	max-width:100%;
    }
    address {
    	font-style:normal;
    	margin:10px 0;
    }
    address span {
    	display:block;
    }
    .contact-address {
    	margin:20px 0 10px 0;
    }
    .contact-email div {
    	padding:2px 0;
    	margin:0 0 10px 0;
    }
    .contact-email label {
    	width:17em;
    	float:left;
    }
    #contact-textmsg {
    	padding:2px 0 10px 0;
    }
    #contact-email-copy {
    	float:left;
    	margin-right:10px;
    }
    dl.tabs {
    	float:left;
    	margin:50px 0 0 0;
    	z-index:50;
    	clear:both;
    }
    dl.tabs dt {
    	float:left;
    	padding:4px 10px;
    	border-left:1px solid #d5d5d5;
    	border-right:1px solid #d5d5d5;
    	border-top:1px solid #d5d5d5;
    	margin-right:3px;
    	background:#f0f0f0;
    	color:#666666;
    }
    dl.tabs .open {
    	background:#F9F9F9;
    	border-bottom:1px solid #F9F9F9;
    	z-index:100;
    	color:#000000;
    }
    .current {
    	clear:both;
    	border:1px solid #d5d5d5;
    	padding:10px 10px;
    }
    .current dd {
    	padding:0;
    	margin:0;
    }
    #content-pane.tabs {
    	margin:1px 0 0 0;
    }
    .searchintro {
    	font-weight:normal;
    	margin:20px 0 20px;
    }
    #searchForm .inputbox {
    	margin-bottom:0;
    }
    #searchForm input[type="radio"], #searchForm input[type="checkbox"] {
    	margin-top:3px;
    	margin-right:5px;
    	float:none;
    	vertical-align:top;
    }
    #searchForm, #finder-search {
    	padding:0 5px;
    }
    .form-limit {
    	margin:20px 0 0;
    	text-align:right;
    	padding:0 10px 0 20px;
    }
    .highlight {
    	font-weight:bold;
    }
    .ordering-box {
    	float:right;
    }
    .phrases-box {
    	width:60%;
    	float:left;
    }
    .only, .phrases {
    	margin:10px 0 0 0;
    	line-height:1.3em;
    }
    .search label {
    	padding-top:0 !important;
    	display:inline-block;
    }
    label.ordering {
    	display:block;
    	margin:10px 0 10px 0;
    }
    .word {
    	padding:10px 10px 10px 0;
    }
    .word input {
    	font-weight:bold;
    	padding:4px;
    	font-size:15px;
    }
    .word label {
    	font-weight:bold;
    }
    fieldset.only label, fieldset.phrases label {
    	margin:0 10px 0 0;
    }
    .ordering-box label.ordering {
    	margin:0 10px 5px 0;
    }
    form .search label, form .finder label {
    	display:none;
    }
    form #finder-filter-select-list label {
    	display:block;
    	margin-top:10px;
    	margin-bottom:2px;
    }
    .search dd {
    	padding:2px 15px 2px 5px;
    }
    .result-title {
    	padding:15px 15px 0 5px;
    	font-weight:bold;
    }
    .result-text {
    	padding:10px 15px 10px 5px;
    	line-height:1.7em;
    }
    .result-url {
    	font-size:15px;
    	padding:2px 15px 15px 5px;
    }
    .result-created {
    	padding:2px 15px 15px 5px;
    	font-size:13px;
    }
    .result-category {
    	padding:10px 15px 5px 5px;
    }
    #password-lbl, #username-lbl {
    	width:130px;
    	display:block;
    	float:left;
    }
    .login .control-label {
    	padding-top:0;
    }
    .login-fields {
    	margin-bottom:5px;
    }
    #remember-lbl {
    	display:inline-block;
    	margin-right:5px;
    }
    #remember {
    	margin:0;
    }
    .login + div {
    	margin-top:12px;
    }
    .login + div ul li, #login-form li {
    	list-style:none;
    }
    .login + div ul li a:before, #login-form a:before {
    	font-family:FontAwesome;
    	content:"\f059";
    	margin-right:4px;
    }
    .login + div ul {
    	padding:0;
    	margin-left:0;
    }
    .login-description {
    	margin:10px 0;
    }
    #login-form .userdata {
    	margin:12px 0;
    }
    #login-form ul {
    	padding:0;
    	margin-left:0;
    }
    #login-form ul li a {
    	font-size:15px;
    }
    #login-form input[type="text"], #login-form input[type="password"] {
    	width:100%;
    }
    [class*="box"] #login-form input[type="text"], [class*="box"] #login-form input[type="password"] {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    height:40px;
    }
    #login-form #form-login-remember label {
    	display:inline-block;
    }
    #login-form #form-login-remember input {
    	margin:0;
    }
    #users-profile-core, #users-profile-custom {
    	margin:10px 0 15px 0;
    	padding:15px;
    }
    #users-profile-core dt, #users-profile-custom dt {
    	float:left;
    	width:12em;
    	padding:3px 0;
    	margin-right:10px;
    }
    #users-profile-core dd, #users-profile-custom dd {
    	padding:3px 0;
    }
    #member-profile fieldset, #member-registration fieldset {
    	margin:10px 0 15px 0;
    	padding:15px;
    }
    #member-profile fieldset dd, #member-registration fieldset dd {
    	float:none;
    	padding:5px 0;
    }
    #member-profile fieldset dd input, #member-registration fieldset dd input {
    	width:17em;
    }
    #member-profile fieldset dd select {
    	width:17em;
    }
    #member-profile fieldset dt, #member-registration fieldset dt {
    	padding:5px 5px 5px 0;
    	width:13em;
    }
    .optional {
    	font-size:15px;
    }
    #member-registration {
    	padding:0 5px;
    }
    ul.menu {
    	list-style:none;
    	margin:0;
    	padding:0;
    }
    ul.menu ul {
    	list-style:none;
    }
    ul.menu li {
    	margin-bottom:8px;
    }
    ul.menu li a, ul.menu li .item, ul.menu li .separator {
    	display:block;
    }
    ul.menu li a:before, ul.menu li .item:before, ul.menu li .separator:before {
    	content:"\f138";
    	font-family:FontAwesome;
    	margin-right:10px;
    	display:inline;
    }
    ul.menu li:last-child {
    	margin-bottom:0;
    }
    ul.menu li ul {
    	margin:0 0 0 20px;
    	padding:8px 0 0;
    }
    ul.menu li.active.current, ul.menu li#current.active {
    	border:0;
    	padding:0;
    }
    ul.menu li.active.current > a, ul.menu li#current.active > a {
    	color:#6e6e6e;
    }
    ul.menu li.active.current > a:before, ul.menu li.active.current > .item:before, ul.menu li.active.current > .separator:before, ul.menu li#current.active > a:before, ul.menu li#current.active > .item:before, ul.menu li#current.active > .separator:before {
    	content:"\f0a9";
    }
    ul.menu ul.small {
    	font-size:14px;
    }
    .manager.thumbnails > li {
    	float:left !important;
    	margin-left:20px !important;
    	list-style:none;
    }
    .control-label {
    	color:#303030;
    }
    .control-group {
    	margin-left:0 !important;
    }
    .adminlist .title > a, #adminForm .title > a {
    	font-weight:bold;
    }
    .adminlist th.title, #adminForm th.title {
    	font-size:inherit;
    	letter-spacing:inherit;
    	margin-top:inherit;
    	text-transform:inherit;
    }
    .calendar td.button {
    	background-image:none;
    	background-color:transparent;
    	border:none !important;
    	padding:0;
    	text-shadow:none;
    	font-size:inherit;
    	text-transform:inherit;
    	color:#000000 !important;
    	display:table-cell;
    	-webkit-box-shadow:none;
    	-moz-box-shadow:none;
    	box-shadow:none;
    	-webkit-box-shadow:none;
    	-moz-box-shadow:none;
    	box-shadow:none;
    	-webkit-border-radius:0;
    	-moz-border-radius:0;
    	border-radius:0;
    	-webkit-border-radius:0;
    	-moz-border-radius:0;
    	border-radius:0;
    	-webkit-border-radius:0;
    	-moz-border-radius:0;
    	border-radius:0;
    	line-height:inherit;
    }
    .calendar td.button:hover {
    	color:#000000 !important;
    }
    .calendar td.button:before {
    	display:none;
    }
    .calendar tbody td.hilite, .calendar tbody td.selected {
    	border:none;
    	padding:2px 4px 2px 2px;
    }
    .calendar td.title {
    	font-size:1.4em;
    	display:table-cell;
    	line-height:inherit;
    }
    .calendar tr.daynames td {
    	border:none !important;
    }
    .items-more {
    	padding-top:10px;
    }
    .items-more h3 {
    	font-weight:normal;
    	margin:0;
    	padding:0;
    	font-size:1.4em;
    }
    .items-more ol {
    	line-height:1.3em;
    	list-style-type:none;
    	margin:0;
    	padding:10px 0 10px 2px;
    }
    .items-more ol li {
    	margin-bottom:5px;
    }
    .items-more ol li a {
    	display:inline;
    	font-weight:normal;
    	padding:0;
    }
    .items-more ol li a:before {
    	font-family:FontAwesome;
    	content:"\f055";
    	margin:0 5px;
    }
    table.contenttoc {
    	padding:10px;
    	margin:10px;
    }
    table.contenttoc tr td {
    	padding:1px 0;
    }
    .pagenavcounter {
    	font-weight:bold;
    }
    p.success, tr.success {
    	color:#468847;
    	padding:15px;
    	border-radius:4px;
    	background-color:#d0e9c6;
    	background-image:-moz-linear-gradient(top, #d0e9c6, #d0e9c6);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#d0e9c6), to(#d0e9c6));
    	background-image:-webkit-linear-gradient(top, #d0e9c6, #d0e9c6);
    	background-image:-o-linear-gradient(top, #d0e9c6, #d0e9c6);
    	background-image:linear-gradient(to bottom, #d0e9c6, #d0e9c6);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
    	background-color:#d0e9c6;
    	background-image:-moz-linear-gradient(top, #d0e9c6, #d0e9c6);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#d0e9c6), to(#d0e9c6));
    	background-image:-webkit-linear-gradient(top, #d0e9c6, #d0e9c6);
    	background-image:-o-linear-gradient(top, #d0e9c6, #d0e9c6);
    	background-image:linear-gradient(to bottom, #d0e9c6, #d0e9c6);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
    	color:#468847;
    	padding:15px;
    	border-radius:4px;
    	background-color:#d0e9c6;
    	background-image:-moz-linear-gradient(top, #d0e9c6, #d0e9c6);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#d0e9c6), to(#d0e9c6));
    	background-image:-webkit-linear-gradient(top, #d0e9c6, #d0e9c6);
    	background-image:-o-linear-gradient(top, #d0e9c6, #d0e9c6);
    	background-image:linear-gradient(to bottom, #d0e9c6, #d0e9c6);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
    	background-color:#d0e9c6;
    	background-image:-moz-linear-gradient(top, #d0e9c6, #d0e9c6);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#d0e9c6), to(#d0e9c6));
    	background-image:-webkit-linear-gradient(top, #d0e9c6, #d0e9c6);
    	background-image:-o-linear-gradient(top, #d0e9c6, #d0e9c6);
    	background-image:linear-gradient(to bottom, #d0e9c6, #d0e9c6);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
    	color:#468847;
    	padding:15px;
    	border-radius:4px;
    	background-color:#d0e9c6;
    	background-image:-moz-linear-gradient(top, #d0e9c6, #d0e9c6);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#d0e9c6), to(#d0e9c6));
    	background-image:-webkit-linear-gradient(top, #d0e9c6, #d0e9c6);
    	background-image:-o-linear-gradient(top, #d0e9c6, #d0e9c6);
    	background-image:linear-gradient(to bottom, #d0e9c6, #d0e9c6);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
    	background-color:#d0e9c6;
    	background-image:-moz-linear-gradient(top, #d0e9c6, #d0e9c6);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#d0e9c6), to(#d0e9c6));
    	background-image:-webkit-linear-gradient(top, #d0e9c6, #d0e9c6);
    	background-image:-o-linear-gradient(top, #d0e9c6, #d0e9c6);
    	background-image:linear-gradient(to bottom, #d0e9c6, #d0e9c6);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
    	color:#468847;
    	padding:15px;
    	border-radius:4px;
    	background-color:#d0e9c6;
    	background-image:-moz-linear-gradient(top, #d0e9c6, #d0e9c6);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#d0e9c6), to(#d0e9c6));
    	background-image:-webkit-linear-gradient(top, #d0e9c6, #d0e9c6);
    	background-image:-o-linear-gradient(top, #d0e9c6, #d0e9c6);
    	background-image:linear-gradient(to bottom, #d0e9c6, #d0e9c6);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
    	background-color:#d0e9c6;
    	background-image:-moz-linear-gradient(top, #d0e9c6, #d0e9c6);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#d0e9c6), to(#d0e9c6));
    	background-image:-webkit-linear-gradient(top, #d0e9c6, #d0e9c6);
    	background-image:-o-linear-gradient(top, #d0e9c6, #d0e9c6);
    	background-image:linear-gradient(to bottom, #d0e9c6, #d0e9c6);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
    }
    p.info, tr.info {
    	color:#4A677D;
    	padding:15px;
    	border-radius:4px;
    	background-color:#a1bed2;
    	background-image:-moz-linear-gradient(top, #a1bed2, #a1bed2);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#a1bed2), to(#a1bed2));
    	background-image:-webkit-linear-gradient(top, #a1bed2, #a1bed2);
    	background-image:-o-linear-gradient(top, #a1bed2, #a1bed2);
    	background-image:linear-gradient(to bottom, #a1bed2, #a1bed2);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0bed1', endColorstr='#ffa0bed1', GradientType=0);
    	background-color:#a1bed2;
    	background-image:-moz-linear-gradient(top, #a1bed2, #a1bed2);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#a1bed2), to(#a1bed2));
    	background-image:-webkit-linear-gradient(top, #a1bed2, #a1bed2);
    	background-image:-o-linear-gradient(top, #a1bed2, #a1bed2);
    	background-image:linear-gradient(to bottom, #a1bed2, #a1bed2);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0bed1', endColorstr='#ffa0bed1', GradientType=0);
    	color:#4A677D;
    	padding:15px;
    	border-radius:4px;
    	background-color:#a1bed2;
    	background-image:-moz-linear-gradient(top, #a1bed2, #a1bed2);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#a1bed2), to(#a1bed2));
    	background-image:-webkit-linear-gradient(top, #a1bed2, #a1bed2);
    	background-image:-o-linear-gradient(top, #a1bed2, #a1bed2);
    	background-image:linear-gradient(to bottom, #a1bed2, #a1bed2);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0bed1', endColorstr='#ffa0bed1', GradientType=0);
    	background-color:#a1bed2;
    	background-image:-moz-linear-gradient(top, #a1bed2, #a1bed2);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#a1bed2), to(#a1bed2));
    	background-image:-webkit-linear-gradient(top, #a1bed2, #a1bed2);
    	background-image:-o-linear-gradient(top, #a1bed2, #a1bed2);
    	background-image:linear-gradient(to bottom, #a1bed2, #a1bed2);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0bed1', endColorstr='#ffa0bed1', GradientType=0);
    	color:#4A677D;
    	padding:15px;
    	border-radius:4px;
    	background-color:#a1bed2;
    	background-image:-moz-linear-gradient(top, #a1bed2, #a1bed2);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#a1bed2), to(#a1bed2));
    	background-image:-webkit-linear-gradient(top, #a1bed2, #a1bed2);
    	background-image:-o-linear-gradient(top, #a1bed2, #a1bed2);
    	background-image:linear-gradient(to bottom, #a1bed2, #a1bed2);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0bed1', endColorstr='#ffa0bed1', GradientType=0);
    	background-color:#a1bed2;
    	background-image:-moz-linear-gradient(top, #a1bed2, #a1bed2);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#a1bed2), to(#a1bed2));
    	background-image:-webkit-linear-gradient(top, #a1bed2, #a1bed2);
    	background-image:-o-linear-gradient(top, #a1bed2, #a1bed2);
    	background-image:linear-gradient(to bottom, #a1bed2, #a1bed2);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0bed1', endColorstr='#ffa0bed1', GradientType=0);
    	color:#4A677D;
    	padding:15px;
    	border-radius:4px;
    	background-color:#a1bed2;
    	background-image:-moz-linear-gradient(top, #a1bed2, #a1bed2);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#a1bed2), to(#a1bed2));
    	background-image:-webkit-linear-gradient(top, #a1bed2, #a1bed2);
    	background-image:-o-linear-gradient(top, #a1bed2, #a1bed2);
    	background-image:linear-gradient(to bottom, #a1bed2, #a1bed2);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0bed1', endColorstr='#ffa0bed1', GradientType=0);
    	background-color:#a1bed2;
    	background-image:-moz-linear-gradient(top, #a1bed2, #a1bed2);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#a1bed2), to(#a1bed2));
    	background-image:-webkit-linear-gradient(top, #a1bed2, #a1bed2);
    	background-image:-o-linear-gradient(top, #a1bed2, #a1bed2);
    	background-image:linear-gradient(to bottom, #a1bed2, #a1bed2);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0bed1', endColorstr='#ffa0bed1', GradientType=0);
    }
    p.error, tr.error {
    	color:#CC0000;
    	padding:15px;
    	border-radius:4px;
    	background-color:#e8c0c2;
    	background-image:-moz-linear-gradient(top, #e8c0c2, #e8c0c2);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#e8c0c2), to(#e8c0c2));
    	background-image:-webkit-linear-gradient(top, #e8c0c2, #e8c0c2);
    	background-image:-o-linear-gradient(top, #e8c0c2, #e8c0c2);
    	background-image:linear-gradient(to bottom, #e8c0c2, #e8c0c2);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
    	background-color:#e8c0c2;
    	background-image:-moz-linear-gradient(top, #e8c0c2, #e8c0c2);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#e8c0c2), to(#e8c0c2));
    	background-image:-webkit-linear-gradient(top, #e8c0c2, #e8c0c2);
    	background-image:-o-linear-gradient(top, #e8c0c2, #e8c0c2);
    	background-image:linear-gradient(to bottom, #e8c0c2, #e8c0c2);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
    	color:#CC0000;
    	padding:15px;
    	border-radius:4px;
    	background-color:#e8c0c2;
    	background-image:-moz-linear-gradient(top, #e8c0c2, #e8c0c2);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#e8c0c2), to(#e8c0c2));
    	background-image:-webkit-linear-gradient(top, #e8c0c2, #e8c0c2);
    	background-image:-o-linear-gradient(top, #e8c0c2, #e8c0c2);
    	background-image:linear-gradient(to bottom, #e8c0c2, #e8c0c2);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
    	background-color:#e8c0c2;
    	background-image:-moz-linear-gradient(top, #e8c0c2, #e8c0c2);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#e8c0c2), to(#e8c0c2));
    	background-image:-webkit-linear-gradient(top, #e8c0c2, #e8c0c2);
    	background-image:-o-linear-gradient(top, #e8c0c2, #e8c0c2);
    	background-image:linear-gradient(to bottom, #e8c0c2, #e8c0c2);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
    	color:#CC0000;
    	padding:15px;
    	border-radius:4px;
    	background-color:#e8c0c2;
    	background-image:-moz-linear-gradient(top, #e8c0c2, #e8c0c2);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#e8c0c2), to(#e8c0c2));
    	background-image:-webkit-linear-gradient(top, #e8c0c2, #e8c0c2);
    	background-image:-o-linear-gradient(top, #e8c0c2, #e8c0c2);
    	background-image:linear-gradient(to bottom, #e8c0c2, #e8c0c2);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
    	background-color:#e8c0c2;
    	background-image:-moz-linear-gradient(top, #e8c0c2, #e8c0c2);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#e8c0c2), to(#e8c0c2));
    	background-image:-webkit-linear-gradient(top, #e8c0c2, #e8c0c2);
    	background-image:-o-linear-gradient(top, #e8c0c2, #e8c0c2);
    	background-image:linear-gradient(to bottom, #e8c0c2, #e8c0c2);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
    	color:#CC0000;
    	padding:15px;
    	border-radius:4px;
    	background-color:#e8c0c2;
    	background-image:-moz-linear-gradient(top, #e8c0c2, #e8c0c2);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#e8c0c2), to(#e8c0c2));
    	background-image:-webkit-linear-gradient(top, #e8c0c2, #e8c0c2);
    	background-image:-o-linear-gradient(top, #e8c0c2, #e8c0c2);
    	background-image:linear-gradient(to bottom, #e8c0c2, #e8c0c2);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
    	background-color:#e8c0c2;
    	background-image:-moz-linear-gradient(top, #e8c0c2, #e8c0c2);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#e8c0c2), to(#e8c0c2));
    	background-image:-webkit-linear-gradient(top, #e8c0c2, #e8c0c2);
    	background-image:-o-linear-gradient(top, #e8c0c2, #e8c0c2);
    	background-image:linear-gradient(to bottom, #e8c0c2, #e8c0c2);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
    }
    p.warning, tr.warning {
    	color:#A08B4C;
    	padding:15px;
    	border-radius:4px;
    	background-color:#f1e5ab;
    	background-image:-moz-linear-gradient(top, #f1e5ab, #f1e5ab);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f1e5ab), to(#f1e5ab));
    	background-image:-webkit-linear-gradient(top, #f1e5ab, #f1e5ab);
    	background-image:-o-linear-gradient(top, #f1e5ab, #f1e5ab);
    	background-image:linear-gradient(to bottom, #f1e5ab, #f1e5ab);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
    	background-color:#f1e5ab;
    	background-image:-moz-linear-gradient(top, #f1e5ab, #f1e5ab);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f1e5ab), to(#f1e5ab));
    	background-image:-webkit-linear-gradient(top, #f1e5ab, #f1e5ab);
    	background-image:-o-linear-gradient(top, #f1e5ab, #f1e5ab);
    	background-image:linear-gradient(to bottom, #f1e5ab, #f1e5ab);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
    	color:#A08B4C;
    	padding:15px;
    	border-radius:4px;
    	background-color:#f1e5ab;
    	background-image:-moz-linear-gradient(top, #f1e5ab, #f1e5ab);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f1e5ab), to(#f1e5ab));
    	background-image:-webkit-linear-gradient(top, #f1e5ab, #f1e5ab);
    	background-image:-o-linear-gradient(top, #f1e5ab, #f1e5ab);
    	background-image:linear-gradient(to bottom, #f1e5ab, #f1e5ab);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
    	background-color:#f1e5ab;
    	background-image:-moz-linear-gradient(top, #f1e5ab, #f1e5ab);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f1e5ab), to(#f1e5ab));
    	background-image:-webkit-linear-gradient(top, #f1e5ab, #f1e5ab);
    	background-image:-o-linear-gradient(top, #f1e5ab, #f1e5ab);
    	background-image:linear-gradient(to bottom, #f1e5ab, #f1e5ab);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
    	color:#A08B4C;
    	padding:15px;
    	border-radius:4px;
    	background-color:#f1e5ab;
    	background-image:-moz-linear-gradient(top, #f1e5ab, #f1e5ab);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f1e5ab), to(#f1e5ab));
    	background-image:-webkit-linear-gradient(top, #f1e5ab, #f1e5ab);
    	background-image:-o-linear-gradient(top, #f1e5ab, #f1e5ab);
    	background-image:linear-gradient(to bottom, #f1e5ab, #f1e5ab);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
    	background-color:#f1e5ab;
    	background-image:-moz-linear-gradient(top, #f1e5ab, #f1e5ab);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f1e5ab), to(#f1e5ab));
    	background-image:-webkit-linear-gradient(top, #f1e5ab, #f1e5ab);
    	background-image:-o-linear-gradient(top, #f1e5ab, #f1e5ab);
    	background-image:linear-gradient(to bottom, #f1e5ab, #f1e5ab);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
    	color:#A08B4C;
    	padding:15px;
    	border-radius:4px;
    	background-color:#f1e5ab;
    	background-image:-moz-linear-gradient(top, #f1e5ab, #f1e5ab);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f1e5ab), to(#f1e5ab));
    	background-image:-webkit-linear-gradient(top, #f1e5ab, #f1e5ab);
    	background-image:-o-linear-gradient(top, #f1e5ab, #f1e5ab);
    	background-image:linear-gradient(to bottom, #f1e5ab, #f1e5ab);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
    	background-color:#f1e5ab;
    	background-image:-moz-linear-gradient(top, #f1e5ab, #f1e5ab);
    	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f1e5ab), to(#f1e5ab));
    	background-image:-webkit-linear-gradient(top, #f1e5ab, #f1e5ab);
    	background-image:-o-linear-gradient(top, #f1e5ab, #f1e5ab);
    	background-image:linear-gradient(to bottom, #f1e5ab, #f1e5ab);
    	background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
    }
    .tip {
    	font-size:0.8em;
    	text-align:left;
    	padding:3px;
    	max-width:400px;
    }
    .tip-title {
    	font-weight:bold;
    }
    .tip-wrap {
    	padding:8px;
    	border-radius:3px;
    	background:#f2f2f2;
    	color:#6e6e6e;
    }
    .comments-count:before {
    	content:"\f086";
    }
    .post-tags .module-content a {
    	margin-right:5px;
    	margin-bottom:10px;
    	padding:10px;
    }
    .post-tags .module-content a:before {
    	font-family:FontAwesome;
    	margin-right:5px;
    	content:"\f02b";
    }
    .component-content .sticky {
    	background:#eaeaea;
    	padding:1px 15px 5px;
    }
    .component-content .edit-link {
    	margin:20px 0;
    }
    .author-info {
    	position:relative;
    	margin:30px 0 40px;
    }
    .author-info .author-name h2 {
    	margin-bottom:25px;
    }
    .author-info .author-avatar {
    	position:absolute;
    	left:0;
    	top:0;
    }
    .author-info .author-description {
    	position:relative;
    	padding-left:75px;
    }
    .contact-form-page .contact-form-error, .contact-form-page .contact-form-success {
    	margin-bottom:30px;
    }
    .contact-form-page #rt-contact-form .control-group input[type="text"].input-xxlarge {
    	width:97%;
    }
    .contact-form-page #rt-contact-form .control-group .send-copy {
    	margin:15px 0;
    	padding-left:0;
    }
    .contact-form-page #rt-contact-form .control-group .send-copy #rt-send-copy {
    	margin:6px 15px 0 0;
    }
    #comments-section {
    	margin:20px 0;
    	padding:10px 0;
    }
    #comments-section .comments-list > ol {
    	list-style-type:none;
    	margin:0;
    	padding:0;
    }
    #comments-section .comments-list > ol ol, #comments-section .comments-list > ol ul {
    	list-style:none;
    }
    #comments-section .comments-list > ol ol .comment-content, #comments-section .comments-list > ol ul .comment-content {
    	background:#eaeaea;
    }
    #comments-section .comments-list > ol ol {
    	padding-left:15px;
    }
    #comments-section .comments-list > ol .comment-body {
    	margin:35px 0;
    	padding-left:73px;
    	position:relative;
    }
    #comments-section .comments-list > ol .comment-body .author-avatar {
    	position:absolute;
    	left:0;
    	top:0;
    }
    #comments-section .comments-list > ol .comment-body .author-avatar img {
    	border-radius:3px;
    	max-width:100%;
    	height:auto;
    }
    #comments-section .comments-list > ol .comment-body .author-badge {
    	line-height:1.1em;
    	padding:4px 8px;
    	margin-left:5px;
    	position:relative;
    	top:-2px;
    }
    #comments-section .comments-list > ol .comment-body .comment-content {
    	margin-top:15px;
    	padding:23px 19px 25px;
    	border:1px solid #dddddd;
    	box-shadow:0 2px 0 rgba(0, 0, 0, 0.1);
    	border-radius:3px;
    	position:relative;
    }
    #comments-section .comments-list > ol .comment-body .comment-content:before, #comments-section .comments-list > ol .comment-body .comment-content:after {
    	border-left:6px solid transparent;
    	border-right:6px solid transparent;
    	border-top:6px solid transparent;
    	content:'';
    	left:20px;
    	top:-1px;
    	margin-left:-6px;
    	position:absolute;
    }
    #comments-section .comments-list > ol .comment-body .comment-content:before {
    	border-left:7px solid transparent;
    	border-right:7px solid transparent;
    	border-top:7px solid;
    	border-top-color:inherit;
    	bottom:-7px;
    	margin-left:-7px;
    }
    #comments-section .comments-list > ol .comment-body .comment-content p {
    	font-size:inherit;
    	margin:0;
    }
    #comments-section .comments-list > ol .comment-body .comment-content .edit-link {
    	margin:0;
    }
    #comments-section .comments-list > ol .comment-body .reply {
    	text-align:right;
    }
    #comments-section .comments-list .lead {
    	font-size:21px;
    	font-weight:200;
    	line-height:30px;
    	margin-bottom:20px;
    }
    #comments-section #comments + #respond .comment-notes {
    	margin-top:0;
    }
    #comments-section #respond {
    	margin:20px 0 0;
    }
    #comments-section #respond input[type="text"].input-xxlarge {
    	width:97%;
    }
    #comments-section #respond .cancel-comment-reply {
    	float:right;
    	position:relative;
    	top:-9px;
    }
    #comments-section #respond #comments-form code {
    	white-space:normal;
    }
    #comments-section .comment-reply-link {
    	font-size:16px;
    	padding:8px 12px;
    	position:absolute;
    	right:0;
    	left:auto;
    	top:16px;
    }
    body.rtl #comments-section .comments-list > ol ol {
    	padding-right:15px;
    	padding-left:0;
    	margin-left:0;
    	margin-right:25px;
    }
    body.rtl #comments-section .comments-list > ol .comment-body {
    	padding-left:0px;
    	padding-right:73px;
    }
    body.rtl #comments-section .comments-list > ol .comment-body .author-avatar {
    	right:0;
    }
    body.rtl #comments-section .comments-list > ol .comment-body .reply {
    	text-align:left;
    }
    body.rtl #comments-section #respond .cancel-comment-reply {
    	float:left;
    }
    body.rtl #comments-section .comment-reply-link {
    	left:0;
    	right:auto;
    }
    .comments-pagination {
    	margin:10px 0;
    	padding:10px 0;
    	clear:both;
    }
    .comments-pagination ul {
    	list-style-type:none;
    	margin:0;
    	padding:0;
    	text-align:center;
    	-webkit-box-shadow:none;
    	-moz-box-shadow:none;
    	box-shadow:none;
    	-webkit-box-shadow:none;
    	-moz-box-shadow:none;
    	box-shadow:none;
    }
    .comments-pagination ul li {
    	display:inline-block;
    	text-align:center;
    }
    .comments-pagination ul li span[class^="icon-arrow-"] {
    display:inline-block;
    }
    .page-pagination {
    	font-size:110%;
    	font-weight:100;
    }
    .search-results .highlight {
    	background:#FBDE21;
    	color:#000;
    }
    .aligncenter, div.aligncenter {
    	display:block;
    	margin:0 auto;
    }
    .alignright {
    	float:right;
    }
    .alignleft {
    	float:left;
    }
    a img.alignright {
    	float:right;
    	margin:5px 0 20px 20px;
    }
    a img.alignnone {
    	margin:5px 20px 20px 0;
    }
    a img.alignleft {
    	float:left;
    	margin:5px 20px 20px 0;
    }
    a img.aligncenter {
    	display:block;
    	margin-left:auto;
    	margin-right:auto;
    }
    .wp-caption {
    	background:#ffffff;
    	border:1px solid #f0f0f0;
    	max-width:96%;
    	padding:5px 3px 10px;
    	text-align:center;
    }
    .wp-caption img {
    	border:0 none;
    	height:auto;
    	margin:0;
    	max-width:98.5%;
    	padding:0;
    	width:auto;
    }
    .wp-caption p.wp-caption-text {
    	font-size:11px;
    	line-height:17px;
    	margin:0;
    	padding:5px 4px;
    }
    .wp-caption.alignnone {
    	margin:5px 20px 20px 0;
    }
    .wp-caption.alignleft {
    	margin:5px 20px 20px 0;
    }
    .wp-caption.alignright {
    	margin:5px 0 20px 20px;
    }
    .widget_gantry_recentcomments .module-content ul {
    	list-style-type:none;
    	margin-left:0;
    	overflow:hidden;
    }
    .widget_gantry_recentcomments .comment-item {
    	position:relative;
    }
    .widget_gantry_recentcomments .comment-item .avatar {
    	position:absolute;
    }
    .widget_gantry_recentcomments .comment-item blockquote {
    	margin-left:45px;
    }
    body.rtl .widget_gantry_recentcomments .comment-item blockquote {
    	margin-right:45px;
    	margin-left:0;
    	border-right:5px solid #d5d5d5;
    	border-left:none;
    	padding:0 15px 0 0;
    }
    @font-face {
    font-family:'FontAwesome';
    src:url('../../../plugins/gantry/assets/jui/fonts/fontawesome-webfont.eot?v=3.2.1');
    src:url('../../../plugins/gantry/assets/jui/fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../../../plugins/gantry/assets/jui/fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../../../plugins/gantry/assets/jui/fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../../../plugins/gantry/assets/jui/fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
    font-weight:normal;
    font-style:normal;
    }

Examples and source code

icon-list-alt

Place Font Awesome icons just about anywhere with the <i> tag.

<i class=" icon-list-alt"></i> icon-list-alt
Icon classes are echoed via CSS :before.

icon-list-alt

icon-list-alt

icon-list-alt

icon-list-alt

To increase icon sizes relative to their container, use the icon-large (33% increase), icon-2x, icon-3x, icon-4x, or icon-5x classes.

<p><i class=" icon-list-alt icon-large"></i> icon-list-alt</p>
<p><i class=" icon-list-alt icon-2x"></i> icon-list-alt</p>
<p><i class=" icon-list-alt icon-3x"></i> icon-list-alt</p>
<p><i class=" icon-list-alt icon-4x"></i> icon-list-alt</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
  • Font Awesome icon can be used
  • to easily replace lists

Use icon-ul and icon-li to easily replace default bullets in unordered lists.

<ul class="icon-ul">
  <li><i class="icon-li  icon-list-alt"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  icon-list-alt icon-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use icon-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class=" icon-list-alt icon-2x pull-left icon-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  icon-rotate-90
  icon-rotate-180
  icon-rotate-270
  icon-flip-horizontal
  icon-flip-vertical

To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.

<i class=" icon-list-alt"></i>  normal<br>
<i class=" icon-list-alt icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" icon-list-alt icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" icon-list-alt icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" icon-list-alt icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" icon-list-alt icon-flip-vertical"></i>  icon-flip-vertical

Use the icon-spin class to get any icon to rotate.

<i class=" icon-list-alt icon-2x icon-spin"></i>
<i class=" icon-list-alt icon-3x icon-spin"></i>
<i class=" icon-list-alt icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

icon-list-alt on icon-check-empty
icon-list-alt on icon-circle
icon-list-altl on icon-sign-blank
icon-ban-circle on icon-list-alt

To stack multiple icons, use the icon-stack class on the parent, the icon-light for the regularly sized icon, and icon-stack-base for the larger icon. icon-light can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="icon-stack">
  <i class=" icon-check-empty icon-stack-base"></i>
  <i class=" icon-list-alt "></i>
</span>
icon-list-alt on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" icon-list-alt icon-light"></i>
</span>
icon-list-alt on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" icon-list-alt icon-light "></i>
</span>
icon-list-alt on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" icon-list-alt icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on icon-list-alt