/*
 Author: Ivo Culic - ifkas
 Author URI: http://www.tajfa.com
 Item Name: Rondo - rounded social icon font
 Item URI: http://www.tajfa.com/projects/rondo
 Purpose: --||--
 Version: 1.0
*/

/*
   ===============================
   ========== RESETS =============
   ===============================
*/

/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; 
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; }

body {
	line-height: 1; }

ol, ul {
	list-style: none; }*/

/* DEMO PAGE */

/*
body {
	background: url(img/bg.png) repeat;
	font-family: 'londonmmregular', Verdana, sans-serif;
	color: #5b4a42;
	font-size: 14px;
}

#container {
	margin: 0 auto;
	width: 480px;
	text-align: center;
}

h1, h3 {
	text-transform: uppercase;
}

h1 {
	font-size: 60px;
	margin: 20px 0px 0px;
}

h3 {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 20px;
}

header {
	position: relative;
	overflow: hidden;
	height: auto;
}

header span {
	cursor: default;
	display: inline-block;
	font-family: 'rondo', Arial, sans-serif;
	font-size: 46px;
	padding: 18px;
}

header span:hover {
	color: #b54538;
	background-color: #ffffff;
	border-radius: 100px;
	padding: 17px;
	border: 1px solid #5b4a42;
	-webkit-transition: background .3s ease, color 0.2s linear;
	-moz-transition: background .3s ease, color 0.2s linear;
}

p { 
	margin: 20px 0px; 
}

a, a:visited { 
	color: #b54538; 
	text-decoration: none; 
	outline: 0; 
}

a:hover, a:focus { 
	color: #000; 
}

p a, p a:visited { 
	line-height: inherit; 
}

::selection {
	background-color: #b54538;
	color: #ffffff;
}

::-moz-selection {
	background-color: #b54538;
	color: #ffffff;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    position: relative;
    margin:5px;
}

::-webkit-scrollbar-track {
    box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;
}

::-webkit-scrollbar-thumb {
        background-color: #BFCC92;
}

::-webkit-scrollbar-corner {
    background: transparent;
}*/

/* USE FROM HERE */

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

@font-face {
    font-family: 'londonmmregular';
    src: url('fonts/london/londonmm-webfont.eot');
    src: url('fonts/london/londonmm-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/london/londonmm-webfont.woff') format('woff'),
         url('fonts/london/londonmm-webfont.ttf') format('truetype'),
         url('fonts/london/londonmm-webfont.svg#londonmmregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'rondo';
	content: attr(data-icon);
	speak: none;
	/* Enable Ligatures */
	-webkit-font-feature-settings:"liga","dlig";-moz-font-feature-settings:"liga=1, dlig=1";-moz-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";
	font-feature-settings:"liga","dlig";
	text-rendering:optimizeLegibility;
	}

/* Use the following CSS code if you want to have a class per icon */
[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: 'rondo';
	font-style: normal;
	speak: none;
	/* Enable Ligatures */
	-webkit-font-feature-settings:"liga","dlig";-moz-font-feature-settings:"liga=1, dlig=1";-moz-font-feature-settings:"liga","dlig";-ms-font-feature-settings:"liga","dlig";-o-font-feature-settings:"liga","dlig";
	font-feature-settings:"liga","dlig";
	text-rendering:optimizeLegibility;
	}

/* Icons */

.icon-youtube:before {
	content: "\79\6f\75\74\75\62\65";
}
.icon-yahoo:before {
	content: "\79\61\68\6f\6f";
}
.icon-xing:before {
	content: "\78\69\6e\67";
}
.icon-wordpress:before {
	content: "\77\6f\72\64\70\72\65\73\73";
}
.icon-windows:before {
	content: "\77\69\6e\64\6f\77\73";
}
.icon-vimeo:before {
	content: "\76\69\6d\65\6f";
}
.icon-twitter:before {
	content: "\74\77\69\74\74\65\72";
}
.icon-tumblr:before {
	content: "\74\75\6d\62\6c\72";
}
.icon-stumbleupon:before {
	content: "\73\74\75\6d\62\6c\65\75\70\6f\6e";
}
.icon-stackoverflow:before {
	content: "\73\74\61\63\6b\6f\76\65\72\66\6c\6f\77";
}
.icon-soundcloud:before {
	content: "\73\6f\75\6e\64\63\6c\6f\75\64";
}
.icon-skype:before {
	content: "\73\6b\79\70\65";
}
.icon-sharethis:before {
	content: "\73\68\61\72\65\74\68\69\73";
}
.icon-rss:before {
	content: "\72\73\73";
}
.icon-reddit:before {
	content: "\72\65\64\64\69\74";
}
.icon-posterious:before {
	content: "\70\6f\73\74\65\72\69\6f\75\73";
}
.icon-pinterest:before {
	content: "\70\69\6e\74\65\72\65\73\74";
}
.icon-picasa:before {
	content: "\70\69\63\61\73\61";
}
.icon-myspace:before {
	content: "\6d\79\73\70\61\63\65";
}
.icon-linkedin:before {
	content: "\6c\69\6e\6b\65\64\69\6e";
}
.icon-lastfm:before {
	content: "\6c\61\73\74\66\6d";
}
.icon-instagram:before {
	content: "\69\6e\73\74\61\67\72\61\6d";
}
.icon-googleplus:before {
	content: "\67\6f\6f\67\6c\65\70\6c\75\73";
}
.icon-github:before {
	content: "\67\69\74\68\75\62";
}
.icon-forrst:before {
	content: "\66\6f\72\72\73\74";
}
.icon-flickr:before {
	content: "\66\6c\69\63\6b\72";
}
.icon-facebook:before {
	content: "\66\61\63\65\62\6f\6f\6b";
}
.icon-email:before {
	content: "\65\6d\61\69\6c";
}
.icon-dribbble:before {
	content: "\64\72\69\62\62\62\6c\65";
}
.icon-deviantart:before {
	content: "\64\65\76\69\61\6e\74\61\72\74";
}
.icon-delicious:before {
	content: "\64\65\6c\69\63\69\6f\75\73";
}
.icon-creattica:before {
	content: "\63\72\65\61\74\74\69\63\61";
}
.icon-coroflot:before {
	content: "\63\6f\72\6f\66\6c\6f\74";
}
.icon-cargo:before {
	content: "\63\61\72\67\6f";
}
.icon-blogger:before {
	content: "\62\6c\6f\67\67\65\72";
}
.icon-behance:before {
	content: "\62\65\68\61\6e\63\65";
}
.icon-apple:before {
	content: "\61\70\70\6c\65";
}
.icon-android:before {
	content: "\61\6e\64\72\6f\69\64";
}
.icon-amazon:before {
	content: "\61\6d\61\7a\6f\6e";
}
.icon-px:before {
	content: "\66\69\76\65\68\75\6e\64\72\65\64";
}

/* EOF */