@keyframes sa_rotate {
  0% 	{transform:rotateX(0deg);}
  100%	{transform:rotateX(180deg);}
}

@keyframes sa_unrotate {
  0%	{transform:rotateX(180deg);}
  100%	{transform:rotateX(360deg);}
}

@keyframes sa_rotate_full {
  0% 	{transform:rotateX(0deg);}
  100%	{transform:rotateX(360deg);}
}

@keyframes sa_unrotate_full {
  0% 	{transform:rotateX(180deg);}
  100%	{transform:rotateX(540deg);}
}

body {
	
}
h2 span.subtitle{
	color: #e2a44d;
	font-size:17px;
}

input#email{
	outline:none;
	width:180px;
	margin-right:10px;
}

input[type=submit]{
	font-family: Consolas, "Roboto Mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	text-transform: uppercase;
}

#background{
	position:fixed;
	top:calc(50% - 600px);
	left:calc(50% - 950px);
	width:1900px;
	height:1200px;
	perspective: 2400px;
}
.tile, .control {
	width:100px;
	height:100px;
	position:absolute;
	border:1px solid #454545;
}
.tile {
	z-index:20;
	background-image: none;
}
.control {
	z-index: 10;
	transform:rotateX(180deg);
	backface-visibility:hidden;
}
.tile.active, .control.active, .tile.initiate, .control.initiate {
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
}
.tile.active {
	animation-name: sa_rotate;
}
.control.active {
	animation-name: sa_unrotate;
}

.partner.menu.initiate, .partner.title.initiate{
	animation-name: sa_rotate;
}

.control.menu.initiate, .control.title.initiate{
	animation-name: sa_unrotate;
}

.partner.menu.initiate.active, .partner.title.initiate.active{
	animation-name: sa_rotate_full;
	animation-duration: 2s;
}

.control.menu.initiate.active, .control.title.initiate.active{
	animation-name: sa_unrotate_full;
	animation-duration: 2s;
}

#danielleCredit, #footerCopy{
	bottom:5px;
}

#footerCopy{
	left:5px;
}

#danielleCredit{
	right: 5px;
	text-align: right;
}

#danielleCredit a {
	color: white;
}
#twitter-widget-0 {
	height:400px !important;
}
.controlDiv{
	display:none;
	position: absolute;
	z-index: 50;
	overflow:hidden;
}

/*
active area is between 5-5 and 13-8.
*/

#twitterDiv {
	max-width: 300px;
	left:500px;
	top:500px;
	opacity:0.9;
}
#facebookDiv {
	width: 500px;
	height:300px;
	left:1000px;
	top:500px;
}
#linkedinDiv {
	width: 300px;
	height:100px;
	left:500px;
	top:600px;
}


#itworldDiv {
	width:300px;
	height:400px;
	left:900px;
	top:500px;
}

#goodreadsDiv {
	width:300px;
	height:400px;
	left:600px;
	top:500px;
}

#gr_updates_widget{
	border-radius: 5px;
	background-color:#fff;
	border:solid #683205 10px;
	-webkit-box-shadow: 0px 0px 4px 1px #595959,
	inset 0px 0px 0px 1px #7D730B;
	-moz-box-shadow: 0px 0px 4px 1px #595959,
	inset 0px 0px 0px 1px #7D730B;
	box-shadow: 0px 0px 4px 1px #595959,
	inset 0px 0px 0px 1px #7D730B;
	padding:15px 0 35px 15px;
	width:265px;
	height:330px;
}
#gr_footer{
	margin-bottom:10px;
}
#gr_updates_widget p{
	padding:0px;
	margin:0;
	font-size:14px;
}
#gr_footer img{
	width:100px;
	float:left;
}
#gr_updates_widget img{
  border-style:none;
}

#bookDiv{
	width:500px;
	height:300px;
	left:700px;
	top:500px;
}

#bioCopy{
	height:320px;
}

#bookCopy{
	height:200px;
}

#bioDiv{
	width:300px;
	height:400px;
	left:500px;
	top:500px;
}
#newsletterDiv {
	width:300px;
	height:300px;
	left:500px;
	top:600px;
}

#youtubeDiv{
	width:500px;
	height:400px;
	left:900px;
	top:500px;
}

.bookTitle{
	font-style: italic;
}
#privacyPolicy{
	position: fixed;
	left:10px;
	right:10px;
	top:10px;
	bottom:10px;
	padding:20px;
	background:white;
	border:2px solid black;
	display:none;
	z-index: 40;
	overflow: auto;
}

#privacyPolicy div{
	font-family: 'Roboto Condensed', sans-serif;
}
#privacyClose{
	width:30px;
	height: 30px;
	position: absolute;
	cursor: pointer;
	right:10px;
	top:10px;
	background-image: url(/images/close.png);
	border:5px solid white;
	z-index: 60;
}
#menuTab{
	display:none;
}
.monly {
	display:none;
}

#welcomeGiftPar{
	display:inline-block; 
	width:160px;
	margin-top:0px;
}

#d2014GuideThumb {
	display:inline-block;
	margin-left:10px;
}

.textDivContainer{
	height:calc(100% - 30px);
}