/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

@font-face {
	font-family: 'Lobster1.1Regular';
	src: url('../fonts/Lobster_1.1_-webfont.eot');
	src: local('☺'), url('../fonts/Lobster_1.1_-webfont.woff') format('woff'), url('../fonts/Lobster_1.1_-webfont.ttf') format('truetype'), url('../fonts/Lobster_1.1_-webfont.svg#webfont30G9S4nm') format('svg');
	font-weight: normal;
	font-style: normal; }
    
@font-face {
	font-family: 'RalewayThin';
	src: url('../fonts/raleway_thin-webfont.eot');
	src: local('☺'), url('../fonts/raleway_thin-webfont.woff') format('woff'), url('../fonts/raleway_thin-webfont.ttf') format('truetype'), url('../fonts/raleway_thin-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal; }
	
@font-face {
	font-family: 'MedioRegular';
	src: url('../fonts/Medio-webfont.eot');
	src: local('☺'), url('../fonts/Medio-webfont.woff') format('woff'), url('../fonts/Medio-webfont.ttf') format('truetype'), url('../fonts/Medio-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

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

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

/* Site-wide properties ======================================================== */
body{ font: normal normal 10px/10px Helvetica, Verdana, sans-serif;}

.bg_fun {    background-image: url(../img/bb.png); position:absolute; width:100%; height:100%;}

/*


.bg_fun2	

{width: 100%;
    height: 100%;
	position:absolute;
    background-image: -moz-radial-gradient(center 45deg, circle closest-corner, transparent 0%, #1a82f7 100%);
    background-image: -webkit-gradient(radial, center 40%, 700, center 40%, 0, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0)));}


*/


#wrap { margin: 20px; padding:20px; position:relative;}

p { font-size:1em; line-height:1.3em; color:#6d6d6d; }

header h1{ text-align:center; color:#6d6d6d; font-size:8em;margin:50px;}

header h2 {/*font: 40px 'Lobster1.1Regular', Arial, sans-serif;*/ text-align:center; color:#6d6d6d; font-size:5em; margin-top:75px; /*text-shadow:0px 1px 2px #93b9ee;*/ }

	
.none { display:none;}

footer { position:absolute;  color:#6d6d6d; -webkit-transform: rotate(90deg); 
-moz-transform: rotate(90deg); bottom:80px; left:-40px;}


article { width:440px; margin:0 auto; padding-top:85px; position:relative;}

article h3{color:#6d6d6d; font-size:2em;}

.a h3 {}
.b h3 {}
.c h3 {}


.a p { margin-top:10px}

.b { margin:50px 30px 0 0; float:left;}
.b p { font-size:1.3em; margin-top:10px}

.c { float:right; margin:50px 30px 0 0;}

.c ul li { list-style:none; display:block; float:left; text-indent:-99999px; background-image:url(../img/icons.png); background-repeat:no-repeat; height:60px; width:60px; cursor:pointer;}
.c ul li a {
display:block;
height:60px;
width:60px; overflow:hidden;}

.twiter { background-position: 0 0;}
.vimeo {background-position: 0 -120px;}
.dribbble {background-position: 0 -60px;}
.delicious { background-position: 0 -180px;}

.twiter:hover { background-position: -60px 0;}
.vimeo:hover {background-position: -60px -120px;}
.dribbble:hover {background-position: -60px -60px;}
.delicious:hover { background-position: -60px -180px;}

.far { text-indent:-9999px;}