/*

	New styling for craft-candy.org
	--------------------------------

	@file 		base.css
	@version 	1.0.0b
	@date 		2011-02-18 17:11:00
	@author 	Owen Waterhouse <owen@owenwaterhouse.co.uk>

	Copyright (c) 2009 Ozag <http://owenwaterhouse.co.uk>

*/

/* COLOURS */
/*	
	HOT PINK	#E80E8A
	BLUE		#5EBAE8
	GRASS		#8CCA7F
	LIME		#C4DE95
*/
/* END colours */

/* RESET */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

html			{height: 100%;}
body 			{height: 100%; line-height: 1.5em; font-size: 12px; font-family: Helvetica, Arial, Verdana, sans-serif; text-align: center; color: #111;}
ol, ul 			{list-style: none;}
blockquote, q 	{quotes: none;}
:focus 			{outline: 1px;}
ins 			{background-color: #FFFFCC; }
del 			{text-decoration: line-through;}
table 			{border-collapse: collapse; border-spacing: 0;}

/* END reset */

/* BASIC STYLING */

p				{margin: 4px 0;}

a				{color: #5EBAE8; text-decoration: none;}

a:hover			{color: #111; text-decoration: underline;}

a:visited		{c/olor: #888;}

h1,h2,h3,h4,h5,h6	{font-family: "Rosewood", "Trebuchet MS", Verdanda, Arial, sans-serif; font-weight: normal;}

h1				{font-size: 22px; color: #E80E8A; margin-bottom: 12px; line-height: 200%;}

h2				{font-size: 20px; color: #5EBAE8; margin-bottom: 10px;}

h3				{font-size: 150%; color: #E80E8A; margin-bottom: 8px;}

h4				{font-size: 130%; color: #5EBAE8; margin-bottom: 6px;}

h5				{font-size: 120%; color: #E80E8A; font-variant: small-caps; margin-bottom: 4px;}

h6				{font-size: 110%;}

/* END basic styling */

/* COMMON CLASSES */
.give-me-room	{padding-top: 20px;}

.give-me-room p	{margin-bottom: 15px;}

.line-me-up		{text-align: center;}

.itty			{font-size: 90%;}

.pir			{}

.pir-replaced	{text-indent: -9000px; display: block; float: left; background-repeat: no-repeat; background-position: left top; background-color: transparent;}

/* END common classes */

/* COMMON ELEMENTS */
/*
#subscribe-link	{background: url(../img/postbox.png) 95% center no-repeat; width: 100%; min-width: 200px; height: 105px; display: block;}

#subscribe-link:hover	{opacity: 0.5; filter: alpha(opacity=50);}
*/
a#subscribe-link		{text-decoration: none; text-indent: -9000px; display: block; color: #FFF; background: url(../img/postbox-n-text-dark.png) 95% center no-repeat; height: 131px; width: 150px; margin-left: 75px;}

a#subscribe-link:hover	{text-decoration: none; opacity: 0.5; filter: alpha(opacity=50);}

/* END common elements */

/* LAYOUT */
#screen-wrap	{min-height: 100%; position: relative;}

.wrapped		{width: 960px; margin: 0 auto; padding: 0 12px; text-align: left;}

.clear			{clear: both; /*background: transparent url(../img/candylong.png) no-repeat scroll center center; margin: 0 auto; width: 600px; height: 137px; z-index: 4;*/}

#header-wrap	{height: 270px; position: relative; background-color: #DAEAED; margin-bottom: 40px; border-bottom: 2px solid #DAEAED;}

	#header		{position: relative; height: 240px; padding-top: 20px;}

		#header h1	{height: 200px; width: 200px; position: absolute; left: 380px; top: 18px; background: transparent url(../img/cc-logo.png) top left no-repeat;}
			
			#header h1 a	{display: block; height: 40%; width: 70%; text-indent: -9000px; position: absolute; left: 15%; top: 20%;}
			
		#widget		{width: 285px; float: left; padding-top: 3px;}
		
			#widget ul	{width: 100%; float: left;}
		
				#widget ul li	{float: left; margin: 0 16px 14px 0;}
			
					#widget ul li img	{float: left;}
			
		#strap		{width: 281px; float: left; margin-left: 300px; color: #333; font-size: 120%; overflow: hidden;}
		
			#strap h2#strapline	{line-height: 130%; color: #333; font-family: Sandra, Arial, sans-serif; font-size: 160%; padding-top: 10px; margin-bottom: 10px;}
			
			#strap p	{margin: 0 0 15px; text-align: justify;}
		
		#navigation	{position: absolute; bottom: -5px; left: 100px; padding-left: 112px; float: left;}
	
			#navigation li	{float: left;}
	
				#navigation li a	{padding: 0 12px; color: #555; font-family: Sandra, Arial, sans-serif; font-size: 18px; font-variant: small-caps; text-indent: 0px; display: block;}
				
				#navigation li a.active, #navigation li a.parent	{color: #111; font-weight: bold;}
				
				#navigation li a:hover	{color: #5EBAE8; text-decoration: none;}
					
				#navigation li a.firstlist	{padding: 0 12px 0 0;}	
				
		#add-to-mailing	{float: left; margin-left: 70px; margin-top: 5px;}							
		
			#add-to-mailing	a	{text-decoration: none; text-indent: -9000px; display: block; color: #FFF; background: url(../img/postbox-n-text.png) 95% center no-repeat; height: 131px; width: 150px;}

			#add-to-mailing	a:hover	{text-decoration: none; opacity: 0.5; filter: alpha(opacity=50);}

#content		{padding-bottom: 170px; position: relative;}

	div.third			{float: left; width: 300px; margin: 0 30px 5px 0; position: relative; text-align: left;}
	
	div.third.last		{float: right; margin: 0;}
	
	.two-col-span		{float: left; width: 630px;}
	
	.third.last.info	{color: #444; width: 278px; padding: 15px 10px 30px; background-color: #FFF; border: solid 1px #5EBAE8; -moz-border-radius: 10px; -webkit-border-radius: 10px; right: 12px; top: 0; bottom: 140px; overflow: hidden;}

	.third.last.links	{font-size: 140%; text-align: center;}

#footer-wrap	{position: absolute; bottom: 0; left: 0; float: left; clear: both; width: 100%; height: 135px; /* background-color: #666; border-top: 1px solid #DDDDDD; */ color: #666; font-size: 90%;}

	#footer		{position: relative;}

		#footer a:hover		{color: #FFF;}
		
		div.quarter			{float: left; width: 20%; padding: 25px 2.5% 0; margin: 0 -1px 5px 0; /* border-right: solid 1px #777; */ height: 100px; overflow: hidden; position: relative;}
		
		div.quarter.last	{float: right; border-right: none;}
			
			div.quarter.copyright	{text-align: right; /* background: url(../img/cc-logo-fff.png) left 40% no-repeat; */}
			
				div.quarter.copyright p	{position: absolute; bottom: 0; right: 5%;}
			
				div.quarter.links a		{color: #E80E8A; font-variant: small-caps;}

/* END layout

/* HOMEPAGE */
.listings			{float: left; width: 100%;}

.listings li		{border-bottom: solid 1px #DDD; margin-bottom: 12px; float: left; clear: left; width: 100%; padding-bottom: 6px;}

.listings-title		{color: #E80E8A; display: block; font-weight: bold;}

.listings-image		{margin-right: 10px; overflow: hidden; text-align: center; float: left;}

#news-header	{b/ackground: transparent url(../img/news-header.png) top left no-repeat; h/eight: 22px; w/idth: 52px; text-indent: 0px;}

#events-header	{b/ackground: transparent url(../img/events-header.png) top left no-repeat; color: #E80E8A; h/eight: 22px; w/idth: 70px; text-indent: 0px;}

#featured-link	{display: block; width: 100%; text-align: center; margin-bottom: 30px;}

#featured-link span	{display: block; font-size: 70%;}

#featured-link:hover	{text-decoration: none;}
/* END homepage */	

/* ABOUT */
#membership-list	{list-style: circle; padding-left: 20px;}

#about-header		{b/ackground: url(../img/about-header.png) top left no-repeat; w/idth: 61px; h/eight: 22px; text-indent: 0px;}

#membership-header	{b/ackground: url(../img/membership-header.png) top left no-repeat; w/idth: 121px; h/eight: 22px; text-indent: 0px;}

#mission-header		{b/ackground: url(../img/mission-header.png) bottom left no-repeat; w/idth: 76px; h/eight: 22px; text-indent: 0px;}
/* END about*/

/* MEMBERS */
#members-grid		{float: left; width: 630px;}

#members-grid li	{float: left; margin: 4px 4px; text-align: center; width: 95px; height: 150px; overflow: hidden;}

	#members-grid li a	{display: block;}
	
	#members-grid li a:hover	{text-decoration: none;}
	
		#members-grid li a span	{display: block;}

#members-info	{float: left; clear: left; width: 940px; padding: 10px; background-color: #FFF; border: solid 1px #5EBAE8; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

	#members-info p	{color: #444;}

	#members-header	{b/ackground: url(../img/members-header.png) top left no-repeat; w/idth: 89px; h/eight: 22px; t/ext-indent: -9000px;}

#members-info					{width: 888px; margin-left: 12px; margin-bottom: 10px;}
#members-grid li.list-heading	{-moz-border-radius: 10px; background-color: #5EBAE8; color: #FFF; padding-top: 3px; height: 20px; width: 100%; margin: 4px 12px;}

#posty										{z-index: 20; background-color: #FFF; position: absolute; top: 40px; left: 120px;}

.members-postcard							{width: 680px; background: #FFF url('../img/postcard-top-scale.jpg') 98% 2px no-repeat; border: solid 1px #DDD; padding: 20px 0 0;}
.members-postcard div.col1					{width: 349px; border-right: solid 1px #444; float: left; padding: 0 10px;}
.members-postcard div.col1 ul				{float: left; width: 100%; list-style: none; margin: 0; padding: 0;}
.members-postcard div.col1 ul li			{float: left; padding: 4px;}
.members-postcard div.col1 p				{clear: left; padding: 2px 0;}
.members-postcard ul.col2					{width: 290px; list-style: none; margin: 15% 0 0; padding: 0; float: left; padding: 0 10px;}
.members-postcard ul.col2 li				{width: 290px; float: left; clear: left;}
.members-postcard ul.col2 li span			{color: #666; float: left; width: 220px;}
.members-postcard ul.col2 li span.ref		{margin-left: 0; color: #111; width: 70px;}
#posty #close 								{background:#FFF url(../img/sb/closelabel.gif) no-repeat scroll 1px 1px; border:1px solid #888; display:block; height:22px; left:-12px; padding:1px; position:absolute; text-indent:-9000px; top:-12px; width:66px; cursor: pointer;}
#posty #close:hover							{border-color: #FF33CC; background-color: #F5A1BA;}
.members-postcard div.float-fix				{clear: both; background: #FFF url('../img/postcard-bottom-scale.jpg') 98% top no-repeat; height: 44px;}

/* END members

/* WORKSHOPS */
#workshops-header	{b/ackground: url(../img/workshops-header.png) top left no-repeat; w/idth: 115px; h/eight: 22px; t/ext-indent: -9000px;}

.workshop-listing	{border-bottom: solid 1px #DDD; margin-bottom: 12px; float: left; padding-bottom: 12px;}

	.workshop-image		{float: left; margin-right: 15px; width: 250px;}	

		.workshop-image a	{display: block;}
		
	.workshop-text		{float: left; width: 365px;}

		.workshop-text ul	{width: 100%; float: left;}
	
			.workshop-text ul li		{float: left; clear: left; margin-bottom: 2px;}
			
			.workshop-text ul li span		{float: left; color: #444;}
		
			.workshop-text ul li span.ref	{width: 6em; color: #111; clear: left;}
			
#workshop-register			{clear: left; float: left; font-size: 200%; border: solid 1px #F5A1BA; color: #F5A1BA; width: 90%; text-align: center; padding: 10px 0; -moz-border-radius: 12px; -webkit-border-radius: 12px; margin-top: 20px;}

#workshop-register:hover	{text-decoration: none; color: #111; border-color: #111;}

#workshop-return			{margin-top: 10px; border-bottom: dotted 1px; clear: left; display: block; float: left; width: 15em;}

#workshop-return:hover		{text-decoration: none;}

#workshop-registration-form						{float: left;}

	#workshop-registration-form p					{margin-bottom: 20px;}
	
	#workshop-registration-form label				{float: left; clear: left; width: 15em; margin-right: 1em; text-align: right; margin-bottom: 12px;}
	
	#workshop-registration-form input,
	#workshop-registration-form select,
	#workshop-registration-form textarea			{display: block; margin-bottom: 12px; margin-left: 15em;}
	
	#workshop-registration-form input[type="text"]	{border: solid 1px #DDD; background-color: #fff6c1;}
	
	#workshop-registration-form input#submit		{clear: left; margin-left: 17em;}
	
	#workshop-registration-form #form-errors		{color: red; margin-left: 16em;}
	
	#workshop-registration-form #form-errors p		{margin-bottom: 4px;}			 			
/* END workshops

/* FRIENDS */
#our-friends-header	{b/ackground: url(../img/our-friends-header.png) top left no-repeat; w/idth: 121px; h/eight: 22px; t/ext-indent: -9000px;}

.friends-listing		{margin-top: 30px;}

.friends-listing li		{text-align: center; margin-bottom: 6px; font-size: 120%;}

.friends-listing a		{display: block; border: solid 1px #FFF; padding: 5px 0;}

.friends-listing a:hover	{border-color: #DDD; text-decoration: none;}
/* END friends

/* CONTACT */
#contact-list li	{margin-bottom: 20px;}

#contact-list a		{font-size: 160%; font-weight: bold; color: #333;}
/* END contact */

/* NEWSLETTERS */
#newsletters-subscribe	{color: #FFF;}

	.newsletters-intro	{font-size: 110%; padding: 10px; background-color: #8CCA7F; border-bottom: solid 4px #FFF; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;}

		.newsletters-intro a	{color: #111;}
	
	#newsletters-subscribe form	{color: #666; font-size: 120%; padding: 10px; background-color: #C4DE95; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;}

		#newsletters-subscribe form label, #newsletters-subscribe form input {display: block;}
		
		#newsletters-subscribe form input[type="text"]	{border: solid 1px #DDD; padding: 5px; margin-bottom: 10px; width: 95%;}
	
		#newsletters-subscribe form input[type="text"]:focus	{border-color: #666;}
		
		#newsletters-subscribe form input.mce_inline_error[type="text"]	{border-color: #E80E8A;}
		
		#newsletters-subscribe form .itty	{width: 150px; margin-right: 30px; float: left; clear: left; padding: 5px 0;}
		
		#newsletters-subscribe form .repo	{float: left; margin-top: 15px; margin-right: 80px;}
	
		#newsletters-subscribe form #submit	{position: relative; clear: both;}
		
		.mc-field-group	{margin-top: 10px;}
		
		#newsletters-subscribe form #email-format-selectors li	{float: left; margin-right: 30px;}
		
		#newsletters-subscribe form #mce-responses	{display: block; clear: left; margin-top: 10px;}
		
		#mce-error-response		{color: #E80E8A; border: solid 2px #E80E8A; padding: 5px;}
		
		#mce-success-response		{color: #333; border: solid 2px #8CCA7F; padding: 5px;}
		
		#newsletters-subscribe form .indicate-required	{text-align: right; font-size: 75%; color: #E80E8A;}
		
		#newsletters-subscribe form #mc-embedded-subscribe	{margin-top: 10px;}
		
	.newsletters-footer	{color: #666;}
	
/* -- success */
#newsletter-success			{margin-top: 60px; border: solid 2px #8CCA7F; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 20px 0; text-align: center;}
	
	#newsletter-success h2	{color: #8CCA7F;}	
		
/* -- failed */
#newsletter-fail			{margin-top: 60px; border: solid 2px #E80E8A; -moz-border-radius: 6px; padding: 20px 0; text-align: center;}
	
	#newsletter-fail h2		{color: #E80E8A;}
	
/* END newsletters

/* SLIMBOX */
#lbOverlay 						{position: absolute; z-index: 9999; left: 0; width: 100%; background-color: #000; cursor: pointer;}
#lbCenter, #lbBottomContainer	{position: absolute;z-index: 9999; left: 50%; overflow: hidden;	background-color: #fff;border: solid 1px #DDD;}
#lbCenter						{border-bottom-style: none;}
#lbBottomContainer				{border-top-style: none;}
.lbLoading 						{background: #fff url(../img/sb/loading.gif) no-repeat center;}
#lbImage 						{position: absolute; left: 0; top: 0; border: 10px solid #fff;	background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink 		{display: block; position: absolute; top: 0; width: 20%; outline: none;}
#lbPrevLink 					{left: 0;}
#lbPrevLink:hover 				{background: transparent url(../img/sb/prevlabel.gif) no-repeat 0% 5%;}
#lbNextLink 					{right: 0;}
#lbNextLink:hover 				{background: transparent url(../img/sb/nextlabel.gif) no-repeat 100% 5%;}
#lbBottom 						{font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #FFF; border-top-style: none;}
#lbCloseLink 					{display: block; float: right; width: 66px;	height: 22px; background: transparent url(../img/sb/closelabel.gif) no-repeat center; margin: 5px 0; outline: none;}
#lbCaption, #lbNumber 			{margin-right: 71px;}
#lbCaption 						{font-weight: bold;}
/* END slimbox */

/*FLICKR BADGE */
.zg_div {margin: 20px 0 10px;}
.zg_div_inner { color:#CCCCCC; text-align:center; font-family:arial, helvetica; font-size:11px;}
.zg_div a, .zg_div a:hover, .zg_div a:visited {color:#FFFFFF; background:inherit !important; text-decoration:none !important;}
/* END flickr badge