/*
Theme Name: Hilary Robinson
Description: Personal website - CSS for the Magical 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 ----- */
#magic	{	width:680px; height:485px; background:url(../images/magical-mix-ups/cauldrons.jpg) no-repeat; }

#spell, #result, #cover	{	padding:80px 0 0 70px; }
#liking, #cover	{	display:none; }

#spell	{	width:205px; float:left; }
#liking	{	width:180px; float:left; padding:90px 0 0 90px; }
#result	{	width:205px; float:right; margin:0 65px 0 0; }
#cover	{	width:205px; float:right; margin:0 40px 0 0 ; }
#button	{	clear:both; margin:-50px 0 0 0; }

/* ----- SPELL BOXES ----- */
#colour0, #colour1, #colour2, #colour3, #colour4, #colour5, #colour6, #colour7	{	height:45px; padding:5px 10px 5px 15px; border-bottom:1px solid #fff; }

.blue			{	background:#3366cc; }
.green			{	background:#009900; }
.orange			{	background:#ff6600; }
.pink			{	background:#ff66cc; }
.yellow			{	background:#ffcc00; }
.light-blue		{	background:#3399ff; }
.light-green	{	background:#66cc33; }
.light-yellow	{	background:#ffcc99; }

/* ----- TEXT / IMAGES ----- */
#colour0 p, #colour1 p, #colour2 p, #colour3 p, #colour4 p, #colour5 p, #colour6 p, #colour7 p	{	font-size:1.6em; color:#000; font-family:"Comic Sans MS", Tahoma, sans-serif; float:left; line-height:1.3em; }
#colour1 p small, #colour3 p small, #colour6 p small	{	font-size:70%; }

#colour0 img, #colour1 img, #colour2 img, #colour3 img, #colour4 img, #colour5 img, #colour6 img, #colour7 img {	float:right; margin:0; padding:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; }

/* ----- BUTTON ----- */
#button h2 		{	font-size:1.8em; width:135px; height:165px; margin:0 0 0 280px; padding:63px 0 0 0; text-align:center; background:url(../images/magical-mix-ups/button-up.png) no-repeat; }
#button h2 a		{	color:#000; text-decoration:none; }
#button h2 a:hover	{	color:#fff; }

#cover h2	{	font-size:3.5em; padding:95px 0 0 10px; }