#illustration {
	display: none;
}

* {
	margin: 0;
	padding: 0;
	outline: 0;
}

html {
	background-color: #f4f4f4;
	background-image: -moz-linear-gradient(19% 75% 90deg, #f0f0f0, #f4f4f4);
	background-image: -webkit-linear-gradient(19% 75% 90deg, #f0f0f0, #f4f4f4);
	width: 100%;
	height: 100%;
	overflow: hidden;
	font: 11px Verdana, sans-serif;
}

body {

}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

a {
	color: #f920a2;
	text-decoration: none;
}

ul {
	list-style: none;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 10px;
}

#overlay {
	background: #fff;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#preloader {
	position: absolute;
	height: 1px;
	top: 50%;
	background: #f920a2;
	width: 0;
}

#HTML5Flash {
	position: absolute;
	left: -600px;
	top: 0;
	width: 490px;
   	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
   	border-radius: 20px;
	-moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.4);	
	-webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.4);	
	box-shadow: 0 5px 40px rgba(0, 0, 0, 0.4);	
	background-image: -moz-linear-gradient(19% 75% 90deg, #f0f0f0, #fefefe);
	padding: 10px 15px 10px 15px;
}

#HTML5Flash h1 {
	width: 450px;
	position: relative;
	margin: 0 auto 0 auto;
}

#HTML5Flash h1 {
	font-family: 'Didot', 'Bodoni', 'Times New Roman', serif;
	color: #666;
	text-shadow: 0px 2px 1px #999;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
}

#HTML5Flash h1 {
	font-style: italic;
}

#HTML5Flash h1 a, #HTML5Flash h1 span.big {
	font-style: normal;
	font-size: 47px;
}

#top {
	position: absolute;
	top: 10000px;
	left: 40px;
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);	
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);	
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);	
	background-image: -moz-linear-gradient(19% 75% 90deg, #f0f0f0, #fefefe);
	padding: 10px 15px 10px 15px;
}

#top h1, #top h2, #top h3 {
	font-size: 28px;
	font-family: 'Didot', 'Bodoni', 'Times New Roman', serif;
	color: #666;
	text-shadow: 0px 2px 1px #999;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	width: 325px;
	text-align: center;
}

#top h1 a {
	font-size: 28px;	
}

#top h2 {
	font-size: 24px;
}

#menu {
	position: absolute;
	left: 40px;
	top: 100000px;
	width: 355px;
	margin-top: 10px;
}

#menu ul li {
	text-align: right;
	margin-bottom: 22px;
}

#menu ul li a {
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	text-align: right;
	background: #f920a2;
	padding: 6px 12px 6px 12px;
}

#postContainer {
	display: none;
}

#nextPrevious {
	display: none;
}

@font-face {  
	font-family: "mySilkscreen";  
	src: url(/assets/fonts/Silkscreen.ttf); /* IE */  
	src: local("myBebas"), url(/assets/fonts/Silkscreen.ttf) format("truetype"); /* non-IE */  
}

#credits {
	position: absolute;
	width: 100%;
	bottom: 0;
	background: #fff;
	display: none;
}

#credits p {
	font-family: "Lucida Grande", verdana, arial, sans-serif;
	font-size: 11px;
	padding: 8px 0;
	margin-right: 10px;
	position: relative;
	float: right;
	width: 180px;
	color: #666;
	font-style: italic;
}

#formHolder {
	position: relative;
	width: 410px;
   	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
   	border-radius: 20px;
	-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);	
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);	
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);	
	background-image: -moz-linear-gradient(19% 75% 90deg, #f0f0f0, #fefefe);
	padding: 30px 40px;
	display: none;
}

#formItems li {
	float: left;
}

#formItems li.spacer {
	width: 15px;
}

input[type=text] {
   	-webkit-border-radius: 20px;
   	-moz-border-radius: 20px;
   	border-radius: 20px;
	border: 1px solid #d9d9d9;
	color: #c4c4c4;
	text-shadow: 0px 1px 3px #ddd;
	font: 1.2em Helvetica, Arial, Sans-Serif;
	padding: 9px 6px 7px 20px;
	width: 210px;
	text-transform: uppercase;
	font-weight: bold;
}

.btn {
	padding: 7px 8px 7px 8px;
   	-webkit-border-radius: 20px;
   	-moz-border-radius: 20px;
   	border-radius: 20px;
   	-webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 0;
   	-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 0;
   	box-shadow: rgba(0, 0, 0, .1) 0 1px 0;
   	text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
   	color: white;
	font: 12px;
	text-transform: uppercase;
   	text-align: center;
   	width: 140px;
   	min-width: 140px;
}

.greenBtn {
	border-top: 1px solid #aae887;
   	background: #72b44d;
   	background: -webkit-gradient(linear, left top, left bottom, from(#61a63a), to(#72b44d));
   	background: -moz-linear-gradient(top, #61a63a, #72b44d);
}

.greenBtn:hover {
   border-top-color: #d6f7c3;
   background: #72b44d;
}

.greenBtn:active {
   border-top-color: #d6f7c3;
   background: #61a63a;
}

.pinkBtn {
	border-top: 1px solid #ff4eb8;
   	background: #f920a2;
   	background: -webkit-gradient(linear, left top, left bottom, from(#ff72c6), to(#f920a2));
   	background: -moz-linear-gradient(top, #ff72c6, #f920a2);
}

.pinkBtn:hover {
   border-top-color: #ff4eb8;
   background: #f920a2;
}

.pinkBtn:active {
   border-top-color: #ff4eb8;
   background: #ff72c6;
}

.pinkBtn2 {
	border-top: 1px solid #f920a2;
   	background: #cd2976;
   	background: -webkit-gradient(linear, left top, left bottom, from(#e967a4), to(#cd2976));
   	background: -moz-linear-gradient(top, #e967a4, #cd2976);
}

.pinkBtn2:hover {
   border-top-color: #f920a2;
   background: #cd2976;
}

.pinkBtn2:active {
   border-top-color: #f920a2;
   background: #cd2976;
}

#social {
	position: absolute;
	top: 40px;
	left: 420px;
	width: 500px;
	display: none;
}

#socialTweets {
  	font: 11px "Lucida Grande", verdana, arial;
  	color: #666;
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);	
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);	
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);	

}

#socialTweets .tweets {
    margin: 0;
    padding: 0;
    background-color: #e2e2e2;
}

#socialTweets .tweets li {
	overflow-y: auto;
  	overflow-x: hidden;
   	padding: 8px 6px 8px 6px;
	line-height: 16px;
}

#socialTweets .tweets li p strong a {
	text-transform: uppercase;
}

#socialTweets .tweets li p {
	margin-top: 3px;
}

#socialTweets .tweets li a.external, #socialTweets .tweets li p.tweetDate span.source a {
	border-bottom: 1px solid #f920a2;
}

#socialTweets .tweets li a.external:hover, #socialTweets .tweets li p.tweetDate span.source a:hover {
	color: #a5a5a5;
	border-bottom: 1px solid #a5a5a5;
}

#socialTweets .tweets .tweetEven {
	background-color: #f0f0f0;
}

#socialTweets .tweets .tweetAvatar {
	padding-right: 7px;
 	float: left;
}

#socialTweets .tweets .tweetAvatar img {
 	vertical-align: middle;
 	border: 1px solid #f920a2;
}

#socialTweets .tweets p.tweetDate {
	text-align: right;
}

#search {
	margin-top: 20px;
	width: 500px;
	display: none;
}

#search form {
	position: relative;
	float: right;
	width: 252px;
}

#searchInput {
	width: 140px;	
	border: 1px solid #afafaf;
}

a#searchBtn.btn {
	padding-left: 16px!important;
	padding-right: 16px!important;	
}

#socialSpreader {
	width: 100%;
	margin-top: 20px;
	display: none;
}

#socialSpreader {
	color: #666;
	font: 11px "Lucida Grande", verdana, arial;
}

#socialSpreader p {
	text-align: right;
}

#socialSpreader a {
 	border-bottom: 1px solid #f920a2;
}

#socialSpreader p a:hover {
	color: #a5a5a5;
	border-bottom: 1px solid #a5a5a5;
}