Font Awesome icon usage statistics

  • 0 types of Font Awesome iconic font are used and found 0 times in total.
  • HAMIDSARDARPHOTO.COM used 0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of HAMIDSARDARPHOTO.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • HAMIDSARDARPHOTO.COM includes "http://HAMIDSARDARPHOTO.COM/rw_common/themes/volante/styles.css" to use Font Awesome and information from CSS is like below.
  • @font-face {
        font-family: 'BebasNeueRegular';
        src: url('font/BebasNeue-webfont.eot');
        src: url('font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
             url('font/BebasNeue-webfont.woff') format('woff'),
             url('font/BebasNeue-webfont.ttf') format('truetype'),
             url('font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'TheanoDidotRegular';
        src: url('font/TheanoDidot-Regular-webfont.eot');
        src: url('font/TheanoDidot-Regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('font/TheanoDidot-Regular-webfont.woff') format('woff'),
             url('font/TheanoDidot-Regular-webfont.ttf') format('truetype'),
             url('font/TheanoDidot-Regular-webfont.svg#TheanoDidotRegular') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
    	font-family: 'zocial';
    	font-style: normal;
    	font-weight: normal;
    	src: url('font/zocial-regular-webfont.eot');
    	src: url('font/zocial-regular-webfont.eot?#iefix') format('embedded-opentype'),
    		 url('font/zocial-regular-webfont.woff') format('woff'),
    		 url('font/zocial-regular-webfont.ttf') format('truetype'),
    		 url('font/zocial-regular-webfont.svg#ZocialRegular') format('svg');
    }
    /* end font embed */
    /* @end */
    /* @group Structure */
    .pageHeader {
    	height: 10px;
    }
    footer .pageHeader {
    	background-color: transparent;
    	margin-bottom: 30px;
    }
    header {
    }
    #headerWrapper {
    	height: 123px;
    }
    header h1#title {
    	float: left;
    	margin: 12px 0 0 0;
    	font-size: 3em;
    	line-height: 1em;
    	letter-spacing: 2px;
    }
    header h2#slogan {
    	float: left;
    	margin: 40px 0 0 30px;
    	font-size: .813em;
    	line-height: 1em;
    	letter-spacing: 1px;
    }
    a#logo {
    	float: left;
    	margin: 0;
    }
    a#logo img {
    }
    #socialIcons {
    	float: right;
    	font-size: .938em;
    	line-height: 1em;
    	height: 33px;
    	font-weight: 100 !important;
    	position: relative;
    	z-index: 900;
    }
    #socialIcons a {
    	padding: 0 9px;
    	
    	-webkit-transition: all 0.3s ease 0s;
    	-moz-transition: all 0.3s ease 0s;
    	-o-transition: all 0.3s ease 0s;
    }
    #extraContainer6 {
    	width: 100%;
    	height: 45px;
    }
    #extraContainer6 #socialIcons {
    	float: right;
    	margin: 12px 0 0 0;
    }
    /* @end */
    /* End ribbon style */
    #nav_container {
    	width: 100%;
    	height: 60px;
    	border-top: 1px solid;
    }
    nav {
    	float: left;
    	width: 100%;
    	z-index: 10;
    	margin: 0;
    	border-top: 1px solid;
    	letter-spacing: 1px;
    }
    nav ul li a {
    	padding: 24px 0;
    	-webkit-transition: all 0.5s ease 0s;
    	-moz-transition: all 0.5s ease 0s;
    	-o-transition: all 0.5s ease 0s;
    }
    nav ul li a.current {
    }
    nav ul ul li a.current, nav ul ul ul li a.current {
    	background: none;
    }
    nav ul {
      display: block;
      font-size: 12px;
      line-height: 1em;
      overflow: hidden;
      clear: both;
      z-index: 100;
    }
    nav li {
      display: block;
    }
    nav a {
      display: block;
      text-decoration: none;
    }
    nav ul a {
    	margin: 0;
    }
    nav ul li {
    	display: inline;
    	float: left;
    	margin: 0 40px 0 0;
    	padding: 0;
    }
    /* Second level bar */
    nav ul ul {
    	position: absolute;
    	left: 0;
    	display: block;
    	float: none;
    	z-index: 50;
    }
    nav ul ul li {
    	display: inline;
    	float: left;
    	font-size: 12px;
    	line-height: 1em;
    	margin: 0 40px 0 0;
    	padding: 0;
    }
    nav ul ul a {
    	margin: 0;
    	display: block;
    }
    nav ul ul ul {
    	display: none;
    }
    /*end Nav */
    /*Start Menu Nav */
    .skiptonav {
    	clear: both;
    	float: none;
    	position: relative;
    	text-align: center;
    	padding: 20px 0;	
    }
    .skiptonav a {
    	display: block;
    	font-family: 'Open Sans', sans-serif;
    	font-weight: 400;
    	font-size: 14px;
    }
    #menu {
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    }
    #menu>ul {
    margin: 0;
    list-style: none;
    line-height: normal;
    position: relative;
    font-size: .825em;
    }
    #menu ul li {
    	padding: 20px 0;
    }
    #menu ul li li {
    padding: 20px 0 0 0;
    list-style: none;
    }
    #menu ul ul ul { }
    #menu>ul>li a {
    display: inline-block;
    background-repeat: no-repeat;
    }
    #menu>ul>li>a:hover,
    #menu>ul>li>a.current,
    #menu>ul>li>a.currentAncestor{
    background-repeat: no-repeat;
    }
    #menu>ul>li>a.current:hover{
    background-image: none;
    text-shadow: none;
    }
    #menu ul ul { 
    line-height: 14px;
    padding: 0;
    margin: 0;
    }
    #menu ul ul ul {
    	padding: 6px 0 0 0;
    }
    #menu ul ul>li{
    margin: 0;
    }
    #menu ul ul>li>a{
    padding: 0;
    }
    #menu ul li {
        border-top: 1px solid rgba(0,0,0,0.1);
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    #menu ul li ul li {
    	border: none;
    }
    /*end Menu Nav*/
    #nav_next {
    	text-align: left;
    	color: #000;
    	display: block;
    }
    #nav_next .current {
    	text-decoration: none;
    	font-weight: normal;
    	color: #000000;
    }
    #nav_next .current:hover {
    	text-decoration: none;
    	font-weight: normal;
    	color: #000000;
    }
    #nav_next li {
    	display: inline;
    	padding-top: 0px;
    }
    #nav_next ul {
    	padding: 0 0 8px;
    	margin: 0;
    }
    #nav_next a {
      display: none; 
    }
    /* Nest Level 1 */
    #nav_next ul ul {
    	margin: 0;
    	padding: 0;
    }
    #nav_next ul ul a {
      display: none;
      text-decoration: none;
      margin-left: 0px;
      margin-right: 0px;
    }
    #nav_next ul ul a span {
      display: block;
      padding: 1px;
    }
    /* Nest Level 2*/
    #nav_next ul ul ul {
    	padding-left: 0px;
    	padding-right: 0px;
    }
    #nav_next ul ul a:hover {
    	text-decoration: none;
    }
    #nav_next ul ul a {
    	display: none;
    	text-decoration: none;
    	color: #000000;
    	font-weight: normal;
    	font-style: normal;
    }
    /* Nest Level 3*/
    #nav_next ul ul ul a {
    	display: block;
    	text-decoration: none;
    	color: #000000;
    	font-weight: normal;
    	font-style: normal;
    }
    #nav_next ul ul ul ul {
    	padding-left: 0px;
    	padding-right: 0px;
    }
    #nav_next ul ul ul a:hover {
    	text-decoration: none;
    }
    #nav_next ul ul ul a:hover span {
    	text-decoration: none;
    }
    /* Nest Level 4*/
    #nav_next ul ul ul ul a {
    	display: block;
    	text-decoration: none;
    	color: #000000;
    	font-weight: normal;
    	font-style: normal;
    }
    #nav_next ul ul ul ul {
    	padding-left: 20px;
    	padding-right: 20px;
    }
    #nav_next ul ul ul a:hover {
    	text-decoration: none;
    }
    #nav_next ul ul ul a:hover span {
    	text-decoration: none;
    }
    /* Nest Level 5*/
    #nav_next ul ul ul ul a {
    	display: block;
    	text-decoration: none;
    	color: #000000;
    	font-weight: normal;
    	font-style: normal;
    }
    #nav_next ul ul ul ul ul {
    	padding-left: 0px;
    	padding-right: 0px;
    }
    #nav_next ul ul ul ul a:hover {
    	text-decoration: none;
    }
    #nav_next ul ul ul ul a:hover span {
    	text-decoration: none;
    }
    /* Nest Level 7*/
    #nav_next ul ul ul ul ul ul {
    	padding-left: 20px;
    	padding-right: 20px;
    }
    #nav_next ul ul ul ul ul a:hover {
    	text-decoration: none;
    }
    #nav_next ul ul ul ul ul a:hover span {
    	text-decoration: none;
    }
    /* Nest Level 8*/
    #nav_next ul ul ul ul ul ul ul {
    	padding-left: 40px;
    	padding-right: 40px;
    }
    #nav_next ul ul ul ul ul ul a:hover {
    	text-decoration: none;
    }
    #nav_next ul ul ul ul ul ul a:hover span {
    	text-decoration: none;
    }
    /* @end */
    #myExtraContent1,
    #myExtraContent2,
    #myExtraContent3, 
    #myExtraContent4 {
    	display: none;
    }
    #extraContainer1 #myExtraContent1,
    #extraContainer2 #myExtraContent2,
    #extraContainer3 #myExtraContent3,
    #extraContainer4 #myExtraContent4, 
    #extraContainer5 #myExtraContent5 {
    	display: block;
    }
    #extraContainer1 {
    	z-index: -10;
    }
    #extraContainer1 #myExtraContent1{
    	display: block;
    	z-index: 1;
    }
    /* @end */
    /* Banner Area */
    #banner {
    	position: relative;
    	border-bottom: 8px solid;
    }
    #banner .container { 
    	min-width: 1400px; 
    	overflow-x: hidden;
    	overflow-y: hidden
    }
    /* FreeStyle banners - Will Woodgate */
    #freeStyle img {
    	display: block;
    	max-width: 100%;
    	height: auto;
    }
    /* section */
    section {
    	border-top: 1px solid;
    }
    section li {
    }
    section .container {
    }
    #main, aside {
    	padding: 30px 0;
    }
    aside{
    }
    span#asideTitle{
    	display: block;
        font-size: 2em;
        letter-spacing: 0;
        line-height: 1em;
    }
    div#asidePlug{
    }
    .sb_hide{display: none;}
    .sidebar.left{
    	float: left;
    }
    #main.right{
    	float: right;
    }
    #myExtraContent1,
    #myExtraContent2,
    #myExtraContent3,
    #myExtraContent4 {
    	display: none;
    }
    #myExtraContent3 {
    	clear: both;
    }
    /* @group Footer */
    #myExtraContent4 {
    }
    footer {
    	padding: 30px 0;
    }
    a#rw_email_contact {
    	float: left;
    	font-size: 1em;
    	line-height: normal;
    	text-transform: uppercase;
    	letter-spacing: 2px;
    }
    footer #left {
    	position: relative;
    	text-align: left;
    	font-size: .75em;
    	line-height: 16px;
    	padding-bottom: 20px;
    }
    footer p,	
    footer ul,
    footer ol{
    }
    #breadcrumb {
    	position: relative;
    	text-align: left;
    	line-height: normal;
    	font-family: 'Lato'; 
    	font-size: 12px; 
    	line-height: 13px;
    }
    #breadcrumb ul a {list-style: none; text-decoration: none; line-height: normal; 		
    	-webkit-transition: all 0.5s ease 0s;
    	-moz-transition: all 0.5s ease 0s;
    	-o-transition: all 0.5s ease 0s;
    	}
    #breadcrumb ul{margin: 0;}
    #breadcrumb li{list-style: none; text-decoration: none; display: inline;}
    #breadcrumb li a {}
    #breadcrumblist span{}
    #extraContainer4 {
    	padding: 0;
    	font-weight: normal;
    	font-size: .75em;
    	line-height: 2em;
    }
    /* @end */
    /* @group Blog */
    /* @group Tag Cloud */
    .blog-entry {
    	margin: 0 10px 30px;
    	padding: 0 40px 20px;
    	background: #fff;
    	outline: solid thin #ececec;
    	font-size: 1em;
    }
    h1.blog-entry-title {
    	font-size: 1.675em;
    	line-height: 1.1em;
    	padding: 30px 0 11px;
    }
    h1.blog-entry-title a{
    }
    .blog-entry-date {
    	font-size: .875em;
    	font-weight: bold;
    	font-style: normal;
    	margin-bottom: 1em;
    }
    .blog-entry-category a:link, 
    .blog-entry-category a:visited {
    	padding: 0px 6px;
    	margin: 0 4px;
    	font-size: 1em;
    	font-style: normal;
    	font-weight: normal;
    	background-color: #ececec;
    	display: inline-block;
    	border-radius: 2px;
    }
    .blog-read-more {
    	
    }
    .blog-entry-body {
    	padding-bottom: 10px;
    	overflow: hidden;
    }
    a.blog-comment-link {
    	margin-top: 1.0em;
    	padding: 5px 0px 8px 50px;
    	display: inline-block;
    }
    p.blog-entry-tags {
    	margin-top: 1em;
    	font-weight: bolder;
    	font-style: normal;
    	font-size: .8em;
    }
    p.blog-entry-tags a {
    	padding: 0 6px;
    	margin: 0 4px;
    	font-size: 1.25em;
    	font-weight: normal;
    	font-style: normal;
    	font-family: Arial;
    	background-color: #ececec;
    	display: inline-block;
    }
    #blog-categories:before,
    #blog-archives:before,
    ul.blog-tag-cloud:before,
    #blog-rss-feeds:before {
    	display: block;
    	margin-bottom: 7px;
    	text-transform: uppercase;
    	font-weight: bold;
    	font-size: 1em;
    }
    /* Categories */
    #blog-categories,
    #blog-archives {
    	padding-top: 12px;
    	padding-bottom: 12px;
    	line-height: 2.5em;
    }
    #blog-categories br,
    #blog-archives br {
    	display: none;
    }
    #blog-categories:before {
    	content: "Categories";
    		text-transform: uppercase;
    	font-weight: bold;
    	font-size: 1em;
    	line-height: 1em;
    	text-align: center;
    	background-color: rgba(0, 0, 0, 0.2);
    	padding: 8px 0;
    }
    .blog-category-link-enabled,
    .blog-archive-link-enabled {
    	display: block;
    }
    .blog-category-link-enabled:hover,
    .blog-archive-link-enabled:hover {
    }
    .blog-category-link-disabled,
    .blog-archive-link-disabled {
    	display: none;
    }
    /* Archives */
    #blog-archives {
    	margin-top: 16px;
    }
    #blog-archives:before {
    	content: "Archives";
    	text-transform: uppercase;
    	font-weight: bold;
    	font-size: 1em;
    	line-height: 1em;
    	text-align: center;
    	background-color: rgba(0, 0, 0, 0.2);
    	padding: 8px 0;
    }
    /* Tag Cloud */
    section .wrapper ul.blog-tag-cloud {
    	margin: 16px 0 0;
    	padding: 16px 0 0;
    }
    ul.blog-tag-cloud:before {
    	content: "Tag cloud";
    	text-transform: uppercase;
    	font-weight: bold;
    	font-size: 1em;
    	line-height: 1em;
    	text-align: center;
    	background-color: rgba(0, 0, 0, 0.2);
    	padding: 8px 0;
    }
    ul.blog-tag-cloud li {
    	display: inline;
    	margin: 0 4px 0 0;
    	padding: 0;
    	font-size: 1em;
    }
    ul.blog-tag-cloud li a {
    	display: inline-block;
    }
    ul.blog-tag-cloud li a:hover {
    	text-decoration: underline;
    }
    .blog-tag-size-1 {
    	font-size: 0.8em;
    }
    .blog-tag-size-2 {
    	font-size: 0.85em;
    }
    .blog-tag-size-3 {
    	font-size: 0.9em;
    }
    .blog-tag-size-4 {
    	font-size: 0.95em;
    }
    .blog-tag-size-5 {
    	font-size: 1em;
    }
    .blog-tag-size-6 {
    	font-size: 1.05em;
    }
    .blog-tag-size-7 {
    	font-size: 1.1em;
    }
    .blog-tag-size-8 {
    	font-size: 1.15em;
    }
    .blog-tag-size-9 {
    	font-size: 1.2em;
    }
    .blog-tag-size-10 {
    	font-size: 1.25em;
    }
    .blog-tag-size-11 {
    	font-size: 1.3em;
    }
    .blog-tag-size-12 {
    	font-size: 1.35em;
    }
    .blog-tag-size-13 {
    	font-size: 1.4em;
    }
    .blog-tag-size-14 {
    	font-size: 1.45em;
    }
    .blog-tag-size-15 {
    	font-size: 1.5em;
    }
    .blog-tag-size-16 {
    	font-size: 1.55em;
    }
    .blog-tag-size-17 {
    	font-size: 1.6em;
    }
    .blog-tag-size-18 {
    	font-size: 1.65em;
    }
    .blog-tag-size-19 {
    	font-size: 1.7em;
    }
    .blog-tag-size-20 {
    	font-size: 1.75em;
    }
    /* Styles the blog RSS feeds in the blog sidebar */
    #blog-rss-feeds {
    	margin-top: 15px;
    	padding-top: 15px;
    }
    #blog-rss-feeds:before {
    	content: "Feeds";
    	text-transform: uppercase;
    	font-weight: bold;
    	font-size: 1em;
    	line-height: 1em;
    	text-align: center;
    	background-color: rgba(0, 0, 0, 0.2);
    	padding: 8px 0;
    }
    .blog-rss-link {
    	padding: 4px 11px 4px 29px;
    	margin: 0;
    	background: url(images/rss_feed.png) no-repeat;
    	display: inline-block;
    }
    .blog-comments-rss-link {
    	background-repeat: no-repeat;
    	background-image: url(images/rss_icon.gif);
    	background-position: left center;
    	padding-left: 19px;
    }
    /* @end */
    /* @end */
    /* @group File Sharing */
    .filesharing-item-title a{
    	font-size: .825em;
    	line-height: 1em;
    	font-weight: bold;
    	display: inline-block;
    	padding: 11px 8px;
    	text-decoration: none;
    	background-color: rgba(0, 0, 0, 0.1);
    	border: 1px solid #d3d3d3;
    }
    .filesharing-item-title {
    	padding: 11px 0 7px 0;
    }
    .filesharing-description {
    }
    .filesharing-item {
    	padding: 0;
    }
    /* @end */
    /* @group Photo Album */
    .album-title {
    	font-size: 1em;
    	margin: 0;
    	padding: 0;
    	font-style: normal;
    	line-height: normal;
    }
    .album-description {
    	margin: 10px 0 20px 0;
    	font-family: sans-serif;
    }
    .album-wrapper {
    	width: 100%;
    }
    	
    /* @end */
    /* @group Single Page (Photo view) */
    .photo-background {
    	text-align: center;
    	background-color: black;
    	max-width: 960px;
    	margin: 0 auto;
    }
    .photo-background img {
    	max-width: 100%;
    	height: auto;
    }
    .photo-background p {
    	text-align: left;
    	margin: 0;
    	color: #ffffff;
    }
    .photo-navigation {
    	width: 96%;
    	margin: 20px auto 0 auto;
    	padding: 20px;
    	border-top: none;
    	height: 111px;
    	position: relative;
    	text-align: left;
    	font-size: 22px;
    	text-transform: uppercase;
    }
    .photo-links {
    	position: absolute;
    	top: 100px;
    	font-size: 1em;
    }
    .photo-navigation a:link, .photo-navigation a:visited {
    	color: #fff;
    	text-decoration: none;
    	text-align: left;
    	line-height: 18px;
    	font-size: .8em;
    }
    .photo-navigation a:hover {
    	text-decoration: none;
    	color: #878787;
    }
    .photo-frame{
    	margin-top: 11px;
    }
    .photo-background p.photo-title {
    	padding-bottom: 7px;
    	line-height: 26px;
    	font-size: 1em;
    }
    .photo-background p.photo-caption {
    	font-size: 1em;
    	line-height: 16px;
    	font-style: italic;
    	font-family: Times New Roman, Times;
    	margin: 21px 0 0 0;
    }
    }
    img.photo-frame {
        clear: both;
        height: auto;
        max-width: 100%;
        position: relative;
        visibility: hidden;
        width: 100%;
        height: auto;
    }
    img.photo-frame {
        clear: both;
        height: auto;
        max-width: 100%;
        position: relative;
        top: 10px;
        width: 100%;
    }
    .photo-background img {
       width: auto;
       height: auto;
    }
    /* @end */
    /* @group EXIF data */
    /* Data wrapper */
    .exif-data {
    }
    .exif-data p {
    }
    /* p tag classes for all exif data */
    p.exif-version {
    }
    p.exif-colour-space {
    }
    p.exif-focal-length {
    }
    p.exif-dimensions {
    }
    p.exif-pixel-y-dimension {
    }
    p.exif-pixel-x-dimension {
    }
    p.exif-oecf-value {
    }
    p.exif-subsec-time-original {
    }
    p.exif-exposure-mode {
    }
    p.exif-spatial-frequency-response {
    }
    p.exif-scene-capture-type {
    }
    p.exif-subject-location {
    }
    p.exif-shutter-speed {
    }
    p.exif-datetime-original {
    }
    p.exif-subsec-time {
    }
    p.exif-compressed-bits-per-pixel {
    }
    p.exif-flash-energy {
    }
    p.exif-saturation {
    }
    p.exif-brightness {
    }
    p.exif-exposure-time {
    }
    p.exif-f-number {
    }
    p.exif-file-source {
    }
    p.exif-gain-control {
    }
    p.exif-subject-area {
    }
    p.exif-cfa-pattern {
    }
    p.exif-scene-type {
    }
    p.exif-white-balance {
    }
    p.exif-flash {
    }
    p.exif-exposure-index {
    }
    p.exif-flashpix-version {
    }
    p.exif-device-setting-description {
    }
    p.exif-focalplane-x-resolution {
    }
    p.exif-image-uniqueid {
    }
    p.exif-components-configuration {
    }
    p.exif-light-source {
    }
    p.exif-sensing-method {
    }
    p.exif-aperture {
    }
    p.exif-sharpness {
    }
    p.exif-exposure-program {
    }
    p.exif-subject-distance {
    }
    p.exif-subsec-time-digitized {
    }
    p.exif-contrast {
    }
    p.exif-focalplane-resolution-unit {
    }
    p.exif-gamma {
    }
    p.exif-35mm-focal-length {
    }
    p.exif-datetime-digitized {
    }
    p.exif-subject-distance-range {
    }
    p.exif-custom-rendered {
    }
    p.exif-max-aperture {
    }
    p.exif-sound-file {
    }
    p.exif-metering-mode {
    }
    p.exif-spectral-sensitivity {
    }
    p.exif-exposure-bias {
    }
    p.exif-focalplane-y-resolution {
    }
    p.exif-iso-rating {
    }
    p.exif-maker-note {
    }
    p.exif-digital-zoom-ratio {
    }
    p.exif-user-comment {
    }
    /* @end */
    /* @end */
    	
    /* @end */
    /* @group Quicktime Page */
    .movie-description {
    }
    	
    /* @end */
    /* @group Quicktime Album */
    /* @group Index Page (Movie Thumbnail view) */
    .movie-page-description {
        margin-bottom: 15px;
        display: block;
    }
    .movie-thumbnail-frame {
    	position: relative;
        display: inline-block;
        margin: 2%;
        width: 45%;
    }
    .movie-thumbnail-frame:hover {
    }
    .lastMov {
        margin-bottom: 5px;
    }
    .movie-thumbnail-frame img {
        border-radius: 2px;
        height: auto !important;
        width: 100% !important;
    }
    .movie-thumbnail-caption {
        font-size: 0.9em;
        line-height: 1.5em;
        padding: 11px 20px;
        text-shadow: none;
        visibility: hidden;
        width: auto;
    }
    #movieAlbum .movie-thumbnail-caption {
        visibility: visible;
    }
    .movie-thumbnail-frame a:before {
        cursor: pointer;
        position: absolute;
    }
    .movie-thumbnail-frame a:hover:before {
        opacity: 0.4;
    }
    .movie-background {
        margin: 0;
    	padding: 24px;
    	text-align: center;
    	background: #000000;
    	opacity: 1;
    }
    .movie-title {
        color: #ececec;
        font-size: 1.375em;
        padding: 16px 0 0;
    }
    .movie-page-title {
        font-size: 2em;
        padding: 0 0 3px 3px;
    }
    .album-title {
        font-size: 2em;
        line-height: 1em;
        padding: 0 0 21px 3px;
    }
    .album-description {
        display: none;
    }
    .thumbnail-frame {
        float: left;
        position: relative;
    }
    .thumbnail-wrap {
        display: block;
        float: left;
        height: auto !important;
        margin: 1%;
    }
    .thumbnail-caption {
        display: none;
    }
    .thumbnail-frame img {
    }
    .thumbnail-frame img:active, .thumbnail-frame img:hover {
    }
    .thumbnail-frame {
    }
    /* @group Contact Form */
    .message-text {
    	margin-top: 21px; 
    	font-size: 1.125em;
    	font-family: Times New Roman, Times, serif;
    	font-style: italic;
    } 
    .message-text {
    	margin-top: 21px; 
    } 
    form label {
        font-size: 0.8em;
        text-transform: uppercase;
    }
    .required-text {
    } 
    .form-input-field {
    	width: 70%;
    } 
    .form-input-button {
    	background-color: #ffffff;
    	border: 1px solid #dfdfdf;
    } 
    form > div textarea.form-input-field, form > div input.form-input-field[type="text"] {
    	background-color: rgba(255, 255, 255, 0.5);
    	outline: none;
    	border: 1px solid #ececec;
    	padding: 7px 0;
    }
    .form-input-button {
    	height: 30px;
    	width: 80px;
    	margin-right: 16px;
    }
    /* @end */
    /* #IE CSS */
    .mosaic article.ie-nth-child3n1{
    	clear:both;
    }
    .responsive-example{
    	margin-bottom:20px;
    }
    .responsive-example .columns,
    .responsive-example .column{
    	background:#dedede;
    	margin-bottom:10px;
    	text-align:center;
    	font-size:10px;
    	font-weight:bold;
    	text-transform:uppercase;
    	
    	-webkit-transition:all .1s ease-in-out;
    	-moz-transition:all .1s ease-in-out;
    	-o-transition:all .1s ease-in-out;
    	transition:all .1s ease-in-out;
    }
    .responsive-example .columns:hover,
    .responsive-example .column:hover{
    	background:#333;
    	color:#efefef;
    }
    /**************************
    *
    *	GENERAL
    *
    **************************/
    .camera_wrap a, .camera_wrap img, 
    .camera_wrap ol, .camera_wrap ul, .camera_wrap li,
    .camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td
    .camera_thumbs_wrap a, .camera_thumbs_wrap img, 
    .camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li,
    .camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td {
    	background: none;
    	border: 0;
    	font: inherit;
    	font-size: 100%;
    	margin: 0;
    	padding: 0;
    	vertical-align: baseline;
    	list-style: none
    }
    .camera_wrap {
    	display: none;
    	float: left;
    	position: relative;
    	z-index: 0;
    }
    .camera_wrap img {
    	max-width: none!important;
    }
    .camera_fakehover {
    	height: 100%;
    	min-height: 60px;
    	position: relative;
    	width: 100%;
    	z-index: 1;
    }
    .camera_wrap {
    	width: 100%;
    }
    .camera_src {
    	display: none;
    }
    .cameraCont, .cameraContents {
    	height: 100%;
    	position: relative;
    	width: 100%;
    	z-index: 1;
    }
    .cameraSlide {
    	bottom: 0;
    	left: 0;
    	position: absolute;
    	right: 0;
    	top: 0;
    	width: 100%;
    }
    .cameraContent {
    	bottom: 0;
    	display: none;
    	left: 0;
    	position: absolute;
    	right: 0;
    	top: 0;
    	width: 100%;
    }
    .camera_target {
    	bottom: 0;
    	height: 100%;
    	left: 0;
    	overflow: hidden;
    	position: absolute;
    	right: 0;
    	text-align: left;
    	top: 0;
    	width: 100%;
    	z-index: 0;
    }
    .camera_overlayer {
    	bottom: 0;
    	height: 100%;
    	left: 0;
    	overflow: hidden;
    	position: absolute;
    	right: 0;
    	top: 0;
    	width: 100%;
    	z-index: 0;
    }
    .camera_target_content {
    	bottom: 0;
    	left: 0;
    	overflow: hidden;
    	position: absolute;
    	right: 0;
    	top: 0;
    	z-index: 2;
    }
    .camera_target_content .camera_link {
        background: url(images/blank.gif);
    	display: block;
    	height: 100%;
    	text-decoration: none;
    }
    .camera_loader {
        background: #fff url(images/camera-loader.gif) no-repeat center;
    	background: rgba(255, 255, 255, 0.9) url(images/camera-loader.gif) no-repeat center;
    	border: 1px solid #ffffff;
    	-webkit-border-radius: 18px;
    	-moz-border-radius: 18px;
    	border-radius: 18px;
    	height: 36px;
    	left: 50%;
    	overflow: hidden;
    	position: absolute;
    	margin: -18px 0 0 -18px;
    	top: 50%;
    	width: 36px;
    	z-index: 3;
    }
    .camera_bar {
    	bottom: 0;
    	left: 0;
    	overflow: hidden;
    	position: absolute;
    	right: 0;
    	top: 0;
    	z-index: 3;
    }
    .camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar {
    	height: 100%;
    	position: absolute;
    	width: auto;
    }
    .camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar {
    	height: auto;
    	position: absolute;
    	width: 100%;
    }
    .camera_nav_cont {
    	height: 65px;
    	overflow: hidden;
    	position: absolute;
    	right: 9px;
    	top: 15px;
    	width: 120px;
    	z-index: 4;
    }
    .camera_caption {
    	bottom: 0;
    	display: block;
    	position: absolute;
    	width: 100%;
    }
    .camera_caption > div {
    	padding: 10px 20px;
    }
    .camerarelative {
    	overflow: hidden;
    	position: relative;
    }
    .imgFake {
    	cursor: pointer;
    }
    .camera_prevThumbs {
    	bottom: 4px;
    	cursor: pointer;
    	left: 0;
    	position: absolute;
    	top: 4px;
    	visibility: hidden;
    	width: 30px;
    	z-index: 10;
    }
    .camera_prevThumbs div {
    	background: url(images/camera_skins.png) no-repeat -160px 0;
    	display: block;
    	height: 103px;
    	margin-top: -20px;
    	position: absolute;
    	top: 50%;
    	width: 30px;
    }
    .camera_nextThumbs {
    	bottom: 4px;
    	cursor: pointer;
    	position: absolute;
    	right: 0;
    	top: 4px;
    	visibility: hidden;
    	width: 30px;
    	z-index: 10;
    }
    .camera_nextThumbs div {
    	background: url(images/camera_skins.png) no-repeat -190px 0;
    	display: block;
    	height: 40px;
    	margin-top: -20px;
    	position: absolute;
    	top: 50%;
    	width: 30px;
    }
    .camera_command_wrap .hideNav {
    	display: none;
    }
    .camera_command_wrap {
    	left: 0;
    	position: relative;
    	right:0;
    	z-index: 4;
    }
    .camera_wrap .camera_pag .camera_pag_ul {
    	list-style: none;
    	margin: 0;
    	padding: 0;
    	text-align: right;
    }
    .camera_wrap .camera_pag .camera_pag_ul li {
    	-webkit-border-radius: 8px;
    	-moz-border-radius: 8px;
    	border-radius: 8px;
    	cursor: pointer;
    	display: inline-block;
    	height: 16px;
    	margin: 20px 5px;
    	position: relative;
    	text-align: left;
    	text-indent: -9999px;
    	width: 16px;
    }
    .camera_commands_emboss .camera_pag .camera_pag_ul li {
    	-moz-box-shadow:
    		0px 1px 0px rgba(255,255,255,1),
    		inset 0px 1px 1px rgba(0,0,0,0.1);
    	-webkit-box-shadow:
    		0px 1px 0px rgba(255,255,255,1),
    		inset 0px 1px 1px rgba(0,0,0,0.1);
    	box-shadow:
    		0px 1px 0px rgba(255,255,255,1),
    		inset 0px 1px 1px rgba(0,0,0,0.1);
    }
    .camera_wrap .camera_pag .camera_pag_ul li > span {
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
    	border-radius: 5px;
    	height: 10px;
    	left: 3px;
    	overflow: hidden;
    	position: absolute;
    	top: 3px;
    	width: 10px;
    }
    .camera_pag_ul .thumb_arrow {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid;
    	top: 0;
    	left: 50%;
    	margin-left: -4px;
    	position: absolute;
    }
    .camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span {
    	-moz-box-shadow:
    		0px 1px 0px rgba(255,255,255,1),
    		inset 0px 1px 1px rgba(0,0,0,0.2);
    	-webkit-box-shadow:
    		0px 1px 0px rgba(255,255,255,1),
    		inset 0px 1px 1px rgba(0,0,0,0.2);
    	box-shadow:
    		0px 1px 0px rgba(255,255,255,1),
    		inset 0px 1px 1px rgba(0,0,0,0.2);
    }
    .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
    	-moz-box-shadow: 0;
    	-webkit-box-shadow: 0;
    	box-shadow: 0;
    }
    .camera_pag_ul li img {
    	display: none;
    	position: absolute;
    }
    .camera_prev, .camera_next, .camera_commands {
    	cursor: pointer;
    	height: 103px;
    	margin-top: -48px;
    	position: absolute;
    	top: 50%;
    	width: 52px;
    	background: none;
    	background-color: transparent;
    	z-index: 2;
    }
    .camera_prev {
    	left: 0;
    }
    .camera_prev > span {
    	margin-left: 20px;
    	background: url(images/slideshow_arrows.png) no-repeat 0 0;
    	display: block;
    	height: 103px;
    	width: 52px;
    }
    .camera_next {
    	right: 0;
    	margin-right: 20px;
    }
    .camera_next > span {
    	margin-right: 20px;
    	background: url(images/slideshow_arrows.png) no-repeat -52px 0;
    	display: block;
    	height: 103px;
    	width: 52px;
    }
    .camera_commands {
    	right: 41px;
    }
    /*.camera_commands > .camera_play {
    	background: url(images/camera_skins.png) no-repeat -80px 0;
    	height: 40px;
    	width: 40px;
    }
    .camera_commands > .camera_stop {
    	background: url(images/camera_skins.png) no-repeat -120px 0;
    	display: block;
    	height: 40px;
    	width: 40px;
    	border-radius: 3px;
    	moz-border-radius: 3px;*/
    }
    .camera_wrap .camera_pag .camera_pag_ul li {
    	-webkit-border-radius: 8px;
    	-moz-border-radius: 8px;
    	border-radius: 8px;
    	cursor: pointer;
    	display: inline-block;
    	height: 16px;
    	margin: 20px 5px;
    	position: relative;
    	text-indent: -9999px;
    	width: 16px;
    }
    .camera_thumbs_cont {
    	-webkit-border-bottom-right-radius: 4px;
    	-webkit-border-bottom-left-radius: 4px;
    	-moz-border-radius-bottomright: 4px;
    	-moz-border-radius-bottomleft: 4px;
    	border-bottom-right-radius: 4px;
    	border-bottom-left-radius: 4px;
    	overflow: hidden;
    	position: relative;
    	width: 100%;
    }
    .camera_commands_emboss .camera_thumbs_cont {
    	-moz-box-shadow:
    		0px 1px 0px rgba(255,255,255,1),
    		inset 0px 1px 1px rgba(0,0,0,0.2);
    	-webkit-box-shadow:
    		0px 1px 0px rgba(255,255,255,1),
    		inset 0px 1px 1px rgba(0,0,0,0.2);
    	box-shadow:
    		0px 1px 0px rgba(255,255,255,1),
    		inset 0px 1px 1px rgba(0,0,0,0.2);
    }
    .camera_thumbs_cont > div {
    	float: left;
    	width: 100%;
    }
    .camera_thumbs_cont ul {
    	overflow: hidden;
    	padding: 3px 4px 8px;
    	position: relative;
    	text-align: center;
    }
    .camera_thumbs_cont ul li {
    	display: inline;
    	padding: 0 4px;
    }
    .camera_thumbs_cont ul li > img {
    	border: 1px solid;
    	cursor: pointer;
    	margin-top: 5px;
    	vertical-align:bottom;
    }
    .camera_clear {
    	display: block;
    	clear: both;
    }
    .showIt {
    	display: none;
    }
    .camera_clear {
    	clear: both;
    	display: block;
    	height: 1px;
    	margin: -1px 0 25px;
    	position: relative;
    }
    /**************************
    *
    *	COLORS & SKINS
    *
    **************************/
    .pattern_1 .camera_overlayer {
    	background: url(images/patterns/overlay1.png) repeat;
    }
    .pattern_2 .camera_overlayer {
    	background: url(images/patterns/overlay2.png) repeat;
    }
    .pattern_3 .camera_overlayer {
    	background: url(images/patterns/overlay3.png) repeat;
    }
    .pattern_4 .camera_overlayer {
    	background: url(images/patterns/overlay4.png) repeat;
    }
    .pattern_5 .camera_overlayer {
    	background: url(images/patterns/overlay5.png) repeat;
    }
    .pattern_6 .camera_overlayer {
    	background: url(images/patterns/overlay6.png) repeat;
    }
    .pattern_7 .camera_overlayer {
    	background: url(images/patterns/overlay7.png) repeat;
    }
    .pattern_8 .camera_overlayer {
    	background: url(images/patterns/overlay8.png) repeat;
    }
    .pattern_9 .camera_overlayer {
    	background: url(images/patterns/overlay9.png) repeat;
    }
    .pattern_10 .camera_overlayer {
    	background: url(images/patterns/overlay10.png) repeat;
    }
    .camera_caption {
    	color: #fff;
    }
    .camera_caption > div {
    	background: #000;
    	background: rgba(0, 0, 0, 0.8);
    }
    .camera_wrap .camera_pag .camera_pag_ul li {
    	background: #b7b7b7;
    }
    .camera_wrap .camera_pag .camera_pag_ul li:hover > span {
    	background: #b7b7b7;
    }
    .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
    	background: #ffffff;
    }
    .camera_pag_ul li img {
    	border: 2px solid #e6e6e6;
    	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,.4);
    	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,.4);
    	box-shadow: 0px 0px 4px rgba(0,0,0,.4);
    }
    .camera_pag_ul .thumb_arrow {
        border-top-color: #e6e6e6;
    }
    .camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
    }
    .camera_wrap .camera_pag .camera_pag_ul li {
    	background: #b7b7b7;
    }
    .camera_thumbs_cont ul li > img {
    	border-color: 1px solid #000;
    }
    /*Hide Slideshow Dots*/
    .camera_pag_ul{
    	display: none;
    }
    /*ASH SKIN*/
    .camera_ash_skin .camera_prevThumbs div {
    	background-position: -160px -200px;
    }
    .camera_ash_skin .camera_nextThumbs div {
    	background-position: -190px -200px;
    }
    .camera_ash_skin .camera_prev > span {
    	background-position: 0 -200px;
    }
    .camera_ash_skin .camera_next > span {
    	background-position: -40px -200px;
    }
    .camera_ash_skin .camera_commands > .camera_play {
    	background-position: -80px -200px;
    }
    .camera_ash_skin .camera_commands > .camera_stop {
    	background-position: -120px -200px;
    }
    /*!
    Zocial Icons by Sam Collins (@smcllns)
    Enjoy
    */
    /* Reference icons from font-files */
    .zocial,a.zocial{display:inline-block;font:bold 100%/2.1 "Lucida Grande",Tahoma,sans-serif;padding:0 .95em 0 0;text-align:center;text-decoration:none;white-space:nowrap;-moz-user-select:none;-webkit-user-select:none;user-select:none;position:relative;-moz-border-radius:.3em;-webkit-border-radius:.3em;border-radius:.3em}
    .zocial:before{content:"";border-right:.075em solid rgba(0,0,0,0.1);float:left;font:120%/1.65 zocial;font-style:normal;font-weight:normal;margin:0 .5em 0 0;padding:0 .5em;text-align:center;text-decoration:none;text-transform:none;-moz-box-shadow:.075em 0 0 rgba(255,255,255,0.25);-webkit-box-shadow:.075em 0 0 rgba(255,255,255,0.25);box-shadow:.075em 0 0 rgba(255,255,255,0.25);-webkit-font-smoothing:antialiased,}
    .zocial:active{outline:0}
    .zocial.icon{overflow:hidden;max-width:2.4em;padding-left:0;padding-right:0;max-height:2.15em;white-space:nowrap}
    .zocial.icon:before{padding:0;width:2em;height:2em;box-shadow:none;border:0}
    .zocial.flat{background:none!important;border:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}
    .zocial{background-image:-moz-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05) 49%,rgba(0,0,0,.05) 51%,rgba(0,0,0,.1));background-image:-ms-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05) 49%,rgba(0,0,0,.05) 51%,rgba(0,0,0,.1));background-image:-o-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05) 49%,rgba(0,0,0,.05) 51%,rgba(0,0,0,.1));background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.1)),color-stop(49%,rgba(255,255,255,.05)),color-stop(51%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05) 49%,rgba(0,0,0,.05) 51%,rgba(0,0,0,.1));background-image:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05) 49%,rgba(0,0,0,.05) 51%,rgba(0,0,0,.1))}
    .zocial.amazon:before{content:"\E040"}
    .zocial.android:before{content:"\E005"}
    .zocial.angellist:before{content:"\E06C"}
    .zocial.aol:before{content:"\E001"}
    .zocial.appstore:before{content:"\E020"}
    .zocial.bitcoin:before{content:"\E011"}
    .zocial.blogger:before{content:"\E021"}
    .zocial.call:before{content:"\E016"}
    .zocial.cal:before{content:"\E00D"}
    .zocial.cart:before{content:"\E06A"}
    .zocial.chrome:before{content:"\E03A"}
    .zocial.cloudapp:before{content:"\E042"}
    .zocial.creativecommons:before{content:"\E022"}
    .zocial.delicious:before{content:"\E002"}
    .zocial.digg:before{content:"\E01A"}
    .zocial.disqus:before{content:"\E030"}
    .zocial.dribbble:before{content:"\E023"}
    .zocial.dropbox:before{content:"\E043"}
    .zocial.email:before{content:"\E03C"}
    .zocial.eventasaurus:before{content:"\E055";color:#9de428}
    .zocial.eventbrite:before{content:"\E05B"}
    .zocial.eventful:before{content:"\E006";color:#06c}
    .zocial.evernote:before{content:"\E024"}
    .zocial.facebook:before{content:"\E045"}
    .zocial.fivehundredpx:before{content:"\E00F";color:#29b6ff}
    .zocial.flattr:before{content:"\E004"}
    .zocial.flickr:before{content:"\E025"}
    .zocial.forrst:before{content:"\E019";color:#50894f}
    .zocial.foursquare:before{content:"\E013"}
    .zocial.github:before{content:"\E046"}
    .zocial.gmail:before{content:"\E04C"}
    .zocial.google:before{content:"\E026"}
    .zocial.googleplay:before{content:"\E05E"}
    .zocial.googleplus:before{content:"\E00A"}
    .zocial.gowalla:before{content:"\E01F"}
    .zocial.grooveshark:before{content:"\E017"}
    .zocial.guest:before{content:"\E01E"}
    .zocial.html5:before{content:"\E014"}
    .zocial.ie:before{content:"\E015"}
    .zocial.instagram:before{content:"\E06D"}
    .zocial.instapaper:before{content:"\E028"}
    .zocial.intensedebate:before{content:"\E05A"}
    .zocial.itunes:before{content:"\E048"}
    .zocial.klout:before{content:"\E02A"}
    .zocial.lanyrd:before{content:"\E00C"}
    .zocial.lastfm:before{content:"\E04B"}
    .zocial.linkedin:before{content:"\E02B"}
    .zocial.macstore:before{content:"\E03D"}
    .zocial.meetup:before{content:"\E02C"}
    .zocial.myspace:before{content:"\E03E"}
    .zocial.ninetyninedesigns:before{content:"\E018";color:#f50}
    .zocial.openid:before{content:"\E04E";color:#ff921d}
    .zocial.opentable:before{content:"\E05F"}
    .zocial.paypal:before{content:"\E003"}
    .zocial.pinboard:before{content:"\E04D"}
    .zocial.pinterest:before{content:"\E010"}
    .zocial.plancast:before{content:"\E02F"}
    .zocial.plurk:before{content:"\E049"}
    .zocial.podcast:before{content:"\E03F"}
    .zocial.posterous:before{content:"\E05D"}
    .zocial.print:before{content:"\E06B"}
    .zocial.quora:before{content:"\E050"}
    .zocial.reddit:before{content:"\E01D"}
    .zocial.rss:before{content:"\E031"}
    .zocial.scribd:before{content:"\E05C";color:#00d5ea}
    .zocial.skype:before{content:"\E032"}
    .zocial.smashing:before{content:"\E009"}
    .zocial.songkick:before{content:"\E04A"}
    .zocial.soundcloud:before{content:"\E052"}
    .zocial.spotify:before{content:"\E01C"}
    .zocial.stumbleupon:before{content:"\E00E"}
    .zocial.tumblr:before{content:"\E053"}
    .zocial.twitter:before{content:"\E033"}
    .zocial.viadeo:before{content:"\E027";color:#f59b20}
    .zocial.vimeo:before{content:"\E035"}
    .zocial.weibo:before{content:"\E029";color:#e6162d}
    .zocial.wikipedia:before{content:"\E00B"}
    .zocial.windows:before{content:"\E036"}
    .zocial.xing:before{content:"\E037"}
    .zocial.wordpress:before{content:"\E056"}
    .zocial.yahoo:before{content:"\E038"}
    .zocial.yelp:before{content:"\E058"}
    .zocial.youtube:before{content:"\E034"}
    .zocial.amazon{background-color:#ffad1d;color:#030037;text-shadow:0 1px 0 rgba(255,255,255,0.5)}
    .zocial.android{background-color:#a4c639}
    .zocial.angellist{background-color:#000}
    .zocial.aol{background-color:#f00}
    .zocial.appstore{background-color:#000}
    .zocial.bitcoin{background-color:#efefef;color:#4d4d4d}
    .zocial.blogger{background-color:#ee5a22}
    .zocial.call{background-color:#008000}
    .zocial.cal{background-color:#d63538}
    .zocial.cart{background-color:#333}
    .zocial.chrome{background-color:#006cd4}
    .zocial.cloudapp{background-color:#fff;color:#312c2a}
    .zocial.creativecommons{background-color:#000}
    .zocial.delicious{background-color:#3271cb}
    .zocial.digg{background-color:#164673}
    .zocial.disqus{background-color:#5d8aad}
    .zocial.dribbble{background-color:#ea4c89}
    .zocial.dropbox{background-color:#fff;color:#312c2a}
    .zocial.email{}
    .zocial.eventasaurus{background-color:#192931;color:#fff}
    .zocial.eventbrite{background-color:#ff5616}
    .zocial.eventful{background-color:#fff;color:#47ab15}
    .zocial.evernote{background-color:#6bb130;color:#fff}
    .zocial.facebook{background-color:#4863ae}
    .zocial.fivehundredpx{background-color:#333}
    .zocial.flattr{background-color:#8aba42}
    .zocial.flickr{background-color:#ff0084}
    .zocial.forrst{background-color:#1e360d}
    .zocial.foursquare{background-color:#44a8e0}
    .zocial.github{background-color:#fbfbfb;color:#050505}
    .zocial.gmail{background-color:#efefef;color:#222}
    .zocial.google{background-color:#4e6cf7}
    .zocial.googleplay{background-color:#000}
    .zocial.googleplus{background-color:#dd4b39}
    .zocial.gowalla{background-color:#ff720a}
    .zocial.grooveshark{background-color:#111;color:#eee}
    .zocial.guest{background-color:#1b4d6d}
    .zocial.html5{background-color:#ff3617}
    .zocial.ie{background-color:#00a1d9}
    .zocial.instapaper{background-color:#eee;color:#222}
    .zocial.instagram{background-color:#3f729b}
    .zocial.intensedebate{background-color:#0099e1}
    .zocial.klout{background-color:#e34a25}
    .zocial.itunes{background-color:#efefeb;color:#312c2a}
    .zocial.lanyrd{background-color:#2e6ac2}
    .zocial.lastfm{background-color:#dc1a23}
    .zocial.linkedin{background-color:#0083a8}
    .zocial.macstore{background-color:#007dcb}
    .zocial.meetup{background-color:#ff0026}
    .zocial.myspace{background-color:#000}
    .zocial.ninetyninedesigns{background-color:#fff;color:#072243}
    .zocial.openid{background-color:#f5f5f5;color:#333}
    .zocial.opentable{background-color:#900}
    .zocial.paypal{background-color:#fff;color:#32689a;text-shadow:0 1px 0 rgba(255,255,255,0.5)}
    .zocial.pinboard{background-color:blue}
    .zocial.pinterest{background-color:#c91618}
    .zocial.plancast{background-color:#e7ebed;color:#333}
    .zocial.plurk{background-color:#cf682f}
    .zocial.podcast{background-color:#9365ce}
    .zocial.posterous{background-color:#ffd959;color:#bc7134}
    .zocial.print{background-color:#f0f0eb;color:#222;text-shadow:0 1px 0 rgba(255,255,255,0.8)}
    .zocial.quora{background-color:#a82400}
    .zocial.reddit{background-color:#fff;color:#222}
    .zocial.rss{background-color:#ff7f25}
    .zocial.scribd{background-color:#231c1a}
    .zocial.skype{background-color:#00a2ed}
    .zocial.smashing{background-color:#ff4f27}
    .zocial.songkick{background-color:#ff0050}
    .zocial.soundcloud{background-color:#ff4500}
    .zocial.spotify{background-color:#60af00}
    .zocial.stumbleupon{background-color:#eb4924}
    .zocial.tumblr{background-color:#374a61}
    .zocial.twitter{background-color:#46c0fb}
    .zocial.viadeo{background-color:#fff;color:#000}
    .zocial.vimeo{background-color:#00a2cd}
    .zocial.weibo{background-color:#faf6f1;color:#000}
    .zocial.wikipedia{background-color:#fff;color:#000}
    .zocial.windows{background-color:#0052a4;color:#fff}
    .zocial.wordpress{background-color:#464646}
    .zocial.xing{background-color:#0a5d5e}
    .zocial.yahoo{background-color:#a200c2}
    .zocial.yelp{background-color:#e60010}
    .zocial.youtube{background-color:#f00}
    .zocial.primary,.zocial.secondary{margin:.1em 0;padding:0 1em}
    .zocial.primary:before,.zocial.secondary:before{display:none}
    .zocial.primary{background-color:#333}
    .zocial.secondary{background-color:#f0f0eb;color:#222;text-shadow:0 1px 0 rgba(255,255,255,0.8)}
    /*Font Awesome*/
    @font-face{font-family:'FontAwesome';src:url('font/fontawesome-webfont.eot?v=3.2.1');src:url('font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}

Examples and source code

fa-lemon-o hidden-print t1

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

<i class=" fa-lemon-o hidden-print t1"></i> fa-lemon-o hidden-print t1
Icon classes are echoed via CSS :before.

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

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=" fa-lemon-o hidden-print t1 icon-large"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-2x"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-3x"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-4x"></i> fa-lemon-o hidden-print t1</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  fa-lemon-o hidden-print t1"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  fa-lemon-o hidden-print t1 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=" fa-lemon-o hidden-print t1 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=" fa-lemon-o hidden-print t1"></i>  normal<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" fa-lemon-o hidden-print t1 icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" fa-lemon-o hidden-print t1 icon-flip-vertical"></i>  icon-flip-vertical

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

<i class=" fa-lemon-o hidden-print t1 icon-2x icon-spin"></i>
<i class=" fa-lemon-o hidden-print t1 icon-3x icon-spin"></i>
<i class=" fa-lemon-o hidden-print t1 icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-lemon-o hidden-print t1 on icon-check-empty
fa-lemon-o hidden-print t1 on icon-circle
fa-lemon-o hidden-print t1l on icon-sign-blank
icon-ban-circle on fa-lemon-o hidden-print t1

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=" fa-lemon-o hidden-print t1 "></i>
</span>
fa-lemon-o hidden-print t1 on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 icon-light"></i>
</span>
fa-lemon-o hidden-print t1 on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 icon-light "></i>
</span>
fa-lemon-o hidden-print t1 on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" fa-lemon-o hidden-print t1 icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on fa-lemon-o hidden-print t1