/*
Theme Name: Cinderella's
Theme URI: http://www.chrishunger.co.uk
Description: Default theme
Version: (WP 2.8.6)
Author: Chris Hunger
Author URI: http://www.chrishunger.co.uk
Tags: Default
*/

/*Colour Scheme ---
	LIGHT BLUE (header bg): #00559F   MID BLUE (page bg): #003374   MID BLUE (main content bg): #003687   DARK BLUE (navbar bg): #002969
	WHITE (text): #FFF   SKY BLUE (link text): #91FFFF
*/


/*	GLOBAL RESET 
--------------------------------------  */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
html, body {height: 100%;} /* For sticky footer */
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
a { outline: none; text-decoration: none; }

/*	MAIN TYPOGRAPHY
-------------------------------------- */

body {	font-family:  "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; color: #FFF; font-size: 12px; line-height: 150%; background-repeat: repeat-x; background-color: #003374; background-image: url(style/images/body_bg.gif);	}

h1, h2, h3, h4, h5, h6 	{	font-family: Georgia, serif; font-weight: normal; line-height: 150%; 	}	
h1	{ font-size: 300%;}
h2	{ font-size: 150%;}
h3	{ font-size: 130%;}
h4	{ font-size: 120%; }
h5, h6	{ font-size: 110%; font-weight:bold;}
p, li { font-size: 100%;}
a {	color: #91FFFF; text-decoration: none;}
a:hover { color: #0689FF;background: #021647;}


	/* navigation typography */
#main-nav li	{ height: 43px;width: 188px;font-family: Georgia, serif; font-size: 14px; line-height: 45px; display: inline; float: left; }
#main-nav li a { color: #FFF; text-decoration: none; display: block;}
#main-nav li a:hover { 	color: #91FFFF;background-color: #021c49;}

	/* sidebar typography */
#sidebar-photo-home h1	{line-height: 125%;	padding-right: 20px; padding-left: 35px; padding-top: 15px;}
#sidebar-photo-find-us h1	{line-height: 125%;	padding-right: 20px; padding-left: 35px; padding-top: 15px;} 
#sidebar-photo-contact h1	{line-height: 125%;	padding-right: 20px; padding-left: 35px; padding-top: 15px;} 
 	
	
	/* main content typography */
#main-content-area h1, h2, h3, h5, h5, h6 {	margin-bottom: 1em;}	
#main-content-area p {margin-bottom: 1em;}	
 
 	/* footer typography */
 #footer-text-area	{font-size: 10px;padding-top: 5px;padding-left: 15px;padding-bottom: 5px;}

 
/*	LAYOUT 
-------------------------------------- */

/* 	Site-wide */
#doc-wrapper {width: 960px;margin-top: 40px;margin-right: auto;	margin-left: auto;height: auto;height: 100%;min-height:100%;}


/*	Header ----- */
#header-background	{height: 243px;margin-right: auto;margin-left: auto;background: url(style/images/hdr_bg.gif) top center repeat-x;} 
#header-wrapper	{width: 960px;height: auto;margin-right: auto;margin-left: auto; }

#top-bar{background-image: url(style/images/hdr_2.gif);background-repeat: no-repeat;background-position: right top;height: 198px; width: 960px; }
h1#logo	{width: 389px; height: 198px;background: url(style/images/logo.gif) top left no-repeat;text-indent: -9999px;float: left;}
#nav-bar {width: 940px; text-align: center; margin-left:auto; margin-right:auto; }
form#searchform	{width: 940px;text-align: right;margin: 10px;}


/* 	Sidebars ----- */
#sidebar-photo-home	{width: 380px; height: 525px; float: left; background: url(style/images/photo_home.jpg) top left no-repeat;  }
#sidebar-photo-find-us	{width: 380px; height: 525px; float: left; background: url(style/images/photo_find-us.jpg) top left no-repeat; }
#sidebar-photo-contact	{width: 380px; height: 525px; float: left; background: url(style/images/photo_contact.jpg) top left no-repeat; }

/* 	Main Content area ----- */
#main-content-wrapper	{		/* Wrapper for all EXCEPT products page */
	width: 940px; height: 525px;border: 1px solid #00559F;	background: #002664;}
#main-content-area { width: 480px;height: 373px;background: url(style/images/content_bg.gif) repeat-x;float: left; padding-top:  40px;padding-left: 40px; padding-right: 40px;}	
#main-content-area img { border: 10px solid #002969; 	}	
#view-collection-area { width: 560px;height: 112px;float: left; }	

#main-content-wrapper-products {  /* Wrapper for products page ONLY */
	width: 960px; height: auto;margin-right: auto;	margin-left: auto;}

#view-collection {width: 213px; height: 92px;float: right;  display: inline;text-indent: -9999px;background: url("style/images/collection_btn.gif") left;margin-right: 15px;}
#view-collection:hover	{ background: url("style/images/collection_btn.gif") right;}

h1#products-graphic	{ width: 940px; height: 98px; background: url(style/images/hdr_products.gif) top no-repeat; text-indent: -9999px;}

.opening-times { height: 86px; background-color:#001956; color: #C45969; padding: 5px 15px; color: #b4d1f; }
.opening-times p { margin-top:-16px }

#button-twitter {background: url("style/images/btn-twitter.gif") top ;float: left;  display: inline;text-indent: -9999px;width: 50px; height: 60px;margin-left: 35px; margin-top: 23px; }
#button-twitter:hover {  background: url("style/images/btn-twitter.gif") bottom ; }   
#button-facebook {background: url("style/images/btn-face.gif") top ;float: left;  display: inline; text-indent: -9999px;width: 50px; height: 60px;margin-left: 15px; margin-top: 23px; }
#button-facebook:hover {  background: url("style/images/btn-face.gif") bottom ; }


/* 	Footer ----- */
#push {	height: 79px;} /* For sticky footer */
#footer	{	height: 79px; background: url(style/images/footer.gif) bottom center repeat-x; background-color: #002969; margin-top: -79px; margin-right: auto; margin-left: auto; clear: both;position: relative;}


/*	USEFUL CLASSES 
-------------------------------------- */

.button { border: 1px solid #003687; background: #003687; padding: 3px 8px; color: #FFF; font-family: Georgia, serif; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.button:hover {	background: #002969;  }
.form-text-area { border: 0px  #003374; background: #FFF; padding: 3px 8px;	margin-right: 5px;	color: #003687;	font-family:  "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; font-size: 12px; line-height: 150%;	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
	
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.clearfloat { clear:both; display: block ; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear floated columns */

.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */