/*
Theme Name: Hilary Robinson
Description: Personal website - CSS for the Fairytale Mix Up animation
Author: Joke de WINTER 
Author URI: http://www.jokedewinter.co.uk
Version: hr-003 - July 7, 2010
*/

/* ----- GENERAL ELEMENTS OF THE PAGE ----- */
#fairy-tale	{	width:680px; height:478px; background:#b00c14; position:relative; }

#ft-liking, #ft-cover	{	display:none; }

#tale	{	width:480px; float:right; }
#ft-liking	{	width:200px; float:left; padding:120px 0 0 120px; color:#eee; }
#ft-cover	{	width:200px; float:right; margin:90px 100px 0 0 ; }

/* ----- SPELL BOXES ----- */
#ft-colour0, #ft-colour1, #ft-colour2, #ft-colour3	{	height:72px; padding:20px 30px; border-bottom:10px solid #fff; }
#ft-colour3	{	border-bottom:none; }

.ft-blue			{	background:#8cd0eb; }
.ft-orange			{	background:#ef9d51; }
.ft-pink			{	background:#e56ca6; }

/* ----- TEXT / IMAGES ----- */
#ft-colour0 p, #ft-colour1 p, #ft-colour2 p, #ft-colour3 p {	font-size:1.6em; color:#000; font-family:"Georgia", serif; float:left; line-height:1.3em; text-align:center; width:200px; }
#ft-colour0 img, #ft-colour1 img, #ft-colour2 img, #ft-colour3 img {	width:200px; float:right; margin:0; padding:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; height:80px; }

#ft-cover a img	{	box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; }

/* ----- BUTTON ----- */
#fairy-button	{	background:url(../images/fairytale-mix-ups/fairy-tale-bg.png) no-repeat top right; width:200px; height:480px; float:left; }

#fairy-button h2 		{	font-size:1.9em; text-align:center; margin:420px 0 0 0; width:120px; float:right; }
#fairy-button h2 a		{	color:#eee; text-decoration:none; }
#fairy-button h2 a:hover	{	color:#333; }

#ft-cover h2	{	font-size:3.5em; padding:30px 0 0 10px; color:#eee; }