* {
	margin: 0;
	padding: 0;
}
 
::-moz-selection {
	background: #F8F7C9;
	color: #CB9240;
	text-shadow: none;
}
::selection {
	background: #F8F7C9;
	color: #CB9240;
	text-shadow: none;
}

/*	
background: #2dbdbb;
	color: #339d94;
*/

/* html5 stuff */
header, footer, nav, section, article, aside {
	display:block;
}
 

body {
	background: #f8f4f4 url(/images/2011/bg2.jpg) top center no-repeat;
   	color: #887974; /*color: #c3a49e;*/
	font-family: 'SohoStdMediumCondensed', 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 24px;
   	text-align: center;
    	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

a, a:visited {
	color: #3ecfe2;
	color: #ec58c6;
	color: #5bd2ef;
	text-decoration: none;
}
a:hover, a.hoverin {
	color: #6d71ba;
    	color: #e24ca5;
    	color: #f05ecb;
}
	a img {
		border-width: 0;
	}
h1, h2, h3, p {
    font-weight: normal;
}
h1 { 
	color: #fefefe;
    	font-size: 110px;
	font-size: 170px;
    	letter-spacing: -2px;
    	padding: 100px 0 105px 0;
   	/* text-shadow: 6px 6px 0 rgba(136, 121, 116, 0.7); */ /*0 1px 1px rgba(0, 0, 0, 0.8);*/
	text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
	text-transform: uppercase;

   /* transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
    -moz-transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);*/
}
h2 { font-size:40px;
	line-height: 42px;
    margin: 20px 0 65px 0;
	padding: 0 0 25px 0;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
 
    transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);

	-webkit-transition: -webkit-transform 0.5s ease-in;
}
h3, p {
	font-size:30px;line-height:1.2em;
    margin: 0 0 25px 0; 
	padding: 0 0 25px 0;   
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
    
    transform: rotate(1deg);
    -o-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);

	-webkit-transition: -webkit-transform 0.5s ease-in;
}
h3.normal, p.normal { 
	line-height: 34px;
    margin: 0 0 25px 0; 
	padding: 0 0 25px 0;   
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
    
    transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
}
h2:hover, p:hover, #footer:hover {
	-webkit-transform: rotate(0deg);
}

/* header */
#header {
	margin: 0 auto;
    width: 90%;    
}
	#header a:link, #header a:visited, #header a:hover, #header a:active {
		color: #fefefe;
	}
	#header a:hover {
		color: #f05ecb;
	}

#content {
	margin: 0 auto;
	max-width: 700px;
	text-align: left;
	width: 90%;
}


#footer {
	clear: both;
    font-family: 'SohoStdCondensed';
    font-size: 12px;

	margin: 40px auto 20px auto;
	padding: 40px 0 46px 0;
    width: 90%;
    
    transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);  
    -webkit-transition: -webkit-transform 0.5s ease-in;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on Jan 11, 2011 */
@font-face {
    font-family: 'SohoStdCondensed';
    src: url('/js/fonts/sohostd-condensed-webfont-webfont.eot');
    src: url('/js/fonts/sohostd-condensed-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('/js/fonts/sohostd-condensed-webfont-webfont.woff') format('woff'),
         url('/js/fonts/sohostd-condensed-webfont-webfont.ttf') format('truetype'),
         url('/js/fonts/sohostd-condensed-webfont-webfont.svg#SohoStdCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

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

}

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

}
*/
@font-face {
    font-family: 'SohoStdMediumCondensed';
    src: url('/js/fonts/sohostd-mediumcondensed-webfont-webfont.eot');
    src: url('/js/fonts/sohostd-mediumcondensed-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('/js/fonts/sohostd-mediumcondensed-webfont-webfont.woff') format('woff'),
         url('/js/fonts/sohostd-mediumcondensed-webfont-webfont.ttf') format('truetype'),
         url('h/js/fonts/sohostd-mediumcondensed-webfont-webfont.svg#SohoStdMediumCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* TWITTER */
.tweet, .tweet_avatar {
	display: none;
}
	.tweet ul {
		margin: 0 0 20px 0;
		padding: 0;
		list-style: none;
	}
		.tweet li span {
			display: inline;
		}
		.tweet li a {
		}
		.tweet ul.tweet_list a {
			display: inline;
			position: relative;
		}
		.tweet .tweet_text {
			display: inline;
		}


@media screen and (max-width: 825px)  {
	h1 {
		font-size: 150px;

    }
    h2, h3, .tweet {
/*    	font-size: 22px;*/
    }
}


@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 724px)  {
	h1 {
		font-size: 120px;
		padding-top: 140px;
    }
    h2, h3, .tweet {
   /* 	font-size: 20px;*/
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 2)  {
	h1 {
		font-size: 170px;
		padding-top: 100px;

    }
    h2, h3, p, .tweet {
    	font-size: 24px;
    }
}



@media screen {
body{
	-webkit-animation: fadein 0.8s ease-in;
	-webkit-animation-fill-mode: both;
	-moz-animation: fadein 0.8s ease-in;
	-moz-animation-fill-mode: both;
	-o-animation: fadein 0.8s ease-in;
	-o-animation-fill-mode: both;
	animation: fadein 0.8s ease-in;
	animation-fill-mode: both;
}

/*
		-webkit-animation-duration: .75s;
		-webkit-animation-delay: .5s;
		-webkit-animation-timing-function: ease;
		-webkit-animation-fill-mode: both;
		-webkit-animation-name: bounceInLeft;
		-moz-animation-duration: .75s;
		-moz-animation-delay: .5s;
		-moz-animation-timing-function: ease;
		-moz-animation-fill-mode: both;
		-moz-animation-name: bounceInLeft;
		animation-duration: .75s;
		animation-delay: .5s;
		animation-timing-function: ease;
		animation-fill-mode: both;
		animation-name: bounceInLeft;*/
	}
	#content {
		-webkit-animation-duration: .75s;
		-webkit-animation-delay: .75s;
		-moz-animation-duration: .75s;
		-moz-animation-delay: . 75s;
		animation-duration: .75s;
		animation-delay: . 75s;
	}
	#footer {
		-webkit-animation-duration: .75s;
		-webkit-animation-delay: 1.1s;
		-moz-animation-duration: .75s;
		-moz-animation-delay: 1.1s;
		animation-duration: .75s;
		animation-delay: 1.1s;
	}*/
}

@media print {
	body {
		/*color: #000;
		font: 16px/20px Arial, Helvetica, sans-serif;*/
/*		font-size: 30px;
		line-height: 36px;*/
		text-align: left;
	}
	h2, h3, p, #footer {
	    transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);  
	}
	#header, #content, #footer {
		max-width: 98%;
		margin-left: 0;
		margin-right: 0;
	}
	#footer {
		font-size: 22px;
		margin: 0;
		padding: 0;
		text-align: left;
	}
	a:link:after, a:visited:after { 
		content:" (" attr(href) ")"; 
	}
	a {
		color: #00f !important;
	}
	h1, h2, h3, p, .tweet ul {
		padding: 0;
		margin: 0 0 60px 0;
	}
}