/* CSS Document */
/*Turn shop on and off
#cart,
.shop_item_desc input.btn,
p.soldmessage,
#shop_single_item_desc .btn{display:none}*/

/*page defaults*/
html{overflow-y:scroll}

/*html, body {
height: 100%;
}*/

*{margin:0px;padding:0px;}
img{border:none}
a:active, a:focus{outline:none}
ol.list{margin:0px 0px 15px 40px}
ul.list{list-style-type:none;margin:0px 0px 15px 0px}
ol#alpha{list-style-type:lower-alpha}


body{
	margin-top:0px;
	font-size:12pt;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#403752;
	background-repeat:repeat;
	color:#444444;
}

p{margin-top:0px;margin-bottom:15px}
p.nomargin{margin-bottom:0}
p.topmargin{margin-top:15px}
h2{margin-top:0px;margin-bottom:15px;font-size:14pt;text-align:center}
h2 span{font-size:12pt}
h3{margin:0px;font-size:12pt}
a:link,a:visited{color:#554377}

img.left{float:left;margin:0px 30px 30px 0px}
img.right{float:right;margin:0px 0px 15px 30px}
img.centre, img.aligncenter {display:block;margin:0px auto}

img.alignleft {float:left;margin:0px 15px 15px 0px}
img.alignright {float:right;margin:0px 0px 15px 15px}
.pointer{cursor:pointer}
.clearboth{clear:both}
#facebook{display:block;float:right;width:24px;margin-left:4px}
#flickr{display:block;float:right;width:74px}

/* structural containers */
#container{margin-left:auto;margin-right:auto;width:975px;background-color:white}

#header{background-color:#A28EBF;}
#header img{display:block}

#navbar{margin:0px;height:36px;background:transparent url("images/buttons/navbutton.jpg") repeat-x top left}

		#navbar ul{list-style-type:none;margin:0;padding:0;}

		#navbar li{margin:0px;float:left}

		#navbar a{
			text-decoration: none;
			width:139px;
			display:block;
			text-align:	center;
			line-height:36px;
			font-size:12pt;
			margin:0px ;
			color:white
		}
		
		body.home #navbar a.home, body.gallery #navbar a.gallery, body.workshops #navbar a.workshops, body.contact #navbar a.contact,
		body.links #navbar a.links, body.blog #navbar a.blog, body.shop #navbar a.shop, body.tutorial #navbar a.links,#navbar a:hover {
			color:#403752;
					}
					
		body.home #navbar a.home, body.gallery #navbar a.gallery, body.contact #navbar a.contact
		{cursor:default}


#maintext{
	clear:both;
	margin-left:17px;
	margin-right:17px;
	margin-bottom:17px;
	margin-top: 0px;
	padding-top:15px;
	min-height:400px;
	height:1%;
	background-color:inherit
}

.blog #maintext, .tutorial #maintext {
	clear:both;
	padding:15px 17px 0;
	min-height:400px;
	width:705px;
	float:left;
	display:inline;
	margin: 0 0 17px
}

/*sidebar*/

#sidebar{width:215px;float:right;margin-right:17px;margin-top:15px;display:inline}
#sidebar .sidebar_element{background-color: #EFDCFF;padding:10px;margin-bottom:10px;text-align:center;overflow:auto;height:1%}
#sidebar p{margin-bottom:0}

/*blog specific entries*/
.blog .nopad{padding:5px}
.blog .leftalign, .blogroll {text-align:left}
.blog .ifa{display:block;width:120px;margin:0 auto;border-left:15px solid #BA122B;border-right:15px solid #BA122B;}
#sidebar #flickr_photostream-widget-6 h2{text-align:center;margin-bottom:5px}
#sidebar #flickr_photostream-widget-6 ul{padding:0 22px}
#sidebar #flickr_photostream-widget-6 li a{display:block}
#sidebar #flickr_photostream-widget-6 li{float:left;width:75px;}

.blog .rss {vertical-align:bottom}


/*tutorial sidebar specific entries*/

.tutorial #sidebar li:hover h2 a{text-decoration:underline}
.tutorial #sidebar h2{background-color:#7C69A1;color:white;font-size:12pt;margin:-10px -10px 5px;padding:5px 10px;text-align:left;}
.tutorial #sidebar h2 a{color:white;text-decoration:none}
.tutorial #sidebar h2 a:hover{text-decoration:underline}
.tutorial #sidebar #execphp-3{text-align:left}/*next workshop widget*/
.tutorial #sidebar #execphp-3 h2{text-align:left}
#sidebar #execphp-16 img,#sidebar #execphp-17 img{display:block;margin:0 auto}
#sidebar #execphp-16 ul,#sidebar #execphp-17 ul{margin-bottom:0;margin-top:5px}
#sidebar #execphp-16 ul li,#sidebar #execphp-17 ul li{margin-bottom:10px}







#footer{
color:#554377;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #A28EBF;
	clear:both;
	overflow:auto}
	
		.footertextleft{float:left;margin-left:17px;	line-height:2em}
		.footertextright{float:right;line-height:2em;margin-right:17px}

/*Form styling*/

form span{margin-left:15px}
form input.button{width:120px}

#mailinglistform{padding:0;width:700px;background-color:transparent;font-size:10pt;margin-bottom:15px}
#mailinglistform fieldset{border:2px solid #B8A9CE;padding:3px 7px 7px 30px}
#mailinglistform legend{padding:0 5px;background-color:inherit;margin-left:-20px;font-size:12pt}

.warning{border:1px solid red}
#emailwarn,#namewarn{color:red;margin:0}

/* Homepage */

#home_main{float:left;width:360px;margin-right:15px}
#home_right{float:left;width:300px}
#home_right div{margin-bottom:15px;background-color:#EFDCFF;padding-bottom:10px}
#home_right h2{text-align:left;color:white;background-color:#7C69A1;padding:5px 10px;font-size:12pt;margin:0 0 5px}
#home_right h2 a{color:white;text-decoration:none}
#home_right div:hover a{text-decoration:underline}
#home_right p,#home_right h3{padding:0 10px;margin:0}



/*Gallery styling*/

.gallery #maintext{padding-top:10px}

#gallery_main{float:left;width:364px;margin-right:40px}
#gallery_img_holder{height:500px}/* to stop the caption jumping to the top of the page when the image fades out*/
#gallery_main img,#gallery_main p{margin-left:30px}

#gallery_thumbnails{float:left;width:504px;height:372px;position:relative;margin-top:35px;overflow:hidden}
#gallery_thumb_margin{height:auto;overflow:auto;position:absolute;width:2520px;height:372px}

#gallery_thumbnails img{float:left;margin:2px;border:none;cursor:pointer}
#gallery_thumbnails img:hover{cursor:pointer}

.gallery_thumb_page{width:504px;height:372px;float:left}
#gallery_paging{text-align:center;float:left;width:504px;margin-top:15px}
#gallery_paging a{padding:0 5px;color:#403752}
#gallery_paging a.inactive{padding:0 5px;font-weight:normal;text-decoration:none;color:#999999}

/*Workshops styling*/
#events{float:left}

div.event{width:700px;background-color:#B8A9CE;margin:0 10px 20px;padding:10px;position:relative;line-height:23px}

.event p, .event h3{margin-bottom:0px;z-index:3}
.event h3{position:relative}

.event img.fullybooked{
	position:absolute;
	left:150px;
	z-index: 2;
	margin-top:-55px;
	top:50%
}

body.workshops .event form{display:inline;padding:0;margin:0 0 0 5px}
.workshopbtn{vertical-align:middle;margin-top:-2px}

p.tobook{display:inline}

/*.event_hidden{display:none}*/
.oneleft{color:white;font-weight:bold;margin-left:10px}
h3 span{font-weight:normal;position:absolute;right:0}
h3 span a:link, h3 span a:visited{color:#444444}
.event_cost, .oneleft{display:inline}


#workshop_sidebar{float:right;margin-right:10px;display:inline;width:190px;font-size:10pt;text-align:center}
#workshop_sidebar p, #workshop_sidebar h3{margin-bottom:5px}
#workshop_sidebar div{border:1px solid #B8A9CE;padding:5px;margin-bottom:10px}
#workshop_sidebar img{display:inline;margin-bottom:5px}
.commenter{font-style:italic}

body.workshops #mailinglistform{padding-left:10px;width:720px}


/*Workshop booking page*/
#workshopbooking{overflow:auto;height:1%;width:800px;margin:0 auto;background:#B8A9CE;padding:10px}
#workshopbooking form{background-color:none;padding:0;text-align:right;margin:0;width:500px;float:right}
#workshopbooking form .workshopbtn{clear:left;float:right;width:140px;margin-left:360px;margin-top:5px}
#workshopbooking form select{width:40px;vertical-align:top}
#workshopbooking form label{font-weight:bold;}
#workshopbooking p{margin-bottom:10px}
#workshopbooking p.cost{float:left;width:250px}
#workshopbooking #nocontactnumber{color:red;margin-bottom:0;margin-left:30%}
#workshopbooking #contactlabel{display:block}

/* Blog homepage */

.blog h1{font-weight:normal;height:32px;line-height:32px;text-align:center;font-family:Papyrus,Arial, Helvetica, sans-serif;font-size:24pt;padding:13px 0;width:400px;margin:0 auto;background:transparent url(/images/misc/blogbg_new.jpg) no-repeat left center}
.blog h2{text-align:left}

/* all these below are required for wordpress theme*/
.entry{margin-top:10px;overflow:auto;padding-bottom:15px}
.entry ul{margin-bottom:15px}
h2#comments{margin-bottom:10px}
ol.commentlist {margin-left:40px}
#sidebar ul {margin:0;padding:0;list-style-type:none;} 
.alignright{float:right}
.alignleft{float:left}
div.post{border-bottom:3px solid #B8A9CE;margin-bottom:10px;clear:both;}
form#commentform textarea{width:600px;font-family:Arial, Helvetica, sans-serif}
#sidebar h2{font-size:12pt;margin-bottom:0}
#sidebar ul{margin-bottom:15px}
#sidebar form{margin-bottom:0}
#sidebar #archivelist{margin-bottom:2px}
#sidebar #archive{font-size:12pt}
h2 span{font-weight:normal;font-size:12pt}
.addtoany_list{float:right;width:180px;list-style-type:none}
div.postmetadata{margin-bottom:10px}

.imagerow > img{vertical-align:middle;margin:0px 10px 0px 0px;}
.imagerow{text-align:center;margin-bottom:15px}

.imagerow .wp-caption
{
display: -moz-inline-box;/* for FF2*/
-moz-box-orient: vertical;/* for FF2*/
display: inline-block;
vertical-align:middle;
margin:10px 10px 0px 0px;
}

.wp-caption p{margin:5px 0px 10px}

div.aligncenter{margin:0 auto}




/* Resources pages and shop polices page*/
.res_left{float:left;clear:left;width:464px;margin:0px 0px 17px 0px;padding-bottom:10px}
.res_right{margin:0px 0px 17px 479px;padding-bottom:10px}

.res_left, .res_right{background-color:#EFDCFF;}

	.res_left h3, .res_right h3{display:block;background-color:#7C69A1;padding:5px 10px;color:white;font-weight:bold}
	.res_left p, .res_right p{margin:5px 10px}


/* Shop */
/* Common to all shop pages*/
.shop #container{position:relative}
#cart{position:absolute;top:0;right:0;padding:10px;background: url("images/shop/buttons/Cart_background.png")}
#cart form{margin-bottom:0}

#shop_left{float:left;width:780px;margin-bottom:15px}
#shop_right{float:right;width:150px;margin-bottom:15px}
#shopmenu{width:150px;list-style-type:none;margin:0;padding:0 0 0;}
#shopmenu a{text-decoration:none;display:block;line-height:30px;background:transparent url("images/shop/buttons/shopnav_btn.jpg") no-repeat top left;color:white;margin-bottom:1px;padding-left:10px}

body.shop_broochcare #shopmenu a.brooch_care,
body.shop_care #shopmenu a.care,
body.shop_policies #shopmenu a.policies,
body.shop_vouchers #shopmenu a.vouchers,
.shop_scarves #shopmenu a#scarves_page,
.shop_brooches #shopmenu a#brooches_page,
.shop_bags #shopmenu a#bags_page,
.shop_interiors #shopmenu a#interiors_page,
.shop_notebooks #shopmenu a#notebooks_page,
body.shopfront #shopmenu a.shop_home,
#shopmenu a:hover
{background:transparent url("images/shop/buttons/shopnav_btn_active.jpg") no-repeat top left}

.shop_feedback{margin-top:10px;border: 1px solid #B8A9CE;padding:5px;font-size:10pt}
.shop_feedback h2{font-size:12pt;margin-bottom:5px}
.shop_feedback p{text-align:right}

/* Top level shop page*/
body.shop h1{
	text-align:center;
	font-family:Papyrus, Arial, Helvetica, sans-serif;
	font-size:22pt;
	margin:0 0 10px;
	font-weight:bold;
	background-color:#A28EBF;
	padding:10px 0;
	color:white;
}/*for cufon*/

#breadcrumbs{font-size:10pt}

body.shopfront h2{font-size:12pt;margin-bottom:0;padding:6px 0;text-align:left}

#shop_frontpage{float:none;width:780px;padding-top:0;}

#shop_frontpage a:visited,#shop_frontpage a:link{color:#444444}

.shophome_item{
float:left;
display:block;
width:158px;
border:1px solid white;	
margin:0 20px 0 0;
text-decoration:none;
color:#444444;	
padding:10px 10px 5px;
display:inline;
text-align:center;
height:240px;
font-size:10pt
}

.shophome_item:hover{border-color:#A28EBF}

#shop_frontpage .last{margin-right:0}

.shophome_item img{margin:0 auto 5px;display:block}
	
/* For category page */

strike,.sale_price{color:crimson}
.black{color:#444444}
.sale{position:absolute}
#shop_single_item_desc img.sale{left:-335px}
.shop_item img.sale{left:3px;top:3px}

#categorytext{margin:0 13px 15px}

.shop_item{
	width:358px;
	height:180px;
	background-color:#B8A9CE;
	float:left;
	margin:0 0 11px 11px;
	padding:10px;
	display:inline;
	position:relative;
}
.shop_item img{float:left}

.shop_item_desc{
	width:225px;
	padding:5px 0 5px 5px;
	height:170px;
	float:right;
	position:relative
	}
	
.shop_item_desc p {margin-bottom:5px}
.shop_item_desc input.btn{position:absolute;bottom:0;right:5px}
.shop_item_desc p.soldmessage{position:absolute;bottom:2px;margin-bottom:0;right:5px;}
.soldmessage{color:#61557D;font-weight:bold;margin:0;width:152px;line-height:33px;text-align:center;border:1px solid #61557D}


/* Single item pages*/
body.shop_single img#largeimg{float:left;display:inline;margin:0 0px 15px 4px;height:420px;width:280px}
#shop_thumbnails{float:left;width:48px;padding:0 12px;background-color:transparent;height:420px;margin-right:0px}
#shop_thumbnails img{margin:0 0 15px;display:block}/*display block for IE*/
#shop_single_item_desc{float:left;width:400px;background-color:#B8A9CE;height:400px;padding:10px;position:relative}
#shop_single_item_desc p{margin-bottom:10px}
#shop_single_item_desc #shop_postage{margin-left:10px}
#shop_single_item_desc .soldmessage{float:left;}
#shop_single_item_desc img{position:absolute;bottom:0;right:10px}
#pricepostage {width:250px;float:left;margin-top:10px}

/* Care page*/
.scarves{margin-bottom:15px;text-align:center}
.scarves img{margin-right:5px;border:1px solid #B8A9CE}
.broochcare{float:left;width:270px;padding:20px;margin:0 0 15px 15px;border:1px solid #B8A9CE}
.broochleft{margin-left:70px;display:inline}
.broochcare p{margin-top:45px; width:135px;margin-bottom:0}
.broochcare img{float:right}


/* Gift voucher page*/
body.shop_vouchers #shop_left p, body.shop_vouchers #shop_left form{margin-left:233px}
#giftvoucherform input, #giftvoucherform label {float:left}
#giftvoucher{width:40px;margin-right:40px}
#giftvoucherform label {margin-right:2px}
#giftvoucherform label span{font-weight:bold;margin-left:5px}
#giftvoucherform label, #giftvoucher {margin-top:9px}

/* Policies page*/
body.shop .res_left{width:384px}
body.shop .res_right{margin-left:395px}
body.shop .res_left, body.shop .res_right{margin-bottom:11px;background:none}
body.shop .res_left h3, body.shop .res_right h3{background:none;color:black}
body.shop .res_left p, body.shop .res_right p{margin:0 10px}